:root{--ink: #060b11;--night: #0a121b;--forest: #12222c;--stone: #2b3742;--amber: #ffb347;--amber-deep: #c9822f;--wick: #ffe3a8;--frost: #8fe3ef;--rust: #c0663a;--storm: #b48cff;--bone: #efe6d2;--danger: #e8553f;--panel: linear-gradient(180deg, rgba(16, 26, 35, .96), rgba(7, 13, 19, .98));--panel-border: rgba(255, 179, 71, .22);--shadow: 0 18px 40px rgba(0, 0, 0, .55);--sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#05090d;color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{overflow:hidden;height:100dvh}#app{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:radial-gradient(120% 90% at 50% 0%,rgba(28,52,68,.55),transparent 60%),radial-gradient(90% 70% at 50% 110%,rgba(255,163,71,.1),transparent 70%),#05090d}#stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-root canvas{display:block;border-radius:6px;box-shadow:0 24px 60px #0009,0 0 0 1px #8fe3ef14}.stage-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:11px;letter-spacing:.16em;color:#efe6d257;pointer-events:none;white-space:nowrap;transition:opacity .4s ease;animation:hint-fade .6s ease 9s forwards}@keyframes hint-fade{to{opacity:0}}#console{flex:0 0 auto;padding:8px clamp(8px,1.4vw,18px) max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#091017b8,#05090df5);border-top:1px solid rgba(255,179,71,.16);box-shadow:0 -18px 40px #00000073;display:flex;flex-direction:column;gap:7px}.console-main{display:flex;align-items:stretch;gap:10px;min-width:0;min-height:52px;width:100%;max-width:1220px;margin:0 auto}.stats{display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);padding:0 12px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffe3a812;flex:0 0 auto}.stat{display:flex;align-items:center;gap:6px;position:relative}.stat-icon{width:15px;height:15px;display:inline-block;flex:0 0 auto}.icon-life{background:radial-gradient(circle at 32% 30%,#ff9b7f,var(--danger) 70%);clip-path:path("M7.5 14 C2 10.4 0 7.6 0 5.2 C0 2.4 2 0.6 4.4 0.6 C5.9 0.6 7 1.3 7.5 2.3 C8 1.3 9.1 0.6 10.6 0.6 C13 0.6 15 2.4 15 5.2 C15 7.6 13 10.4 7.5 14 Z");filter:drop-shadow(0 0 5px rgba(232,85,63,.55))}.icon-coin{border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--wick),var(--amber) 55%,#a4641c 100%);box-shadow:0 0 7px #ffb34780,inset 0 0 0 1px #5a340880}.icon-wave{background:linear-gradient(180deg,var(--frost),rgba(143,227,239,.15));clip-path:polygon(50% 0%,88% 72%,68% 72%,78% 100%,22% 44%,46% 44%);filter:drop-shadow(0 0 5px rgba(143,227,239,.4))}.stat-value{font-family:var(--sans);font-size:clamp(15px,1.5vw,19px);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--wick)}.stat-sub{font-size:.68em;color:#efe6d273}.stat-label{font-size:10px;letter-spacing:.2em;color:#efe6d261;display:none}.stat.pulse-danger .stat-value{animation:danger-pulse .5s ease}@keyframes danger-pulse{0%,to{color:var(--wick)}40%{color:#ff6a4d;text-shadow:0 0 12px rgba(232,85,63,.9)}}.wave-box{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);flex:0 1 620px;min-width:0}.wave-line{display:flex;align-items:baseline;gap:8px;min-width:0;flex:0 0 auto}.wave-title{font-size:13px;letter-spacing:.1em;color:#efe6d2db;white-space:nowrap}.wave-timer{font-size:12px;font-variant-numeric:tabular-nums;color:var(--frost);white-space:nowrap}.wave-preview{display:flex;gap:6px;flex:1 1 auto;min-width:0;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:11px;color:#efe6d2cc;background:#8fe3ef14;border:1px solid rgba(143,227,239,.16);white-space:nowrap}.chip.boss{background:#b48cff24;border-color:#b48cff66;color:#d9c6ff}.chip-icon{display:inline-block;width:16px;height:16px;flex:0 0 auto;opacity:.9}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}.primary-btn{flex:0 0 auto;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:650;letter-spacing:.12em;color:#2a1602;background:linear-gradient(180deg,var(--wick),var(--amber) 62%,#d98a25);box-shadow:0 6px 16px #ffb3473d,inset 0 1px #ffffff80;transition:transform .12s ease,filter .16s ease,opacity .16s ease}.primary-btn .bonus{font-size:11px;opacity:.75;margin-left:2px}.primary-btn:hover:not(:disabled){filter:brightness(1.08)}.primary-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.primary-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.primary-btn.big{padding:12px 30px;font-size:15px;letter-spacing:.28em}.ctx{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:10px;background:var(--panel);border:1px solid rgba(255,179,71,.4);box-shadow:inset 0 0 22px #ffb34712,0 0 0 1px #ffb34714;flex:1 1 auto;min-width:0;animation:ctx-in .16s ease-out}@keyframes ctx-in{0%{opacity:0;transform:translateY(4px)}}.ctx-thumb{width:40px;height:40px;flex:0 0 auto;border-radius:8px;background:#ffb34714 center / contain no-repeat;border:1px solid rgba(255,179,71,.22)}.ctx-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.ctx-head{display:flex;align-items:baseline;gap:8px}.ctx-name{font-family:var(--serif);font-size:15px;letter-spacing:.08em;color:var(--wick)}.ctx-level{font-size:11px;letter-spacing:.1em;color:var(--amber);border:1px solid rgba(255,179,71,.4);border-radius:4px;padding:0 5px}.ctx-stats{display:flex;gap:10px;font-size:11px;color:#efe6d29e;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.ctx-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.action-btn{padding:8px 12px;border-radius:7px;font-size:12px;letter-spacing:.08em;color:var(--wick);background:linear-gradient(180deg,#ffb34738,#ffb34714);border:1px solid rgba(255,179,71,.4);white-space:nowrap;transition:filter .15s ease}.action-btn span{font-variant-numeric:tabular-nums;opacity:.85}.action-btn:hover:not(:disabled){filter:brightness(1.18)}.action-btn:disabled{opacity:.32;cursor:default}.action-btn.danger{color:#ffd4c8;background:linear-gradient(180deg,#e8553f3d,#e8553f14);border-color:#e8553f6b}.ghost-btn{width:30px;height:30px;border-radius:50%;color:#efe6d299;border:1px solid rgba(239,230,210,.16);font-size:12px;line-height:1}.ghost-btn:hover{color:var(--wick)}.console-dock{display:flex;align-items:stretch;gap:10px;min-width:0;width:100%;max-width:920px;margin:0 auto}.dock-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1 1 auto;min-width:0}.tower-card{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 8px;border-radius:10px;min-width:0;background:var(--panel);border:1px solid rgba(143,227,239,.14);box-shadow:inset 0 1px #ffe3a80d;transition:border-color .16s ease,background .16s ease,transform .12s ease;text-align:left}.tower-card:hover{border-color:#ffb34766;transform:translateY(-1px)}.tower-card.selected{border-color:var(--amber);background:linear-gradient(180deg,#ffb34729,#141e26f5);box-shadow:0 0 0 1px #ffb34759,0 8px 22px #ffb34724}.tower-card.poor{opacity:.5}.card-thumb{width:clamp(34px,3.4vw,46px);height:clamp(34px,3.4vw,46px);flex:0 0 auto;border-radius:7px;background:radial-gradient(circle at 50% 60%,rgba(255,179,71,.16),transparent 70%) center / contain no-repeat;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.card-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.card-name{font-family:var(--serif);font-size:clamp(12px,1.1vw,14px);letter-spacing:.06em;color:#efe6d2eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-cost{display:flex;align-items:center;gap:4px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--amber)}.card-cost:before{content:"";width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--wick),var(--amber) 60%,#a4641c)}.card-key{position:absolute;top:4px;right:6px;font-size:10px;color:#efe6d252}.dock-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}.icon-btn{min-width:40px;height:40px;padding:0 8px;border-radius:9px;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#efe6d2cc;background:var(--panel);border:1px solid rgba(143,227,239,.14);transition:border-color .16s ease,color .16s ease}.icon-btn:hover{border-color:#ffb34773;color:var(--wick)}.icon-btn.active{color:var(--ink);background:linear-gradient(180deg,var(--wick),var(--amber));border-color:transparent}.toast{position:absolute;left:50%;top:16px;transform:translate(-50%,-12px);padding:8px 20px;border-radius:999px;font-size:13px;letter-spacing:.14em;color:var(--wick);background:#060c12db;border:1px solid rgba(255,179,71,.34);box-shadow:0 10px 30px #00000080;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:20;max-width:min(92vw,560px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#030609b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in .3s ease-out}@keyframes overlay-in{0%{opacity:0}}.overlay-art{position:absolute;top:0;right:0;bottom:0;left:0;background:center / cover no-repeat;opacity:.78;filter:saturate(.95)}.overlay-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 50%,#060b1159,#04080cf0 78%)}.overlay-card{position:relative;z-index:1;width:min(520px,92vw);max-height:100%;overflow:auto;padding:clamp(20px,4vh,34px);border-radius:14px;text-align:center;background:linear-gradient(180deg,#0e1820e6,#060b10f0);border:1px solid rgba(255,179,71,.28);box-shadow:var(--shadow),inset 0 1px #ffe3a81a}.overlay-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.42em;color:var(--amber);text-transform:uppercase}.overlay-title{margin:0;font-family:var(--serif);font-size:clamp(30px,6vw,46px);font-weight:600;letter-spacing:.16em;color:var(--wick);text-shadow:0 0 24px rgba(255,179,71,.35),0 2px 0 rgba(0,0,0,.5)}.overlay-body{margin:14px 0 0;font-size:13px;line-height:1.85;color:#efe6d2b3}.overlay-rules{margin:16px auto 22px;padding:0;list-style:none;display:grid;gap:7px;font-size:12px;color:#efe6d29e}.overlay-rules li{padding:6px 10px;border-radius:7px;background:#8fe3ef0d;border:1px solid rgba(143,227,239,.1)}.overlay-rules b{color:var(--amber);letter-spacing:.08em}.overlay-foot{margin:16px 0 0;font-size:11px;letter-spacing:.16em;color:#efe6d25c}.overlay.win .overlay-title{color:#c9f4c0;text-shadow:0 0 26px rgba(143,227,160,.4)}.overlay.lose .overlay-title{color:#ffb1a0;text-shadow:0 0 26px rgba(232,85,63,.4)}@media (max-width: 720px),(max-height: 520px){#console{gap:6px;padding:6px 8px max(6px,env(safe-area-inset-bottom))}.stat-label{font-size:9px}.console-main{flex-wrap:wrap;gap:6px;min-height:0}.stats{padding:0 9px;gap:10px;min-height:38px;order:1;flex:1 1 auto}.wave-box,.ctx{order:3;flex:1 1 100%;min-height:42px}.dock-tools,.console-dock{order:2}.wave-preview{display:none}.wave-box{gap:8px}.primary-btn{padding:7px 12px;letter-spacing:.06em}.tower-card{flex-direction:column;gap:2px;padding:5px 4px;align-items:center;text-align:center}.card-meta{align-items:center}.card-name{font-size:11px;letter-spacing:0}.card-cost{font-size:11px}.card-key{display:none}.icon-btn{min-width:36px;height:36px;font-size:12px}.ctx-thumb{width:32px;height:32px}.ctx-stats{font-size:10px;gap:7px}.action-btn{padding:7px 9px;font-size:11px}.ghost-btn{display:none}.stage-hint{font-size:10px;bottom:6px}}@media (max-height: 560px) and (orientation: landscape){#console{gap:5px;padding:5px 8px max(5px,env(safe-area-inset-bottom))}.console-main{min-height:38px;gap:6px;flex-wrap:nowrap}.stats{min-height:38px;padding:0 8px;gap:10px;order:0}.console-main .wave-box,.console-main .ctx{order:0;flex:1 1 auto;min-height:38px}.wave-preview{display:none}.console-dock{max-width:none;gap:6px}.tower-card{flex-direction:row;height:46px;padding:4px 6px;gap:6px}.card-thumb{width:30px;height:30px}.card-name{font-size:11px}.card-key{display:none}.dock-tools{margin-left:0}.icon-btn{min-width:34px;height:34px}}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}