*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:#101822;color:#e8e4d8;font-family:system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none}button{font:inherit;color:inherit;background:#233143;border:1px solid #3a4d66;border-radius:8px;padding:8px 14px;cursor:pointer}button:hover:not(:disabled){background:#2d3f56}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.primary{background:#4a7fd6;border-color:#6b9be6;font-weight:600}button.primary:hover:not(:disabled){background:#5a8de0}button.danger{background:#8a3a3a;border-color:#b05555}.app{height:100%;display:flex;flex-direction:column}.attract{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.38}.menu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#10182299,#1018224d 45%,#10182214)}.menu{height:100%;position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) 0 calc(18px + env(safe-area-inset-bottom));gap:18px}.menu h1{font-size:44px;letter-spacing:2px}.menu .tagline{color:#8fa3b8;margin-bottom:12px;padding:0 20px;text-align:center}.menu>button{width:240px;padding:14px;font-size:17px}.menu>button.menu-link{background:none;border:none;color:#7fb3e8;font-size:14px;padding:4px;margin-top:-6px}.menu>button.menu-link:hover:not(:disabled){background:none;text-decoration:underline}.setup{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;padding:calc(20px + env(safe-area-inset-top)) 10px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.setup h2{font-size:26px;margin-bottom:6px}.setup .row{display:flex;gap:8px;align-items:center}.setup .row>span{width:90px;color:#8fa3b8;font-size:14px}.setup select,.setup input{font:inherit;color:inherit;background:#233143;border:1px solid #3a4d66;border-radius:8px;padding:7px 10px}.setup .mode-blurb{margin-top:-8px;align-items:flex-start}.setup .mode-blurb em{font-style:normal;color:#8fa3b8;font-size:13px;line-height:1.45;max-width:460px}.setup-link{background:none;border:none;color:#7fb3e8;font-size:14px;padding:4px}.setup-link:hover:not(:disabled){background:none;text-decoration:underline}.setup-fixed{color:#cfd8de;font-size:14px;font-weight:600}.seg{display:flex;border:1px solid #3a4d66;border-radius:8px;overflow:hidden}.seg button{border:none;border-radius:0;background:transparent}.seg button.on{background:#4a7fd6;font-weight:600}.room-code{font-size:42px;font-weight:700;letter-spacing:10px;padding:8px 18px 8px 28px;background:#233143;border:1px solid #3a4d66;border-radius:12px}.share-row{display:flex;gap:8px;align-items:center}.share-row input{font:inherit;color:inherit;background:#233143;border:1px solid #3a4d66;border-radius:8px;padding:10px 12px;width:300px}.menu .share-row button{width:auto;padding:10px 16px;font-size:15px}.waiting{color:#8fa3b8;animation:waiting-pulse 1.6s ease-in-out infinite}@keyframes waiting-pulse{0%,to{opacity:.45}50%{opacity:1}}.online-error{color:#e76e6e;font-size:14px;max-width:360px;text-align:center}.net-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);background:#233143eb;border:1px solid #3a4d66;border-radius:8px;padding:6px 14px;font-size:13px;color:#f7d154;pointer-events:none;z-index:5}.turn-clock{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#2331438c;border:1px solid rgba(120,150,180,.35);border-radius:8px;padding:5px 12px;font-size:13px;color:#d7e2ee;pointer-events:none;z-index:5;transition:background .4s,border-color .4s,color .4s}.turn-clock-label{opacity:.85}.turn-clock-time{font-variant-numeric:tabular-nums;font-weight:600}.turn-clock.urgent{background:#783c349e;border-color:#d2785f8c;color:#f4d8cd;animation:turn-clock-pulse 2.4s ease-in-out infinite}@keyframes turn-clock-pulse{0%,to{opacity:1}50%{opacity:.82}}.game{position:relative;height:100%;transition:filter .3s ease}.game.off-turn{filter:brightness(.78) saturate(.85)}.game canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(rgba(16,24,34,.95),rgba(16,24,34,.75) 70%,transparent);pointer-events:none;flex-wrap:wrap}.hud-top>*{pointer-events:auto}.chip{display:inline-flex;align-items:center;gap:6px;background:#233143e6;border:1px solid #3a4d66;border-radius:999px;padding:5px 12px;font-size:14px;white-space:nowrap}.chip .swatch{width:11px;height:11px;border-radius:50%}.chip .chip-ico{width:17px;height:17px;object-fit:contain;margin:-2px 0}.chip b{font-weight:600}.chip-button{color:inherit;font:inherit;cursor:pointer}.chip-button:hover{background:#32445cf2;border-color:#5a7491}.spacer{flex:1}.hud-bottom{position:absolute;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.panel{pointer-events:auto;background:#182230f5;border:1px solid #3a4d66;border-radius:14px;padding:12px 14px;max-width:560px;width:100%;font-size:14px}.panel h3{font-size:15px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.capital-tag{padding:2px 6px;border:1px solid rgba(247,209,84,.72);border-radius:999px;color:#f7d154;font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.panel .sub{color:#8fa3b8;font-size:13px;margin-bottom:8px}.panel .capital-note{margin:7px 0 0;color:#d7bc68;font-size:11px}.panel .actions{display:flex;flex-wrap:wrap;gap:8px}.panel .actions button{font-size:13px;padding:7px 11px}.panel .actions button .opt-ico{width:22px;height:22px;object-fit:contain;vertical-align:-6px;margin-right:6px}.opt-wrap{display:inline-flex;align-items:center;gap:4px}.panel{position:relative}.panel .actions button.opt-help{padding:0;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;color:#8fa3b8;background:transparent;border:1px solid #46586f}.panel .actions button.opt-help:hover,.panel .actions button.opt-help.on{color:#e8e4d8;border-color:#7fb3e8;background:#2a3a4e}.opt-tip{position:absolute;left:14px;bottom:calc(100% + 8px);z-index:3;display:none;width:max-content;max-width:calc(100% - 28px);padding:7px 9px;border-radius:8px;background:#0f1721;border:1px solid #46586f;box-shadow:0 6px 18px #00000073;font-size:12px;line-height:1.35;color:#cfe0f2;white-space:normal;pointer-events:none}.opt-help.on~.opt-tip{display:block}.panel .actions button.capture-btn{width:100%;font-size:15px;font-weight:700;padding:11px 14px;color:#fff;background:#cf3b30;border-color:#f0865f;display:flex;align-items:center;justify-content:center;gap:8px;animation:capture-pulse 1.25s ease-in-out infinite}.panel .actions button.capture-btn:hover:not(:disabled){background:#e2503f}.panel .actions button.capture-btn .swords{font-size:17px;line-height:1}@keyframes capture-pulse{0%,to{box-shadow:0 0 #f0865f8c}50%{box-shadow:0 0 0 7px #f0865f00}}.statline{display:flex;gap:12px;color:#b8c5d2;font-size:13px;margin-bottom:8px;flex-wrap:wrap}.popbar{height:8px;background:#233143;border-radius:4px;overflow:hidden;margin:4px 0 8px}.popbar>div{height:100%;background:#7ed957}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1018ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;padding:20px;text-align:center}.overlay h2{font-size:28px}.overlay .sub{color:#8fa3b8;max-width:420px}.watch-picker{display:flex;flex-direction:column;gap:8px;margin:14px 0;min-width:240px}.watch-picker button{display:flex;align-items:center;text-align:left}.watch-picker button.on{background:#4a7fd6;font-weight:600}.game-menu button{width:240px;padding:14px;font-size:17px}.game-menu button.danger{margin-top:18px}button.danger{background:#5a2330;border:1px solid #8a3344;color:#f0a3ae}button.danger:hover{background:#6e2a3a}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1018b3;display:flex;align-items:center;justify-content:center;z-index:9;padding:16px}.modal .box{background:#182230;border:1px solid #3a4d66;border-radius:16px;padding:18px;max-width:640px;width:100%;max-height:85%;overflow-y:auto}.modal h2{font-size:20px;margin-bottom:12px}.modal.modal-peek{background:#0a10186b}.modal.modal-peek .box{box-shadow:0 18px 40px #00000073}.drag-handle{display:flex;align-items:baseline;justify-content:space-between;gap:12px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.drag-handle:active{cursor:grabbing}.drag-hint{font-size:12px;font-weight:400;color:#7c8ea3;white-space:nowrap}.help-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.help-tabs button{font-size:13px;padding:6px 11px}.help-tabs button.on{background:#4a7fd6;border-color:#6b9be6;font-weight:600}.help-body{max-height:min(56vh,420px);overflow-y:auto;padding-right:4px}.help-rules{display:flex;flex-direction:column;gap:12px}.help-rules h3{font-size:15px;margin-bottom:3px;color:#cfe0f2}.help-rules p{font-size:13px;line-height:1.5;color:#b8c7d9}.help-rules p+p,.help-rules ul+p{margin-top:7px}.help-rules ul{margin:6px 0 0 18px;display:flex;flex-direction:column;gap:4px}.help-rules li{font-size:13px;line-height:1.45;color:#b8c7d9}.help-rules b{color:#dbe7f4}.help-rules .sub{color:#8fa3b8;font-size:13px}.tech-grid{display:flex;flex-direction:column;gap:10px}.tech-branch{display:flex;gap:10px;align-items:stretch}.tech-card{flex:1;text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.tech-card .tech-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tech-card .tech-ico{width:30px;height:30px;object-fit:contain;flex-shrink:0}.tech-card .name{font-weight:600}.tech-card .blurb{font-size:12px;color:#8fa3b8}.tech-card .cost{font-size:12px;color:#f7d154}.tech-card.owned{color:#9aa9b7;border-color:#30483f;background:#27413a52}.tech-card.owned .tech-ico{opacity:.55;filter:saturate(.6)}.tech-card.owned .blurb{color:#718395}.tech-card.owned .cost{color:#75a895}.tech-card:disabled{opacity:1}.tech-card:disabled:not(.owned){color:#c4cfdb;background:#1d2a3a;border-color:#2d4055}.tech-card:disabled:not(.owned) .tech-ico{opacity:.72}.tech-card:disabled:not(.owned) .cost{color:#d7bc68}.choice-cards{display:flex;gap:12px}.choice-cards button{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.choice-cards .name{font-weight:600;font-size:15px}.choice-cards .desc{font-size:13px;color:#8fa3b8}.scores{width:100%;border-collapse:collapse;max-width:420px}.scores td{padding:8px 10px;border-bottom:1px solid #2a3a4e;text-align:left}.scores td:last-child{text-align:right;font-weight:600}.scores.with-attitudes{max-width:560px;margin-top:8px}.scores.with-attitudes td{vertical-align:top}.score-player-name{display:flex;align-items:center;min-height:22px}.score-player-name .swatch{display:inline-block;flex:0 0 auto;width:11px;height:11px;border-radius:50%;margin-right:8px}.attitude-help{margin:5px auto 0;font-size:12px}.bot-attitude{margin:5px 0 0 19px;max-width:330px;font-size:12px;text-align:left}.bot-attitude summary{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border:1px solid #45566b;border-radius:999px;color:#aebdcb;background:#141e2a;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.bot-attitude summary::-webkit-details-marker{display:none}.bot-attitude summary:after{content:"›";color:#7f91a5;font-size:15px;line-height:1}.bot-attitude[open] summary:after{transform:rotate(90deg)}.bot-attitude summary b{font-weight:650;color:#d8e1e9}.bot-attitude>div{padding:6px 8px 2px;color:#9daec0;line-height:1.4}.bot-attitude.attitude-friendly summary{border-color:#43866f;background:#18342d}.bot-attitude.attitude-friendly summary b{color:#88d8b7}.bot-attitude.attitude-wary summary{border-color:#8b7540;background:#352e1c}.bot-attitude.attitude-wary summary b{color:#f1cf75}.bot-attitude.attitude-enemy summary{border-color:#95584c;background:#39221f}.bot-attitude.attitude-enemy summary b{color:#f0a08e}.bot-attitude.attitude-sworn-enemy summary{border-color:#a74659;background:#3b1d26}.bot-attitude.attitude-sworn-enemy summary b{color:#ff91a5}.conquest-standings th{padding:0 10px 5px;color:#8fa3b8;font-size:11px;font-weight:500;text-align:left}.conquest-standings th.number,.conquest-standings td.number,.conquest-standings th:nth-child(n+3){text-align:right}.conquest-standings td.number{font-variant-numeric:tabular-nums;font-weight:600}.toast{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#8a3a3a;border-radius:8px;padding:8px 16px;font-size:14px;z-index:11;pointer-events:none}.notice{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#3a3117f2;border:1px solid #f7d154;color:#f7d154;border-radius:8px;padding:8px 16px;width:max-content;max-width:calc(100% - 24px);text-align:center;font-size:14px;z-index:11;pointer-events:none}.tutorial-panel{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(340px,calc(100% - 24px));background:#233143f2;border:1px solid #4a7fd6;border-radius:10px;padding:10px 12px;z-index:10;box-shadow:0 4px 18px #00000059}.tutorial-panel .tut-head{display:flex;align-items:baseline;gap:8px;font-size:14px}.tutorial-panel .tut-progress{color:#8fa3b8;font-size:12px;margin-left:auto}.tutorial-panel .tut-close{background:none;border:none;color:#8fa3b8;font-size:13px;padding:0 2px;cursor:pointer}.tutorial-panel .tut-close:hover{color:#e8e4d8}.tutorial-panel .tut-body{font-size:13px;color:#c9d4e0;margin:6px 0 8px;line-height:1.4}.tutorial-panel .tut-actions{display:flex;justify-content:flex-end}.tutorial-panel .tut-actions button{font-size:13px;padding:5px 12px}.playtime-gate{position:fixed;z-index:60;background:#080c12f7}.playtime-gate .sub b{color:#e8e4d8}.playtime-gate .playtime-fineprint{font-size:13px;color:#708399}.playtime-heads-up{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:#233143d9;border:1px solid rgba(120,150,180,.35);border-radius:999px;padding:5px 12px;font-size:12px;color:#d7e2ee;pointer-events:none;z-index:55}.playtime-modal{position:fixed;z-index:50}.playtime-note{font-size:13px;line-height:1.5;color:#8fa3b8;margin-bottom:14px}.playtime-warn{color:#d9a86a;margin:10px 0 0}.playtime-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.playtime-row>span:first-child{width:92px;flex-shrink:0;color:#8fa3b8;font-size:14px}.playtime-row input[type=number]{width:84px;background:#233143;border:1px solid #3a4d66;border-radius:8px;color:inherit;font:inherit;padding:7px 10px}.playtime-hint{color:#708399;font-size:13px}.playtime-modes{align-items:flex-start}.playtime-modes>span:first-child{padding-top:8px}.playtime-picker{display:flex;flex-direction:column;gap:8px;flex:1}.playtime-picker button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 12px}.playtime-picker button.on{background:#4a7fd6;border-color:#6b9be6}.playtime-picker em{font-style:normal;font-size:12px;line-height:1.4;color:#b8c7d9}.playtime-picker button.on em{color:#e3edfa}.playtime-today{border-top:1px solid #2b3a4d;padding-top:12px;margin-top:4px;font-size:13px;color:#8fa3b8}.playtime-today b{color:#e8e4d8}.playtime-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media (max-width: 600px){.chip{font-size:12px;padding:4px 9px}.hud-top{padding:8px;gap:6px}.choice-cards{flex-direction:column}.setup{gap:10px}.setup h2{font-size:22px}.setup .row{flex-wrap:wrap;justify-content:center;max-width:100%}.setup .row>span{width:58px;font-size:12px}.setup .seg{flex-wrap:wrap;justify-content:center}.setup .seg button{padding:7px 9px;font-size:13px}.setup select{padding:6px 8px;font-size:14px}.setup .mode-blurb{margin-top:-4px}.setup .mode-blurb em{font-size:12px}.playtime-row{flex-wrap:wrap}.playtime-row>span:first-child{width:100%}.playtime-row .seg{flex-wrap:wrap}.playtime-modes>span:first-child{padding-top:0}}.share{display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 0 2px}.share-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;max-width:340px;color:#8fa3b8;font-size:13px}.share-breakdown b{color:#cfd8de;font-weight:600}.share-copy{font-size:14px;padding:8px 16px}.share-text{width:300px;font-size:12px;font-family:inherit;background:#16202c;color:#cfd8de;border:1px solid #2b3a4a;border-radius:6px;padding:8px;resize:none}.signup{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid #24313f;max-width:340px}.signup-pitch{color:#8fa3b8;font-size:13px;text-align:center}.signup-row{display:flex;gap:8px;width:100%}.signup-row input[type=email]{flex:1;min-width:0;padding:9px 10px;font:inherit;font-size:14px;color:#e6ecf1;background:#16202c;border:1px solid #2b3a4a;border-radius:6px}.signup-row button{padding:9px 14px;font-size:14px}.signup-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#8fa3b8;text-align:left}.signup-consent input{margin-top:2px}.signup-error{color:#e5806f;font-size:13px}.signup-done{color:#8fa3b8;font-size:13px;margin-top:6px}.linklike{background:none;border:none;color:#7fb3e8;font:inherit;font-size:12px;padding:2px;text-decoration:underline;cursor:pointer}.linklike:hover:not(:disabled){background:none}.privacy{max-width:560px;text-align:left}.privacy h1,.privacy h2{margin-bottom:4px;font-size:20px}.privacy h3{margin:16px 0 6px;font-size:16px;color:#e8e4d8}.privacy p{margin-bottom:10px;line-height:1.5;font-size:14px;color:#cfd8de}.privacy p.sub{color:#8fa3b8;font-size:12px}.privacy a{color:#7fb3e8}.privacy-page{height:100%;overflow-y:auto;padding:32px 16px;display:flex;justify-content:center;align-items:flex-start}.privacy-page .privacy{width:100%;background:#182230;border:1px solid #3a4d66;border-radius:16px;padding:24px}.privacy-back{display:inline-block;margin-top:8px}.cost-tag{white-space:nowrap}.cost-tag .coin{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.22em;margin-left:3px}.tribe-intro .box{max-width:380px;text-align:center;cursor:pointer}.tribe-intro-eyebrow{color:#8fa3b8;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px}.tribe-intro h2{font-size:30px;margin-bottom:10px}.tribe-intro h2 .swatch{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:10px;vertical-align:.06em}.tribe-intro-blurb{color:#cfd8de;font-size:14px;line-height:1.5;margin-bottom:14px}.tribe-intro-tech{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #2b3a4a;border-radius:999px;background:#16202c;font-size:14px;margin-bottom:14px}.tribe-intro-tech img{width:22px;height:22px;object-fit:contain}.tribe-intro .sub{font-size:12px;color:#7f8fa1}.overlay .sub.challenge{margin-top:-6px;color:#7f8fa1;font-size:13px}.unit-note{color:#b8c5d2;font-size:12px;line-height:1.4;margin:0 0 7px}.reach-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:12px}.reach-move:before{content:"";display:inline-block;width:11px;height:11px;margin-right:5px;background:#6cbcde60;border:1px solid #6cbcde}.reach-attack:before{content:"";display:inline-block;width:14px;margin-right:5px;border-top:2px dashed #ffb15c;vertical-align:middle}.preview-info{font-size:12px;color:#b8c5d2}.preview-info summary{cursor:pointer;list-style:none;min-height:32px;display:flex;align-items:center;gap:6px}.preview-info summary::-webkit-details-marker{display:none}.preview-tip{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;padding:10px 12px;border:1px solid #46586f;border-radius:9px;background:#0f1721;color:#cfe0f2;font-size:12px;line-height:1.45;z-index:3;box-shadow:0 6px 18px #0006}.warning-dot{width:11px;height:11px;border:1px solid rgba(255,177,92,.65);border-radius:50%;display:inline-block}.raid-note{display:flex;align-items:flex-start;gap:7px;color:#c8d1da}.raid-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid rgba(247,209,84,.72);border-radius:50%;background:#101822;color:#f7d154;font-size:10px;font-weight:700;line-height:1}.raid-income{color:#d7bc68;font-size:11px}.forecast-group{margin:4px 0}.forecast-list.expanded{max-height:145px;overflow-y:auto}.forecast-row{display:flex;gap:6px;align-items:stretch}.forecast-row button{font-size:12px;line-height:1.2;padding:3px 8px;min-height:30px;background:transparent;border-color:transparent}.forecast-detail{flex:1;min-width:0;text-align:left;color:#b8c5d2}.forecast-detail.on{color:#f7d154;background:#f7d1540a}.forecast-explanation{display:block;font-size:11px;line-height:1.3;margin-top:2px}.forecast-toggle{min-height:28px;margin-top:2px;padding:3px 8px;border-color:transparent;background:transparent;color:#8fa3b8;font-size:11px;line-height:1.2}.forecast-toggle:hover:not(:disabled){background:#233143;color:#c7d4e2}.build-payout{display:block;margin-top:4px;color:#f7d154}@media (max-width: 600px){.hud-bottom{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.panel{padding:9px 11px}.panel h3{flex-wrap:wrap;gap:3px 7px;margin-bottom:5px;font-size:14px}.statline{gap:4px 10px;font-size:12px;margin-bottom:6px}.panel .sub{font-size:12px;margin-bottom:4px}.forecast-list.expanded{max-height:144px}.forecast-row button,.forecast-toggle{min-height:36px}.preview-info summary{min-height:44px}.panel .actions{gap:5px 8px}.panel .actions button{min-height:44px}.panel .actions button.opt-help{width:36px;height:44px;border-radius:9px}.scores.with-attitudes td{padding:7px 5px}.bot-attitude{margin-left:0;max-width:min(300px,68vw)}.bot-attitude summary{min-height:40px}}@media (max-height: 500px){.panel{max-height:42dvh;overflow-y:auto}.panel .preview-tip,.panel .opt-tip{position:fixed;left:12px;right:12px;bottom:calc(42dvh + 20px);width:auto;max-width:none}}.art-review{height:100%;overflow-y:auto;padding:36px clamp(18px,4vw,58px) 64px;background:#101822;color:#e8e4d8}.art-review-head,.art-review-section-head{max-width:1180px;margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:24px}.art-review-head{padding-bottom:28px;border-bottom:1px solid #2d4055}.art-review-head h1{font-size:clamp(32px,5vw,54px);letter-spacing:.02em}.art-review-head p,.art-review-section-head p{color:#8fa3b8;line-height:1.45}.art-review-head a{color:#b9d7fa;text-decoration:none;border:1px solid #3a4d66;border-radius:9px;padding:9px 13px;white-space:nowrap}.art-review-eyebrow{color:#d7bc68;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.art-review section{margin:42px auto 0;max-width:1180px}.art-review-section-head{margin-bottom:16px}.art-review-section-head h2{font-size:22px;margin-bottom:4px}.art-review-section-head>span{color:#d7bc68;font-size:12px;white-space:nowrap}.art-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.art-tech-card{min-height:100px;display:grid;grid-template-columns:66px 1fr 30px;align-items:center;gap:12px;padding:13px;background:#1d2a3a;border:1px solid #33475e;border-radius:12px}.art-icon-large{width:66px;height:66px;object-fit:contain}.art-tech-actual{width:30px;height:30px;object-fit:contain}.art-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.art-card-copy span{color:#8fa3b8;font-size:12px;line-height:1.35}.art-unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.art-unit-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;background:#1d2a3a;border:1px solid #33475e;border-radius:12px}.art-unit-large{width:76px;height:76px;display:grid;place-items:center;border:4px solid #f3e9d0;border-radius:50%}.art-unit-large img{width:68px;height:68px;object-fit:contain}.art-unit-colors{display:flex;align-items:center;gap:9px;min-height:31px}.art-unit-disc{position:relative;display:inline-grid;place-items:center;width:27px;height:27px;border:2px solid #f3e9d0;border-radius:50%;flex:0 0 auto}.art-unit-disc:not(.large){width:23px;height:23px}.art-unit-disc img{width:100%;height:100%;object-fit:contain}.art-unit-disc.spent{opacity:.6}.art-unit-disc.veteran{border-color:#f7d154}.art-unit-disc.target{border:3px solid #ff5544;outline:2px dashed rgba(255,85,68,.9);outline-offset:3px}.art-state-row{display:flex;flex-wrap:wrap;gap:28px;padding:22px;background:#1d2a3a;border:1px solid #33475e;border-radius:12px}.art-state-row>div{display:flex;align-items:center;gap:11px;color:#b8c7d9;font-size:13px}@media (max-width: 600px){.art-review{padding:22px 12px 48px}.art-review-head,.art-review-section-head{align-items:flex-start}.art-review-section-head{flex-direction:column;gap:5px}.art-review section{margin-top:32px}.art-tech-grid{grid-template-columns:1fr}.art-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-unit-colors{gap:6px}}