:root{--ink:#071022;--night:#081024a8;--night-line:#8cbeff38;--gold:#ffd76a;--gold-deep:#c9a227;--jade:#9fd8b0;--frost:#a8dcff;--paper:#f3ecd8;--text-dim:#f0f0e19e;--chip-radius:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);width:100%;height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:Noto Serif SC,Songti SC,serif;overflow:hidden}#game{cursor:crosshair;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;font-size:15px;position:fixed;inset:0}#hud button{pointer-events:auto}.hud-chip{background:var(--night);border:1px solid var(--night-line);border-radius:var(--chip-radius);-webkit-backdrop-filter:blur(6px);padding:8px 14px;position:absolute;box-shadow:0 4px 18px #00000059}.hud-coins{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:var(--gold);letter-spacing:1px;text-shadow:0 0 12px #ffd76a8c;font-size:20px;font-weight:700;transition:transform .15s}.hud-coins .hud-coins-icon{margin-right:6px;animation:3.2s ease-in-out infinite coin-spin;display:inline-block}@keyframes coin-spin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.hud-coins.poor{color:#ff8a7a;text-shadow:0 0 12px #ff6e5a99;animation:.5s poor-shake}@keyframes poor-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.hud-stats{left:max(12px, env(safe-area-inset-left));bottom:max(86px, calc(env(safe-area-inset-bottom) + 78px));color:var(--text-dim);flex-direction:column;gap:3px;font-size:12px;display:flex}.hud-stats .hud-label{opacity:.75;margin-right:8px;font-size:11px}.hud-stats span:last-child{color:var(--jade);font-weight:700}.hud-banner{top:max(14px, env(safe-area-inset-top));letter-spacing:4px;white-space:nowrap;background:var(--night);border:1px solid var(--night-line);opacity:0;border-radius:999px;padding:9px 30px;font-family:Ma Shan Zheng,Noto Serif SC,serif;font-size:22px;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .3s;position:absolute;left:50%;transform:translate(-50%,-140%)}.hud-banner.show{opacity:1;transform:translate(-50%)}.hud-banner.warning{color:var(--gold);border-color:#ffd76a80;animation:.8s ease-in-out infinite banner-pulse;box-shadow:0 0 22px #ffd76a4d}.hud-banner.wave{color:#ffb36a;border-color:#ffa05a99;box-shadow:0 0 26px #ff964666}.hud-banner.info{color:var(--frost)}@keyframes banner-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.hud-cannons{left:50%;bottom:max(12px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute;transform:translate(-50%)}.hud-cannon{border:1px solid var(--night-line);background:var(--night);min-width:64px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-family:inherit;transition:all .18s;display:flex}.hud-cannon .hud-cannon-lv{color:var(--gold-deep);letter-spacing:2px;font-size:14px}.hud-cannon .hud-cannon-cost{opacity:.8;font-size:11px}.hud-cannon.active{border-color:var(--gold);color:var(--paper);transform:translateY(-3px);box-shadow:0 0 16px #ffd76a66,inset 0 0 10px #ffd76a1f}.hud-cannon.active .hud-cannon-lv{color:var(--gold);text-shadow:0 0 8px #ffd76ab3}.hud-cannon:active{transform:scale(.94)}.hud-skills{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}.hud-skill{border:1px solid var(--night-line);background:var(--night);width:62px;height:62px;color:var(--frost);cursor:pointer;-webkit-backdrop-filter:blur(6px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;transition:box-shadow .2s,transform .12s;display:flex;position:relative;overflow:hidden}.hud-skill .hud-skill-glyph{z-index:1;font-size:20px;line-height:1}.hud-skill .hud-skill-name{color:var(--text-dim);z-index:1;margin-top:3px;font-size:10px}.hud-skill .hud-skill-cd{z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0}.hud-skill.active{border-color:var(--frost);box-shadow:0 0 18px #96d2ff8c}.hud-skill.cooling{filter:saturate(.6)}.hud-skill:active{transform:scale(.92)}#hud-lock{color:#ffb36a}#hud-lock.active{border-color:#ffb36a;box-shadow:0 0 18px #ffa05a8c}.hud-pause{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));border:1px solid var(--night-line);background:var(--night);width:40px;height:40px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);border-radius:50%;font-size:12px;position:absolute}#panels{z-index:20;pointer-events:none;position:fixed;inset:0}#panels.visible{pointer-events:auto}.panel{-webkit-backdrop-filter:blur(3px);background:radial-gradient(at 50% 30%,#0a142c80,#040814d1);justify-content:center;align-items:center;padding:20px;display:none;position:absolute;inset:0}.panel.active{animation:.4s cubic-bezier(.2,1.2,.4,1) panel-in;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-card{text-align:center;background:linear-gradient(165deg,#101c38eb,#080e20f0);border:1px solid #a0c8ff2e;border-radius:20px;width:min(420px,92vw);max-height:88vh;padding:34px 30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0f}.game-title{letter-spacing:8px;color:var(--gold);text-shadow:0 0 30px #ffd76a66,0 2px #0006;font-family:Ma Shan Zheng,Noto Serif SC,serif;font-size:clamp(44px,10vw,64px);font-weight:400;line-height:1.15}.game-subtitle{color:var(--text-dim);letter-spacing:6px;margin-top:6px;font-size:13px}.start-moon{background:radial-gradient(circle at 35% 32%,#fffbe8,#f0dca4 62%,#dcc387);border-radius:50%;width:64px;height:64px;margin:0 auto 14px;animation:5s ease-in-out infinite moon-float;box-shadow:0 0 44px #fff4c873}@keyframes moon-float{0%,to{transform:translateY(0);box-shadow:0 0 44px #fff4c873}50%{transform:translateY(-6px);box-shadow:0 0 58px #fff4c899}}.species-preview{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:20px 0 24px;font-size:12px;list-style:none;display:flex}.species-preview li{align-items:center;gap:5px;display:flex}.species-preview i{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 6px}.species-preview em{color:var(--gold);opacity:.85;font-style:normal}.btn{letter-spacing:6px;cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;margin-top:12px;padding:13px 20px;font-family:inherit;font-size:16px;transition:all .18s;display:block}.btn-primary{color:#3a2a08;background:linear-gradient(135deg,#ffdf8a,#e0a83a);font-weight:700;box-shadow:0 6px 24px #ffc85a59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ffc85a8c}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#a0c8ff4d}.btn-ghost:hover{color:var(--paper);border-color:#a0c8ff99}.start-tip{color:#f0f0e166;letter-spacing:2px;margin-top:18px;font-size:11px}.panel-card h2{letter-spacing:6px;color:var(--gold);margin-bottom:16px;font-family:Ma Shan Zheng,Noto Serif SC,serif;font-size:34px;font-weight:400}.help-list{text-align:left;color:var(--text-dim);margin-bottom:14px;font-size:13px;line-height:1.9;list-style:none}.help-list b{color:var(--gold)}.pause-desc{color:var(--text-dim);letter-spacing:3px;margin-bottom:8px;font-size:14px}.over-stats{color:var(--text-dim);letter-spacing:1px;margin-bottom:10px}.over-stats b{color:var(--gold);text-shadow:0 0 14px #ffd76a80;font-size:22px}@media (max-width:640px),(orientation:portrait) and (max-width:820px){#hud{font-size:13px}.hud-coins{padding:6px 11px;font-size:16px}.hud-stats{bottom:max(150px, calc(env(safe-area-inset-bottom) + 148px));font-size:11px}.hud-banner{letter-spacing:2px;max-width:86vw;padding:7px 20px;font-size:17px}.hud-cannons{bottom:max(74px, calc(env(safe-area-inset-bottom) + 72px));gap:8px}.hud-cannon{min-width:56px;padding:7px 9px}.hud-skills{top:50%;bottom:auto;right:max(8px, env(safe-area-inset-right));flex-direction:column;transform:translateY(-50%)}.hud-skill{width:52px;height:52px}.hud-pause{width:34px;height:34px}.panel-card{padding:26px 20px}.game-title{letter-spacing:4px}}@media (max-height:430px){.hud-stats{display:none}.hud-cannons{bottom:8px}.hud-cannon{min-width:52px;padding:5px 8px}.hud-skill{width:48px;height:48px}}