*{box-sizing:border-box} :root{color-scheme:dark;--ink:#0b1420;--panel:#101d27;--gold:#cbb78a;--mint:#a3dbc9;--muted:#7b909c;--line:#b5c9c020}body{margin:0;background:radial-gradient(ellipse at 45% 40%,#192d36 0,#0c1721 55%,#080f17 100%);color:#e2e9e6;font-family:"Segoe UI","Malgun Gothic",sans-serif;min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a3dbc9;outline-offset:4px}button:disabled{opacity:.5}button:hover{filter:brightness(1.16)}.masthead{height:74px;max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:11px;letter-spacing:2px}.wordmark{text-decoration:none;color:#ceded8;font-weight:600}.crest{font-size:25px;color:var(--gold);vertical-align:middle;margin-right:12px}.muted{color:#718993;font-weight:400}.header-right{display:flex;align-items:center;gap:15px;color:#8ca49e;font-size:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:#a3dbc9;box-shadow:0 0 10px #a3dbc977}.icon-button{background:none;border:1px solid var(--line);border-radius:3px;padding:6px 9px;color:#bdd4ca;font-size:12px;letter-spacing:0}#game-shell{width:min(960px,calc(100vw - 48px),calc((100dvh - 120px)*1.15));margin:0 auto;display:grid;grid-template-columns:600fr 320fr;box-shadow:0 25px 90px #0008;border:1px solid #778f7c42;background:#101d27}.arena{position:relative;overflow:hidden;aspect-ratio:3/4;background:#0b1724;border-right:1px solid #778f7c42}canvas{display:block;width:100%;height:100%;outline:none}.arena-label{position:absolute;top:14px;left:22px;right:22px;display:flex;justify-content:space-between;color:#b9cfbc88;font-size:8px;letter-spacing:1.7px;pointer-events:none}.corner{position:absolute;width:24px;height:24px;border-color:var(--gold);border-style:solid;pointer-events:none;opacity:.7;z-index:3}.tl{top:7px;left:7px;border-width:1px 0 0 1px}.tr{top:7px;right:7px;border-width:1px 1px 0 0}.bl{bottom:7px;left:7px;border-width:0 0 1px 1px}.br{bottom:7px;right:7px;border-width:0 1px 1px 0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#08131bea,#0a1922b8 65%,#0a192260);z-index:2;padding:30px}.hidden{display:none!important}.menu-inner{width:100%;max-width:340px;text-align:center}.eyebrow{font-size:9px;letter-spacing:2.9px;color:var(--gold);font-weight:500}.title-ornament{font-size:48px;color:var(--gold);line-height:1.5;text-shadow:0 0 35px #dccca177}h1{font-family:Georgia,"Batang",serif;font-size:clamp(30px,3.5vw,48px);letter-spacing:5px;margin:3px 0 12px;font-weight:500;color:#f2ecdc;text-shadow:0 2px 22px #000}.title-en{font-size:10px;letter-spacing:4.4px;color:var(--gold);margin:0}.title-rule{width:40px;height:1px;background:var(--gold);margin:25px auto}.intro{font-size:11px;line-height:2.1;color:#a9bcbf;margin:0 0 25px}.difficulty{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.difficulty button{padding:14px 12px;border:1px solid #708e8d44;background:#0f2228b5;position:relative}.difficulty button.selected{border-color:#aed3bf;background:#a3dbc917;box-shadow:inset 0 0 20px #a3dbc907}.difficulty button.selected:after{content:'✦';position:absolute;right:9px;top:11px;color:var(--mint);font-size:10px}.difficulty span{font-family:Georgia,serif;font-size:19px;letter-spacing:2px}.difficulty small{display:block;font-size:8px;color:#94adae;margin-top:7px;white-space:nowrap;letter-spacing:0}.spectator{margin:18px 0;display:flex;align-items:center;text-align:left;position:relative;cursor:pointer;gap:10px}.spectator strong{display:block;font-size:11px;font-weight:400;color:#c4d3cc}.spectator small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.spectator input{position:absolute;right:0;opacity:0;width:36px;height:22px;cursor:pointer}.switch{width:32px;height:17px;border:1px solid #6d8585;border-radius:12px;margin-left:auto;pointer-events:none}.switch:before{content:'';display:block;width:9px;height:9px;background:#809694;border-radius:50%;margin:3px;transition:transform .2s}.spectator input:checked+.switch{background:#a3dbc92a;border-color:var(--mint)}.spectator input:checked+.switch:before{transform:translateX(14px);background:var(--mint)}.spectator input:focus-visible+.switch{outline:2px solid white;outline-offset:4px}.primary{background:#bacfba;color:#132723;width:100%;padding:15px 18px;font-size:12px;letter-spacing:2px;text-align:center;border:1px solid #dae3c9;box-shadow:0 4px 24px #0003}.primary span{float:right}.start-hint{font-size:7px;letter-spacing:2px;color:#8ea899;margin:10px}.text-button{background:none;color:#9aada8;font-size:10px;padding:10px}.sidebar{padding:27px 26px 15px;display:flex;flex-direction:column;background:linear-gradient(150deg,#1729337a,transparent 50%);overflow:hidden}.side-top{border-bottom:1px solid var(--line);padding-bottom:23px}.side-top .eyebrow{font-size:7px;letter-spacing:2px}.side-top h2{font-family:"Batang",Georgia,serif;font-weight:400;font-size:26px;letter-spacing:3px;margin:12px 0}.side-top p{font-size:8px;letter-spacing:2px;color:#819697;margin:0}.side-top p span{float:right;color:#b8ac8b}.scoreboard{padding-top:20px}.score-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-row span{font-size:8px;letter-spacing:1.4px;color:#839a9b}.score-row strong{font:17px Georgia,serif;letter-spacing:1.5px;font-variant-numeric:tabular-nums}.best strong{font-size:13px;color:#bdac8b}.current strong{color:#e7ead7}.divider{height:1px;background:var(--line);margin:18px 0}.resource-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0}.resource-row>span{font-size:8px;letter-spacing:1.8px;color:#839a9b}.resource-row strong{font-size:16px;letter-spacing:5px}.lives{color:#deb3c1}.bombs{color:#a5dac5}.small-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.small-stats>div{display:flex;flex-direction:column;gap:7px}.small-stats span{font-size:8px;color:#829a98;letter-spacing:1px}.small-stats strong{font:17px Georgia;color:#c9dbcf}.small-stats small{font:7px sans-serif;color:#b3a580;letter-spacing:1px}.encounter{margin-top:26px;border-top:1px solid var(--line);padding-top:19px}.section-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#728f92;align-items:center}.boss-row{display:flex;align-items:center;gap:12px;margin:18px 0 14px}.boss-sigil{width:42px;height:42px;border:1px solid #b9cddd40;transform:rotate(45deg);display:grid;place-items:center;font-size:23px;color:#a4dce3;background:#8cd8e90a}.boss-row>div:last-child{padding-left:4px}.boss-row span{font-size:7px;letter-spacing:.8px;color:#8ba6a7}.boss-row h3{font-size:19px;font-weight:400;margin:6px 0 0;letter-spacing:2px}.boss-row h3 small{font:8px Georgia;color:#96aaa4;letter-spacing:2px;margin-left:5px}.boss-track{height:2px;background:#a3dbc918}.boss-track span{display:block;height:100%;background:linear-gradient(90deg,#5f9eae,#d3dfc2);width:100%;transition:width .1s}#spell-side{font-size:10px;color:#a1b4b1;line-height:1.7;margin:10px 0 0}.god-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:11px 10px;margin-top:22px;border:1px solid #8aa59e29;background:#9dc5b808;text-align:left;font-size:10px;color:#99b0a9}.god-toggle.active{border-color:#cbb78a;color:#ecd4a2;background:#cbb78a17}.god-toggle small{font-size:8px;margin-left:3px}.god-toggle kbd{margin-left:auto}.god-symbol{font-size:18px}.run-status{font-size:7px;letter-spacing:1.3px;color:#708f89;text-align:center;margin:9px 0 0}.controls{margin-top:auto;padding-top:22px}.controls button{background:none;color:#96b4ac}.controls dl{margin:10px 0 0}.controls dl>div{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.controls dt{display:flex;gap:3px}kbd{font:8px "Segoe UI",sans-serif;min-width:17px;text-align:center;border:1px solid #68807955;padding:3px 4px;border-radius:2px;background:#91b7a708;color:#b6c9bf}.controls dd{font-size:9px;color:#8d9f9d;margin:0}.side-footer{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.tiny-crest{font-size:29px;color:#b6b18d}.side-footer p{font-size:10px;color:#a9bbb2;margin:0;line-height:1.7}.side-footer small{font-size:7px;color:#667f80;letter-spacing:1px}footer{max-width:960px;display:flex;justify-content:space-between;margin:14px auto;padding:0 3px;font-size:7px;letter-spacing:1.5px;color:#607a7d}footer i{margin:0 9px}footer button{background:none;font-size:9px;letter-spacing:0;color:#90a6a5}.dialog{max-width:340px;width:100%;text-align:center}.dialog h2{font-family:Georgia,"Batang",serif;font-weight:400;font-size:28px;margin:20px 0}.dialog p{font-size:12px;color:#a3b9b5;line-height:1.9}.dialog .primary{margin-top:20px}.secondary{width:100%;padding:13px;background:#92bda314;border:1px solid #8aab9a44;margin-top:12px;font-size:12px}.result-score{border-top:1px solid #a9c2a538;border-bottom:1px solid #a9c2a538;padding:20px;margin:22px 0}.result-score small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold)}.result-score strong{display:block;font:32px Georgia;margin-top:10px;color:#e4e7d0}#result-stats{font-size:11px;color:#a4b6af;line-height:2}dialog{background:#101f2a;color:#cadbd3;border:1px solid #8aab9a66;max-width:510px;padding:35px;line-height:1.9;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#020910ce}dialog h2{font-weight:400}dialog p{font-size:12px}dialog .note{font-size:10px;color:#839c98;border-top:1px solid var(--line);padding-top:18px}.close{position:absolute;right:15px;top:10px;background:none;font-size:25px;color:#a8c0b7}
@media(min-width:800px) and (max-height:850px){.masthead{height:54px}#game-shell{width:min(920px,calc(100vw - 48px),calc((100dvh - 96px)*1.15))}.sidebar{padding:20px}.side-top{padding-bottom:15px}.side-top h2{font-size:22px;margin:9px 0}.scoreboard{padding-top:15px}.score-row{margin-bottom:8px}.divider{margin:12px 0}.resource-row{margin:9px 0}.small-stats{margin-top:12px}.encounter{margin-top:18px;padding-top:12px}.boss-row{margin:12px 0}.god-toggle{margin-top:15px}.controls{padding-top:12px}.controls dl>div{padding:3px 0}.side-footer{margin-top:12px;padding-top:10px}.title-rule{margin:18px auto}.intro{margin-bottom:18px}.title-ornament{font-size:35px}.menu-inner{max-width:310px}.spectator{margin:15px 0}}
@media(max-width:700px){.masthead{padding:0 15px;height:58px}.wordmark{font-size:9px;letter-spacing:1px}.wordmark .muted{display:none}.header-right{gap:8px;font-size:8px}#game-shell{width:calc(100vw - 20px);grid-template-columns:1fr}.arena{border-right:0}.sidebar{display:none}.menu-inner{max-width:310px}.overlay{padding:25px}h1{font-size:37px}footer{padding:0 12px;letter-spacing:.5px}.title-ornament{font-size:35px}.intro{margin-bottom:18px}.title-rule{margin:18px auto}}
@media(display-mode:fullscreen){#game-shell{width:min(1100px,calc((100dvh - 100px)*1.15))}}

.practice-select{margin-top:8px}.practice-select select{width:100%;background:#112630;color:#adc7bc;border:1px solid #8aa59e40;padding:8px 10px;font-size:10px;border-radius:2px;max-width:100%}.practice-select .text-button{padding:8px}
#spell-stage{font-size:8px;letter-spacing:1px;color:#84b8aa;line-height:1.7;margin:5px 0 0}
.music-panel{max-width:960px;width:calc(100% - 48px);margin:20px auto;display:grid;grid-template-columns:1fr 360px;gap:24px;background:#101f29;border:1px solid #8aa59e35;padding:20px}.music-info h3{font-weight:400;font-size:20px;margin:12px 0}.music-info p{font-size:11px;color:#a3bbb2;line-height:1.8}.youtube-frame{width:360px;height:203px;align-self:center;background:#07151e}.youtube-frame iframe{display:block;width:360px;height:203px;border:0}.volume-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#b4cbbf}.volume-label input{max-width:130px;accent-color:#a3dbc9}.music-links{display:flex;gap:20px;align-items:center;margin-top:15px}.music-links a,.music-links button{font-size:10px;color:#bcd4c6;background:none}.music-info .music-note{font-size:9px;color:#778e8b}
@media(max-width:760px){.music-panel{width:calc(100% - 20px);grid-template-columns:1fr;padding:15px}.youtube-frame,.youtube-frame iframe{width:100%;min-width:200px;height:203px}.header-right{letter-spacing:.4px;gap:5px}.header-right .status-dot{display:none}.icon-button{font-size:10px;padding:6px}.menu-inner{max-width:300px}.title-rule{margin:12px auto}.intro{margin-bottom:14px}}

@media(min-width:800px) and (max-height:850px){.menu-inner .title-ornament{font-size:27px}.menu-inner .intro{margin-bottom:12px;font-size:10px}.menu-inner .title-rule{margin:12px auto}.menu-inner .difficulty button{padding:10px}.menu-inner .spectator{margin:12px 0}.menu-inner .primary{padding:12px}.menu-inner .start-hint{margin:7px}.menu-inner .practice-select{margin-top:3px}.menu-inner .practice-select select{padding:6px 8px}.menu-inner .practice-select .text-button{padding:7px}}