:root{color-scheme:dark;--ink:#0b1725;--gold:#eed49a;--teal:#80d6cb;--muted:#a7b7c6}*{box-sizing:border-box}body{margin:0;background:#08131d;color:#eaf2f5;font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.7}button,input{font:inherit}button{border:1px solid #4a6070;background:#182d3d;color:#edf4f6;padding:10px 18px;border-radius:8px;cursor:pointer;min-height:46px;touch-action:pan-y}button:hover{border-color:var(--gold);background:#234557}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{color:#172232;background:var(--gold);border-color:var(--gold);font-weight:bold}.primary:hover{background:#fff1cb}.shell{max-width:1100px;margin:auto;padding:24px}header{position:relative;margin-bottom:20px}.back{color:var(--muted);font-size:12px;text-decoration:none}.edition{float:right;letter-spacing:3px;color:var(--gold);font-size:11px}h1{font-family:"Yu Mincho",serif;font-size:clamp(36px,6vw,64px);letter-spacing:.14em;margin:10px 0 0;line-height:1.25}h1 span{font-size:14px;display:block;letter-spacing:.35em;margin:12px 0}.tagline{color:var(--muted);font-size:14px;margin:8px 0}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px}.toolbar label{display:flex;gap:8px;align-items:center}input[type=range]{width:95px;accent-color:var(--gold)}#pause{margin-left:auto}#arena{height:490px;position:relative;overflow:hidden;border:1px solid #485868;border-radius:16px;background:url(background.webp) center 58%/cover;touch-action:pan-y}.shade{position:absolute;inset:0;background:linear-gradient(#06152388,#071a2922 40%,#08152399)}.hud{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;gap:8px;font-size:14px;z-index:2;text-shadow:0 2px 3px #000}.hud span{background:#071523cc;padding:5px 10px;border:1px solid #71909455;border-radius:6px}#score{color:var(--gold);font-weight:bold}.guardian{position:absolute;bottom:2px;left:calc(50% - 48px);height:140px;filter:drop-shadow(0 0 12px #85ded655);pointer-events:none}.defense{position:absolute;bottom:30px;left:0;right:0;border-top:1px solid #92e7d3aa;text-align:right;padding:3px 14px;color:#c2e8db;font-size:10px}#banner{position:absolute;bottom:7px;left:14px;right:14px;color:var(--gold);font-size:12px;text-align:center;text-shadow:0 2px 4px black}#enemies{position:absolute;inset:60px 8px 130px}.enemy{position:absolute;width:28%;height:100px;background:transparent;border:0;padding:0;transition:filter .1s;transform:translateX(-50%);touch-action:pan-y}.enemy img{position:absolute;inset:-14px 0 0;width:100%;height:125px;object-fit:contain;opacity:.85;pointer-events:none}.enemy .word{position:relative;display:inline-block;top:25px;background:#061324dd;border:1px solid #abbbb6;border-radius:6px;font-family:"Yu Mincho",serif;font-weight:bold;font-size:clamp(19px,3vw,30px);padding:2px 9px;text-shadow:0 0 9px #000;white-space:nowrap}.enemy.selected .word{border:2px solid var(--gold);color:#fff1b9;box-shadow:0 0 20px #efd8a344}.enemy.selected:after{content:"▼";position:absolute;top:-10px;left:45%;color:var(--gold)}.enemy:hover{background:transparent}.enemy.boss{width:62%;height:210px;left:50%!important}.enemy.boss img{height:230px;inset:-25px 0 0}.enemy.boss .word{top:60px;font-size:34px}#bossbar{position:absolute;top:58px;left:18%;right:18%;z-index:3;font-size:12px;color:#ffd2c1;text-align:center}progress{display:block;width:100%;height:8px;accent-color:#e88569}#flash{position:absolute;inset:0;pointer-events:none}#flash.hit{animation:hit .4s}#flash.cast{animation:cast .5s}@keyframes hit{0%{background:#db543866}100%{background:transparent}}@keyframes cast{0%{background:radial-gradient(ellipse at 50% 85%,#8bf5ee88,transparent 70%)}100%{background:transparent}}.overlay{position:absolute;inset:0;background:#06121aa8;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:5;padding:18px}[hidden]{display:none!important}.panel{max-width:580px;text-align:center;padding:22px 28px;border:1px solid #b1a78077;border-radius:14px;background:#102132e8;box-shadow:0 12px 50px #0005}.panel h2{font-family:"Yu Mincho",serif;color:#f6e5bb;font-size:clamp(23px,3vw,34px);margin:8px 0}.panel p{font-size:14px}.panel button{margin:5px}.eyebrow{letter-spacing:3px;font-size:11px!important;color:var(--teal)}.chips{display:flex;justify-content:center;gap:8px;margin:15px}.chips span{border:1px solid #426774;border-radius:20px;padding:3px 12px;color:#c5e5df;font-size:12px}.small{font-size:12px!important;color:var(--muted)}.command{padding:18px 20px;background:#102334;border:1px solid #3c5260;border-radius:12px;margin-top:12px}.question-head{display:flex;justify-content:space-between;color:var(--teal);font-size:12px}.prompt{font-size:20px;margin:10px 0;color:var(--gold);font-weight:bold}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.answers button{font-weight:bold;font-size:18px;min-height:56px;padding:10px 6px}.answers button.correct{background:#276256;border-color:#97e5c3}.answers button.wrong{background:#703e3c;border-color:#f4aba0}#feedback{font-size:13px;color:#d0e0e7;min-height:2.5em;margin:12px 0 0}.card{margin-top:20px;padding:24px;border:1px solid #314858;border-radius:12px;background:#0e1e2c}.card h2{font-size:20px;color:var(--gold);margin:0 0 12px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:13px}.guide-grid b{color:var(--teal)}.book-head{display:flex;justify-content:space-between;align-items:center}#book{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.word-entry{border:1px solid #355564;border-radius:8px;padding:12px;font-size:12px}.word-entry b{font-size:19px;color:var(--gold)}.word-entry small{display:block;color:var(--teal)}footer{text-align:center;color:#7a93a6;font-size:11px;margin:26px}.upgrade{display:block;width:100%;text-align:left}.upgrade small{display:block;color:var(--muted)}#resultStats{font-size:19px;color:var(--gold)}@media(max-width:650px){.shell{padding:14px}.edition{letter-spacing:1px;font-size:9px}.toolbar{gap:7px}.toolbar button{padding:8px;font-size:11px}.toolbar label{gap:4px;font-size:11px}input[type=range]{width:65px}#arena{height:470px}.hud{left:7px;right:7px;top:10px;font-size:11px}.hud span{padding:5px 6px}.answers{grid-template-columns:repeat(2,1fr);gap:8px}.answers button{font-size:17px}.command{padding:14px}.prompt{font-size:18px}.panel{padding:14px 10px}.panel p{font-size:13px}.panel button{display:block;width:100%;margin:8px 0}.chips{gap:5px;margin:10px 0}.chips span{padding:2px 8px}.guide-grid{grid-template-columns:1fr;gap:0}.card{padding:18px}#book{grid-template-columns:repeat(2,1fr)}.enemy .word{font-size:21px}.enemy img{height:100px}.enemy.boss{width:80%}#bossbar{left:12%;right:12%}}@media(prefers-reduced-motion:reduce){#flash{animation:none!important}.enemy{transition:none}}

@media(max-width:650px){.playing #arena{height:360px}.playing .enemy.boss img{height:180px}.playing .enemy.boss .word{top:45px}.playing .enemy.boss{height:160px}.answers button{overflow-wrap:anywhere}}