*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}:root{--ink:#17304a;--muted:#718091;--paper:#fffdf2f0;--paper-strong:#fffff8fa;--line:#27384721;--teal:#15978f;--green:#24aa78;--gold:#efbd4a;--red:#e45d52;--blue:#2f9cca;--shadow:0 18px 42px #122d382e;--hard-shadow:0 12px 0 #1438411f, 0 26px 52px #14384133}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#62d2dc;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}.hcShell{background:radial-gradient(circle at 52% 34%,#ffffff73,#0000 28%),radial-gradient(circle at 18% 84%,#1e92a147,#0000 26%),linear-gradient(145deg,#bff4ee 0%,#67d6dd 48%,#229fba 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.hcShell:before,.hcShell:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.hcShell:before{background:linear-gradient(90deg,#ffffff2e,#0000 18% 82%,#135b7029),linear-gradient(#ffffff29,#0000 28%,#154b591f)}.hcShell:after{box-shadow:inset 0 0 0 10px #ffffff38,inset 0 -42px 88px #1247551f}.mapViewport{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.mapViewport:active{cursor:grabbing}.mapLayer{aspect-ratio:3/2;width:min(120vw,1500px);transform:translate(calc(-50% + var(--panX,0px)), calc(-50% + var(--panY,0px))) scale(var(--zoom,1));transform-origin:50%;filter:drop-shadow(0 30px 42px #0f354042)saturate(1.05)contrast(1.02);transition:transform 80ms linear;animation:.7s both mapFloat;position:absolute;top:47%;left:50%}@keyframes mapFloat{0%{opacity:0;transform:translate(calc(-50% + var(--panX,0px)), calc(-48% + var(--panY,0px))) scale(calc(var(--zoom,1) * .97))}to{opacity:1;transform:translate(calc(-50% + var(--panX,0px)), calc(-50% + var(--panY,0px))) scale(var(--zoom,1))}}.cityPicture,.cityMap,.hotspotLayer,.pieceLayer{position:absolute;inset:0}.cityPicture{display:block}.cityMap{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.hotspotLayer,.pieceLayer{pointer-events:none}.hotspot{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:999px;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.hotspot i{opacity:0;background:#ffffffdb;border:3px solid #1f978fd1;border-radius:999px;transition:opacity .18s,transform .18s;position:absolute;inset:9px;transform:scale(.72);box-shadow:0 6px 14px #16505838}.hotspot.visible i,.hotspot.selected i{opacity:1;transform:scale(1)}.hotspot.selected i{border-color:var(--red);background:#fff5d6}.hotspot span{color:#2d4556;white-space:nowrap;opacity:0;pointer-events:none;background:#fffdf4e6;border:1px solid #1f2d3d1f;border-radius:999px;min-width:76px;padding:5px 8px;font-size:12px;font-weight:900;transition:opacity .18s;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #1f2d3d1f}.hotspot.visible span,.hotspot.selected span{opacity:1}.hiddenPiece{width:calc(56px * var(--pieceScale,1));height:calc(66px * var(--pieceScale,1));cursor:grab;pointer-events:auto;filter:drop-shadow(0 12px 12px #102c323d);background:0 0;border:0;position:absolute;transform:translate(-50%,-82%)}.hiddenPiece:active{cursor:grabbing}.hiddenPiece.paintMode{cursor:crosshair}.hiddenPiece i,.originalBuilding i,.targetFigure i{background:var(--pieceColor);clip-path:polygon(50% 0,74% 12%,78% 36%,91% 44%,78% 56%,75% 100%,25% 100%,22% 56%,9% 44%,22% 36%,26% 12%);transform:scale(var(--morphX,1), var(--morphY,1));transform-origin:50% 100%;border:2px solid #ffffffc2;display:block;position:absolute;inset:8px 12px 10px;overflow:hidden}.paintSvg{mix-blend-mode:multiply;opacity:.88;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hiddenPiece.kind-skyscraper i,.originalBuilding.kind-skyscraper i,.targetFigure.kind-skyscraper i{clip-path:polygon(32% 0,76% 0,82% 100%,18% 100%)}.hiddenPiece.kind-bridge i,.originalBuilding.kind-bridge i,.targetFigure.kind-bridge i{clip-path:polygon(2% 70%,20% 25%,50% 6%,80% 25%,98% 70%,88% 82%,72% 48%,50% 30%,28% 48%,12% 82%);inset:26px 2px 16px}.hiddenPiece.kind-heritage i,.hiddenPiece.kind-street i,.originalBuilding.kind-heritage i,.originalBuilding.kind-street i,.targetFigure.kind-heritage i,.targetFigure.kind-street i{clip-path:polygon(8% 42%,50% 8%,92% 42%,82% 42%,82% 100%,18% 100%,18% 42%)}.hiddenPiece.kind-statue i,.originalBuilding.kind-statue i,.targetFigure.kind-statue i{clip-path:polygon(50% 2%,64% 18%,61% 35%,75% 44%,66% 58%,73% 100%,27% 100%,34% 58%,25% 44%,39% 35%,36% 18%)}.hiddenPiece.kind-gate i,.originalBuilding.kind-gate i,.targetFigure.kind-gate i{clip-path:polygon(6% 100%,6% 42%,18% 42%,18% 26%,50% 0,82% 26%,82% 42%,94% 42%,94% 100%,66% 100%,66% 62%,34% 62%,34% 100%)}.hiddenPiece.kind-artifact i,.originalBuilding.kind-artifact i,.targetFigure.kind-artifact i{clip-path:polygon(18% 100%,24% 78%,14% 34%,30% 24%,28% 8%,72% 8%,70% 24%,86% 34%,76% 78%,82% 100%)}.hiddenPiece.kind-campus i,.originalBuilding.kind-campus i,.targetFigure.kind-campus i{clip-path:polygon(8% 100%,8% 34%,50% 4%,92% 34%,92% 100%,68% 100%,68% 58%,32% 58%,32% 100%)}.hiddenPiece.kind-food i,.originalBuilding.kind-food i,.targetFigure.kind-food i{clip-path:ellipse(42% 34% at 50% 58%)}.hiddenPiece.kind-craft i,.originalBuilding.kind-craft i,.targetFigure.kind-craft i{clip-path:polygon(50% 0,70% 10%,88% 32%,80% 58%,92% 82%,68% 100%,50% 88%,32% 100%,8% 82%,20% 58%,12% 32%,30% 10%)}.hiddenPiece.kind-object i,.originalBuilding.kind-object i,.targetFigure.kind-object i,.hiddenPiece.kind-painting i,.originalBuilding.kind-painting i,.targetFigure.kind-painting i{clip-path:polygon(18% 100%,18% 18%,50% 0,82% 18%,82% 100%)}.hiddenPiece.source-shanghai-oriental-pearl i,.originalBuilding.source-shanghai-oriental-pearl i,.targetFigure.source-shanghai-oriental-pearl i{clip-path:polygon(47% 0,54% 0,56% 19%,70% 25%,68% 39%,56% 43%,58% 56%,74% 63%,71% 80%,58% 83%,61% 100%,39% 100%,42% 83%,29% 80%,26% 63%,42% 56%,44% 43%,32% 39%,30% 25%,44% 19%)}.hiddenPiece.source-beijing-cctv i,.originalBuilding.source-beijing-cctv i,.targetFigure.source-beijing-cctv i{clip-path:polygon(21% 6%,48% 6%,60% 58%,76% 58%,62% 6%,84% 6%,96% 88%,72% 100%,49% 78%,32% 78%,38% 100%,12% 100%)}.hiddenPiece.source-shenzhen-pingan i,.originalBuilding.source-shenzhen-pingan i,.targetFigure.source-shenzhen-pingan i{clip-path:polygon(50% 0,63% 13%,67% 100%,33% 100%,37% 13%)}.hiddenPiece.source-chongqing-raffles i,.originalBuilding.source-chongqing-raffles i,.targetFigure.source-chongqing-raffles i{clip-path:polygon(8% 100%,8% 22%,28% 22%,28% 48%,72% 48%,72% 18%,92% 18%,92% 100%,72% 100%,72% 62%,28% 62%,28% 100%)}.hiddenPiece.source-beijing-temple-heaven i,.originalBuilding.source-beijing-temple-heaven i,.targetFigure.source-beijing-temple-heaven i{clip-path:polygon(50% 0,74% 18%,64% 18%,88% 34%,74% 36%,94% 52%,78% 55%,78% 100%,22% 100%,22% 55%,6% 52%,26% 36%,12% 34%,36% 18%,26% 18%)}.hiddenPiece.source-suzhou-gate-east i,.originalBuilding.source-suzhou-gate-east i,.targetFigure.source-suzhou-gate-east i{clip-path:polygon(8% 100%,8% 18%,37% 4%,49% 40%,63% 4%,92% 18%,92% 100%,69% 100%,69% 40%,57% 29%,50% 63%,42% 29%,31% 40%,31% 100%)}.hiddenPiece.source-modern-lamp i,.originalBuilding.source-modern-lamp i,.targetFigure.source-modern-lamp i,.hiddenPiece.source-traffic-light i,.originalBuilding.source-traffic-light i,.targetFigure.source-traffic-light i{clip-path:polygon(43% 100%,43% 35%,30% 35%,30% 10%,70% 10%,70% 35%,57% 35%,57% 100%)}.hiddenPiece.source-phone-booth i,.originalBuilding.source-phone-booth i,.targetFigure.source-phone-booth i{clip-path:polygon(22% 100%,22% 15%,35% 0,65% 0,78% 15%,78% 100%)}.hiddenPiece.source-glass-tower i,.originalBuilding.source-glass-tower i,.targetFigure.source-glass-tower i,.hiddenPiece.source-fudan-guanghua i,.originalBuilding.source-fudan-guanghua i,.targetFigure.source-fudan-guanghua i{clip-path:polygon(22% 100%,26% 8%,74% 8%,78% 100%)}.hiddenPiece.source-terracotta-warrior i,.originalBuilding.source-terracotta-warrior i,.targetFigure.source-terracotta-warrior i{clip-path:polygon(50% 0,66% 14%,66% 34%,82% 48%,72% 100%,28% 100%,18% 48%,34% 34%,34% 14%)}.hiddenPiece.source-singingdui-mask i,.originalBuilding.source-singingdui-mask i,.targetFigure.source-singingdui-mask i,.hiddenPiece.source-sanxingdui-mask i,.originalBuilding.source-sanxingdui-mask i,.targetFigure.source-sanxingdui-mask i{clip-path:polygon(50% 0,90% 30%,78% 100%,22% 100%,10% 30%)}.hiddenPiece.source-pku-boya i,.originalBuilding.source-pku-boya i,.targetFigure.source-pku-boya i,.hiddenPiece.source-kaifeng-iron-pagoda i,.originalBuilding.source-kaifeng-iron-pagoda i,.targetFigure.source-kaifeng-iron-pagoda i{clip-path:polygon(50% 0,64% 16%,58% 16%,72% 32%,64% 32%,78% 48%,70% 48%,84% 64%,72% 64%,72% 100%,28% 100%,28% 64%,16% 64%,30% 48%,22% 48%,36% 32%,28% 32%,42% 16%,36% 16%)}.hiddenPiece.source-nanjing-zhonghua-gate i,.originalBuilding.source-nanjing-zhonghua-gate i,.targetFigure.source-nanjing-zhonghua-gate i,.hiddenPiece.source-luoyang-yingtian i,.originalBuilding.source-luoyang-yingtian i,.targetFigure.source-luoyang-yingtian i{clip-path:polygon(6% 100%,6% 42%,22% 42%,22% 28%,50% 0,78% 28%,78% 42%,94% 42%,94% 100%,68% 100%,68% 64%,32% 64%,32% 100%)}.hiddenPiece.source-shadow-puppet i,.originalBuilding.source-shadow-puppet i,.targetFigure.source-shadow-puppet i,.hiddenPiece.source-opera-sleeve i,.originalBuilding.source-opera-sleeve i,.targetFigure.source-opera-sleeve i,.hiddenPiece.source-yingge-stick i,.originalBuilding.source-yingge-stick i,.targetFigure.source-yingge-stick i{clip-path:polygon(50% 0,63% 18%,58% 38%,90% 58%,74% 72%,58% 58%,64% 100%,36% 100%,42% 58%,26% 72%,10% 58%,42% 38%,37% 18%)}.hiddenPiece.source-peking-duck i,.originalBuilding.source-peking-duck i,.targetFigure.source-peking-duck i,.hiddenPiece.source-chongqing-noodle i,.originalBuilding.source-chongqing-noodle i,.targetFigure.source-chongqing-noodle i,.hiddenPiece.source-roujiamo i,.originalBuilding.source-roujiamo i,.targetFigure.source-roujiamo i,.hiddenPiece.source-xiaolongbao i,.originalBuilding.source-xiaolongbao i,.targetFigure.source-xiaolongbao i{clip-path:ellipse(44% 32% at 50% 62%)}.hiddenPiece strong{color:#24384a;white-space:nowrap;background:#fffdf4e6;border:1px solid #1f2d3d1f;border-radius:999px;min-width:88px;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:900;position:absolute;top:100%;left:50%;transform:translate(-50%)}.seekPiece strong{display:none}.hudTop{z-index:10;pointer-events:none;justify-content:space-between;align-items:start;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brandCard,.stats article,.gameCard,.bottomBar,.resultCard{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brandCard{min-width:230px;box-shadow:var(--hard-shadow);border-radius:14px;padding:12px 15px 13px}.brandCard span{color:var(--teal);font-size:12px;font-weight:950;display:block}.brandCard strong{margin-top:2px;font-size:26px;line-height:1.05;display:block}.brandCard small{color:#fff;background:linear-gradient(135deg, var(--teal), var(--blue));border-radius:999px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:950;display:inline-flex}.stats{grid-template-columns:repeat(4,minmax(78px,1fr));gap:8px;display:grid}.stats article{background:linear-gradient(180deg, var(--paper-strong), #fff8e1e6);border-radius:14px;min-height:58px;padding:10px 12px}.stats span,.panelTitle span,.score span{color:var(--muted);font-size:11px;font-weight:900;display:block}.stats strong{margin-top:5px;font-size:18px;display:block}.controlPanel{z-index:12;border-radius:14px;width:310px;padding:0;position:absolute;top:96px;right:16px}.gameCard{box-shadow:var(--hard-shadow);border-radius:16px;padding:14px;position:relative;overflow:hidden}.gameCard:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff6b,#0000 34%,#f5ba4a1f);position:absolute;inset:0}.gameCard>*{z-index:1;position:relative}.panelTitle{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.panelTitle strong{text-align:right;font-size:18px}.roundBadge{color:#176e71;letter-spacing:0;background:radial-gradient(circle at 50% 44%,#ffffffb3,#0000 42%),linear-gradient(135deg,#27bfa42e,#efbd4a3d);border:1px solid #1f978f2e;border-radius:14px;place-items:center;height:86px;margin:8px 0 12px;font-size:34px;font-weight:1000;display:grid}.modeGrid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;display:grid}.modeGrid b{color:#2a5365;text-align:center;background:#ffffff94;border:1px solid #2738471a;border-radius:11px;place-items:center;min-height:42px;font-size:12px;display:grid}.controlPanel p{color:#405266;margin:0 0 12px;font-size:13px;line-height:1.65}.pillList{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pillList b{color:#176d68;background:#e0f9ebc7;border:1px solid #168b932e;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;display:inline-flex}button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:linear-gradient(#ffffffe6,#f5f8edd1);border-radius:11px;font-weight:950;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 4px #1c394314}button:hover{transform:translateY(-1px);box-shadow:0 6px #1c394314,0 10px 18px #1f454e1c}button:active{transform:translateY(1px);box-shadow:0 2px #1c394314}button.primary{color:#fff;text-shadow:0 1px #00000029;background:linear-gradient(#2bc28d,#15949b);border-color:#0000;width:100%}.controlPanel button+button{width:100%;margin-top:8px}button:disabled{opacity:.42;cursor:not-allowed}.truthBox,.inviteUrl{border:1px solid var(--line);color:#405266;background:#ffffff9e;border-radius:12px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.5}.truthBox b,.truthBox span{display:block}.truthBox b{color:var(--ink);margin-bottom:4px}.inviteUrl{word-break:break-all;max-height:88px;overflow:auto}.score{margin:8px 0 12px}.score i{background:#1f2d3d1f;border-radius:999px;height:9px;margin-top:6px;display:block;overflow:hidden}.score em{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--gold), var(--green));height:100%;display:block}.bottomBar{z-index:11;min-height:96px;box-shadow:var(--hard-shadow);border-radius:16px;padding:12px;position:absolute;bottom:16px;left:16px;right:16px}.cityDock,.sceneDock{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sceneDock{grid-template-columns:repeat(7,minmax(128px,1fr));padding-bottom:2px;overflow-x:auto}.sceneDock::-webkit-scrollbar{height:0}.cityCard{border:1px solid var(--line);text-align:left;background:#ffffff94;border-radius:14px;min-height:72px;padding:12px}.cityCard.active{color:#fff;background:linear-gradient(135deg,#1c9b92,#24aa78);border-color:#0000}.cityCard strong,.cityCard span{display:block}.cityCard span{color:currentColor;opacity:.76;margin-top:6px;font-size:13px;font-weight:800}.hideTools{grid-template-columns:170px 1fr;align-items:center;gap:12px;display:grid}.movePad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,48px);gap:6px;display:grid}.movePad button:first-child{grid-column:2}.toolDeck{gap:8px;display:grid}.toolGroup,.swatchLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolGroup button{min-height:36px;padding:0 10px;font-size:13px}.toolGroup button.active{color:#fff;background:linear-gradient(#f0be4c,#df7e50);border-color:#0000}.swatch{border-radius:999px;width:38px;min-height:38px}.waiting{align-items:center;gap:16px;height:72px;display:flex}.waiting strong{font-size:24px}.waiting span{color:var(--muted);font-weight:900}.resultMask{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c242c3d;place-items:center;display:grid;position:absolute;inset:0}.resultMask.hidden{display:none}.resultCard{text-align:center;border-radius:10px;width:min(360px,100vw - 32px);padding:20px}.resultCard span{color:var(--teal);font-size:13px;font-weight:950}.resultCard strong{margin:10px 0 16px;font-size:24px;display:block}.targetCard{background:#ffffff94;border:1px solid #2738471a;border-radius:14px;grid-template-columns:82px 1fr;align-items:center;gap:12px;margin:6px 0 12px;padding:10px;display:grid}.targetFigure{--pieceColor:#67c8d2;--morphX:1;--morphY:1;filter:drop-shadow(0 10px 10px #102c3229);width:70px;height:86px;position:relative}.targetFigure i{inset:4px 10px 8px}.targetCard span,.targetCard strong,.targetCard small{display:block}.targetCard span{color:var(--teal);font-size:11px;font-weight:950}.targetCard strong{margin:3px 0 4px;font-size:18px}.targetCard small{color:#607184;font-size:12px;line-height:1.35}.miniTags{flex-wrap:wrap;gap:6px;display:flex}.miniTags b{color:#176e71;background:#20aa7d1f;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;display:inline-flex}.ticket{color:#fff;background:radial-gradient(circle at 16px 50%, var(--paper) 0 8px, transparent 9px), radial-gradient(circle at calc(100% - 16px) 50%, var(--paper) 0 8px, transparent 9px), linear-gradient(135deg, #1b918e, #33b47a 58%, #eab84a);border-radius:16px;justify-content:space-between;align-items:center;height:76px;margin:8px 0 12px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff47}.ticket b{font-size:28px}.ticket span{background:#ffffff3d;border-radius:999px;place-items:center;min-width:58px;min-height:36px;font-weight:950;display:grid}.scanLines{gap:8px;margin:10px 0 14px;display:grid}.scanLines i{background:#1f2d3d1a;border-radius:999px;height:10px;overflow:hidden}.scanLines i:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));width:36%;height:100%;animation:1.2s ease-in-out infinite alternate scanMove;display:block}.scanLines i:nth-child(2):after{animation-delay:.15s}.scanLines i:nth-child(3):after{animation-delay:.3s}@keyframes scanMove{0%{transform:translate(0)}to{transform:translate(180%)}}.revealCard{border:1px solid var(--line);text-align:left;background:#ffffff9e;border-radius:10px;grid-template-columns:86px 1fr;align-items:center;gap:12px;margin:0 0 16px;padding:12px;display:grid}.originalBuilding{--pieceColor:#67c8d2;--morphX:1;--morphY:1;filter:drop-shadow(0 8px 8px #102c322e);width:72px;height:86px;position:relative}.originalBuilding i{border-color:#fffffff2;inset:4px 10px 8px}.revealCard b,.revealCard small{display:block}.revealCard b{margin-bottom:5px;font-size:15px}.revealCard small{color:#5f7184;font-size:12px;line-height:1.45}@media (width<=720px){.mapLayer{width:178vw;top:43%}.hudTop{top:10px;left:10px;right:10px}.brandCard{min-width:146px;padding:10px}.brandCard strong{font-size:20px}.stats{grid-template-columns:repeat(2,minmax(64px,1fr));gap:6px}.stats article{min-height:50px;padding:8px}.stats strong{font-size:15px}.controlPanel{width:auto;max-height:236px;padding:12px;inset:auto 10px 132px;overflow:auto}.gameCard{padding:11px}.controlPanel p{font-size:12px;line-height:1.45}.bottomBar{min-height:112px;padding:10px;bottom:10px;left:10px;right:10px}.cityDock{grid-template-columns:1fr;gap:6px}.sceneDock{grid-template-columns:repeat(7,minmax(116px,1fr));overflow-x:auto}.cityCard{min-height:36px;padding:8px 10px}.cityCard span{margin-top:2px;font-size:12px}.hideTools{grid-template-columns:1fr;gap:8px}.movePad{grid-template-rows:38px;grid-template-columns:repeat(4,1fr)}.movePad button:first-child{grid-column:auto}.toolGroup button{min-height:34px}.swatch{width:32px;min-height:32px}.targetCard{grid-template-columns:64px 1fr}.targetFigure{width:54px;height:68px}.targetCard small{display:none}.roundBadge{height:58px;margin:6px 0 8px;font-size:24px}.modeGrid{gap:5px}.modeGrid b{min-height:34px;font-size:11px}}