:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#e9eef6;background:#07101e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,#182d47 0%,transparent 38%),linear-gradient(145deg,#070f1c,#101c30)}button{font:inherit}.app{max-width:1400px;min-height:100vh;margin:0 auto;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.title-bar{margin-bottom:20px}.main-section-tabs{display:flex;gap:8px;margin-bottom:16px;padding:7px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #24354c;border-radius:12px;background:#0a1423db;scrollbar-width:thin}.main-section-tabs button{flex-shrink:0;cursor:pointer;padding:10px 22px;border:1px solid transparent;border-radius:8px;color:#9eb4c9;background:transparent}.main-section-tabs button.active{border-color:#329b8d;color:#eafffa;background:#164d4a}.eyebrow{margin:0 0 6px;color:#69dbc3;font-size:13px;font-weight:700;letter-spacing:.12em}h1{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:.04em}.workspace{display:grid;grid-template-columns:minmax(620px,1fr) 290px;gap:18px;align-items:start}.workspace>*,.play-area,.room-details{min-width:0}.workspace.single-panel{grid-template-columns:1fr}.play-area,.room-details{border:1px solid #24354c;border-radius:16px;background:#0a1423db;box-shadow:0 14px 32px #00000038}.play-area{padding:14px}.home-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:520px;padding:36px 18px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 8%,rgba(105,219,195,.2),transparent 36%),radial-gradient(circle at 18% 78%,rgba(255,209,102,.13),transparent 30%),linear-gradient(180deg,#12283ed1,#08111f33);text-align:center}.home-screen:before,.home-screen:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(105,219,195,.16);border-radius:999px;pointer-events:none}.home-screen:before{inset:42px 15% auto;height:170px;box-shadow:0 0 50px #69dbc314}.home-screen:after{right:10%;bottom:42px;width:160px;height:160px;border-color:#ffd16624}.home-screen-label{margin:0;color:#69dbc3;font-size:13px;font-weight:700;letter-spacing:.16em}.home-screen h2{margin:0;color:#f4f8ff;font-size:clamp(32px,5vw,50px);text-shadow:0 0 22px rgba(105,219,195,.26)}.home-screen-description{max-width:460px;margin:0 0 16px;color:#91a6bd;line-height:1.7}.home-screen-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px}.home-screen-tags span{padding:6px 10px;border:1px solid rgba(105,219,195,.24);border-radius:999px;color:#b8fff1;background:#0e2a37bf;font-size:12px;font-weight:700}.home-screen-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));gap:12px}.language-select-screen .home-screen-actions{grid-template-columns:repeat(3,minmax(150px,220px))}.home-screen-actions button{cursor:pointer;padding:16px 22px;border:1px solid #33506a;border-radius:10px;color:#e7f2ff;background:linear-gradient(180deg,#23415efa,#12283dfa);box-shadow:0 10px 20px #0000002e;font-weight:700}.home-screen-actions button.primary{grid-column:1 / -1;min-height:64px;border-color:#55e0c7;color:#effffb;background:linear-gradient(180deg,#22b99f,#126c62);box-shadow:0 16px 32px #1bccb13d,inset 0 1px #ffffff3d;font-size:18px;letter-spacing:.04em}.home-screen-actions button:hover{border-color:#5ecfbb;background:linear-gradient(180deg,#2a4e6cfa,#17374cfa);transform:translateY(-1px)}.home-screen-actions button.primary:hover{background:linear-gradient(180deg,#2cd2b5,#168074)}.status-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#111f34}.status-panel strong{display:block;margin-top:4px;font-size:17px}.status-panel.occupied{margin-bottom:8px;padding:8px 12px}.status-panel.occupied strong{font-size:15px}.status-panel.occupied .mode{padding:6px 11px;font-size:13px}.status-label,.details-label{color:#93a6bd;font-size:12px;font-weight:700;letter-spacing:.08em}.mode{flex-shrink:0;padding:8px 12px;border-radius:18px;color:#b7c5d6;background:#1c2b41;font-size:14px}.mode.active{color:#07251f;background:#54d5b7;font-weight:700}.guidance-panel{margin-bottom:12px;padding:10px 12px;border:1px solid #285b61;border-radius:10px;background:#102734}.guidance-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.guidance-heading strong{color:#6be0c9;font-size:14px}.guidance-heading button{cursor:pointer;padding:5px 10px;border:1px solid #38776f;border-radius:14px;color:#c9f6ed;background:#163c3c;font-size:12px}.current-goal{display:flex;align-items:baseline;gap:10px;margin:10px 0 9px;padding:9px 11px;border-radius:8px;color:#e6f4ff;background:#152f42;font-size:14px}.current-goal span{flex-shrink:0;color:#ffd166;font-weight:700}.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:9px 0}.onboarding-steps span{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border:1px solid rgba(105,219,195,.16);border-radius:8px;color:#bfd2e7;background:#13283a;font-size:12px;line-height:1.35}.onboarding-steps strong{display:grid;flex:0 0 20px;place-items:center;width:20px;height:20px;border-radius:999px;color:#082b25;background:#69dbc3;font-size:11px}.readiness-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}.readiness-strip span{padding:5px 8px;border:1px solid #32465f;border-radius:999px;color:#99adc4;background:#15263a;font-size:12px;font-weight:700}.readiness-strip .ready{border-color:#2c987f;color:#baf8eb;background:#123b37}.readiness-strip .pending{border-color:#664f2c;color:#ffd166;background:#302616}.gameplay-tips strong{display:block;margin-bottom:6px;color:#b5cce1;font-size:12px}.gameplay-tips ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.gameplay-tips li{padding:5px 8px;border-radius:13px;color:#9eb4c9;background:#162a3d;font-size:12px}.resource-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.resource-card,.resource-locked{border:1px solid #253850;border-radius:9px;background:#101c2f}.resource-card{min-height:77px;padding:9px 10px}.resource-card span{display:block;margin-bottom:5px;color:#8fa4bc;font-size:12px;font-weight:700}.resource-card strong{display:block;font-size:19px}.resource-card small{color:#8297b2;font-size:12px}.resource-card.coin strong{color:#ffd166}.resource-card.power strong{color:#75d5ff}.resource-card.door strong{color:#ff9292;font-size:16px}.resource-card.door small{color:#69dbc3}.resource-card.tower strong{color:#43dbc8}.resource-card.tower small{color:#5eead4}.resource-card.target strong{color:#ff8f9d;font-size:16px}.resource-card.combat strong{color:#f8d878}.resource-card.combat.victory{border-color:#2d9d7f;background:#132f2b}.resource-card.combat.victory strong,.resource-card.combat.victory small{color:#57ddb2}.resource-card.combat.defeat{border-color:#b44954;background:#311a25}.resource-card.combat.defeat strong,.resource-card.combat.defeat small{color:#ff7b86}.combat-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}.resource-change-strip{display:flex;flex-wrap:wrap;gap:6px;min-height:25px;margin:0 0 8px}.resource-change-strip span{padding:4px 10px;border:1px solid #2d5c55;border-radius:14px;color:#ffd166;background:#142a32;font-size:12px;font-weight:700}.resource-change-strip .power{border-color:#2c5876;color:#75d5ff;background:#11283b}.hud-card{min-height:56px;padding:6px 8px;overflow:hidden;border:1px solid #253850;border-radius:8px;background:#101c2f}.hud-card span{display:block;margin-bottom:3px;color:#8fa4bc;font-size:10px;font-weight:700}.hud-card strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap}.hud-card small{display:block;overflow:hidden;color:#8297b2;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.hud-card.coin strong{color:#ffd166}.hud-card.power strong{color:#75d5ff}.hud-card.door strong{color:#ff9292}.hud-card.door small{color:#69dbc3}.hud-card.room-effect strong{color:#69dbc3;font-size:13px;line-height:1.45}.hud-card.random-event strong{color:#f2c365;font-size:13px}.hud-card.random-event.fish-inspiration strong,.hud-card.random-event.repair-opportunity strong{color:#65e3bd}.hud-card.random-event.power-fluctuation strong,.hud-card.random-event.overtime-alert strong{color:#ff9191}.hud-card.random-event.power-fluctuation,.hud-card.random-event.overtime-alert{border-color:#583444;background:#221a2b}.hud-card.target strong{color:#ff8f9d}.hud-card.combat strong{color:#f8d878}.hud-card.combat.victory{border-color:#2d9d7f;background:#132f2b}.hud-card.combat.victory strong,.hud-card.combat.victory small{color:#57ddb2}.hud-card.combat.defeat{border-color:#b44954;background:#311a25}.hud-card.combat.defeat strong,.hud-card.combat.defeat small{color:#ff7b86}.health-track{height:5px;margin-top:7px;overflow:hidden;border-radius:4px;background:#321d29}.health-fill{height:100%;background:linear-gradient(90deg,#e04b56,#ff8d76);transition:width .1s linear}.resource-locked{margin-bottom:12px;padding:14px;color:#94a8bf;text-align:center;font-size:14px}.game-host{width:100%;overflow:hidden;aspect-ratio:960 / 640;border:1px solid #25354a;border-radius:10px;background:#091526}.game-host.lobby{aspect-ratio:960 / 920}.game-host canvas{display:block}.touch-lobby-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 12px;padding:10px 14px;border:1px solid #29445b;border-radius:12px;color:#9db0c8;background:#0f1d30}.touch-lobby-controls strong{color:#6edbc0;font-size:13px}.touch-direction-pad{display:grid;grid-template-areas:". up ." "left down right";gap:5px}.touch-direction-pad button,.touch-check-in{min-width:48px;min-height:44px;cursor:pointer;touch-action:none;border:1px solid #365772;border-radius:9px;color:#edf7ff;background:#192d45;font-size:15px;font-weight:700}.touch-direction-pad button:active,.touch-check-in:active{border-color:#ffd166;background:#294257}.touch-direction-pad .up{grid-area:up}.touch-direction-pad .left{grid-area:left}.touch-direction-pad .down{grid-area:down}.touch-direction-pad .right{grid-area:right}.touch-check-in{min-width:86px;color:#082b25;border-color:#3ab99d;background:#54d5b7}.touch-lobby-controls small{max-width:92px;color:#9eb4c9;font-size:12px}.notice{min-height:46px;margin:12px 0;padding:12px 14px;border-radius:8px;color:#f5deb0;background:#1f2938;border-left:4px solid #f7b32b;font-size:14px}.settlement-panel{position:relative;overflow:hidden;margin:12px 0;padding:16px;border:1px solid rgba(95,226,190,.42);border-radius:12px;background:radial-gradient(circle at 18% 0%,rgba(105,219,195,.22),transparent 32%),linear-gradient(180deg,#123634fa,#0e1c2bfa);box-shadow:0 18px 38px #00000047,inset 0 1px #ffffff14}.settlement-panel.defeat{border-color:#ff89937a;background:radial-gradient(circle at 18% 0%,rgba(255,99,118,.2),transparent 32%),linear-gradient(180deg,#3c1d26fa,#191421fa)}.settlement-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.settlement-label{margin:0 0 4px;color:#76d9bc;font-size:12px;font-weight:700}.settlement-panel.defeat .settlement-label{color:#ff959e}.settlement-heading h2{margin:0;color:#eafcf8;font-size:clamp(24px,4vw,34px);letter-spacing:.04em;text-shadow:0 0 18px rgba(105,219,195,.22)}.settlement-panel.defeat .settlement-heading h2{color:#ffe9eb;text-shadow:0 0 18px rgba(255,137,147,.2)}.settlement-result{padding:8px 13px;border:1px solid rgba(105,219,195,.32);border-radius:18px;color:#53e0b1;background:#173f38;box-shadow:0 8px 18px #53e0b11f;white-space:nowrap}.settlement-panel.defeat .settlement-result{border-color:#ff899347;color:#ff8993;background:#431f29;box-shadow:0 8px 18px #ff89931a}.settlement-score{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(105,219,195,.22);border-radius:10px;background:linear-gradient(135deg,#112e3bf0,#0e1a2bf0)}.settlement-score span{color:#9db1c8;font-size:12px;font-weight:700}.settlement-score strong{display:grid;place-items:center;min-width:58px;min-height:58px;border:2px solid rgba(105,224,189,.46);border-radius:999px;color:#69e0bd;background:radial-gradient(circle,#69e0bd2e,#16353ae6);box-shadow:0 0 24px #69e0bd29;font-size:34px;line-height:1;text-align:center}.settlement-score p{margin:0 0 3px;color:#eaf4ff;font-weight:700}.settlement-score small{color:#97abc2}.settlement-score.grade-s{border-color:#43b98e;background:radial-gradient(circle at 14% 50%,rgba(255,209,102,.18),transparent 26%),linear-gradient(135deg,#123c33,#102034)}.settlement-score.grade-s strong{border-color:#ffd166b8;color:#ffd166;background:radial-gradient(circle,#ffd16638,#1c3227eb)}.settlement-score.grade-a strong{border-color:#58d6ef80;color:#58d6ef}.settlement-score.grade-b strong{border-color:#ffd16675;color:#ffd166}.settlement-score.grade-c strong{border-color:#ff8d8275;color:#ff8d82}.settlement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.settlement-data,.settlement-reward{display:flex;flex-direction:column;gap:6px;padding:12px 13px;border:1px solid rgba(75,106,139,.38);border-radius:9px;color:#dfe9f5;background:#112034db;font-size:13px}.settlement-reward{border-color:#ffd16652;background:linear-gradient(180deg,#3c2d14db,#152030e6)}.settlement-data[aria-label]{grid-column:1 / -1;margin-bottom:12px;border-color:#5bcac052;background:linear-gradient(180deg,#102c37e6,#0e1c2beb)}.settlement-data strong,.settlement-reward strong{margin-bottom:3px;color:#f5f8ff;font-size:14px}.settlement-reward span{padding:5px 8px;border-radius:7px;color:#ffd166;background:#ffd1661a;font-weight:700}.settlement-reward small{color:#90a3ba}.settlement-actions{display:flex;flex-wrap:wrap;gap:8px}.settlement-actions button{cursor:pointer;min-height:40px;padding:9px 12px;border:1px solid #38506d;border-radius:8px;color:#e8eef8;background:linear-gradient(180deg,#233953fa,#14283dfa);font-weight:700}.settlement-actions button:hover:not(:disabled){border-color:#6d829c;background:#20354c}.settlement-actions button:disabled{cursor:not-allowed;opacity:.6}.settlement-actions .reward-primary{border-color:#2ea78e;color:#eafffa;background:linear-gradient(180deg,#1aa98f,#126358);box-shadow:0 10px 18px #1dbc9e29}.next-action-strip{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 11px;border:1px solid rgba(255,209,102,.28);border-radius:10px;color:#dbe9f6;background:#312712d1;font-size:13px}.next-action-strip strong{flex-shrink:0;color:#ffd166}.backpack-panel{margin:12px 0;padding:13px 14px;border:1px solid #27415d;border-radius:12px;background:#0e1d30}.outgame-features{margin:12px 0;padding:10px;border:1px solid #20354c;border-radius:12px;background:#0b1829}.outgame-features-heading{display:flex;justify-content:space-between;gap:12px;padding:3px 4px;color:#eff7ff}.outgame-features-heading small{color:#7f96b1}.outgame-loop-strip{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}.outgame-loop-strip span{padding:7px 9px;border:1px solid rgba(105,219,195,.18);border-radius:999px;color:#c7fff4;background:#112d3a;font-size:12px;font-weight:700}details.backpack-panel>summary{cursor:pointer;list-style-position:inside}details.backpack-panel:not([open]) .backpack-heading{margin-bottom:0}.backpack-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.backpack-heading strong{color:#eff7ff;font-size:16px}.backpack-heading small{color:#7f96b1;font-size:12px}.backpack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.backpack-currency,.backpack-item{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border-radius:8px;color:#9eafc6;background:#14273c;font-size:12px}.backpack-currency strong,.backpack-item strong{color:#e7f2ff;font-size:19px}.backpack-currency strong{color:#5be2bf}.backpack-currency.coin strong{color:#ffd166}.backpack-item.loot-box strong{color:#ffcb68}.backpack-item small{color:#88a1bc}.backpack-item button{cursor:pointer;margin-top:3px;padding:6px 8px;border:1px solid #365473;border-radius:6px;color:#e7f2ff;background:#192f47}.backpack-item button:hover{border-color:#59cfc0;background:#1c4350}.backpack-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid #21384f}.backpack-actions span{color:#8ca1ba;font-size:12px}.backpack-actions button{cursor:pointer;padding:9px 13px;border:1px solid #38a895;border-radius:8px;color:#eafffa;background:#135e54}.backpack-actions button:hover{border-color:#58d2bc;background:#197568}.leaderboard-summary{align-items:stretch;border-top-color:#2c4d68}.leaderboard-summary span{display:flex;align-items:center;flex:1;min-height:38px;padding:8px 10px;border-radius:8px;color:#d4e4f5;background:#13263b;font-weight:700}.leaderboard-clear{border-color:#4c5261!important;color:#9fb0c5!important;background:#182232!important}.leaderboard-clear:hover{border-color:#7d8799!important;color:#d8e4f4!important;background:#202d40!important}.leaderboard-tabs{margin:10px 0;padding:6px;border:1px solid #263d55;border-radius:10px;background:#0d1b2d}.leaderboard-tabs button{flex:1 1 150px;border-color:transparent;background:transparent}.leaderboard-tabs .reward-primary{border-color:#54d5b7;background:#164b45;box-shadow:inset 0 0 0 1px #69dbc329}.leaderboard-card{position:relative;overflow:hidden;border:1px solid #28445e;background:linear-gradient(180deg,#162b42fa,#0f1d30fa)}.leaderboard-card>span:first-child{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;color:#bfe9ff;background:#203a54;font-weight:700}.leaderboard-card strong{color:#f4f8ff}.leaderboard-card.rank-1{border-color:#ffd1668f;background:radial-gradient(circle at 12% 0%,rgba(255,209,102,.2),transparent 30%),linear-gradient(180deg,#392b12fa,#161f2bfa)}.leaderboard-card.rank-2{border-color:#75d5ff6b}.leaderboard-card.rank-3{border-color:#ffae776b}.leaderboard-card.rank-1>span:first-child{color:#271d07;background:#ffd166}.leaderboard-card.rank-2>span:first-child{color:#082336;background:#75d5ff}.leaderboard-card.rank-3>span:first-child{color:#2c1809;background:#ffae77}.achievement-card{border:1px solid #2b425d}.achievement-card.unlocked{border-color:#ffd16670;background:linear-gradient(180deg,#3b2b14eb,#14253af5)}.achievement-card.claimed{border-color:#69dbc357;background:linear-gradient(180deg,#143732e6,#12273cf5)}.achievement-card.locked{opacity:.78}.achievement-status{width:fit-content;padding:4px 8px;border-radius:999px;background:#20324a;font-size:13px!important}.achievement-card.unlocked .achievement-status{color:#2d2108;background:#ffd166}.achievement-card.claimed .achievement-status{color:#082b25;background:#69dbc3}.achievement-reward{padding:5px 7px;border-radius:7px;color:#ffd166!important;background:#ffd1661a}.usage-limits{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:8px;color:#9eafc6;background:#132538;font-size:12px}.usage-limits strong{color:#e8f2ff;margin-right:6px}.usage-limits span{padding:4px 8px;border-radius:12px;color:#ffd166;background:#382f1e}.usage-limits small{flex-basis:100%;color:#7f96b1}.item-effects{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:9px 10px;border-radius:8px;color:#9eafc6;background:#132538;font-size:12px}.item-effects strong{color:#e8f2ff;margin-right:6px}.item-effects span{padding:4px 8px;border-radius:12px;color:#5be2bf;background:#153b37}.rank-rules-panel{margin:12px 0;padding:13px 14px;border:1px solid #334864;border-radius:12px;color:#d7e3f3;background:#101e31}.rank-rules-panel strong{color:#f0f6ff;font-size:15px}.rank-rules-panel ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}.rank-rules-panel li{padding:5px 9px;border-radius:13px;color:#a7bad2;background:#182a41;font-size:12px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.controls button{cursor:pointer;padding:11px 16px;border:1px solid #38506d;border-radius:9px;color:#e8eef8;background:#17283d;transition:background .16s ease,border-color .16s ease}.controls button:hover{border-color:#6d829c;background:#20354c}.controls button:disabled{cursor:not-allowed;opacity:.45}.controls .primary{border-color:#279e8d;color:#eafffa;background:#126258}.controls .primary.enabled{border-color:#d3922e;background:#a16513}.controls .damage{border-color:#a84751;color:#ffd8d8;background:#572833}.controls .target-action{border-color:#329b8d;color:#d8fff9;background:#164d4a}.developer-panel{margin-top:12px;padding:12px 14px;border:1px dashed #546b83;border-radius:10px;background:#111d2c}.developer-panel-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.developer-panel-heading strong{color:#ecf4ff}.developer-panel-heading small{color:#8499b2}.developer-actions{display:flex;flex-wrap:wrap;gap:8px}.developer-actions button{cursor:pointer;padding:9px 12px;border:1px solid #44617d;border-radius:8px;color:#dde9f8;background:#182c42}.developer-actions button:hover{border-color:#64b7b0;background:#203b50}.developer-actions .developer-defeat{border-color:#8d4650;color:#ffd5da;background:#41232c}.battle-action-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #29445b;border-radius:10px;background:#101f33}.battle-action-bar strong,.battle-action-bar small{display:block}.battle-action-bar small{margin-top:3px;color:#8ca1ba;font-size:12px}.battle-action-buttons{display:flex;gap:8px}.battle-action-buttons button{cursor:pointer;padding:8px 12px;border:1px solid #319684;border-radius:8px;color:#eafffa;background:#15554e}.battle-item-bar{margin-top:10px;padding:10px 12px;border:1px solid #263a53;border-radius:10px;background:#0e1a2c}.battle-item-bar .backpack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.building-picker{padding:12px;border:1px solid #263a53;border-radius:10px;background:#0e1a2c}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#cfdae9;font-size:14px}.text-button{cursor:pointer;border:0;color:#80cbbd;background:transparent;font-size:13px}.building-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.core-sofa-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #376eae;border-radius:9px;color:#e7eef9;background:#132943}.core-sofa-copy{display:flex;flex:1;flex-direction:column;gap:4px}.core-sofa-copy strong{flex-shrink:0;color:#75a9ff;font-size:15px}.core-sofa-copy span{color:#e7eef9;font-size:13px}.core-sofa-copy small{color:#8ca4c3;font-size:12px}.sofa-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #4a86d1;border-radius:8px;color:#eff6ff;background:#234d82;font-size:13px}.sofa-upgrade-button:hover:not(:disabled){border-color:#6ca4ea;background:#2e5e99}.sofa-upgrade-button:disabled{cursor:not-allowed;border-color:#36516f;color:#8297b2;background:#1a293b}.door-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #8e4e5b;border-radius:9px;color:#e7eef9;background:#30202c}.door-upgrade-copy{display:flex;flex:1;flex-direction:column;gap:4px}.door-upgrade-copy strong{flex-shrink:0;color:#ff9292;font-size:15px}.door-upgrade-copy span{color:#e7eef9;font-size:13px}.door-upgrade-copy small{color:#c09da4;font-size:12px}.door-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #b55965;border-radius:8px;color:#fff0f0;background:#71333c;font-size:13px}.door-upgrade-button:hover:not(:disabled){border-color:#da737e;background:#88414c}.door-upgrade-button:disabled{cursor:not-allowed;border-color:#62424b;color:#a68c92;background:#2b242e}.computer-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #7151a1;border-radius:9px;color:#e7eef9;background:#261d38}.computer-upgrade-copy{display:flex;flex:1;flex-direction:column;gap:4px}.computer-upgrade-copy strong{color:#b690ff;font-size:15px}.computer-upgrade-copy span{color:#e7eef9;font-size:13px}.computer-upgrade-copy small{color:#af9bcf;font-size:12px}.computer-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #8662c3;border-radius:8px;color:#f4efff;background:#533c7c;font-size:13px}.computer-upgrade-button:hover:not(:disabled){border-color:#ad86ef;background:#664b94}.computer-upgrade-button:disabled{cursor:not-allowed;border-color:#4c425d;color:#998dab;background:#252332}.repair-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #a86b2a;border-radius:9px;color:#e7eef9;background:#352619}.repair-upgrade-copy{display:flex;flex:1;flex-direction:column;gap:4px}.repair-upgrade-copy strong{color:#ffb95d;font-size:15px}.repair-upgrade-copy span{color:#e7eef9;font-size:13px}.repair-upgrade-copy small{color:#c8a47d;font-size:12px}.repair-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #c48238;border-radius:8px;color:#fff3e3;background:#784916;font-size:13px}.repair-upgrade-button:hover:not(:disabled){border-color:#edaa58;background:#91591d}.repair-upgrade-button:disabled{cursor:not-allowed;border-color:#5c4a37;color:#a7937d;background:#2d2722}.tower-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #248f86;border-radius:9px;color:#e7eef9;background:#102e33}.tower-upgrade-copy{display:flex;flex:1;flex-direction:column;gap:4px}.tower-upgrade-copy strong{color:#41dcc6;font-size:15px}.tower-upgrade-copy span{color:#e7eef9;font-size:13px}.tower-upgrade-copy small{color:#8bc9c1;font-size:12px}.tower-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #27ae9e;border-radius:8px;color:#edfffc;background:#12655d;font-size:13px}.tower-upgrade-button:hover:not(:disabled){border-color:#49dac8;background:#197d72}.tower-upgrade-button:disabled{cursor:not-allowed;border-color:#345753;color:#839d9b;background:#182b30}.firewall-upgrade-card,.accelerator-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid #8c4e50;border-radius:9px;color:#e7eef9;background:#322126}.accelerator-upgrade-card{border-color:#9c7927;background:#302a17}.firewall-upgrade-copy,.accelerator-upgrade-copy{display:flex;flex:1;flex-direction:column;gap:4px}.firewall-upgrade-copy strong{color:#ff8b86;font-size:15px}.accelerator-upgrade-copy strong{color:#ffd166;font-size:15px}.firewall-upgrade-copy span,.accelerator-upgrade-copy span{color:#e7eef9;font-size:13px}.firewall-upgrade-copy small,.accelerator-upgrade-copy small{color:#baa5a8;font-size:12px}.accelerator-upgrade-copy small{color:#bcb08c}.firewall-upgrade-button,.accelerator-upgrade-button{cursor:pointer;flex-shrink:0;padding:10px 12px;border:1px solid #b45b5a;border-radius:8px;color:#fff1f0;background:#713534;font-size:13px}.accelerator-upgrade-button{border-color:#b78c2d;color:#fff8e3;background:#72571c}.firewall-upgrade-button:hover:not(:disabled){border-color:#e2817b;background:#89403e}.accelerator-upgrade-button:hover:not(:disabled){border-color:#e0af45;background:#896923}.firewall-upgrade-button:disabled,.accelerator-upgrade-button:disabled{cursor:not-allowed;border-color:#5b4a4c;color:#9d9293;background:#292529}.building-option{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid #304763;border-radius:9px;color:#e7eef9;background:#17263a;text-align:left}.building-option strong{font-size:15px}.building-option span{color:#f3ce7b;font-size:13px}.building-option small{color:#97aabd}.building-option.selected{border-width:2px;padding:10px}.building-option.sofa.selected{border-color:#4d91ff;background:#162e55}.building-option.computer.selected{border-color:#ac86f4;background:#302550}.building-option.repair-station.selected{border-color:#f3ac54;background:#49301a}.building-option.keyboard-tower.selected{border-color:#29d9c3;background:#143c42}.building-option.firewall-node.selected{border-color:#d4655e;background:#3b2328}.building-option.fish-accelerator.selected{border-color:#d3a235;background:#342c18}.room-details{padding:18px}.room-details h2{margin:7px 0 12px;color:#f5f8ff;font-size:22px}.description{margin:0 0 18px;color:#b4c3d4;font-size:14px;line-height:1.65}.room-details dl{margin:0}.room-details dt{margin-top:14px;color:#8497b0;font-size:12px;font-weight:700}.room-details dd{margin:6px 0 0;padding:9px 10px;border-radius:7px;color:#e7edf8;background:#122235;font-size:14px}.room-details .positive{color:#65e3bd}.room-details .negative{color:#ffaeae}.room-details .actual-effect{display:block;color:#65e3bd}.room-details .actual-effect+.actual-effect{margin-top:5px}.room-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.room-list li{border-radius:7px;background:#101e31}.room-list button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:#dbe5f3;background:transparent;font-size:14px;cursor:pointer}.room-list button:hover{border-color:#39746f;background:#142b39}.room-list li.nearby button{border-color:#ffd166;color:#fff0bd;background:#302a1d}.room-list li.nearby small{color:#ffd166}.room-list small{color:#6ddbc0}@media(max-width:980px){.app{padding:12px}.workspace{grid-template-columns:1fr}.status-panel{align-items:flex-start;flex-direction:column}.current-goal{flex-direction:column;gap:5px}.resource-panel,.combat-hud,.building-options,.settlement-grid,.backpack-grid{grid-template-columns:1fr 1fr}.core-sofa-card,.door-upgrade-card,.computer-upgrade-card,.repair-upgrade-card,.firewall-upgrade-card,.accelerator-upgrade-card,.tower-upgrade-card{align-items:flex-start;flex-direction:column;gap:4px}.sofa-upgrade-button,.door-upgrade-button,.computer-upgrade-button,.repair-upgrade-button,.firewall-upgrade-button,.accelerator-upgrade-button,.tower-upgrade-button{width:100%;margin-top:6px}.battle-item-bar .backpack-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.app{width:100%;padding:6px 6px calc(22px + env(safe-area-inset-bottom,0px))}.title-bar{margin-bottom:8px;padding:2px 2px 0}.eyebrow{margin-bottom:4px;font-size:11px;letter-spacing:.08em}h1{font-size:clamp(22px,7vw,29px);line-height:1.18}.main-section-tabs{gap:5px;margin-bottom:8px;padding:5px;scroll-padding-inline:6px;white-space:nowrap;-webkit-overflow-scrolling:touch}.main-section-tabs button{min-height:44px;padding:9px 14px;font-size:13px}.play-area,.room-details{padding:8px;border-radius:12px;overflow:hidden}.workspace{gap:8px}.status-panel{gap:8px;margin-bottom:7px;padding:7px 9px}.status-panel strong{margin-top:2px;font-size:14px;line-height:1.25}.status-panel.occupied{margin-bottom:6px;padding:6px 8px}.status-panel.occupied strong{font-size:13px}.status-panel.occupied .mode,.mode{padding:5px 9px;font-size:12px}.guidance-panel{margin-bottom:7px;padding:7px 8px;border-radius:8px}.guidance-heading strong{font-size:12px}.guidance-heading button{padding:4px 8px;font-size:11px}.current-goal{align-items:flex-start;flex-direction:column;gap:3px;margin:6px 0 0;padding:6px 8px;font-size:12px;line-height:1.35}.onboarding-steps{grid-template-columns:1fr;gap:5px;margin:7px 0}.onboarding-steps span{padding:6px 7px;font-size:11px}.readiness-strip{gap:5px;margin-bottom:6px}.readiness-strip span{padding:4px 7px;font-size:11px}.gameplay-tips strong{margin:6px 0 0;font-size:11px}.gameplay-tips ul{display:none}.combat-alert{margin-bottom:7px;padding:6px 8px;border-radius:8px;font-size:12px;line-height:1.35}.combat-alert strong,.combat-alert span{display:block}.home-screen{gap:12px;min-height:calc(100svh - 116px);padding:16px 6px 18px}.home-screen-label{font-size:11px;letter-spacing:.1em}.home-screen h2{font-size:clamp(30px,11vw,42px);line-height:1.05}.home-screen-description{max-width:100%;margin-bottom:6px;font-size:14px;line-height:1.55}.home-screen-tags{gap:6px;max-width:100%}.home-screen-tags span{padding:5px 8px;font-size:11px}.home-screen-actions{grid-template-columns:1fr;width:min(100%,390px);gap:10px}.language-select-screen .home-screen-actions{grid-template-columns:1fr;width:min(100%,390px)}.home-screen-actions button{min-height:58px;width:100%;padding:15px 16px;border-radius:12px;font-size:15px;font-weight:700}.home-screen-actions button.primary{min-height:66px;font-size:18px}.game-host{max-width:100%}.touch-lobby-controls{flex-wrap:wrap;gap:10px}.touch-lobby-controls strong,.touch-lobby-controls small{width:100%;max-width:none;text-align:center}.resource-panel,.building-options,.combat-hud,.settlement-grid,.backpack-grid{grid-template-columns:1fr 1fr}.combat-hud{gap:5px;margin-bottom:6px}.hud-card{min-height:46px;padding:5px 6px;border-radius:7px}.hud-card span{margin-bottom:2px;font-size:9px}.hud-card strong{font-size:13px;line-height:1.15}.hud-card small{font-size:9px;line-height:1.25}.hud-card.room-effect strong,.hud-card.random-event strong{font-size:11px}.hud-card strong,.hud-card small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-change-strip{min-height:20px;margin-bottom:6px}.resource-change-strip span{padding:3px 8px;font-size:11px}.game-host:not(.lobby){aspect-ratio:960 / 700;border-radius:8px}.room-details{margin-top:4px;padding:9px}.room-details h2{margin:4px 0 7px;font-size:17px}.description{margin-bottom:9px;font-size:12px;line-height:1.45}.room-details dt{margin-top:8px;font-size:11px}.room-details dd{margin-top:4px;padding:6px 7px;font-size:12px}.settlement-panel{width:100%;max-width:100%;max-height:calc(100svh - 24px);overflow-x:hidden;overflow-y:auto;padding:9px}.settlement-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}.settlement-heading h2{font-size:23px}.settlement-result{padding:6px 10px;font-size:12px}.settlement-score{gap:9px;margin-bottom:9px;padding:9px}.settlement-score strong{min-width:48px;min-height:48px;font-size:28px}.settlement-grid{gap:7px;margin-bottom:8px}.settlement-data,.settlement-reward{gap:4px;padding:8px;font-size:12px}.settlement-actions,.settlement-actions button{width:100%}.settlement-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settlement-actions button{min-height:38px;padding:7px 8px;font-size:12px}.next-action-strip{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:8px;padding:7px 8px;font-size:12px}.leaderboard-summary{flex-direction:column;gap:7px}.leaderboard-summary span{min-height:auto;font-size:11px}.leaderboard-tabs{display:grid;grid-template-columns:1fr;gap:5px;padding:5px}.leaderboard-tabs button{min-height:36px}.leaderboard-card,.achievement-card{gap:4px;padding:8px}.leaderboard-card>span:first-child,.achievement-status{font-size:11px!important}.outgame-loop-strip{gap:5px;margin-top:7px}.outgame-loop-strip span{padding:5px 7px;font-size:11px}.backpack-heading{flex-direction:column}.backpack-actions{flex-direction:column;align-items:stretch}.battle-action-bar{align-items:stretch;flex-direction:column;gap:7px;margin-top:7px;padding:8px 9px;border-color:#3b877b;background:#102c35}.battle-action-bar small{margin-top:2px;font-size:11px}.battle-action-buttons,.battle-action-buttons button{width:100%}.battle-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.battle-action-buttons button{min-height:48px;padding:10px 9px;border-color:#58d7c4;font-size:13px;font-weight:700}.battle-item-bar{margin-top:7px;padding:8px 9px}.section-heading{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:7px;font-size:12px}.battle-item-bar .backpack-grid{grid-template-columns:repeat(4,minmax(92px,1fr));gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.battle-item-bar .backpack-item{min-width:92px;padding:7px}.battle-item-bar .backpack-item strong{font-size:17px}.battle-item-bar .backpack-item small{display:none}.battle-item-bar .backpack-item button{min-height:38px;padding:6px 8px;font-size:12px}.building-picker{padding:8px;border-radius:9px}.building-options{grid-template-columns:1fr 1fr;gap:6px}.building-option{gap:2px;min-height:82px;padding:8px;border-radius:8px}.building-option strong{font-size:13px}.building-option span,.building-option small{font-size:11px;line-height:1.25}.building-option.selected{padding:7px}.core-sofa-card,.door-upgrade-card,.computer-upgrade-card,.repair-upgrade-card,.firewall-upgrade-card,.accelerator-upgrade-card,.tower-upgrade-card{gap:6px;margin-bottom:7px;padding:7px 8px}.core-sofa-copy,.door-upgrade-copy,.computer-upgrade-copy,.repair-upgrade-copy,.firewall-upgrade-copy,.accelerator-upgrade-copy,.tower-upgrade-copy{gap:2px}.core-sofa-copy strong,.door-upgrade-copy strong,.computer-upgrade-copy strong,.repair-upgrade-copy strong,.firewall-upgrade-copy strong,.accelerator-upgrade-copy strong,.tower-upgrade-copy strong{font-size:13px}.core-sofa-copy span,.door-upgrade-copy span,.computer-upgrade-copy span,.repair-upgrade-copy span,.firewall-upgrade-copy span,.accelerator-upgrade-copy span,.tower-upgrade-copy span{font-size:12px}.core-sofa-copy small,.door-upgrade-copy small,.computer-upgrade-copy small,.repair-upgrade-copy small,.firewall-upgrade-copy small,.accelerator-upgrade-copy small,.tower-upgrade-copy small{font-size:11px;line-height:1.3}.sofa-upgrade-button,.door-upgrade-button,.computer-upgrade-button,.repair-upgrade-button,.firewall-upgrade-button,.accelerator-upgrade-button,.tower-upgrade-button{min-height:42px;padding:7px 9px;font-size:12px}.controls{gap:8px;padding-bottom:max(0px,env(safe-area-inset-bottom,0px))}.controls button{flex:1 1 calc(50% - 5px);min-height:48px}.developer-panel-heading{flex-direction:column}}@media(max-width:420px){.app{padding:5px}.home-screen{min-height:calc(100svh - 104px);padding:14px 4px 16px}.home-screen h2{font-size:clamp(28px,12vw,38px)}.home-screen-actions button{min-height:58px}}