:root{--bg:#fff7ea;--surface:#fff;--surface-2:#fbeedb;--ink:#2b1d12;--ink-2:#6b5240;--line:#e6d3bb;--accent:#a3410e;--accent-hover:#86340a;--accent-ink:#fff;--gold:#e2a42a;--ok:#2f7a3a;--bad:#b3261e;--wheel:#8a6a52;--focus:#2b1d12;--fs-1:.8125rem;--fs-2:.9375rem;--fs-3:1.0625rem;--fs-4:1.375rem;--fs-5:clamp(1.625rem, 4.5vw, 2.25rem);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:40px;--radius:14px;--radius-sm:10px;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 var(--fs-2) / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700;line-height:1.2}h1{font-size:var(--fs-5);letter-spacing:-.02em}h2{font-size:var(--fs-4)}h3{font-size:var(--fs-3)}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);font-size:var(--fs-1);word-break:break-all}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.small{font-size:var(--fs-1)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top{align-items:center;gap:var(--s-3);max-width:1080px;padding:var(--s-3) var(--s-4);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s-2);color:var(--ink);font-weight:700;font-size:var(--fs-3);text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.nav{gap:var(--s-4);margin-left:auto;display:flex}.nav a{color:var(--ink-2);padding:var(--s-2) 0;text-decoration:none}.nav a:hover{color:var(--ink);text-decoration:underline}.top>.btn{margin-left:var(--s-2)}main{max-width:1080px;padding:0 var(--s-4) var(--s-6);margin:0 auto}.intro{gap:var(--s-2);padding:var(--s-3) 0 var(--s-4);max-width:46rem;display:grid}.intro p{color:var(--ink-2)}.btn{justify-content:center;align-items:center;gap:var(--s-1);min-height:44px;padding:0 var(--s-4);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 var(--fs-2) / 1 var(--font);cursor:pointer;white-space:nowrap;border-radius:999px;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--wheel)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:0 0}.btn--small{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-1)}.btn--wide{width:100%}.btn--link{min-height:32px;color:var(--accent);padding:0 var(--s-2);background:0 0;border:0;text-decoration:underline}.btn--link:hover:not(:disabled){color:var(--accent-hover);background:0 0}.arena{gap:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);display:grid}.arena__bar{align-items:baseline;gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.arena__bar h2{margin-right:auto}.arena__clock,.arena__pool{color:var(--ink-2)}.arena__clock strong,.arena__pool strong{color:var(--ink)}.result{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;display:flex}.result--done{background:#fdecc4}.lanes{gap:var(--s-2);border:0;grid-template-columns:repeat(3,1fr);min-width:0;margin:0;padding:0;display:grid}.lane{padding:var(--s-2) var(--s-2) var(--s-3);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;text-align:center;outline:2px solid #0000;align-content:start;justify-items:center;gap:2px;min-width:0;transition:background-color .15s,outline-color .15s;display:grid;position:relative}.lane:hover{background:#f7e3c6}.lane:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.lane--picked{outline-color:var(--accent);background:#fde3cf}.lane--winner{outline-color:var(--gold);background:#fdecc4}.lane__name{font-weight:700;font-size:var(--fs-3)}.lane__time{color:var(--ink);font-weight:700}.lane__pool{font-weight:600}.lane__meta,.lane__mine{font-size:var(--fs-1);color:var(--ink-2)}.lane__mine{color:var(--accent);font-weight:600}.wheel{width:100%;max-width:132px;height:auto;display:block}.wheel__ring{transform-origin:60px 58px;transform-box:view-box}.wheel__hamster{transform-origin:60px 96px;transform-box:view-box}.wheel--idle .wheel__ring{animation:5s linear infinite spin}.wheel--idle .wheel__hamster{animation:.9s ease-in-out infinite bob}.wheel--run .wheel__ring{animation:.7s linear infinite spin}.wheel--run .wheel__hamster{animation:.22s ease-in-out infinite bob}@keyframes spin{to{transform:rotate(-360deg)}}@keyframes bob{50%{transform:translateY(-2.5px)}}@media (prefers-reduced-motion:reduce){.wheel__ring,.wheel__hamster{animation:none!important}html{scroll-behavior:auto}}.bet{gap:var(--s-2);display:grid}.bet__field{gap:var(--s-1);display:grid}.bet__field label{font-weight:600}.bet__input{align-items:center;gap:var(--s-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:0 var(--s-2) 0 var(--s-3);display:flex}.bet__input:focus-within{outline:2px solid var(--focus);outline-offset:2px}.bet__input input{min-width:0;min-height:48px;font:600 var(--fs-3) var(--font);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.bet__input input[aria-invalid=true]{color:var(--bad)}.bet__unit{color:var(--ink-2);font-weight:600}.hint{font-size:var(--fs-1);color:var(--ink-2)}.hint--error{color:var(--bad)}.panel{gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--line);justify-items:start;display:grid}.panel--notice h3{color:var(--accent)}.txs{gap:var(--s-1);margin:0;padding:0;list-style:none;display:grid}.tx{align-items:center;gap:var(--s-1) var(--s-2);font-size:var(--fs-1);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;display:flex}.tx__dot{background:var(--wheel);border-radius:50%;flex:none;width:8px;height:8px}.tx--confirmed .tx__dot{background:var(--ok)}.tx--failed .tx__dot{background:var(--bad)}.tx__label{font-weight:600}.tx__status{color:var(--ink-2)}.tx__error{color:var(--bad);flex-basis:100%}.section{gap:var(--s-3);padding-top:var(--s-6);display:grid}.stats,.facts{gap:var(--s-2);margin:0;display:grid}.stats{grid-template-columns:repeat(2,1fr)}.stats div,.facts div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s-3);min-width:0}.stats dt,.facts dt{font-size:var(--fs-1);color:var(--ink-2)}.stats dd{font-size:var(--fs-4);margin:0;font-weight:700}.facts dd{margin:0}.steps{gap:var(--s-2);max-width:46rem;margin:0;padding-left:1.25rem;display:grid}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--s-2) var(--s-3);text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:var(--fs-1);color:var(--ink-2);font-weight:600}tr:last-child td{border-bottom:0}.r{text-align:right}td .mono,.panel .mono{word-break:normal;white-space:nowrap}.foot{max-width:1080px;padding:var(--s-5) var(--s-4) var(--s-6);color:var(--ink-2);font-size:var(--fs-1);border-top:1px solid var(--line);margin:0 auto}.sheet-bg{z-index:50;padding:var(--s-4);background:#2b1d1273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{gap:var(--s-1);width:100%;max-width:420px;padding:var(--s-4);background:var(--surface);border-radius:var(--radius);display:grid;box-shadow:0 20px 50px #2b1d1240}.sheet-head{margin-bottom:var(--s-2);justify-content:space-between;align-items:center;display:flex}.x{width:32px;height:32px;font-size:var(--fs-4);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;line-height:1}.x:hover{background:var(--surface-2)}.row{align-items:center;gap:var(--s-3);width:100%;min-height:48px;padding:0 var(--s-3);border-radius:var(--radius-sm);font:600 var(--fs-2) var(--font);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.row:hover:not(:disabled){background:var(--surface-2);border-color:var(--line);color:var(--ink)}.row:active:not(:disabled){background:#f7e3c6}.row:disabled{opacity:.6;cursor:default}.ic{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.ic img{display:block}.note{font-size:var(--fs-1);color:var(--ink-2);margin-top:var(--s-2)}.note--error{color:var(--bad)}@media (width<=639px){.sheet-bg{align-items:flex-end;padding:0}.sheet{border-radius:var(--radius) var(--radius) 0 0;max-width:none;padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}.nav{display:none}.top>.btn{margin-left:auto}.top{padding:var(--s-2) var(--s-3)}main{padding:0 var(--s-3) var(--s-6)}.arena{padding:var(--s-3);gap:var(--s-3)}.intro{padding:36px 0 var(--s-3)}}@media (width<=360px){.brand span{display:none}.lane{padding:var(--s-1) var(--s-1) var(--s-2)}}@media (width>=900px){.arena{padding:var(--s-5);grid-template-columns:1.5fr 1fr;align-items:start}.arena__bar,.result,.lanes{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}.facts{grid-template-columns:repeat(2,1fr)}}