:root{--page-bg:#05080d;--panel:#0a151d;--text:#f6fbff;--accent:#18e1e5;--amber:#ffbd48;--teal:#35e0af;--danger:#ff5a59;--muted:#9bb0bd;--font:Inter, "Microsoft JhengHei", "Noto Sans TC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--page-bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden}.app-shell{background:linear-gradient(135deg,#05080df5,#071017e0),url(/assets/maps/luvai-defense-command-backdrop.png) 50%/cover fixed;place-items:center;min-height:100svh;padding:clamp(4px,.8vw,8px);display:grid}.game-host,.campaign-menu{aspect-ratio:16/9;background:var(--panel);border:1px solid #67e2ec5c;border-radius:8px;width:min(100%,177.778svh - 28.4444px,1680px);max-height:calc(100svh - 16px);overflow:hidden;box-shadow:0 28px 90px #00000094,inset 0 0 0 1px #ffffff0d}.game-host canvas{image-rendering:auto;width:100%;height:100%;display:block}.game-route-frame{place-items:center;width:100%;display:grid}.game-load-panel{text-align:center;background:linear-gradient(#071017d6,#071017eb),radial-gradient(circle at 50% 38%,#17d9e52e,#0000 34%);place-content:center;justify-items:center;gap:10px;width:100%;height:100%;padding:24px;display:grid}.game-load-panel strong{color:var(--accent);font-size:clamp(20px,3vw,34px);line-height:1}.game-load-panel span{color:#8fa8b7;font-size:14px;font-weight:800}.game-load-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.game-load-actions button{min-width:120px;color:var(--text);font:inherit;cursor:pointer;background:#17d9e524;border:1px solid #17d9e5bd;padding:10px 14px;font-size:12px;font-weight:900}.game-load-actions button:hover,.game-load-actions button:focus-visible{background:#17d9e53d;outline:none}.campaign-menu{background:linear-gradient(90deg,#030a0feb 0%,#030a0fb3 34%,#030a0f47 58%,#030a0fdb 100%),linear-gradient(#0000001f,#0000007a),url(/assets/maps/luvai-defense-command-backdrop.png) 50%/cover;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) clamp(310px,22vw,370px);column-gap:clamp(22px,3vw,52px);padding:clamp(26px,2.6vw,46px);display:grid;position:relative}.campaign-grid-bg{opacity:.28;pointer-events:none;background-image:linear-gradient(#18e1e51f 1px,#0000 1px),linear-gradient(90deg,#18e1e514 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0}.campaign-header,.level-section,.upgrade-panel{z-index:1;position:relative}.level-section{flex-direction:column;min-height:0;display:flex}.campaign-header{grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(18px,2vw,30px);display:flex}.campaign-header h1,.campaign-header p,.level-section h2,.upgrade-panel h2{margin:0}.campaign-header h1{color:#f6fbff;text-shadow:0 0 24px #18e1e557;font-size:clamp(34px,3vw,54px);line-height:1}.campaign-header p{color:#d5e2e8;gap:8px;margin-top:10px;font-size:clamp(13px,1.1vw,16px);font-weight:760;line-height:1.5;display:grid}.campaign-header p strong{color:var(--accent);font-size:clamp(18px,1.7vw,26px);line-height:1.05}.brand-block{align-items:flex-start;gap:18px;min-width:0;display:flex}.brand-mark{aspect-ratio:1;color:#dffcff;background:linear-gradient(145deg,#18e1e538,#35e0af14),#030a0f9e;border:2px solid #18e1e5e0;border-radius:8px;flex:none;place-items:center;width:clamp(50px,4.8vw,72px);font-size:18px;font-weight:950;display:grid;box-shadow:0 0 34px #18e1e538}.language-switch{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c12b8;border:1px solid #8fa8b752;border-radius:8px;flex:none;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:0 14px 36px #0000003d}.language-switch>span{color:#d8eaf0;white-space:nowrap;font-size:13px;font-weight:920}.language-switch>div{gap:6px;display:flex}.language-switch button{color:#cbd8df;min-width:82px;min-height:42px;font:inherit;letter-spacing:0;cursor:pointer;background:#0a151dd6;border:1px solid #8fa8b757;border-radius:4px;font-size:13px;font-weight:880}.language-switch button.active,.language-switch button:hover,.language-switch button:focus-visible{color:#f6fbff;background:#18e1e529;border-color:#18e1e5eb;outline:none}.level-section h2,.upgrade-panel h2{font-size:clamp(19px,1.5vw,24px);line-height:1}.section-heading-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040d13a8;border:1px solid #18e1e53d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 16px 34px #0000003d}.section-heading-row span{color:#b6cbd4;font-size:12px;font-weight:850}.sector-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.sector-tabs button{min-width:0;color:var(--text);text-align:left;font:inherit;letter-spacing:0;cursor:pointer;background:#09141cc2;border:1px solid #8fa8b747;border-radius:6px;padding:10px 11px}.sector-tabs button.active{background:linear-gradient(135deg,#18e1e538,#35e0af1a),#07181ff0;border-color:#17d9e5f2;box-shadow:inset 0 0 0 1px #a9faff5c,0 12px 28px #18e1e51a}.sector-tabs button:disabled{color:#536575;cursor:default}.sector-tabs strong,.sector-tabs small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.sector-tabs strong{color:var(--accent);font-size:13px;line-height:1}.sector-tabs small{color:#a9bbc5;margin-top:6px;font-size:11px;font-weight:800}.sector-tabs button:disabled strong,.sector-tabs button:disabled small{color:#536575}.level-briefing{background:linear-gradient(100deg,#35e0af26,#18e1e50a 46%,#ffbd4814),#061118c7;border:1px solid #35e0af7a;border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(190px,.72fr) minmax(190px,.76fr) minmax(150px,.58fr);grid-template-areas:"main stats pressure start""main stats upgrades start";align-items:stretch;gap:10px 12px;margin-top:14px;padding:14px;display:grid;box-shadow:0 18px 34px #00000038}.briefing-main{grid-area:main;min-width:0}.briefing-eyebrow{color:#35e0af;font-size:11px;font-weight:900;display:block}.briefing-main h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:clamp(18px,1.45vw,24px);line-height:1.05;overflow:hidden}.briefing-tags,.briefing-pressure,.briefing-upgrades,.briefing-stats{min-width:0}.briefing-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.briefing-tags span,.briefing-pressure span{color:#d6e5eb;background:#0c1922d1;border:1px solid #8fa8b74d;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:900}.briefing-stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.briefing-stats span{text-align:center;background:#0a161fdb;border:1px solid #17d9e557;border-radius:6px;align-content:center;gap:4px;padding:8px;display:grid}.briefing-stats strong{color:#ffbd48;font-size:18px;line-height:1}.briefing-stats small,.briefing-upgrades span{color:#8fa8b7;font-size:10px;font-weight:850}.briefing-pressure{flex-wrap:wrap;grid-area:pressure;align-content:start;gap:6px;display:flex}.briefing-pressure strong{color:#ffbd48}.briefing-upgrades{border-top:1px solid #38556aa8;grid-area:upgrades;align-content:center;gap:3px;padding-top:8px;display:grid}.briefing-upgrades strong{color:#35e0af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.briefing-start{color:#071017;min-width:0;font:inherit;letter-spacing:0;cursor:pointer;background:linear-gradient(135deg,#3cf8ff,#18e1e5 54%,#35e0af);border:2px solid #a9faffcc;border-radius:6px;grid-area:start;font-size:14px;font-weight:900;box-shadow:0 16px 28px #18e1e538}.briefing-start:hover,.briefing-start:focus-visible{outline:none;transform:translateY(-1px)}.level-grid{scrollbar-color:#17d9e5 #0f1d28;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px 18px;min-height:0;margin-top:16px;padding:0 8px 4px 0;display:grid;overflow:auto}.level-card,.upgrade-card,.reset-button{font:inherit;letter-spacing:0;cursor:pointer;border-radius:7px}.level-card{min-height:72px;color:var(--text);text-align:left;background:linear-gradient(135deg,#18e1e517,#0f1d28e0),#0a151de0;border:1px solid #18e1e594;padding:13px 72px 13px 15px;transition:border-color .16s,transform .16s,background .16s;position:relative;box-shadow:0 12px 24px #00000038}.level-card.complete{border-color:#ffbd48e6}.level-card.selected:not(.locked){background:linear-gradient(135deg,#18e1e53d,#35e0af14),#07181ff5;box-shadow:inset 0 0 0 1px #a9faff8c}.level-card:not(.locked):hover,.level-card:not(.locked):focus-visible{border-color:#18e1e5f5;outline:none;transform:translateY(-1px)}.level-card.locked{color:#536575;cursor:default;border-color:#38556ab3}.level-title,.level-district,.level-status{display:block}.level-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.level-district{text-overflow:ellipsis;white-space:nowrap;color:#adbec8;margin-top:6px;font-size:12px;font-weight:700;overflow:hidden}.locked .level-district{color:#3f515e}.level-status{color:var(--accent);font-size:10px;font-weight:900;position:absolute;bottom:11px;right:12px}.complete .level-status{color:#ffbd48;font-size:16px}.locked .level-status{color:#536575}.upgrade-panel{scrollbar-color:#17d9e5 #0f1d28;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d14bd;border:1px solid #18e1e552;border-radius:8px;align-self:start;max-height:100%;padding:24px 18px 16px;overflow:auto;box-shadow:0 20px 54px #0000005c}.upgrade-panel h2{color:var(--accent)}.shard-count{color:#ffbd48;margin-top:8px;font-size:15px;font-weight:900}.upgrade-notice{color:#35e0af;background:#06131dc7;border:1px solid #35e0af57;border-radius:6px;margin-top:9px;padding:8px 10px;font-size:11px;font-weight:850;line-height:1.35}.player-card{background:#07131bd1;border:1px solid #17d9e54d;border-radius:7px;gap:8px;margin-top:14px;padding:11px 12px 12px;display:grid}.player-card label{color:var(--accent);font-size:12px;font-weight:900}.player-input-row{grid-template-columns:minmax(0,1fr) 58px;gap:8px;display:grid}.player-input-row input,.player-input-row button{min-height:34px;font:inherit;border:1px solid #17d9e57a;border-radius:5px;font-size:12px;font-weight:850}.player-input-row input{width:100%;min-width:0;color:var(--text);background:#071017;padding:0 10px}.player-input-row button{color:#071017;cursor:pointer;background:#17d9e5}.player-input-row button:disabled{color:#536575;cursor:not-allowed;background:#142536;border-color:#5465757a}.score-share-row{color:var(--text);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin-top:2px;display:grid}.score-share-row input{accent-color:#17d9e5;width:16px;height:16px;margin:0}.score-share-row span{gap:2px;min-width:0;display:grid}.score-share-row strong{color:var(--text);font-size:12px;font-weight:900}.score-share-row small{color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}.daily-card{width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:linear-gradient(135deg,#18e1e51f,#ffbd480d),#0c1922e6;border:1px solid #17d9e5b8;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:12px;display:flex}.daily-card strong,.daily-card small{display:block}.daily-card strong{color:var(--accent);font-size:14px;line-height:1}.daily-card small{color:#8fa8b7;margin-top:7px;font-size:11px;font-weight:800}.local-leaderboard{background:#07121ac2;border:1px solid #17d9e56b;border-radius:7px;margin-top:14px;padding:12px}.local-leaderboard.global{background:#051e1ec2;border-color:#35e0af8f}.leaderboard-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.leaderboard-heading h3,.local-leaderboard p{margin:0}.leaderboard-heading h3{color:var(--accent);font-size:14px;line-height:1}.leaderboard-heading span{color:#ffbd48;font-size:11px;font-weight:900}.local-leaderboard p{color:#536575;margin-top:10px;font-size:12px;font-weight:800}.leaderboard-row{color:#8fa8b7;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;font-size:12px;font-weight:850;display:grid}.leaderboard-rank{color:#ffbd48;font-size:13px;font-weight:900}.leaderboard-level{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-level small{color:#536575;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.leaderboard-row strong{color:#ffbd48}.upgrade-list{gap:12px;margin-top:20px;display:grid}.upgrade-card{width:100%;min-height:58px;color:var(--text);text-align:left;background:linear-gradient(135deg,#ffffff08,#18e1e50a),#0c1922eb;border:1px solid #8fa8b761;grid-template-columns:minmax(0,1fr) 68px;gap:12px;padding:10px 12px;display:grid}.upgrade-card.buyable{border-color:#ffbd48e6;box-shadow:inset 0 0 0 1px #ffbd482e}.upgrade-card strong,.upgrade-card small{display:block}.upgrade-card strong{font-size:14px;line-height:1.1}.upgrade-card small{color:#8fa8b7;margin-top:7px;font-size:11px;font-weight:750}.upgrade-card .upgrade-effect{color:#35e0af;font-size:10px;font-weight:850}.upgrade-meta{text-align:right;min-width:64px}.upgrade-meta strong{color:var(--accent);font-size:12px}.upgrade-meta small{color:#536575}.buyable .upgrade-meta small{color:#ffbd48}.upgrade-track{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.upgrade-track span{background:#38556a75;border:1px solid #8fa8b738;height:5px}.upgrade-track .filled{background:#ffbd48;border-color:#ffbd48b3}.reset-button{color:#8fa8b7;background:#0c1922c2;border:1px solid #8fa8b747;width:100%;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:850}.run-history{border-top:1px solid #38556ae6;margin-top:14px;padding-top:12px}.run-history h3,.run-history p{margin:0}.run-history h3{color:var(--accent);font-size:14px;line-height:1}.run-history p{color:#536575;margin-top:10px;font-size:12px;font-weight:800}.run-row{color:#8fa8b7;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;font-weight:850;display:flex}.run-row strong{color:#ffbd48}@media (width<=1100px) and (width>=701px){.campaign-menu{grid-template-columns:minmax(0,1fr) 310px;column-gap:28px;padding:34px 30px}.campaign-header{align-items:stretch}.language-switch{flex-direction:column;align-items:stretch;gap:8px}.level-briefing{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);grid-template-areas:"main stats""pressure start""upgrades start"}.sector-tabs,.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px),(height<=520px){body{overflow:hidden auto}.app-shell{place-items:start center;min-height:100dvh;padding:6px}.game-host,.campaign-menu{width:100%;max-height:none}.game-route-frame{overscroll-behavior:contain;touch-action:none;place-items:center;min-height:calc(100dvh - 12px)}.game-route-frame .game-host{width:min(100%,177.778dvh - 21.3333px);max-height:calc(100dvh - 12px)}.campaign-menu{aspect-ratio:auto;background-position:top;grid-template-columns:1fr;gap:18px;max-height:none;padding:22px 16px;overflow:visible}.campaign-header{gap:16px;margin-bottom:0;display:grid}.brand-block{gap:12px}.campaign-header h1{font-size:30px}.campaign-header p{font-size:13px}.language-switch{justify-content:space-between;width:100%}.language-switch>div{flex:auto}.language-switch button{flex:1 1 0;min-width:0}.sector-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.level-briefing{grid-template-columns:1fr;grid-template-areas:"main""stats""pressure""upgrades""start";padding:12px}.briefing-main h3{white-space:normal}.briefing-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.briefing-start{min-height:44px}.level-grid{grid-template-columns:1fr;gap:10px;padding-right:0;overflow:visible}.upgrade-panel{padding:18px 14px 14px}}