:root{color-scheme:dark;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--ink: #061719;--deep: #092326;--jade: #46b9ad;--jade-light: #89ded3;--gold: #e4b951;--paper: #e8e0ca;--danger: #d85f4a;--panel: rgba(7, 24, 26, .92);--line: rgba(150, 210, 192, .25)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{-webkit-user-select:none;user-select:none}button{font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.is-hidden{display:none!important}#game-root{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#163c38,#071719 68%,#030a0b)}#game-root canvas{display:block;box-shadow:0 0 80px #0000008c}#ui-root{position:fixed;inset:0;pointer-events:none}#ui-root button,#ui-root .modal-layer{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 5vw;overflow:auto}.screen--start{background:radial-gradient(circle at 50% 48%,rgba(20,74,69,.5),transparent 38%),linear-gradient(120deg,#010c0df7,#051c1deb)}.screen--start:before,.screen--start:after{content:"";position:absolute;inset:22px;border:1px solid rgba(198,161,76,.23);pointer-events:none}.screen--start:after{inset:30px;border-color:#54b1a41c}.start-emblem{position:absolute;width:520px;height:520px;border:1px solid rgba(75,183,170,.09);border-radius:50%;display:flex;align-items:center;justify-content:space-between;padding:0 82px;font-family:STKaiti,KaiTi,serif;font-size:150px;color:#77cabe09;transform:rotate(-8deg)}.start-copy{position:relative;max-width:830px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--jade-light);font-size:13px;letter-spacing:.32em;text-transform:uppercase}h1{margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(64px,8vw,118px);font-weight:700;letter-spacing:.12em;line-height:.95;color:var(--paper);text-shadow:0 4px 24px rgba(0,0,0,.8)}.subtitle{max-width:720px;margin:20px auto 28px;color:#e8e0cab8;font-size:16px;line-height:1.8}.mode-grid{position:relative;width:min(1040px,92vw);display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.mode-card{position:relative;min-height:120px;padding:22px 24px;text-align:left;color:var(--paper);border:1px solid var(--line);background:linear-gradient(145deg,#0f3130ed,#051618f0);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;overflow:hidden}.mode-card:after{content:"";position:absolute;width:80px;height:80px;right:-25px;bottom:-25px;border:1px solid rgba(103,197,181,.18);transform:rotate(45deg)}.mode-card:hover{transform:translateY(-3px);border-color:#e4b951b3;background:linear-gradient(145deg,#17423dfa,#081d1ffa)}.mode-card--primary{border-color:#e4b9518c;box-shadow:0 12px 34px #00000040}.mode-card--debug{border-style:dashed;opacity:.78}.mode-card strong{display:block;margin:8px 0 6px;font-family:STKaiti,KaiTi,serif;font-size:25px}.mode-card small{display:block;color:#e8e0ca94;line-height:1.55}.mode-tag{color:var(--gold);font-size:11px;letter-spacing:.15em}.controls-card{position:relative;margin-top:16px;padding:14px 18px;display:grid;grid-template-columns:repeat(4,auto);align-items:center;gap:12px 22px;color:#e8e0cab3;border-top:1px solid rgba(117,183,172,.15);border-bottom:1px solid rgba(117,183,172,.15)}.controls-card div{display:flex;align-items:center;gap:8px;font-size:12px}kbd{min-width:28px;padding:4px 7px;color:var(--paper);text-align:center;border:1px solid rgba(232,224,202,.24);border-bottom-color:#e8e0ca80;background:#ffffff0d;box-shadow:inset 0 -2px #00000040}.controls-card p{grid-column:1 / -1;margin:0;text-align:center;font-size:12px;color:#e8e0ca75}.controls-card--wide{grid-template-columns:repeat(6,auto)}.prototype-note{margin:16px 0 0;color:#e8e0ca52;font-size:11px;letter-spacing:.08em}.hud{position:absolute;inset:0;pointer-events:none}.hud-cluster{position:absolute;top:22px;display:flex;align-items:center;gap:12px;padding:10px 13px;background:linear-gradient(135deg,#041214e0,#0b2a2abf);border:1px solid rgba(120,194,180,.22);box-shadow:0 8px 22px #00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-cluster--left{left:24px;width:310px;align-items:flex-start}.hud-cluster--center{left:50%;transform:translate(-50%);min-width:250px;flex-direction:column;gap:2px;padding:8px 20px 10px}.hud-cluster--right{right:24px;gap:8px}.hero-mark{width:48px;height:48px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(228,185,81,.55);transform:rotate(45deg);background:#e4b95114}.hero-mark span{transform:rotate(-45deg);font-family:STKaiti,KaiTi,serif;font-size:23px}.bar-stack{flex:1}.resource-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:#e8e0cab8}.resource-row--minor{margin-top:7px}.bar{position:relative;height:7px;overflow:hidden;background:#0000007a;border:1px solid rgba(255,255,255,.07)}.bar i{display:block;width:100%;height:100%;transform-origin:left;background:var(--jade);transition:transform .12s linear}.bar--health i{background:linear-gradient(90deg,#a83d38,#db7259)}.bar--array i{background:linear-gradient(90deg,#3ca99e,#e2bd58)}.bar--core i{background:linear-gradient(90deg,#c29435,#f0cf72)}.core-status{margin-top:5px}.bar--xp{width:150px;height:5px}.bar--xp i{background:linear-gradient(90deg,#3da99f,#8fe0d4)}.phase-label{margin:0;color:var(--jade-light);font-size:10px;letter-spacing:.25em}.time-label{color:var(--paper);font-size:21px;letter-spacing:.08em}.xp-row{display:flex;align-items:center;gap:10px;color:#e8e0ca99;font-size:10px}.stat-pill{min-width:58px;padding:4px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.stat-pill:last-child{border-right:0}.stat-pill span,.stat-pill b{display:block}.stat-pill span{color:#e8e0ca7a;font-size:9px;letter-spacing:.12em}.stat-pill b{margin-top:3px;color:var(--paper);font-size:15px}.stat-pill--gold b{color:var(--gold)}.stat-pill--combo b{color:var(--jade-light)}.dash-widget{position:absolute;left:25px;bottom:26px;width:190px;display:grid;grid-template-columns:36px 1fr 46px;align-items:center;gap:8px;padding:8px 10px;color:#e8e0ca99;font-size:10px;background:#041214bd;border:1px solid rgba(120,194,180,.16)}.bar--dash{height:4px}.bar--dash i{background:var(--jade-light)}.action-dock{position:absolute;left:50%;bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(128px,160px));gap:7px;transform:translate(-50%);pointer-events:auto}.action-dock button{position:relative;min-height:52px;padding:8px 9px 8px 42px;color:var(--paper);text-align:left;cursor:pointer;border:1px solid rgba(117,192,178,.3);background:linear-gradient(145deg,#051719e6,#0c2f2dd1);box-shadow:0 8px 20px #00000038}.action-dock button:hover:not(:disabled){border-color:#e4b951bf;background:linear-gradient(145deg,#0b2828f5,#14443de6)}.action-dock button:disabled{opacity:.46;cursor:not-allowed}.action-dock button.is-ready{border-color:var(--gold);box-shadow:0 0 24px #e4b95133}.action-dock button.is-active{border-color:var(--jade-light);background:#287667d1}.action-dock kbd{position:absolute;left:9px;top:12px}.action-dock strong,.action-dock span{display:block}.action-dock strong{font-family:STKaiti,KaiTi,serif;font-size:15px}.action-dock span{margin-top:2px;color:#e8e0ca7a;font-size:9px}.boss-bar{position:absolute;top:117px;left:50%;width:min(560px,64vw);transform:translate(-50%);padding:8px 14px 10px;text-align:center;background:#190909d1;border:1px solid rgba(217,90,69,.38)}.boss-bar span{color:#f0c3ae;font-family:STKaiti,KaiTi,serif;font-size:17px;letter-spacing:.18em}.boss-bar b{float:right;color:#f0c3ae99;font-size:11px}.bar--boss{height:8px;margin-top:6px}.bar--boss i{background:linear-gradient(90deg,#7c2024,#e06148)}.toast-hint{position:absolute;top:18%;left:50%;transform:translate(-50%);padding:9px 18px;color:var(--paper);font-family:STKaiti,KaiTi,serif;font-size:17px;letter-spacing:.08em;background:#031112e0;border-left:2px solid var(--jade);box-shadow:0 8px 26px #0000004d;animation:toast-in .22s ease-out}.toast-hint[data-tone=danger]{border-color:var(--danger);color:#ffc6b8}.toast-hint[data-tone=reward]{border-color:var(--gold);color:#f6da8f}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.modal-layer{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#041b1c73,#000708cc);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-panel{position:relative;width:min(880px,92vw);max-height:90vh;overflow:auto;padding:30px;color:var(--paper);background:linear-gradient(145deg,#092526fa,#031012fa);border:1px solid rgba(177,201,176,.27);box-shadow:0 30px 90px #0000008c}.modal-panel:before,.modal-panel:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--gold);opacity:.55}.modal-panel:before{top:9px;left:9px;border-top:1px solid;border-left:1px solid}.modal-panel:after{right:9px;bottom:9px;border-right:1px solid;border-bottom:1px solid}.modal-heading{text-align:center}.modal-heading span{color:var(--gold);font-size:10px;letter-spacing:.35em}.modal-heading h2{margin:4px 0 5px;font-family:STKaiti,KaiTi,serif;font-size:36px}.modal-heading p{margin:0 0 22px;color:#e8e0ca80;font-size:13px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.choice-card{position:relative;min-height:200px;padding:24px 20px 18px;text-align:left;color:var(--paper);cursor:pointer;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,rgba(13,42,42,.85)),#031112eb);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);transition:transform .15s ease,border-color .15s ease}.choice-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent)}.choice-card:disabled{opacity:.45;cursor:not-allowed}.choice-card small{color:var(--accent);font-size:10px;letter-spacing:.15em}.choice-card strong{display:block;margin-top:12px;font-family:STKaiti,KaiTi,serif;font-size:27px}.choice-card p{min-height:48px;color:#e8e0caa8;font-size:13px;line-height:1.7}.choice-card em{color:#e8e0ca59;font-size:10px;font-style:normal}.choice-index{position:absolute;top:12px;right:14px;color:#e8e0ca2e;font-size:22px}.choice-card--tower{min-height:176px}.craft-resource{display:flex;justify-content:center;gap:28px;margin:-10px 0 16px;color:#e8e0caa8;font-size:12px}.combo-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 12px}.combo-recipes span{padding:8px 10px;color:#e8e0ca80;font-size:10px;line-height:1.5;border:1px solid rgba(120,194,180,.14);background:#46b9ad0b}.combo-recipes b{display:block;color:var(--jade-light);font-size:11px;font-weight:600}.craft-section-title{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px;color:var(--paper)}.craft-section-title span{font-family:STKaiti,KaiTi,serif;font-size:18px}.craft-section-title small{color:#e8e0ca66}.tower-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tower-upgrade-card{padding:12px;color:var(--paper);text-align:left;cursor:pointer;border:1px solid rgba(88,201,192,.24);background:#25534f21}.tower-upgrade-card:hover:not(:disabled){border-color:var(--jade);background:#25696038}.tower-upgrade-card:disabled{opacity:.42;cursor:not-allowed}.tower-upgrade-card span,.tower-upgrade-card b,.tower-upgrade-card small{display:block}.tower-upgrade-card b{margin:4px 0;color:var(--gold)}.tower-upgrade-card small{color:#e8e0ca7a;line-height:1.5}.warning-text{color:#e8a28d;text-align:center;font-size:12px}.modal-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-action,.secondary-action,.text-action{min-width:150px;padding:11px 18px;cursor:pointer}.primary-action{color:#122326;font-weight:700;border:1px solid var(--gold);background:var(--gold)}.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action{color:var(--paper);border:1px solid rgba(136,197,184,.38);background:#3a8a801f}.text-action{color:#e8e0ca8c;border:0;background:transparent}.controls-card--modal{justify-content:center;margin:10px auto;border:0}.result-mark{width:64px;height:64px;margin:0 auto 13px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid;font-family:STKaiti,KaiTi,serif;font-size:30px}.result-mark--win{color:var(--gold);border-color:var(--gold);background:#e4b95114}.result-mark--lose{color:var(--danger);border-color:var(--danger);background:#d85f4a14}.result-mark:first-letter{transform:rotate(-45deg)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.result-grid div{padding:12px;text-align:center;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.result-grid span,.result-grid b{display:block}.result-grid span{color:#e8e0ca66;font-size:10px}.result-grid b{margin-top:4px;color:var(--paper);font-size:15px}.feedback-prompt{display:flex;gap:14px;padding:13px 16px;color:#e8e0ca8c;font-size:12px;line-height:1.65;border-left:2px solid var(--jade);background:#46b9ad0f}.feedback-prompt strong{color:var(--jade-light);white-space:nowrap}@media(max-width:820px){.mode-grid{grid-template-columns:1fr;width:min(480px,90vw)}.controls-card{grid-template-columns:repeat(2,auto)}.hud-cluster--left{width:230px}.hud-cluster--right{top:103px;right:12px}.action-dock{bottom:12px;grid-template-columns:repeat(3,112px)}.action-dock button{padding-left:8px;text-align:center}.action-dock kbd{display:none}.choice-grid,.tower-list,.combo-recipes{grid-template-columns:1fr}.choice-card{min-height:140px}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}