:root{--bg:#fff4e0;--panel:#fffaf0;--ink:#2b1d14;--muted:#6b5545;--fur:#e8913a;--fur-hover:#f2a75c;--fur-press:#f7bf85;--quiet-hover:#fbe7c6;--hp:#d93a3a;--hp-track:#f3d9c8;--good:#dff2e2;--bad:#fbe0dc;--me:#fde9c9;--fs-sm:.875rem;--fs-body:1rem;--fs-md:1.25rem;--fs-lg:1.75rem;--fs-xl:2.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--line:3px solid var(--ink);--radius:0;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--ink);font:400 var(--fs-body) / 1.5 var(--font);margin:0}h1,h2{text-wrap:balance;margin:0;line-height:1.15}h1{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:800}h2{font-size:var(--fs-md);font-weight:800}p{text-wrap:pretty;margin:0}a{color:var(--ink);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:var(--fs-sm)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.skip{left:var(--space-4);background:var(--panel);border:var(--line);padding:var(--space-2) var(--space-3);z-index:10;position:absolute;top:-60px}.skip:focus{top:var(--space-2)}.top{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:1080px;padding:var(--space-3) var(--space-4);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-2);min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.logo img{image-rendering:pixelated}.top-nav{align-items:center;gap:var(--space-4);display:flex}.top-nav>a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}@media (width<=420px){.logo span{font-size:var(--fs-sm)}.top-nav{gap:var(--space-3)}.top-nav>a{font-size:var(--fs-sm)}}.btn{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:var(--fur);border:var(--line);border-radius:var(--radius);min-height:44px;padding:var(--space-2) var(--space-4);font-weight:800;transition:background-color .12s,transform 80ms}.btn:hover:not(:disabled){background:var(--fur-hover)}.btn:active:not(:disabled){background:var(--fur-press);transform:translateY(2px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-quiet{background:var(--panel);font-weight:700}.btn-quiet:hover:not(:disabled){background:var(--quiet-hover)}.btn-attack{width:100%;min-height:56px;font-size:var(--fs-md)}.connect{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}main{max-width:1080px;padding:0 var(--space-4) var(--space-6);gap:var(--space-5);margin:0 auto;display:grid}.arena{background:var(--panel);border:var(--line);padding:var(--space-4);gap:var(--space-4);display:grid}.sub{color:var(--muted);margin-top:var(--space-1)}.stage{gap:var(--space-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.boss-sprite{width:120px;height:auto;image-rendering:pixelated;display:block}.boss-sprite.placeholder{aspect-ratio:16/14;background:var(--hp-track)}.boss-sprite.hurt{animation:.3s steps(4,end) shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.hp{gap:var(--space-2);min-width:0;display:grid}.hp-label{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-weight:700;display:flex}.hp-track{border:var(--line);background:var(--hp-track);height:24px}.hp-fill{background:var(--hp);height:100%;transition:width .6s steps(12,end)}.wheel-row{gap:var(--space-4);grid-template-columns:72px 1fr;align-items:center;display:grid}.wheel{width:72px;height:72px;display:block}.wheel.running .wheel-ring{transform-origin:16px 16px;animation:.9s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{gap:var(--space-2) var(--space-4);grid-template-columns:1fr 1fr;margin:0;display:grid}.stats dt{color:var(--muted);font-size:var(--fs-sm)}.stats dd{font-weight:800;font-size:var(--fs-md);margin:0}@media (width<=420px){.wheel-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.wheel{width:48px;height:48px}.stats{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.stats dd{font-size:var(--fs-body)}}.fine{color:var(--muted);font-size:var(--fs-sm)}.attack{gap:var(--space-2);display:grid}.note{font-size:var(--fs-sm)}.note.good{font-weight:700}.panel{background:var(--panel);border:var(--line);padding:var(--space-4);gap:var(--space-3);align-content:start;display:grid}.summary.won{background:var(--good)}.summary.lost{background:var(--bad)}.tabs{gap:var(--space-2);display:flex}.tab{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:var(--bg);border:var(--line);min-height:44px;padding:var(--space-2) var(--space-3);font-weight:700;transition:background-color .12s}.tab:hover{background:var(--quiet-hover)}.tab[aria-selected=true]{background:var(--fur)}.board{border-collapse:collapse;width:100%}.board th{text-align:left;font-size:var(--fs-sm);color:var(--muted);padding:var(--space-1) var(--space-2);font-weight:700}.board td{padding:var(--space-2);border-top:2px solid var(--hp-track)}.board .r{text-align:right}.board tr.me td{background:var(--me)}.podium{padding-left:var(--space-5);gap:var(--space-1);margin:0;display:grid}.podium li span.num{margin-left:var(--space-2);font-weight:800}.steps{padding-left:var(--space-5);gap:var(--space-3);max-width:70ch;margin:0;display:grid}.foot{max-width:1080px;padding:0 var(--space-4) var(--space-6);color:var(--muted);font-size:var(--fs-sm);margin:0 auto}.foot p{max-width:80ch}.sheet-bg{z-index:20;background:#2b1d148c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:var(--line);width:min(420px,100%);padding:var(--space-4);gap:var(--space-2);display:grid}.sheet-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.x{appearance:none;width:32px;height:32px;font:inherit;font-size:var(--fs-md);cursor:pointer;background:var(--panel);color:var(--ink);border:2px solid var(--ink);line-height:1;transition:background-color .12s}.x:hover{background:var(--quiet-hover)}.row{appearance:none;font:inherit;color:var(--ink);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--space-3);background:var(--bg);border:2px solid var(--ink);text-align:left;font-weight:700;text-decoration:none;transition:background-color .12s;display:flex}.row:hover:not(:disabled){background:var(--quiet-hover)}.row:active:not(:disabled){background:var(--fur-press)}.row:disabled{opacity:.6;cursor:wait}.ic{flex:none;width:28px;height:28px;display:inline-flex}.ic img{display:block}@media (width<=639px){.sheet-bg{align-items:flex-end}.sheet{width:100%;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-width:3px 0 0}}@media (width>=900px){h1{font-size:var(--fs-xl);letter-spacing:-.03em}main{grid-template-columns:1fr 1fr}.arena{gap:var(--space-5) var(--space-6);padding:var(--space-5);grid-column:1/-1;grid-template-columns:1.2fr 1fr}.arena-head,.stage{grid-column:1}.wheel-row,.arena>.fine,.attack{grid-column:2}.arena-head{grid-row:1}.stage{grid-row:2/span 3}.boss-sprite{width:200px}.stage{grid-template-columns:1fr;justify-items:start}.hp{width:100%}#how{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.boss-sprite.hurt,.wheel.running .wheel-ring{animation:none}.hp-fill,.btn,.tab,.row,.x{transition:none}}