html,body{margin:0;height:100%;overflow:hidden;background:#020308;color:#d8f6ff;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;-webkit-user-select:none;user-select:none}#stage{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;overflow:hidden;background:#05060d}#board{position:absolute;left:0;top:0;width:1280px;height:720px;display:block}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer}.panel{position:absolute;background:#060e1cd1;border:1px solid rgba(0,229,255,.25);box-shadow:0 0 12px #00e5ff14 inset}.hud-top{left:0;top:0;width:1280px;height:48px;box-sizing:border-box;border-width:0 0 1px;display:flex;align-items:center;gap:36px;padding:0 20px;font-size:18px;letter-spacing:.04em}.stat{font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(0,229,255,.5)}.stat.hit{animation:castle-hit .14s steps(1) infinite alternate}@keyframes castle-hit{0%{color:#f35;text-shadow:0 0 12px rgba(255,51,85,.9)}to{color:#fff;text-shadow:0 0 8px rgba(255,51,85,.6)}}.rage{color:#f35;text-shadow:0 0 10px rgba(255,51,85,.8)}.speeds{margin-left:auto;display:flex;gap:6px}.speed-btn{width:48px;height:30px;background:transparent;border:1px solid rgba(0,229,255,.35);border-radius:4px;font-size:15px}.speed-btn.active{background:#00e5ff33;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff73}.hud-top.raised{z-index:1}.speed-btn.pause-btn{margin-left:10px;font-size:13px}#hud .speed-btn:disabled{opacity:.35;cursor:default}.hud-side{left:1056px;top:48px;width:224px;height:672px;box-sizing:border-box;border-width:0 0 0 1px;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px}.side-title{font-size:12px;color:#d8f6ff99;letter-spacing:.2em}.cards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:46px;gap:5px}.card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;gap:2px 4px;min-width:0;text-align:left;padding:3px 5px;background:#00e5ff0a;border:1px solid rgba(0,229,255,.3);border-radius:6px}.card:hover{background:#00e5ff1a}.card.active{border-color:#00e5ff;background:#00e5ff29;box-shadow:0 0 12px #00e5ff66}.card.unaffordable{opacity:.45}.card.unaffordable .card-cost{color:#f57}.card-name{grid-column:1 / -1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-cost{font-size:12px;color:#7fefff;font-variant-numeric:tabular-nums}.card-key{font-size:12px;color:#d8f6ff99;border:1px solid rgba(216,246,255,.3);border-radius:3px;padding:0 4px;line-height:15px}.detail{display:flex;flex-direction:column;gap:4px;min-height:92px;box-sizing:border-box;padding:6px 10px;border:1px solid rgba(0,229,255,.18);border-radius:6px;background:#00e5ff08}.detail.empty{justify-content:center}.detail-name{font-size:15px;text-shadow:0 0 8px rgba(0,229,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stats{display:flex;gap:12px;font-size:12px;color:#7fefff;font-variant-numeric:tabular-nums}.detail-desc{font-size:12px;color:#d8f6ffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail.empty .detail-desc{color:#d8f6ff66;text-align:center}.detail{position:relative}.detail-buttons{display:flex;flex-direction:column;gap:4px;margin-top:2px}.upgrade-wrap{display:flex;flex-direction:column;pointer-events:auto}.upgrade-wrap[hidden]{display:none}.detail-buttons .action{padding:6px;font-size:13px}.action.upgrade,.action.restore{border-color:#7dffb299;background:#7dffb214}.action.upgrade.unaffordable,.action.restore.unaffordable{color:#ff8fa3}.upgrade-preview{display:none;right:calc(100% + 14px);bottom:0;width:200px;box-sizing:border-box;padding:8px 12px;border-color:#7dffb280;border-radius:6px;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;pointer-events:none}.upgrade-preview.show{display:block}.preview-title{font-size:12px;color:#7dffb2;letter-spacing:.1em}.next-wave{display:flex;flex-direction:column;gap:6px}.next-wave[hidden]{display:none}.next-list{display:flex;flex-wrap:wrap;gap:3px}.chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;box-sizing:border-box;padding:1px 5px;font-size:12px;line-height:15px;white-space:nowrap;background:#ff2bd60f;border:1px solid rgba(255,43,214,.25);border-radius:10px}.chip-dot{flex:none;width:7px;height:7px;border-radius:50%}.chip-name{overflow:hidden;text-overflow:ellipsis}.chip-count{color:#ffb3ec;font-variant-numeric:tabular-nums}.chip.boss{flex-basis:100%;border-color:#f35;background:#ff335529;box-shadow:0 0 10px #ff335573}.chip-boss{font-weight:700;letter-spacing:.1em;color:#ff5f8a;text-shadow:0 0 8px rgba(255,51,85,.8)}.spacer{flex:1}.action{padding:12px;font-size:15px;background:#00e5ff14;border:1px solid rgba(0,229,255,.5);border-radius:6px}.action:hover:not(:disabled){background:#00e5ff33}.action:disabled{opacity:.35;cursor:default}.action[hidden]{display:none}.action.sell{border-color:#ffc85099;background:#ffc85014}.action.start{font-size:16px;padding:11px 12px;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff4d}.hud-message{position:absolute;left:528px;bottom:64px;transform:translate(-50%);padding:8px 18px;font-size:16px;background:#280610e0;border:1px solid #ff3355;border-radius:4px;color:#ffd6de;opacity:0;transition:opacity .15s;white-space:nowrap}.hud-message.show{opacity:1}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;animation:fade-in .15s;display:flex;align-items:center;justify-content:center;background:#02030899;pointer-events:auto}.dialog{position:relative;width:520px;box-sizing:border-box;padding:24px 28px;border-color:#f359;border-radius:8px;box-shadow:0 0 24px #ff33554d}.dialog-text{font-size:17px;line-height:1.7}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.dialog-btn{min-width:140px}.action.dialog-ok{border-color:#f35;background:#ff335524}.action.dialog-cancel.default{border-color:#00e5ff;background:#00e5ff33;box-shadow:0 0 12px #00e5ff73}.dialog-buttons:has(.dialog-cancel.default) .dialog-ok{border-color:#ff335580;background:transparent}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020308b8;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s,visibility 0s linear .15s}.screen.show{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .15s}#hud .screen:not(.show) button,#hud .screen:not(.show) input{pointer-events:none}.reward-box{display:flex;flex-direction:column;align-items:center;gap:14px}.reward-title{font-size:40px;letter-spacing:.14em;color:#bff6ff;text-shadow:0 0 16px rgba(0,229,255,.8)}.reward-sub{font-size:16px;color:#d8f6ffb3;letter-spacing:.1em}.reward-cards{display:flex;gap:18px;margin:14px 0}#hud .reward-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:220px;min-height:200px;box-sizing:border-box;padding:34px 16px 18px;text-align:center;background:#060e1ceb;border:1px solid rgba(0,229,255,.45);border-radius:8px;box-shadow:0 0 14px #00e5ff26}#hud .reward-card:hover{border-color:#00e5ff;background:#00e5ff1f;box-shadow:0 0 20px #00e5ff73}.reward-key{position:absolute;left:10px;top:8px;font-size:12px;color:#d8f6ff99;border:1px solid rgba(216,246,255,.3);border-radius:3px;padding:0 5px;line-height:16px}.reward-name{font-size:20px;text-shadow:0 0 8px rgba(0,229,255,.6)}.reward-desc{flex:1;font-size:14px;line-height:1.6;color:#d8f6ffcc}.reward-stack{font-size:13px;color:#7fefff;font-variant-numeric:tabular-nums}.action.reroll{min-width:220px}.result-box{display:flex;flex-direction:column;align-items:center;gap:22px}.result-title{font-size:64px;letter-spacing:.14em;color:#ff5f8a;text-shadow:0 0 18px rgba(255,51,85,.7)}.result-screen.victory .result-title{color:#bff6ff;text-shadow:0 0 18px rgba(0,229,255,.8)}.result-body{display:flex;flex-direction:column;gap:6px;width:360px;padding:18px 24px;background:#060e1cd1;border:1px solid rgba(0,229,255,.25);border-radius:8px;font-variant-numeric:tabular-nums}.result-row{display:flex;justify-content:space-between;font-size:18px}.result-row.sub{font-size:14px;color:#d8f6ffb3;padding-left:12px}.result-row.total{font-size:20px;color:#ffe14d;text-shadow:0 0 8px rgba(255,225,77,.5)}.result-sep{height:1px;margin:4px 0;background:#00e5ff33}.action.retry{min-width:200px;font-size:20px}.result-buttons{display:flex;gap:14px}.action.result-btn{min-width:170px;font-size:17px}.lock-icon{position:relative;display:inline-block;flex:none;width:9px;height:7px;margin:5px 5px 0 0;background:currentColor;border-radius:1px;vertical-align:baseline}.lock-icon:before{content:"";position:absolute;left:1.5px;top:-5px;width:6px;height:6px;box-sizing:border-box;border:1.5px solid currentColor;border-bottom:none;border-radius:3px 3px 0 0}.card-locked{display:none;align-items:center;font-size:12px;color:#d8f6ffb3}.card.locked{opacity:.35;border-style:dashed;border-color:#d8f6ff4d;background:transparent}.card.locked:hover{background:transparent}.card.locked .card-locked{display:inline-flex}.card.locked .card-cost{display:none}.tree-screen{flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;padding:26px 40px 32px;background:radial-gradient(ellipse at 50% 30%,#0a1430,#05060d 75%)}.tree-head{display:flex;align-items:center;gap:40px;height:64px}.tree-title{font-size:40px;letter-spacing:.14em;color:#bff6ff;text-shadow:0 0 16px rgba(0,229,255,.8)}.tree-cores{display:flex;align-items:baseline;gap:12px;color:#ffe14d;text-shadow:0 0 10px rgba(255,225,77,.55);font-variant-numeric:tabular-nums}.tree-cores-label{font-size:18px}.tree-cores-value{font-size:44px;font-weight:700}.action.tree-back{margin-left:auto;min-width:160px;font-size:17px}.tree-cols{flex:1;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;margin-top:22px;min-height:0}.tree-col{display:flex;flex-direction:column;gap:10px;padding:16px;background:#060e1cb3;border:1px solid rgba(0,229,255,.2);border-radius:8px}.tree-col-title{font-size:18px;letter-spacing:.16em;color:#bff6ff}.tree-note{font-size:12px;color:#d8f6ff8c}.tree-col-note{margin-top:-6px;font-size:12px;color:#d8f6ff8c}#hud .tree-node{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:12px 14px;text-align:left;background:#00e5ff08;border:1px solid rgba(216,246,255,.18);border-radius:6px}#hud .tree-node.unlock{padding:9px 14px}.tree-name{display:flex;align-items:center;font-size:17px}.tree-price{font-size:15px;color:#ffe14d;font-variant-numeric:tabular-nums}.tree-desc,.tree-pips,.tree-effect{grid-column:1 / -1}.tree-desc{font-size:13px;color:#d8f6ffb3}.tree-pips{font-size:15px;letter-spacing:.2em;color:#00e5ff;text-shadow:0 0 6px rgba(0,229,255,.6)}.tree-effect{font-size:16px;color:#bff6ff;font-variant-numeric:tabular-nums}#hud .tree-node.buyable{border-color:#00e5ff;background:#00e5ff14;box-shadow:0 0 12px #00e5ff4d}#hud .tree-node.buyable:hover{background:#00e5ff33;box-shadow:0 0 18px #00e5ff80}#hud .tree-node.poor{opacity:.45;cursor:default}#hud .tree-node.poor .tree-price{color:#ff8fa3}#hud .tree-node.max{border-color:#7dffb266;cursor:default}#hud .tree-node.max .tree-price{color:#7dffb2;letter-spacing:.1em}#hud .tree-node.bought{animation:tree-bought .3s ease-out}@keyframes tree-bought{0%{background:#00e5ff99;box-shadow:0 0 32px #00e5ffe6}}.settings-screen{background:radial-gradient(ellipse at 50% 35%,#0a1430,#05060d 75%)}.settings-box{display:flex;flex-direction:column;gap:16px;width:620px;padding:28px 36px;box-sizing:border-box;background:#060e1cb3;border:1px solid rgba(0,229,255,.25);border-radius:8px}.settings-title{margin-bottom:6px;font-size:36px;letter-spacing:.14em;text-align:center;color:#bff6ff;text-shadow:0 0 16px rgba(0,229,255,.8)}.settings-row{display:flex;align-items:center;justify-content:space-between;min-height:46px}.settings-label{font-size:18px}.settings-controls{display:flex;align-items:center;gap:8px}.settings-slider{width:260px;accent-color:#00e5ff;cursor:pointer}.settings-value{width:40px;font-size:18px;text-align:right;font-variant-numeric:tabular-nums}.action.settings-seg{min-width:64px;padding:8px 12px}.action.settings-toggle{min-width:96px;padding:8px 12px;color:#d8f6ff99}.action.settings-seg.on,.action.settings-toggle.on{color:#fff;border-color:#00e5ff;background:#00e5ff40;box-shadow:0 0 10px #00e5ff59}.settings-actions{display:flex;gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(0,229,255,.2)}.action.settings-btn{flex:1}.action.settings-btn.danger{border-color:#f359;background:#280610b3}.action.settings-btn.danger:hover{background:#f353}.settings-note{min-height:20px;font-size:14px;text-align:center;color:#ffe14d}.action.settings-back{align-self:center;min-width:200px;font-size:17px}@keyframes fade-in{0%{opacity:0}}.title-screen{background:#04050c}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px}.title-box{position:relative;display:flex;flex-direction:column;align-items:center}.title-logo{font-size:84px;font-weight:700;letter-spacing:.18em;color:#d6fbff;text-shadow:0 0 10px rgba(0,229,255,.95),0 0 30px rgba(0,229,255,.6),0 0 70px rgba(255,43,214,.35)}.title-sub{margin-top:6px;font-size:20px;letter-spacing:.4em;color:#d8f6ffbf;text-shadow:0 0 8px rgba(255,43,214,.6)}.title-menu,.pause-box{display:flex;flex-direction:column;align-items:center;gap:12px}.title-menu{margin-top:44px}.action.title-btn,.action.pause-btn{min-width:300px;font-size:20px;background:#060e1cbf;transition:background .1s,box-shadow .1s}.action.title-btn.primary,.action.pause-btn.primary{border-color:#00e5ff}.action.title-btn.selected,.action.pause-btn.selected,.action.retry.selected,.action.result-btn.selected{border-color:#00e5ff;background:#00e5ff38;box-shadow:0 0 16px #00e5ff80}.title-stats{display:flex;gap:40px;margin-top:32px;font-size:16px}.title-stat{display:flex;align-items:baseline;gap:10px}.title-stat-label{color:#d8f6ffa6}.title-stat-value{font-size:22px;color:#ffe14d;text-shadow:0 0 8px rgba(255,225,77,.5);font-variant-numeric:tabular-nums}.title-error,.save-error{position:absolute;left:50%;bottom:18px;transform:translate(-50%);max-width:900px;font-size:13px;color:#ff8fa3;white-space:nowrap}.title-error[hidden],.save-error[hidden]{display:none}.pause-screen{background:#020308a8}.reward-screen.show~.pause-screen{background:#020308e6}.pause-title{margin-bottom:14px;font-size:44px;letter-spacing:.2em;color:#bff6ff;text-shadow:0 0 18px rgba(0,229,255,.8)}.action.pause-btn.abandon{margin-top:10px;border-color:#f359;background:#280610b3}.action.pause-btn.abandon.selected{border-color:#f35;background:#f353;box-shadow:0 0 16px #ff335573}.pause-hint{margin-top:8px;font-size:14px;color:#d8f6ff99}.howto-screen{flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;padding:22px 40px 26px;background:radial-gradient(ellipse at 50% 30%,#0a1430,#05060d 75%)}.howto-head{display:flex;align-items:center;height:56px}.howto-title{font-size:36px;letter-spacing:.14em;color:#bff6ff;text-shadow:0 0 16px rgba(0,229,255,.8)}.action.howto-back{margin-left:auto;min-width:160px;font-size:17px}.howto-tabs{display:flex;align-items:flex-end;gap:8px;margin-top:12px;border-bottom:1px solid rgba(0,229,255,.35)}.action.howto-tab{min-width:140px;padding:10px 16px;font-size:16px;border-radius:6px 6px 0 0;border-bottom:none;color:#d8f6ffa6;background:#00e5ff08}.action.howto-tab.on{color:#fff;border-color:#00e5ff;background:#00e5ff38;box-shadow:0 0 12px #00e5ff4d}.howto-tab-hint{margin-left:auto;padding-bottom:8px;font-size:13px;color:#d8f6ff80}.howto-content{flex:1;min-height:0;overflow-y:auto;padding:18px 8px 8px 4px;font-size:15px;line-height:1.7;pointer-events:auto}.howto-section{margin-bottom:16px;padding:12px 18px;background:#060e1cb3;border:1px solid rgba(0,229,255,.18);border-radius:8px}.howto-heading{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:.08em;color:#bff6ff}.howto-p{margin:0}.howto-list{margin:0;padding-left:1.3em}.howto-keys{display:grid;grid-template-columns:170px 1fr 170px 1fr;gap:6px 14px}.howto-key{color:#ffe14d;font-variant-numeric:tabular-nums}.howto-diagrams{display:flex;justify-content:space-around;gap:16px;margin-bottom:16px}.howto-diagram{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.howto-diagram canvas{border:1px solid rgba(0,229,255,.3);border-radius:4px}.howto-diagram figcaption{font-size:14px;color:#d8f6ffcc}.codex-note{margin:-6px 0 10px 2px;font-size:13px;color:#d8f6ff99}.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.codex-card{display:flex;gap:14px;padding:10px 14px;background:#060e1cb3;border:1px solid rgba(0,229,255,.2);border-radius:8px;line-height:1.5}.codex-icon{flex:none;align-self:flex-start;background:#070a15;border:1px solid rgba(0,229,255,.15);border-radius:6px}.codex-body{flex:1;min-width:0}.codex-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.codex-name{display:flex;align-items:center;gap:8px;font-size:17px;color:#fff}.codex-sub{font-size:13px;color:#d8f6ffb3;white-space:nowrap}.codex-badge{padding:1px 8px;font-size:12px;color:#ffe14d;border:1px solid rgba(255,225,77,.6);border-radius:10px}.codex-stats{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:2px;font-size:13px;font-variant-numeric:tabular-nums}.codex-stat-key{color:#d8f6ff8c}.codex-stat-val{margin-right:10px;color:#bff6ff}.codex-desc{margin-top:2px;font-size:13px;color:#d8f6ffcc}.codex-card.locked{border-color:#ffe14d40}.codex-card.locked .codex-icon{opacity:.5}.codex-card.unseen .codex-name{color:#d8f6ff80;letter-spacing:.2em}.enemy-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0203088c;pointer-events:auto}.enemy-card-backdrop.show{display:flex;animation:fade-in .15s}.enemy-card{position:relative;display:flex;flex-direction:column;gap:18px;width:560px;box-sizing:border-box;padding:22px 26px;border-color:#ff2bd699;border-radius:8px;box-shadow:0 0 26px #ff2bd64d}.enemy-card-top{display:flex;gap:20px}.enemy-card-icon{flex:none;background:#070a15;border:1px solid rgba(255,43,214,.35);border-radius:6px}.enemy-card-head{font-size:13px;letter-spacing:.2em;color:#ff8ae6}.enemy-card-name{margin:2px 0 6px;font-size:26px;color:#fff;text-shadow:0 0 12px rgba(255,43,214,.7)}.enemy-card-feature{font-size:15px;line-height:1.6}.enemy-card-hint{margin-top:6px;font-size:14px;color:#ffe14d}.action.enemy-card-ok{align-self:flex-end;min-width:200px;border-color:#ff2bd6;background:#ff2bd624}.tut-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.tut-layer.show{display:block}.tut-focus{position:absolute;box-sizing:border-box;border:2px solid #00e5ff;border-radius:6px;box-shadow:0 0 14px 2px #00e5ffbf,0 0 0 4000px #02030861;pointer-events:none;animation:tut-glow 1.2s ease-in-out infinite alternate}@keyframes tut-glow{0%{border-color:#00e5ff8c}to{border-color:#9ff6ff}}.tut-bubble{width:360px;box-sizing:border-box;padding:12px 16px;border-color:#00e5ffb3;border-radius:8px;background:#060e1cf2;box-shadow:0 0 18px #00e5ff59;pointer-events:none;animation:fade-in .15s}.tut-progress{font-size:12px;letter-spacing:.15em;color:#d8f6ff99}.tut-text{margin:6px 0 10px;font-size:15px;line-height:1.6}.tut-buttons{display:flex;justify-content:flex-end;gap:8px}#hud .action.tut-skip,#hud .action.tut-next{padding:6px 14px;font-size:13px}#hud .action.tut-skip{border-color:#d8f6ff4d;background:transparent;color:#d8f6ffbf}