:root{--ink: #1a140c;--paper: #f3e6c4;--paper-dim: #d9c7a2;--brass: #e2b43a;--yellow: #f8d030;--red: #e23d3d;--hp: #3ddc6a;--mid: #e2b43a;--low: #e23d3d;--night: #100e0b;--panel: #1c1812;--line: #3a3226;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 0% -10%,#3a2c14 0%,transparent 55%),radial-gradient(700px 380px at 100% 0%,#2a2218 0%,transparent 50%),var(--night);color:var(--paper);font:16px/1.45 Avenir Next,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--brass);padding:8px 12px;cursor:pointer;text-align:left}button:hover{transform:translate(-1px,-1px)}button:active{transform:translate(1px,1px);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.ghost{background:transparent;color:var(--paper);border-color:#8a7040;box-shadow:none}button.current{outline:2px solid var(--yellow);outline-offset:2px}button.danger{background:#f0c8c0}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.page{min-height:100dvh;display:grid;align-items:start;justify-items:center;padding:16px 16px 28px}.layout{width:min(1080px,100%);display:grid;grid-template-columns:minmax(280px,520px) minmax(260px,1fr);gap:22px;align-items:start}.status{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:8px 2px 0;font-variant-numeric:tabular-nums}.status strong{color:var(--yellow);letter-spacing:.04em}.pips{display:flex;gap:4px;margin-left:auto}.pip{width:14px;height:14px;border:2px solid #8a7040;background:transparent}.pip.on{background:var(--yellow);border-color:var(--yellow)}.bezel{background:#07080c;border:8px solid var(--brass);box-shadow:inset 0 0 0 4px #1a140c,0 18px 40px #00000073}.bezel.flash{box-shadow:inset 0 0 0 4px #1a140c,0 0 0 3px var(--yellow)}.world{display:block;width:100%;height:auto;image-rendering:pixelated;background:#07080c}.dock{max-height:min(440px,54dvh);overflow:auto;background:var(--panel);border-top:4px solid var(--brass);padding:12px;display:grid;gap:10px}.line,.obj,.hint,.note{margin:0}.obj{color:var(--yellow)}.hint,.note{color:var(--paper-dim);font-size:.92rem}.caret{display:inline-block;width:8px;height:12px;margin-left:6px;background:var(--yellow);animation:blink 1s steps(1) infinite;vertical-align:-1px}@keyframes blink{50%{opacity:0}}.row,.actions,.tabs{display:flex;flex-wrap:wrap;gap:8px}.stack{display:grid;gap:8px}.choice{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;width:100%}.meta{color:var(--paper-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{min-width:36px;padding:2px 6px;border:2px solid #4a4030;font-size:.75rem;text-align:center}.hp{display:block;height:8px;background:#2a241c;border:1px solid #1a140c;min-width:72px}.hp>span{display:block;height:100%}.tag{display:inline-block;padding:0 6px;margin-right:4px;color:var(--ink);font-size:.75rem;font-weight:700}.arena{min-height:210px;padding:12px;display:grid;gap:8px;background:linear-gradient(#8ec8f0,#d8e8c0 55%,#7aaa58)}.arena.theme-forest{background:linear-gradient(#1d3a28,#2f6a38 60%,#163020)}.arena.theme-cave,.arena.theme-tower{background:linear-gradient(#1a1c28,#3a3e4e 70%,#14161c);color:var(--paper)}.arena.theme-indoor,.arena.theme-gym{background:linear-gradient(#6a4030,#c4a574 40%,#8a3038)}.arena.theme-plateau{background:linear-gradient(#243048,#d8d6e4 55%,#6a78a0)}.arena.theme-town,.arena.theme-route{background:linear-gradient(#8ec8f0,#d8e8c0 55%,#7aaa58)}.side{display:flex;justify-content:space-between;gap:8px;align-items:center}.you-side{flex-direction:row}.foe-side{flex-direction:row-reverse}.hud{background:#fff8dceb;color:var(--ink);border:3px solid var(--ink);padding:6px 8px;min-width:140px;display:grid;gap:3px}.arena.theme-cave .hud,.arena.theme-tower .hud{background:#f3e6c4eb}.hud strong{font-size:.95rem}.mon{width:96px;height:96px;image-rendering:pixelated}.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.move{display:grid;gap:2px}.pad{margin-top:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;max-width:520px}.cross{display:grid;grid-template-columns:52px 52px 52px;grid-template-areas:". n ." "w . e" ". s .";gap:6px}.cross .n{grid-area:n}.cross .w{grid-area:w}.cross .e{grid-area:e}.cross .s{grid-area:s}.face{display:flex;gap:8px;align-items:center}.pad button{width:52px;height:52px;padding:0;text-align:center;font-weight:700}.pad .a{background:var(--yellow);width:64px;height:64px;border-radius:50%}.pad .b{background:var(--paper-dim);border-radius:50%}.notebook{background:#241c14;border:1px solid var(--line);padding:16px 16px 20px;display:grid;gap:12px}.notebook h2{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:600;font-size:1.35rem;color:var(--yellow)}.notebook p,.notebook li{margin:0}.notebook ul{margin:0;padding-left:1.1rem;display:grid;gap:6px}.notebook details{color:var(--paper-dim)}.title{padding:22px 18px 18px;display:grid;gap:12px;background:radial-gradient(320px 140px at 80% 0%,rgba(248,208,48,.18),transparent 70%),#14110c}.title h1{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:clamp(2.4rem,7vw,4rem);line-height:.9;font-weight:600;color:var(--yellow)}.lede{margin:0;max-width:38ch}.title label{display:grid;gap:4px;font-size:.9rem}.title input{background:#0c0a08;border:2px solid var(--brass);padding:8px 10px;max-width:220px}.title ul{margin:0;padding-left:1.1rem;color:var(--paper-dim);display:grid;gap:4px}.bars{display:grid;gap:4px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:0}.statgrid div{display:flex;justify-content:space-between;gap:8px}dt{color:var(--paper-dim)}@media(max-width:860px){.layout{grid-template-columns:1fr}.pips{margin-left:0}.moves{grid-template-columns:1fr}}.play{width:min(1080px,100%);margin:0 auto;padding:28px 16px 48px;display:grid;grid-template-columns:minmax(280px,560px) minmax(260px,1fr);gap:22px;align-items:start}.play-head,.drop,.stage{grid-column:1}.play-head{display:grid;gap:8px}.play h1{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:clamp(2.4rem,7vw,4rem);line-height:.9;font-weight:600;color:var(--yellow)}.kicker{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:var(--brass)}.lede,.drop p,.hint{margin:0;color:var(--paper-dim)}.drop,.notebook{background:var(--panel);border:1px solid var(--line);padding:18px;display:grid;gap:12px}.drop h2,.notebook h2{margin:0;color:var(--yellow);font-size:1.15rem}.notebook{grid-column:2;grid-row:1 / span 3}.notebook ul{margin:0;padding-left:1.1rem;display:grid;gap:8px}.notebook p{margin:0;color:var(--paper-dim)}.file{justify-self:start}.file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fail{margin:0;color:#f0c8c0}.stage{display:grid;gap:12px}.lcd{display:block;width:100%;height:auto;image-rendering:pixelated;background:#07080c}.gb-pad{display:flex;justify-content:space-between;gap:16px;align-items:center;max-width:520px}.gb-pad button{touch-action:none;-webkit-user-select:none;user-select:none;text-align:center}.gb-pad .cross button,.gb-pad .face .a,.gb-pad .face .b{width:52px;height:52px;padding:0;font-weight:700}.face{display:grid;grid-template-columns:1fr 1fr;gap:8px}.face .a{background:var(--yellow)}.face .b{background:var(--paper-dim)}@media(max-width:860px){.play{grid-template-columns:1fr}.notebook{grid-column:1;grid-row:auto}}