:root{color:#e9eadb;font-synthesis:none;--gold:#e3bd79;--muted:#a4b5ae;--line:#d8d5b02b;--panel:#13282b;--cyan:#8ce3d1;background:#101e24;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:not(:disabled):hover{filter:brightness(1.15)}button{transition:background .18s,opacity .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#app{isolation:isolate;height:100svh;min-height:320px;position:relative}#world{touch-action:none;position:absolute;inset:0}canvas{display:block}#hurt-overlay{pointer-events:none;z-index:2;opacity:0;transition:opacity .15s;position:absolute;inset:0;box-shadow:inset 0 0 80px #b4473866}#hurt-overlay.active{opacity:1}#hero-health.danger .bar i{background:#ef8e77}#hero-health.danger{color:#ffb49e}.ability.nova.ready{border-color:#efc38c;box-shadow:0 0 25px #efac5929,inset 0 0 18px #efac5914}.modal section>.battle-stats{color:var(--gold);margin:-8px 0 22px;font-size:12px}.vignette{pointer-events:none;background:linear-gradient(90deg,#0d1c23f2 0%,#0d1c2399 27%,#0000 58%),linear-gradient(#0d1c2377,#0000 20% 75%,#0d1c2380);transition:background 1s;position:absolute;inset:0}.playing .vignette{background:linear-gradient(#0d1c23a6,#0000 19% 76%,#0d1c23bb)}header{pointer-events:none;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:28px 36px;display:flex;position:absolute;top:0;left:0}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand svg{width:33px;height:40px;color:var(--gold)}.brand b{letter-spacing:3px;font-family:Georgia,serif;font-size:16px;font-weight:500;display:block}.brand span{letter-spacing:5px;color:var(--muted);margin-top:5px;font-size:10px;display:block}nav{pointer-events:auto;gap:9px;display:flex}.icon-button{border:1px solid var(--line);background:#142a2caa;border-radius:50%;width:38px;height:38px;font-size:18px;line-height:1}.off{opacity:.45}.hud{opacity:0;gap:38px;transition:opacity .3s;display:flex}.playing .hud{opacity:1}.stat>span{color:var(--muted);letter-spacing:1px;margin-bottom:5px;font-size:10px;display:block}.stat>b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:500}.stat i{font-style:normal}.stat small{color:var(--muted);font-size:11px}.core-stat{min-width:125px}.bar{background:#c8d7c326;height:3px;margin-top:7px;overflow:hidden}.bar i{background:var(--cyan);height:100%;transition:width .2s;display:block}.gold{color:var(--gold)}.intro{max-width:400px;position:absolute;top:22%;left:8%}.eyebrow{color:var(--gold);letter-spacing:2.8px;align-items:center;gap:10px;font-size:10px;display:flex}.eyebrow>span{background:var(--gold);width:20px;height:1px}h1{letter-spacing:6px;margin:22px 0 20px;font-family:Georgia,Songti TC,serif;font-size:clamp(48px,5.5vw,84px);font-weight:400;line-height:1.27}h1 span{color:var(--gold)}.intro>p{color:#b9c8bf;margin-bottom:28px;font-size:14px;line-height:1.95}.primary{background:var(--gold);color:#1b3031;letter-spacing:1px;border-radius:3px;justify-content:space-between;align-items:center;gap:36px;min-height:48px;padding:13px 23px;font-size:13px;font-weight:600;display:flex;box-shadow:0 6px 30px #0002}.primary span{font-size:20px;font-weight:400}.intro .primary{width:230px}.intro-meta{color:#889f99;letter-spacing:.5px;gap:20px;margin-top:16px;font-size:10px;display:flex}.legend{color:#b9cbc0;align-items:center;gap:12px;margin-top:40px;font-size:11px;line-height:1.7;display:flex}.legend-crystal{color:var(--cyan);font-size:31px}.legend small{color:#809891;font-size:10px}#intro-note{letter-spacing:2px;color:#8da59d;font-size:8px;position:absolute;bottom:27px;left:36px}#intro-note span{letter-spacing:1px;color:#617d77;margin-top:7px;font-size:9px;display:block}.objective{pointer-events:none;max-width:360px;position:absolute;top:115px;left:36px}.objective>span{color:var(--gold);letter-spacing:2px;font-size:9px}.objective b{text-shadow:0 2px 8px #000;margin-top:9px;font-size:12px;font-weight:400;line-height:1.7;display:block}.objective small{color:#91a99f;margin-top:5px;font-size:10px;display:block}.objective.urgent b{color:#ffb19e}#wave-track{opacity:.8;width:155px;height:3px;margin-top:10px}#wave-track-fill{background:var(--gold)}#target-tag{color:var(--gold);white-space:nowrap;pointer-events:none;background:#112327ed;border:1px solid #e6bd7877;border-radius:3px;padding:4px 8px;font-size:10px;position:absolute;transform:translate(-50%,-100%)}#target-tag.urgent{color:#ffb19e;border-color:#ed8b6e}#target-tag.exposed{color:var(--cyan);border-color:var(--cyan)}#boss-status{pointer-events:none;background:#112327ed;border:1px solid #dfbb7838;width:290px;padding:10px 14px;position:absolute;bottom:67px;left:50%;transform:translate(-50%)}#boss-status>div:first-child{align-items:baseline;gap:10px;margin-bottom:7px;display:flex}#boss-status b{color:#edce92;letter-spacing:2px;font-size:12px}#boss-state{color:#b9bdae;flex:1;font-size:9px}#boss-hp{color:var(--gold);font-size:12px}#boss-bar{background:var(--gold)}#boss-status.exposed #boss-bar{background:var(--cyan)}#boss-status.winding{background:#351f24f5;border-color:#ff8772}#boss-status.winding #boss-bar{background:#ff8772}#boss-hint{color:#ded4bd;margin-top:7px;font-size:9px;line-height:1.5;display:block}#power-status{color:#c9dbc5;border-top:1px solid #d8bc7433;max-width:230px;margin-top:12px;padding-top:8px;font-size:10px;line-height:1.8}#power-status span{display:block}@media (height<=600px){#power-status{margin-top:6px;padding-top:4px;font-size:9px}#wave-track{width:120px;margin-top:7px}#target-tag{padding:3px 6px;font-size:9px}#boss-status{width:260px;padding:8px 10px;bottom:22px}}@media (width<=600px){#boss-status{width:220px;bottom:126px}}#hero-health{width:130px;font-size:10px;position:absolute;bottom:85px;left:36px}#hero-health>span{letter-spacing:2px}#hero-health small{color:var(--muted);margin-top:5px;font-size:9px;display:block}#hero-bar{background:var(--gold)}#build-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#182e30f5,#102529f5);border-radius:6px;grid-template-columns:1fr auto;gap:13px 24px;width:min(1100px,100% - 64px);padding:17px 20px;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 14px 65px #0005}.build-heading{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.build-heading>span{letter-spacing:1.5px;color:#dbdec9;font-size:11px}.build-heading small{color:#7f9b92;font-size:10px}.tower-list{gap:10px;display:flex}.tower-card{text-align:left;background:#b2d0bb07;border:1px solid #d8dfbe1f;border-radius:3px;flex:1;align-items:center;gap:10px;min-width:0;padding:12px;display:flex;position:relative}.tower-card:hover{border-color:var(--accent);background:#d9dab316}.tower-icon{color:var(--accent);min-width:25px;font-size:29px}.tower-copy b{font-size:12px;font-weight:500;display:block}.tower-copy small{color:#8da69d;white-space:nowrap;margin-top:5px;font-size:9px;display:block}.cost{color:var(--accent);white-space:nowrap;margin-left:auto;font-size:11px}kbd{color:#6b8780;font-size:8px;position:absolute;top:4px;right:5px}#next-wave{align-self:stretch;min-width:160px}#tower-actions{align-items:center;gap:16px;padding:7px 0;display:flex}#tower-actions>b{flex:1;font-size:13px;font-weight:500}#tower-actions button{background:#8cd3bd16;border:1px solid #9ac9b42a;border-radius:3px;padding:10px 15px;font-size:11px}#tower-actions .subtle{color:#93aaa2;background:0 0}#combat-help{color:#a8bcb0;white-space:nowrap;letter-spacing:1px;font-size:10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#combat-help span{color:#576e66;padding:0 10px}#abilities{align-items:flex-end;gap:15px;display:flex;position:absolute;bottom:40px;right:35px}.ability{touch-action:none;background:#12262bd9;border:1px solid #d8d5b044;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:70px;height:70px;display:flex;box-shadow:0 4px 25px #0003}.ability>span{color:var(--gold);font-size:22px}.ability b{font-size:10px;font-weight:400}.ability small{color:#7c9891;font-size:9px}.ability.nova{background:#443b2edc;border-color:#dbb57388;width:86px;height:86px}.nova>span{font-size:28px}#toast{color:#e7d6a7;border:1px solid var(--line);pointer-events:none;opacity:0;z-index:3;text-align:center;background:#11262bec;border-radius:4px;max-width:90%;padding:12px 22px;font-size:12px;transition:all .25s;position:absolute;top:110px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#wave-banner{text-align:center;letter-spacing:6px;color:#f1d49b;pointer-events:none;opacity:0;text-shadow:0 3px 24px #000;font-family:Georgia,Songti TC,serif;font-size:27px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#wave-banner.flash{animation:3s both banner}@keyframes banner{0%{opacity:0;filter:blur(5px)}20%,70%{opacity:1;filter:blur()}to{opacity:0;filter:blur(2px)}}.modal{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:10;background:#09181cbb;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal section{text-align:center;background:linear-gradient(130deg,#203639,#14292c);border:1px solid #d0d5b42b;border-radius:8px;width:min(750px,100%);max-height:95svh;padding:40px;overflow:auto;box-shadow:0 20px 100px #0005}.modal .eyebrow{justify-content:center;font-size:9px}.modal h2{letter-spacing:2px;margin:18px 0 12px;font-family:Georgia,Songti TC,serif;font-size:32px;font-weight:400}.modal section>p{color:var(--muted);font-size:12px;line-height:1.8}.modal .primary{min-width:230px;margin:25px auto 0}.text-button{color:#93aaa0;background:0 0;margin:18px auto 0;padding:8px;font-size:11px;display:block}.upgrade-list{gap:15px;margin-top:25px;display:flex}.upgrade-card{text-align:left;background:#a2bea408;border:1px solid #b5c9aa26;border-radius:4px;flex-direction:column;flex:1;min-width:0;padding:22px 18px;display:flex}.upgrade-card:hover{border-color:var(--accent);background:#b1c39d15;transform:translateY(-4px)}.upgrade-icon{color:var(--accent);margin-bottom:18px;font-size:34px}.upgrade-card small{letter-spacing:2px;color:var(--accent);font-size:9px}.upgrade-card h3{margin:9px 0;font-size:20px;font-weight:400}.upgrade-card p{color:#a0b6ac;flex:1;font-size:11px;line-height:1.8}.choose{color:var(--accent);border-top:1px solid #b7c5a522;margin-top:15px;padding-top:15px;font-size:10px}.reward{color:var(--gold);margin-left:12px;display:inline-block}.result{justify-content:center;gap:50px;margin:28px 0;display:flex}.result b{color:var(--gold);font-size:29px;font-weight:400;display:block}.result span{color:var(--muted);margin-top:5px;font-size:10px;display:block}#joystick{touch-action:none;background:#b1d8c311;border:1px solid #afc7b929;border-radius:50%;width:112px;height:112px;display:none;position:absolute;bottom:38px;left:30px}#stick{pointer-events:none;background:#819d8266;border:1px solid #cdd9b76b;border-radius:50%;width:42px;height:42px;position:absolute;top:calc(50% - 21px);left:calc(50% - 21px)}#portrait{z-index:20;text-align:center;background:#12262af5;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:absolute;inset:0}#portrait>span{color:var(--gold);font-size:70px}#portrait>b{letter-spacing:2px;margin-top:15px;font-size:22px;font-weight:400}#portrait p{color:var(--muted);font-size:12px}#portrait button{color:var(--muted);background:0 0;border-bottom:1px solid #a7b89444;margin-top:25px;padding:8px;font-size:11px}@media (pointer:coarse){#joystick.active{display:block}#combat-help{display:none}#hero-health{width:100px;bottom:166px;left:35px}.ability small{font-size:9px}.playing{-webkit-user-select:none;user-select:none}button{-webkit-tap-highlight-color:transparent}}@media (height<=600px){header{padding:14px 22px}.brand svg{width:24px;height:32px}.brand b{letter-spacing:2px;font-size:12px}.brand span{letter-spacing:3px;font-size:8px}.hud{gap:25px}.stat>b{font-size:16px}.stat>span{font-size:8px}.icon-button{width:32px;height:32px}.intro{top:21%;left:8%}.eyebrow{font-size:8px}h1{letter-spacing:3px;margin:12px 0;font-size:43px;line-height:1.2}.intro>p{margin-bottom:17px;font-size:11px;line-height:1.7}.intro .primary{width:200px;min-height:42px;padding:9px 17px}.intro-meta{margin-top:9px;font-size:8px}.legend{display:none}#intro-note{font-size:7px;bottom:14px;left:22px}#intro-note span{font-size:8px}.objective{top:76px;left:22px}.objective b{margin-top:5px;font-size:10px}.objective small,.objective>span{font-size:8px}#build-panel{gap:8px 12px;width:calc(100% - 36px);padding:10px 12px;bottom:12px}.tower-card{gap:7px;padding:9px 8px}.tower-copy b{font-size:10px}.tower-copy small{font-size:8px}.tower-icon{font-size:23px}.cost{font-size:10px}.tower-list{gap:7px}#next-wave{gap:14px;min-width:125px;padding:10px 14px;font-size:11px}.build-heading>span{font-size:9px}.build-heading small{font-size:8px}.ability{width:57px;height:57px}.ability.nova{width:70px;height:70px}#abilities{gap:12px;bottom:21px;right:25px}#joystick{width:96px;height:96px;bottom:22px;left:24px}#hero-health{bottom:132px;left:28px}.modal section{padding:22px}.modal h2{margin:12px 0 8px;font-size:25px}.upgrade-list{gap:12px;margin-top:16px}.upgrade-card{padding:15px}.upgrade-icon{margin-bottom:9px;font-size:25px}.upgrade-card h3{font-size:18px}.upgrade-card p{margin:5px 0;font-size:10px}.choose{margin-top:10px;padding-top:10px}.modal section>p{font-size:11px}.modal .primary{margin-top:15px}#toast{padding:9px 15px;font-size:10px;top:70px}}@media (width<=700px){header{gap:8px;padding:14px 16px}.brand span{display:none}.brand b{letter-spacing:1px;font-size:10px}.brand svg{width:23px}.brand{gap:6px}.hud{gap:15px}.stat>b{font-size:14px}.core-stat{min-width:80px}.stat>span{font-size:8px}nav{gap:5px}.icon-button{width:29px;height:29px}.intro{left:8%}#build-panel{grid-template-columns:1fr;gap:8px;width:calc(100% - 20px)}.build-heading small{display:none}.tower-card{gap:5px;padding:9px 5px}.tower-copy small{display:none}.tower-copy b{font-size:10px}.tower-icon{min-width:18px;font-size:20px}.cost{font-size:9px}#next-wave{min-height:35px;padding:6px 15px}.objective{max-width:260px;top:85px;left:16px}.modal section{padding:25px 15px}.upgrade-list{gap:8px}.upgrade-card{padding:12px 9px}.upgrade-card h3{font-size:16px}.upgrade-card small{letter-spacing:0}.upgrade-card p{font-size:10px}.result{gap:30px}#combat-help{font-size:8px;bottom:18px}#combat-help span{padding:0 3px}}@media (pointer:coarse) and (orientation:portrait){body:not(.portrait-accepted) #portrait{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:10ms!important}}.slot-nav{align-items:center;gap:12px;display:flex}.slot-nav button{border:1px solid var(--line);width:28px;height:24px;color:var(--gold);background:0 0;border-radius:3px;font-size:17px}.slot-nav small{color:#7f9b92;font-size:10px}@media (height<=600px){.slot-nav button{width:30px;height:23px}.slot-nav{gap:9px}.slot-nav small{font-size:8px}}.touch-controls #joystick.active{display:block}.touch-controls #combat-help{display:none}.touch-controls #hero-health{width:100px;bottom:166px;left:35px}.touch-controls{-webkit-user-select:none;user-select:none}@media (height<=600px){.touch-controls #hero-health{bottom:132px;left:28px}.touch-controls #joystick.active{bottom:18px}}@media (pointer:coarse) and (orientation:landscape){header{padding-left:max(22px, calc(env(safe-area-inset-left) + 12px));padding-right:max(22px, calc(env(safe-area-inset-right) + 12px))}#abilities{right:max(25px, calc(env(safe-area-inset-right) + 12px))}#joystick{left:max(24px, calc(env(safe-area-inset-left) + 12px))}#build-panel{width:calc(100% - max(36px, env(safe-area-inset-left)) - env(safe-area-inset-right))}}