*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}:root{--ink:#1f2d3d;--muted:#6f7f91;--paper:#fffdf2eb;--panel:#fffdf2e0;--line:#1f2d3d24;--green:#1f9d7a;--teal:#168b93;--red:#d95b4f;--gold:#e8b943;--shadow:0 18px 60px #1f2d3d29;--r:8px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#c7edf2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.gameShell,.viewport,.sceneHost{width:100vw;height:100vh}.viewport{position:relative;overflow:hidden}.sceneHost canvas{width:100%;height:100%;display:block}.topBar{z-index:5;pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand,.roundStats article,.sidePanel,.bottomDock,.modalCard{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{border-radius:var(--r);min-width:230px;padding:12px 14px}.brand span{color:var(--teal);font-size:12px;font-weight:900;display:block}.brand strong{margin-top:2px;font-size:26px;line-height:1.08;display:block}.roundStats{grid-template-columns:repeat(4,minmax(78px,1fr));gap:8px;display:grid}.roundStats article{border-radius:var(--r);min-height:58px;padding:10px 12px}.roundStats span,.panelTitle span,.meter span{color:var(--muted);font-size:11px;font-weight:800;display:block}.roundStats strong{margin-top:5px;font-size:18px;display:block}.sidePanel{z-index:6;border-radius:var(--r);width:300px;padding:14px;position:absolute;top:96px;right:16px}.panelTitle{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.panelTitle strong{text-align:right;font-size:18px}.panelCopy{color:#405266;margin:0 0 12px;font-size:13px;line-height:1.65}.ruleList{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.ruleList 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}.sidePanel button,.bottomDock button,.modalCard button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#ffffffad;border-radius:7px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s}.sidePanel button:hover,.bottomDock button:hover,.modalCard button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f2d3d1f}button.primary{color:#fff;background:linear-gradient(#23a47d,#168b93);border-color:#0000;width:100%}.sidePanel button+button{width:100%;margin-top:8px}button:disabled{opacity:.45;cursor:not-allowed}.inviteBox{border:1px solid var(--line);color:#405266;word-break:break-all;background:#ffffff9e;border-radius:7px;max-height:94px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.meter{margin:10px 0 12px}.meter i{background:#1f2d3d1f;border-radius:999px;height:9px;margin-top:6px;display:block;overflow:hidden}.meter em{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--gold), var(--green));height:100%;transition:width .2s;display:block}.bottomDock{z-index:5;border-radius:var(--r);min-height:112px;padding:12px;position:absolute;bottom:16px;left:16px;right:16px}.cityCards{grid-template-columns:1.35fr repeat(5,minmax(110px,1fr));gap:8px;display:grid}.cityCard{text-align:left;min-height:86px;padding:10px}.cityCard.featured{color:#fff;background:linear-gradient(145deg,#168b93,#1f9d7a);border-color:#0000}.cityCard.featured strong{color:#ffffffd1}.cityCard.locked{cursor:default;opacity:.58;background:#ffffff80}.cityCard.locked:hover{box-shadow:none;transform:none}.cityCard span,.waitingLine strong,.seekTip strong{font-size:20px;display:block}.cityCard strong{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.35;display:block}.hideControls{grid-template-columns:190px 1fr 190px 190px;align-items:stretch;gap:10px;display:grid}.movePad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.movePad button:first-child{grid-column:2}.movePad button:nth-child(2){grid-column:1}.movePad button:nth-child(3){grid-column:3}.movePad button:nth-child(4){grid-column:2}.toolGroup{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.swatches{grid-template-columns:repeat(5,1fr);align-content:center;gap:7px;display:grid}.swatch{border:2px solid #ffffffe6;min-height:42px}.waitingLine,.seekTip{align-content:center;gap:6px;min-height:84px;display:grid}.waitingLine span,.seekTip span{color:#405266;font-size:14px}.resultModal{z-index:12;background:#18223052;place-items:center;display:grid;position:absolute;inset:0}.resultModal.hidden{display:none}.modalCard{border-radius:var(--r);text-align:center;width:min(360px,100vw - 32px);padding:20px}.modalCard span{color:var(--muted);font-size:12px;font-weight:800}.modalCard strong{margin:8px 0 16px;font-size:24px;display:block}.modalCard button{width:100%}@media (width<=980px){.topBar{grid-template-columns:1fr;display:grid;top:10px;left:10px;right:10px}.brand{width:fit-content;min-width:0;max-width:calc(100vw - 212px);padding:10px 12px}.brand span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.brand strong{font-size:18px}.roundStats{grid-template-columns:repeat(2,minmax(72px,1fr));width:calc(100vw - 212px)}.roundStats article{min-height:48px;padding:8px}.roundStats strong{font-size:14px}.sidePanel{width:188px;padding:10px;top:10px;right:10px}.panelTitle{display:block}.panelTitle strong{text-align:left;margin-top:3px;font-size:15px;display:block}.panelCopy{display:none}.ruleList{gap:5px}.ruleList b{min-height:24px;padding:0 7px;font-size:11px}.bottomDock{min-height:110px;padding:10px;bottom:10px;left:10px;right:10px}.cityCards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px;overflow:auto}.cityCard{min-height:64px}.cityCard span{font-size:16px}.hideControls{grid-template-columns:108px 1fr;gap:8px}.swatches{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.toolGroup{grid-template-columns:repeat(2,1fr)}.movePad button,.toolGroup button,.swatch{min-height:36px;font-size:12px}}