:root{--paper:#f4f4eb;--card:#fffef8;--ink:#304737;--sub:#71806b;--quiet:#98a48b;--line:#dfe5d5;--green:#dfe9d1;--accent:#de7d5c;--accent-dark:#c86a4b;--p0:#de7d5c;--p1:#cba255;--p2:#6f9fb7;--p3:#9e88b5;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#e9ede3;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible{outline:3px solid #87a889;outline-offset:2px}button{transition:background .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}button:disabled:active{transform:none}h1,h2,h3,p{margin:0}button{border:0;background:none}small{font-weight:400}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;vertical-align:middle;flex-shrink:0}.app{width:100%;max-width:480px;height:100vh;height:100dvh;margin:auto;background:var(--paper);position:relative;overflow:hidden}.lobby,.game,.results{height:100%;min-height:0}.round-button{width:40px;height:40px;flex-shrink:0;border-radius:13px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:#7f8f71}.round-button .icon{width:18px;height:18px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border-radius:16px;color:#fffef7;padding:14px 16px;min-height:54px;font-size:16px;font-weight:600;box-shadow:0 4px 0 #bb684325;letter-spacing:.3px;width:100%}.primary:hover:not(:disabled){background:var(--accent-dark)}.primary:disabled{background:#9fae93;opacity:.8;box-shadow:none}.primary .icon{width:20px;height:20px}.secondary{min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:#edf1e3;color:var(--sub);font-size:14px}.text-button{min-height:44px;font-size:13px;color:var(--sub);padding:8px}.muted-note{color:var(--quiet);font-size:11px;text-align:center;line-height:1.8}.lobby{padding:max(16px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:auto;background:radial-gradient(ellipse at 50% 30%,#fffdf2,transparent 65%)}.lobby-top{display:flex;justify-content:space-between;align-items:center}.edition{font-size:9px;letter-spacing:1.7px;color:#9aa588;font-weight:600}.lobby-hero{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:270px}.travel-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#8f9d7d;letter-spacing:.5px}.travel-label>span{width:5px;height:5px;border-radius:50%;background:#9faf87}.lobby h1{font-size:57px;font-weight:700;letter-spacing:3px;line-height:1.2;margin-top:18px}.lobby h1>span{color:var(--accent)}.lobby h1 i{font-style:normal;display:block;font-size:12px;letter-spacing:7px;font-weight:500;color:#9ca889;margin-top:13px}.hero-art{position:relative;margin:15px -12px 8px;min-height:170px;display:grid;place-items:center}.hero-art img{width:100%;max-height:245px;position:relative;z-index:1;user-select:none}.orbit{position:absolute;width:83%;height:67%;border:1px dashed #d2ddc1;border-radius:50%;transform:rotate(-22deg)}.orbit-two{transform:rotate(23deg);width:68%;height:79%;opacity:.6}.city-stamp{position:absolute;padding:5px 8px;font-size:8px;letter-spacing:1px;border:1px solid #d8dfc7;border-radius:5px;color:#97a67e;background:var(--paper);z-index:2}.stamp-one{top:17%;left:2%;transform:rotate(-8deg)}.stamp-two{top:7%;right:6%;transform:rotate(7deg)}.stamp-three{bottom:3%;right:3%;font-size:7px;transform:rotate(-4deg)}.lobby-hero>p{font-size:13px;color:#899779;letter-spacing:.5px}.lobby-bottom{display:flex;flex-direction:column;gap:16px}.trip-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.trip-stats>div+div{border-left:1px solid var(--line)}.trip-stats strong{font-size:24px;font-weight:600;color:#5f7750}.trip-stats span{display:block;font-size:11px;color:#95a181;margin-top:3px}.lobby-feature{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:11px;color:#8d9b7b}.lobby-feature .icon{width:14px;height:14px}.lobby-help{color:#859574;font-size:12px;min-height:28px}.game{display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px 0;gap:9px}.game-header{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:40px}.brand-button{padding:0;display:flex;gap:8px;align-items:center;text-align:left;font-size:17px;font-weight:650;letter-spacing:.8px}.brand-button small{display:block;font-size:7px;letter-spacing:2px;color:#9aa687;margin-top:2px}.brand-symbol{background:var(--accent);border-radius:12px;width:35px;height:35px;display:grid;place-items:center;color:#fff7eb;transform:rotate(-5deg)}.brand-symbol .icon{width:24px;height:24px}.round-counter{display:flex;gap:4px;align-items:baseline;margin-left:auto;white-space:nowrap;color:#94a082;font-size:11px}.round-counter strong{font-size:21px;font-weight:600;color:#6e815d;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex-shrink:0}.player{display:flex;align-items:center;gap:5px;min-width:0;border-radius:12px;padding:8px 4px;border:1px solid #e1e6d6;background:#fcfcf6;position:relative}.player.active{border-color:var(--player-color);background:#f3eddd}.player.bankrupt{opacity:.4}.player.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--player-color);position:absolute;top:4px;right:4px}.avatar{width:27px;height:30px;display:block;border-radius:9px;overflow:hidden;flex-shrink:0}.avatar svg{width:100%;height:100%;display:block}.player strong{font-size:11px;font-weight:600;display:block;line-height:1.5;white-space:nowrap}.player small{display:block;font-size:10px;font-variant-numeric:tabular-nums;color:#869477;white-space:nowrap}.player-shield{position:absolute;bottom:0;left:19px;font-size:9px;color:#6f9a6d}.wallet{display:flex;align-items:center;padding:0 4px 2px;gap:12px;flex-shrink:0}.wallet>div{display:flex;align-items:baseline;gap:7px}.wallet-label{font-size:11px;color:#8b987a;white-space:nowrap}.wallet-label i{font-style:normal;display:inline-grid;place-items:center;width:12px;height:12px;border:1px solid #b7c2a4;border-radius:50%;font-size:7px;vertical-align:1px}.wallet strong{font-size:27px;font-weight:650;letter-spacing:-.9px;line-height:1.4;font-variant-numeric:tabular-nums}.wallet-assets{margin-left:auto;text-align:right;font-size:12px;padding:3px 0;min-height:44px}.wallet-assets small{display:block;font-size:10px;color:#99a58a;margin-top:4px}.save-light{width:5px;height:5px;background:#a2b58b;border-radius:50%;flex-shrink:0}.save-light.error{background:#d88769}.world-event{display:flex;align-items:center;justify-content:center;gap:5px;background:#eaf0df;border:1px solid #e0e8d3;border-radius:8px;color:#8a9b73;font-size:10px;padding:5px 8px;min-height:27px;flex-shrink:0}.world-event .icon{width:13px;height:13px}.world-event.festival{background:#f3e7cf;color:#af8647;border-color:#ecdabc}.map-frame{position:relative;flex:1;min-height:180px;overflow:hidden;border:1px solid #dce5cf;border-radius:21px;background:#eaf0e3;isolation:isolate}.map-viewport{position:absolute;inset:0;overflow:auto;scrollbar-width:none;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;cursor:grab}.map-viewport:active{cursor:grabbing}.map-viewport::-webkit-scrollbar{display:none}.map-space{position:relative;margin:0 auto}.world-board{position:absolute;left:0;top:0;display:grid;grid-template-columns:repeat(5,72px);grid-template-rows:repeat(19,72px);gap:6px;padding:8px;width:400px;height:1492px;transform-origin:0 0;background:radial-gradient(circle at 50% 20%,#eef1e5 0,#e8efdf 80%)}.map-toolbar,.map-bottom{position:absolute;left:9px;right:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;z-index:4}.map-toolbar{top:8px}.map-bottom{bottom:8px}.map-caption{padding:6px 9px;background:#fcfff6e8;border:1px solid #e2e8d7;box-shadow:0 2px 6px #53634508;border-radius:8px;color:#879777;font-size:9px;display:flex;align-items:center;gap:4px;backdrop-filter:blur(8px)}.map-caption i{width:5px;height:5px;border-radius:50%;background:#b2c397}.map-caption b{font-weight:600}.map-button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:4px;background:#fffff6ed;border:1px solid #dce4d0;color:#71875d;padding:8px 10px;min-height:36px;border-radius:10px;font-size:11px;box-shadow:0 3px 8px #5363450a;backdrop-filter:blur(8px)}.map-button .icon{width:14px;height:14px}.map-bottom>span{font-size:9px;color:#8b9f77;padding:5px 7px;border-radius:6px;background:#eef4e4dc}.zoom-tools{position:absolute;right:8px;top:54px;z-index:4;background:#fffff8ef;border:1px solid #dce4d0;border-radius:12px;display:flex;flex-direction:column;align-items:center;width:39px;box-shadow:0 4px 12px #5363450a;backdrop-filter:blur(8px);color:#82966d}.zoom-tools button{min-height:38px;width:38px;padding:8px;display:grid;place-items:center}.zoom-tools .icon{width:17px;height:17px}.zoom-tools span{font-size:9px;font-variant-numeric:tabular-nums}.tile{width:72px;height:72px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:7px 4px 15px;border:1px solid #dbe0d1;border-top:4px solid var(--group-color,#cbd8bd);border-bottom:3px solid #d5dccb;border-radius:11px;background:#fffef7;color:#53674b;box-shadow:0 1px 1px #78846808;overflow:hidden}.tile:hover{background:#fffdf0}.tile.owned{border-right:2px solid var(--owner-color);border-bottom-color:var(--owner-color)}.tile.current-location{outline:2px solid var(--actor-color);outline-offset:0;z-index:1}.tile.selected{box-shadow:0 0 0 2px #b6c8a2}.tile.special{background:#f2eddc;border-top-color:#cabc93}.tile.special.event{background:#eee9f3;border-top-color:#c2aecf}.tile.special.start{background:#e4eddc;border-top-color:#aac398}.tile.special.shop{background:#f7eade;border-top-color:#d8b18b}.tile.special.rest{background:#e4efe7;border-top-color:#a6c5ac}.tile.special.stop{background:#f6e8d8;border-top-color:#d8b18b}.tile-head{height:16px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;flex-shrink:0;margin-bottom:3px;color:var(--group-color,#ad9c73)}.tile-head>.icon{width:16px;height:16px}.tile-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;font-size:12px;font-weight:600;line-height:1.18;max-width:100%;flex-shrink:0;word-break:break-all}.special .tile-name{font-size:11px}.house-mark{display:inline-flex;gap:2px;align-items:flex-end;color:var(--owner-color);min-height:11px}.house-mark b{font-size:9px;line-height:11px;font-weight:650;margin-left:1px}.small-house{width:7px;height:6px;background:currentColor;position:relative;margin-top:4px;border-radius:1px}.small-house:before{content:"";position:absolute;top:-4px;left:-1px;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-bottom:4px solid currentColor}.small-house:after{content:"";position:absolute;bottom:0;left:3px;width:2px;height:3px;background:#fffbed}.tower{width:9px;height:13px;background:currentColor;position:relative;border-radius:2px 2px 0 0}.tower:before{content:"";position:absolute;top:3px;left:2px;width:2px;height:2px;background:#fffbed;box-shadow:3px 0 #fffbed,0 4px #fffbed,3px 4px #fffbed}.owner-dot{position:absolute;right:3px;bottom:4px;width:6px;height:6px;border-radius:50%;background:var(--owner-color);border:1px solid #fffef7}.block-mark{position:absolute;top:4px;right:3px;color:#d97d54;font-size:10px}.token-row{display:flex;align-items:center;justify-content:center;position:absolute;bottom:3px;left:3px;right:3px;height:14px;pointer-events:none}.token{width:16px;height:16px;display:block;overflow:hidden;border:1.5px solid #fffaf0;border-radius:50%;margin-left:-2px;background:var(--token-color);box-shadow:0 1px 2px #42563820}.token.current{outline:1px solid var(--token-color);z-index:1}.token svg{width:100%;height:100%;display:block}.board-middle{grid-area:2/2/19/5;background:linear-gradient(#eef3e7,#e5edda,#eaf2e1);border:1px solid #e1e9d5;border-radius:18px;padding:17px 13px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow:hidden}.map-story{text-align:center;padding-top:10px}.map-story small{font-size:8px;letter-spacing:2px;color:#a0b187}.map-story h2{font-size:24px;line-height:1.45;letter-spacing:2px;margin-top:9px;color:#657b51}.map-story p{font-size:10px;color:#98a981;margin-top:8px}.map-story img{width:116%;max-width:none;margin:7px -8% -2px;display:block;pointer-events:none}.route-summary{font-size:9px;color:#93a77a;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:4px}.route-summary .icon{width:12px;height:12px}.route-group{border:1px solid #dfe8d2;background:#f8fbee9c;border-radius:11px;padding:10px;text-align:left;min-height:65px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.route-group-top{display:flex;align-items:center;gap:5px;justify-content:space-between;font-size:11px;color:#7d9365}.route-group-top strong{font-weight:600;display:flex;gap:5px;align-items:center}.route-group-top i{width:6px;height:6px;background:var(--group-color);border-radius:2px}.route-group small{font-size:9px;color:#a0b08d;line-height:1.6}.route-group.active{background:#e2edd5;border-color:#b4c99c}.route-end{text-align:center;font-size:10px;line-height:1.8;color:#94a780;padding:7px 0;margin-top:auto}.action-dock{flex-shrink:0;padding:0 0 max(6px,env(safe-area-inset-bottom));background:var(--paper)}.turn-status{display:flex;align-items:center;gap:6px;min-height:27px;padding:0 3px 6px}.turn-status>span{height:6px;width:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.turn-status strong{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.turn-status button{margin-left:auto;min-height:28px;font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#9c8f72;white-space:nowrap}.main-action{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px}.dice{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);width:54px;height:54px;gap:4px;padding:11px;background:var(--card);border:1px solid var(--line);border-bottom:4px solid #d5dfc5;border-radius:15px;transform:rotate(-4deg);color:#819568}.dice span{border-radius:50%;background:transparent}.dice span.on{background:currentColor}.dice.rolling{animation:dice-roll .22s linear infinite}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:7px}.bottom-nav>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:6px 2px;color:#839671;font-size:12px;border-radius:11px}.bottom-nav>button:hover{background:#e7edde}.bottom-nav .icon{width:17px;height:17px}.bottom-nav b{font-size:10px;font-weight:500;background:#e5ebda;padding:1px 4px;border-radius:4px}.sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:480px;max-height:88vh;max-height:88dvh;background:var(--card);color:var(--ink);padding:12px 20px max(24px,env(safe-area-inset-bottom));border:1px solid #dfe7d1;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -15px 65px #273b2526;overscroll-behavior:contain;overflow:auto;scrollbar-width:thin}.sheet::backdrop{background:#1c35254f;backdrop-filter:blur(3px)}.sheet-handle{width:36px;height:4px;border-radius:4px;background:#d8e0cc;margin:0 auto 10px}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.sheet-header>span{font-size:9px;letter-spacing:1.4px;color:#9aaa89}.sheet-header .round-button{width:34px;height:34px;min-height:34px;background:#f2f5e9}.sheet h2{font-size:24px;letter-spacing:.7px;line-height:1.4;margin:0 0 9px}.sheet h3{font-size:14px;margin:17px 0 8px}.sheet p{font-size:13px;line-height:1.85;color:var(--sub);margin:8px 0}.sheet .lead{margin-bottom:18px}.city-header{display:flex;align-items:center;gap:13px;margin-bottom:14px}.city-emblem{background:color-mix(in srgb,var(--group-color),transparent 85%);color:var(--group-color);width:56px;height:56px;border-radius:17px;display:grid;place-items:center;flex-shrink:0}.city-emblem .icon{width:30px;height:30px}.city-header h2{margin:0 0 5px;font-size:23px}.city-header small{font-size:11px;color:#9aa88a;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.metrics.two{grid-template-columns:1fr 1fr}.metrics>div{min-width:0}.metrics span{display:block;color:#96a384;font-size:11px;margin-bottom:6px}.metrics strong{font-size:23px;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums;line-height:1.2}.metrics small{font-size:10px;color:#9caa89}.rent-breakdown{background:#f1f5e8;border-radius:12px;padding:12px;font-size:12px;color:#829570;line-height:1.9}.rent-breakdown strong{color:#526b41}.group-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f0da;color:#7b955b;border-radius:7px;padding:5px 8px;font-size:11px}.group-badge .icon{width:13px;height:13px}.upgrade-note{padding:13px;border:1px solid #e5d6b8;border-radius:13px;background:#fbf2e2;color:#a48551;font-size:13px;line-height:1.8;margin:14px 0}.sheet-actions{display:flex;gap:9px;margin-top:18px}.sheet-actions>*{flex:1}.sheet-actions .primary{flex:1.8;font-size:14px;min-height:50px;padding:12px 13px}.sheet-actions .secondary{min-height:50px}.sheet-link{display:flex;align-items:center;justify-content:center;gap:5px;margin:14px auto 0;min-height:37px;color:#8a9f76;font-size:12px}.sheet-link .icon{width:14px;height:14px}.city-list{display:flex;flex-direction:column;gap:9px;margin:14px 0}.city-row{padding:12px;border:1px solid #e1e9d5;border-radius:13px;background:#f8faef;display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:65px}.city-row>.icon{color:var(--group-color);width:25px;height:25px}.city-row strong{font-size:14px;font-weight:600}.city-row small{font-size:11px;line-height:1.6;color:#93a37f;display:block;margin-top:4px}.city-row .row-right{margin-left:auto;text-align:right;color:#859d6c;white-space:nowrap}.city-row .house-mark{justify-content:flex-end;margin-bottom:3px}.collection{border:1px solid #e0e7d4;border-radius:15px;padding:14px;margin:12px 0;background:#fbfcf4}.collection.active{background:#edf5e1;border-color:#bace9f}.collection-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.collection-top strong{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:600}.collection-top i{width:8px;height:8px;background:var(--group-color);border-radius:3px}.collection-top>span{font-size:11px;color:#95a384}.collection-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.collection-cities button{padding:9px 3px;border-radius:9px;background:#eff2e7;border:1px solid #e1e7d4;min-height:53px;font-size:12px;line-height:1.4;word-break:break-all}.collection-cities button.mine{background:#f8e6d6;border-color:#e8bea0;color:#ad7954}.collection-cities small{display:block;font-size:9px;margin-top:5px;color:#9fac90}.collection-note{font-size:11px;color:#90a37a;margin-top:10px;line-height:1.6}.collection-filter{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.collection-filter button{min-height:38px;border-radius:9px;background:#edf2e4;color:#8b9d76;border:1px solid #dfe7d3;padding:8px 12px;font-size:12px}.collection-filter button.active{background:#789365;color:#fffef7;border-color:#789365}.card-list{display:flex;flex-direction:column;gap:11px;margin-top:17px}.inventory-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e2e6d5;border-radius:15px;padding:15px 13px;background:#f7f8ed;min-height:84px;width:100%}.inventory-card .card-icon{display:grid;place-items:center;width:42px;height:46px;border-radius:12px;background:#ede5cc;color:#b39860;flex-shrink:0}.inventory-card.SHIELD .card-icon{background:#e1edd5;color:#89a36b}.inventory-card.ROADBLOCK .card-icon{background:#f3e1cf;color:#c79666}.inventory-card strong{font-size:14px}.inventory-card small{font-size:11px;line-height:1.7;color:#9aa787;display:block;margin-top:5px}.inventory-card .card-tail{margin-left:auto;font-size:12px;white-space:nowrap;color:#99a884}.dice-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.dice-option{border:1px solid #dbe5cc;background:#eff4e4;border-bottom:3px solid #d3dfbe;border-radius:13px;padding:14px 5px;min-height:78px;color:#7c9366}.dice-option strong{font-size:24px;display:block}.dice-option small{font-size:10px;display:block;margin-top:6px}.history-item{padding:1px 0 17px 15px;border-left:1px solid #e0e7d3;position:relative;margin:0 0 0 4px}.history-item:before{content:"";position:absolute;top:6px;left:-4px;width:7px;height:7px;background:#a8bd8f;border:1px solid var(--card);border-radius:50%}.history-item:first-child:before{background:var(--accent)}.history-item strong{font-size:13px;font-weight:600;display:block;line-height:1.6}.history-item small{font-size:11px;color:#9aa887;line-height:1.7;display:block;margin-top:3px}.history-round{float:right;font-size:10px;color:#b0bca0;font-weight:400;margin-left:7px}.setting-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.setting-row>span{display:flex;align-items:center;gap:8px}.setting-row strong{font-size:12px;color:#93a67c;font-weight:500}.setting-row .icon{color:#95a67f;width:18px;height:18px}.danger-button{color:#b8795a}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.rule-box{padding:14px;background:#edf3e1;border-radius:12px}.rule-box strong{font-size:24px;color:#738f5c;display:block}.rule-box small{font-size:11px;line-height:1.6;color:#99a884;display:block;margin-top:3px}.rule-list{padding-left:19px;font-size:12px;color:#8b9b79;line-height:1.95}.rules-table{width:100%;border-collapse:collapse;font-size:12px;color:#849672}.rules-table td,.rules-table th{padding:9px 4px;text-align:left;border-bottom:1px solid var(--line)}.rules-table th{font-weight:500;color:#a3ae96}.mini-map{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(19,15px);gap:3px;padding:8px;background:#e9f0df;border-radius:14px;max-width:290px;margin:17px auto}.mini-tile{border-radius:3px;background:var(--group-color);border-bottom:3px solid var(--owner-color,#c5cfb9);opacity:.7;position:relative}.mini-tile.current{opacity:1;outline:2px solid var(--p0);z-index:1}.mini-tile.current:after{content:"";width:5px;height:5px;border-radius:50%;background:#fffefa;position:absolute;inset:3px;margin:auto}.mini-center{grid-area:2/2/19/5;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;color:#91a979;font-size:11px;line-height:1.9}.mini-center .icon{width:45px;height:45px;color:#afc498}.mini-legend{display:flex;justify-content:center;gap:15px;font-size:11px;color:#97a685;margin:12px 0;flex-wrap:wrap}.mini-legend span{display:flex;gap:5px;align-items:center}.mini-legend i{display:block;width:7px;height:7px;border-radius:50%}.empty-state{text-align:center;padding:27px 12px;color:#9aab85;line-height:1.9;font-size:12px}.empty-state .icon{width:38px;height:38px;color:#b3c2a0;margin-bottom:10px}.empty-state strong{font-size:14px;font-weight:500;display:block}.results{padding:max(30px,env(safe-area-inset-top)) 24px max(25px,env(safe-area-inset-bottom));overflow:auto;display:flex;flex-direction:column;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 0%,#f7eacb,transparent 55%)}.result-title{text-align:center}.result-title>.icon{width:60px;height:60px;color:#c9a162;margin-bottom:18px}.result-title>small{display:block;font-size:9px;letter-spacing:2px;color:#aca784;margin-bottom:10px}.result-title h2{font-size:27px;line-height:1.5;letter-spacing:1px}.result-title p{font-size:12px;color:#8d9b7b;line-height:1.9;margin-top:10px}.result-player{display:flex;align-items:center;gap:12px;padding:15px 13px;border:1px solid #dce5cd;background:#f9fcf0;border-radius:15px;margin-bottom:9px}.result-rank{font-size:21px;color:#adb999;min-width:17px;text-align:center}.result-player.winner{background:#f8ebd5;border-color:#ead2b0}.result-player .avatar{width:36px;height:39px}.result-player strong{font-size:14px;font-weight:600}.result-player small{display:block;font-size:10px;line-height:1.7;color:#a3ae93;margin-top:4px}.result-player .result-money{margin-left:auto;text-align:right}.result-money strong{font-size:19px;font-variant-numeric:tabular-nums;color:#6f8859}.connection{position:fixed;z-index:30;top:12px;left:50%;transform:translateX(-50%);width:min(92%,440px);padding:13px;background:#fff1df;border:1px solid #e9c7a1;border-radius:14px;color:#b7824b;font-size:12px;line-height:1.7;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #40321c20}.connection button{white-space:nowrap;text-decoration:underline;min-height:40px}.toast{position:fixed;left:50%;bottom:max(155px,calc(env(safe-area-inset-bottom) + 140px));transform:translateX(-50%);max-width:min(90%,430px);background:#3d563aeb;backdrop-filter:blur(9px);color:#fffef4;border-radius:14px;padding:12px 17px;font-size:12px;line-height:1.8;z-index:100;box-shadow:0 5px 30px #26352420;pointer-events:none;text-align:center}.board-targeting .tile{outline:1px dashed #dcb28b}.board-targeting .tile:hover{background:#fae7d0}.balance-note{font-size:12px;color:#9aa687;margin:11px 0}.action-muted{color:#95a884;font-size:11px}.full-width{width:100%}.sheet .action-message{font-size:12px;color:#a28151;background:#f8eedc;padding:11px;border-radius:10px;margin-top:12px}
.zoom-tools{top:8px;right:78px;flex-direction:row;width:auto;height:36px;border-radius:10px}.zoom-tools button{width:36px;height:34px;min-height:34px;padding:8px}.zoom-tools span{width:26px;text-align:center}.tile{padding-top:4px}.tile-name{line-height:1.15}.tile-head{height:14px;margin-bottom:1px}.tile-head>.icon{width:14px;height:14px}.sheet-header{position:sticky;top:0;z-index:2;background:var(--card)}
@keyframes dice-roll{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(12deg) translateY(-4px)}}
@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 20%,#f5f4e9,#e6ecdF);display:flex;align-items:center;justify-content:center;min-height:100vh}.app{height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:980px;border:1px solid #d9e2cb;border-radius:28px;box-shadow:0 20px 80px #354b2520}.sheet{bottom:16px;border-bottom:1px solid #dfe7d1;border-radius:26px;width:480px}.game{padding-top:14px}.lobby{padding-top:18px}}
@media(max-width:370px){.game{padding-left:9px;padding-right:9px;gap:7px}.brand-button{font-size:15px;gap:6px}.brand-symbol{width:31px;height:31px}.brand-button small{font-size:6px;letter-spacing:1.7px}.round-counter{font-size:10px;gap:3px}.round-counter strong{font-size:19px}.game-header{gap:8px}.player{gap:3px;padding:7px 3px}.avatar{width:24px;height:27px}.player strong{font-size:10px}.player small{font-size:9px}.wallet{padding-left:2px;gap:8px}.wallet strong{font-size:25px}.wallet-label{font-size:10px}.wallet-assets{font-size:11px}.wallet-assets small{font-size:9px}.bottom-nav>button{font-size:11px;gap:4px}.bottom-nav .icon{width:15px;height:15px}.world-event{font-size:9px}.turn-status strong{font-size:11px}.sheet{padding-left:16px;padding-right:16px}.sheet h2{font-size:22px}.metrics strong{font-size:21px}.city-header h2{font-size:21px}.lobby{padding-left:20px;padding-right:20px}.lobby h1{font-size:50px}.lobby-feature{font-size:10px}}
@media(max-height:740px){.game{gap:6px}.game-header{min-height:36px}.players .player{padding-top:5px;padding-bottom:5px}.wallet{padding-top:0;padding-bottom:0}.wallet strong{font-size:24px}.wallet-assets{min-height:36px}.world-event{padding-top:3px;padding-bottom:3px;min-height:24px}.action-dock .primary{min-height:48px}.main-action{grid-template-columns:48px 1fr}.dice{width:48px;height:48px;padding:9px}.turn-status{padding-bottom:3px;min-height:24px}.bottom-nav{margin-top:4px}.bottom-nav>button{min-height:40px}.lobby{gap:12px}.lobby-hero{min-height:230px}.lobby h1{font-size:46px;margin-top:12px}.hero-art{min-height:140px;margin-top:8px}.hero-art img{max-height:190px}.lobby-bottom{gap:11px}.trip-stats{padding:12px 0}.lobby-hero>p{font-size:12px}.map-frame{min-height:150px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}