:root{color-scheme:dark;font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;background:#090b0c;color:#ddd9cb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 45%,#202422,#090b0c 65%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #e7ca84;outline-offset:4px}.shell{width:min(100%,520px);margin:auto;height:100svh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}header{height:53px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{text-decoration:none;color:#ddd9cb;font-family:serif;font-size:23px;letter-spacing:.15em}.brand span{font:9px system-ui;letter-spacing:.19em;margin-left:12px;color:#989e96}header button{border:1px solid #44483e;background:transparent;width:32px;height:30px}.game{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #363c33;background:#070b0a}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.hud,.bottom{position:absolute;left:0;right:0;pointer-events:none;display:flex;justify-content:space-between;padding:18px 20px;gap:12px}.hud{top:0;background:linear-gradient(#080c0cf2,transparent)}small{font-size:10px;letter-spacing:.08em;color:#a3aa9f}.hud small{display:block;margin-bottom:7px}#hearts{font-size:12px;letter-spacing:5px;color:#cfa78e}.distance{text-align:right}.distance b{font:22px monospace;color:#e3dfcf}.bottom{bottom:0;align-items:center;background:linear-gradient(transparent,#080c0cf5 40%);padding-top:27px}#wards{font:25px serif;letter-spacing:3px;color:#e8cd8b}.action-copy{flex:1;display:flex;flex-direction:column;gap:5px}.action-copy b{font-size:12px;font-weight:500}#purify{pointer-events:auto;touch-action:none;border:1px solid #857856;width:46px;height:46px;border-radius:50%;background:#262b23;color:#eddbab;font:23px serif}#purify:disabled{opacity:.35}#purify.ready{box-shadow:0 0 20px #d4ba7140;border-color:#e8cd8b}#bossbar{position:absolute;top:76px;left:20%;width:60%;text-align:center;pointer-events:none}#bossbar span{font:11px serif;letter-spacing:.2em}#bossbar>div{height:4px;background:#41322f;margin-top:7px}#hp{display:block;height:100%;background:#be665c;width:100%}#notice{position:absolute;top:38%;left:12px;right:12px;text-align:center;pointer-events:none;font:18px serif;letter-spacing:.14em;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .2s}#notice.show{opacity:1}.overlay{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;background:linear-gradient(#0a100ee8,#090b0bf5);padding:26px 24px;display:flex;touch-action:pan-y}.overlay[hidden]{display:none}.card{width:100%;max-width:350px;margin:auto;text-align:center}.eyebrow{font-size:9px;letter-spacing:.3em;color:#9aab98}h1{font:70px serif;letter-spacing:.12em;margin:17px 0 0;color:#e7e1cd;text-shadow:0 0 38px #d9e6be25}.tagline{font:14px serif;letter-spacing:.25em;margin:12px 0 25px}.intro{font-size:12px;line-height:1.9;color:#9fa79c}.primary{border:1px solid #b1ac8c;background:#ded7bb;color:#161d17;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.15em;margin:22px 0}.primary:hover{background:#f0e9d1}.instructions{text-align:left;border-top:1px solid #394036}.instructions p{display:flex;gap:14px;font-size:11px;line-height:1.8;margin:15px 0}.instructions b{color:#c8b88e;white-space:nowrap;font-size:10px;font-weight:500}.instructions span{color:#b7bcb1}.fine{font-size:9px;color:#7d887c;line-height:1.9;margin-bottom:0}footer{height:28px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font:9px monospace;color:#7f897b}@media(max-height:640px){header{height:38px}.overlay{padding:20px}.card h1{font-size:45px;margin:5px 0}.tagline{margin:8px 0 15px}.intro{margin:8px 0}.primary{margin:14px 0}.instructions p{margin:10px 0}.hud,.bottom{padding:10px 15px}.bottom{padding-top:20px}footer{height:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}