:root{--night: #0f2a36;--deep: #163844;--ink: #0a1619;--fog: #d8d2c0;--paper: #efe6cf;--verdigris: #3d8b74;--copper: #c46a38;--noren: #c43b32;--lamp: #f0d04a;--wound: #e15a4a;--brass: #c9a24a;--mist: #8aa0a8;--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(80% 50% at 50% -10%,rgba(240,208,74,.16),transparent 52%),radial-gradient(40% 30% at 12% 88%,rgba(61,139,116,.18),transparent 60%),linear-gradient(180deg,#0c2230 0%,var(--night) 42%,#1a3d3a 100%);color:var(--fog);font-family:Zen Kaku Gothic New,Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(440px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe));display:grid;grid-template-rows:auto auto 1fr auto;gap:8px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Kaisei Decol,Hiragino Mincho ProN,serif;font-size:clamp(28px,8vw,36px);font-weight:700;letter-spacing:.06em;line-height:1.1;color:var(--paper)}.eyebrow,.ver,.how,.note,.save,.meta{margin:0;color:var(--mist)}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:none}.ver,.save,.meta{font-family:Share Tech Mono,ui-monospace,monospace;font-size:12px}.pills{display:flex;align-items:stretch;gap:6px}.pill,.ghost{min-height:44px;padding:6px 10px;border:1px solid rgba(216,210,192,.18);background:#0a161959;border-radius:4px 12px}.pill{display:grid;align-content:center;text-align:right;min-width:58px}.pill b{font-family:Share Tech Mono,ui-monospace,monospace;font-size:16px;color:var(--lamp)}.pill span{font-size:10px;letter-spacing:.08em;color:var(--mist)}.ghost{color:var(--paper)}.how{font-size:13px;line-height:1.55}.how strong{color:var(--lamp);font-weight:700}.stage{position:relative;min-height:0;display:grid}.view{display:grid;gap:10px;align-content:start}[hidden]{display:none!important}.street,.field{position:relative;height:92px;overflow:hidden;border-radius:6px 18px 6px 6px;border:1px solid rgba(240,208,74,.18)}.street{background:linear-gradient(180deg,rgba(240,208,74,.08),transparent 40%),linear-gradient(180deg,#1a4550,#12313c 55%,#2a2118 55%,#1a1610)}.street:before,.street:after{content:"";position:absolute;bottom:38px;width:46px;height:42px;background:#12262c;box-shadow:58px 8px #16323a,116px 4px #102228}.street:before{left:22px;clip-path:polygon(0 18px,50% 0,100% 18px,100% 100%,0 100%)}.street:after{right:28px;width:38px;box-shadow:-52px 10px #18343c;clip-path:polygon(0 14px,50% 0,100% 14px,100% 100%,0 100%)}.lanterns{position:absolute;inset:10px 16px auto;display:flex;justify-content:space-between;pointer-events:none}.lanterns i{width:14px;height:18px;border-radius:40% 40% 45% 45%;background:radial-gradient(circle at 35% 30%,#fff3b0,var(--lamp) 55%,#c46a38);box-shadow:0 0 16px #f0d04a8c}.noren{position:absolute;inset:0 auto 42% 0;width:42%;background:repeating-linear-gradient(90deg,var(--noren) 0 18px,#9e2d28 18px 20px);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);opacity:.92}.field{background:radial-gradient(40% 50% at 50% 20%,rgba(240,208,74,.12),transparent 70%),linear-gradient(180deg,#24485a,#1b3a3c 48%,#2f4a3c 48%,#243528)}.field[data-area=woods]{background:linear-gradient(180deg,#163040,#1a332c 50%,#1d2c22 50%,#142018)}.field[data-area=cave]{background:linear-gradient(180deg,#121820,#1a2228 46%,#2a241c 46%,#16120e)}.field[data-area=ridge]{background:linear-gradient(180deg,#2a3048,#3a4058 46%,#4a4038 46%,#2a241c)}.foe-mark{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-family:Kaisei Decol,serif;font-size:28px;color:var(--paper);background:radial-gradient(circle at 40% 35%,#f0d04a59,#0a16198c);border:2px solid rgba(240,208,74,.4);box-shadow:0 0 24px #c43b3240}.pass{display:grid;gap:8px;padding:12px 12px 10px;background:var(--paper);color:var(--ink);border-radius:4px 16px 4px 4px;box-shadow:0 10px #0a161940}.pass-top{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.seal{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#e15a4a,var(--noren) 62%,#7a1f1c);color:var(--paper);box-shadow:inset 0 0 0 4px #efe6cf47}.seal b{font-family:Share Tech Mono,ui-monospace,monospace;font-size:26px;line-height:1}.seal span{font-size:9px;letter-spacing:.16em}.pass h2,.shop h2,.result h2{margin:0;font-family:Kaisei Decol,serif;font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{padding:6px 6px 5px;background:#0f2a3614;border-radius:3px}.stat b{display:block;font-family:Share Tech Mono,ui-monospace,monospace;font-size:18px}.stat span{font-size:10px;letter-spacing:.08em;color:#5a4e3e}.equip{margin:0;font-size:13px}.areas{display:grid;grid-template-columns:1fr 1fr;gap:6px}.area{min-height:48px;padding:7px 8px;text-align:left;border:1px solid rgba(216,210,192,.16);background:#0a161947;border-radius:4px}.area b{display:block;color:var(--paper)}.area span{font-size:11px;color:var(--mist)}.area.is-on{border-color:var(--lamp);box-shadow:inset 0 0 0 1px #f0d04a59}.area:disabled span{color:#6a5a4a}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lantern,.copper{min-height:52px;border-radius:4px 14px 4px 4px;font-weight:700;letter-spacing:.08em}.lantern{background:linear-gradient(180deg,var(--lamp),#d7a628);color:var(--ink)}.copper{background:linear-gradient(180deg,#d87a44,var(--copper));color:#1a0e08}.shop{display:grid;gap:8px;padding:10px;border:1px solid rgba(240,208,74,.16);background:#0a16196b;border-radius:6px}.shop[hidden]{display:none}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tab{min-height:40px;border-radius:4px;background:#d8d2c014}.tab.is-on{background:var(--verdigris);color:var(--paper)}.wares{display:grid;gap:6px}.ware{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;background:#efe6cf14;border-radius:4px}.ware p{margin:0;font-size:12px;color:var(--mist)}.ware b{color:var(--paper)}.ware button{min-width:76px;min-height:40px;padding:0 8px;border-radius:4px;background:var(--verdigris);color:var(--paper)}.ware button.is-have{background:transparent;border:1px solid rgba(216,210,192,.25)}.notice{min-height:1.2em;margin:0;color:var(--lamp);font-size:13px}.bars{display:grid;gap:8px}.bar-row{display:grid;gap:4px}.bar-row header{display:flex;justify-content:space-between;font-size:13px}.bar-row b{font-family:Kaisei Decol,serif}.bar-row span{font-family:Share Tech Mono,ui-monospace,monospace;color:var(--mist)}.track{height:10px;overflow:hidden;background:#0a16198c;border-radius:99px}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--verdigris),var(--lamp));border-radius:inherit;transition:width .2s ease}.track.is-hurt i{background:linear-gradient(90deg,var(--copper),var(--wound))}.log{margin:0;padding:8px 10px;min-height:5.4em;font-size:13px;line-height:1.45;background:#0a161961;border-left:3px solid var(--verdigris)}.log p{margin:0}.result{display:grid;gap:8px;padding:10px;background:#0f2a36b8;border:1px solid rgba(240,208,74,.2);border-radius:6px}.result[hidden]{display:none}.bless{position:fixed;left:50%;top:22%;transform:translate(-50%);z-index:4;width:min(360px,calc(100% - 24px));padding:16px 14px;text-align:center;background:var(--paper);color:var(--ink);border-radius:4px 18px 4px 4px;box-shadow:0 16px 40px #0006}.bless[hidden]{display:none}.bless p{margin:6px 0 0;font-family:Kaisei Decol,serif;font-size:20px}.note{font-size:11px;line-height:1.45}@media(prefers-reduced-motion:reduce){.track i{transition:none}}