:root{--pink:#f2b7c7;--white:#fff7f1}body{background:#173740}button,summary{touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #ffdb85;outline-offset:4px}
#loading{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 65% 30%,#425365,#182d3e 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff0e5;gap:20px;padding:30px;text-align:center}#loading[hidden]{display:none}#loading span{font-size:10px;letter-spacing:.25em;color:#e5b6c9}#loading strong{font:23px serif;letter-spacing:.12em}#loading progress{width:min(320px,80vw);height:5px;accent-color:#eab7c7}#loading p{font-size:12px;color:#c9dce7}
#menu{background:linear-gradient(90deg,#172b38f7 0%,#253b48ec 31%,#24374580 50%,#24374500 69%);padding:100px 7vw 60px;align-items:center;overflow:auto}
#menu .menu-card{width:min(450px,44vw);max-width:none;margin:0}#menu h1{font-size:clamp(22px,2.2vw,35px);letter-spacing:.09em;line-height:1.35}#menu h1>span{font-family:Georgia,serif;font-size:24px;margin-top:6px}#menu .number{font-size:92px;line-height:1.1;font-style:italic;color:#ffdfba;margin-left:8px}#menu h2{font-size:20px;letter-spacing:.13em;color:#ffe4d7;margin:15px 0}#menu .eyebrow{color:#e7b4c5;font-size:11px;letter-spacing:.2em;margin:0 0 22px}#menu .lead{color:#e7e5e8;font-size:13px;line-height:2.05}.title-rule{background:linear-gradient(90deg,#efb8c7,#efb8c700);height:1px;margin:12px 0}.badges{margin:18px 0!important}.badges span{border-color:#c6dfe335;color:#d6eaef;background:#21374666}
#menu .primary{background:#eab7c7;color:#342b37;border:1px solid #ffe9ef;border-radius:4px;min-height:54px;margin-top:15px;letter-spacing:.18em;font-weight:700}#menu .primary:hover{background:#ffd4df}#menu .secondary{min-height:46px;border:1px solid #aacdd16b;border-radius:4px;background:#233a4566}.v4-settings{border-top:1px solid #c8dce233;border-bottom:1px solid #c8dce233;padding:11px 0;margin:10px 0 0;font-size:12px}.v4-settings summary{cursor:pointer;color:#e0e6e8;min-height:24px;line-height:24px}.v4-settings[open] summary{margin-bottom:15px}.v4-settings .options{gap:15px}.v4-settings select{min-height:44px}.motion-option{display:flex;gap:8px;align-items:center;font-size:12px;line-height:24px;margin-top:10px}.motion-option input{accent-color:#eab7c7}.audio-settings{margin:12px 0}#sound-status{font-size:11px;line-height:1.6}#menu .prototype{display:none}#menu .text-button{font-size:12px;min-height:44px}.scene-caption{right:7vw;bottom:10vh;color:#fff6ed;text-shadow:0 2px 12px #183745;pointer-events:none}.scene-caption>span{letter-spacing:.28em;font-size:10px;color:#fae0bf}.scene-caption strong{font-family:serif;font-size:29px;letter-spacing:.3em;display:block;margin-top:9px}.scene-caption p{font-size:12px;letter-spacing:.07em}.chapter-chips{display:flex;gap:12px;margin-top:22px;font-size:10px;color:#e2f1f4}.chapter-chips span{border-top:1px solid #fff5;padding-top:9px}.topbar{padding:20px 30px}.brand{font-size:10px}.brand small{font-size:8px}.top-actions button{min-height:42px;font-size:11px}.seal{border-color:#eab7c77a}.vignette{background:radial-gradient(ellipse,transparent 48%,#14263c66)}#footer{background:#132b35b3;font-size:9px}
#spell-banner{position:absolute;pointer-events:none;top:29%;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;border-block:1px solid #f3d5af;background:linear-gradient(90deg,transparent,#18283deb 18%,#18283deb 82%,transparent);padding:15px 48px;text-align:center;color:#ffefd0;font:22px/1.5 serif;letter-spacing:.10em;text-shadow:0 0 18px #fac4bf}
body.playing .brand{opacity:.7}body.playing .topbar{padding-top:12px}.enemy-meter{height:6px}.enemy-card{backdrop-filter:blur(6px)}
@media(max-width:800px){#menu{padding:88px 25px 52px;background:linear-gradient(90deg,#182e3ce8,#233944d9 55%,#23394499)}#menu .menu-card{width:100%;max-width:440px;margin:auto}#menu h1{font-size:23px}#menu .number{font-size:65px}#menu h2{font-size:17px}#menu .eyebrow{margin-bottom:10px}.scene-caption{display:none}.topbar{padding:12px 16px}#spell-banner{font-size:16px;padding:13px 18px;top:34%}.v4-settings{font-size:13px}#menu .lead{font-size:12px}#footer{font-size:8px}}
@media(max-height:600px) and (orientation:landscape){#menu{padding:78px 7vw 45px;align-items:flex-start}#menu .menu-card{max-width:410px;width:44vw;margin:0}#menu h1{display:flex;align-items:baseline;gap:12px;font-size:20px}#menu h1>span{display:inline;font-size:16px}#menu .number{font-size:49px}#menu .eyebrow,#menu .badges,#menu .lead{display:none}#menu h2{font-size:15px;margin:10px 0}#menu .primary{margin-top:10px;min-height:44px}.scene-caption{display:block;bottom:45px}.chapter-chips{display:none}#spell-banner{font-size:17px;padding:10px 20px}.v4-settings{padding:6px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}