.lobby{width:min(500px,100%);display:flex;flex-direction:column;gap:20px;padding:26px 26px 28px;border:var(--stroke) solid var(--outline);border-radius:28px;background:var(--card);box-shadow:var(--lift-deep)}.lobby__title{display:flex;align-items:center;gap:12px;margin:0;font-size:38px;font-weight:800;line-height:1;color:var(--outline)}.lobby__title .snail{transform:rotate(-8deg);flex:none}.lobby__blurb{margin:-12px 0 0;color:var(--ink-soft);font-size:14.5px;font-weight:500;line-height:1.5}.lobby__section{display:flex;flex-direction:column;gap:10px}.lobby__label{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.lobby__counts{display:flex;gap:8px}.lobby__count{width:46px;padding:9px 0;border:2px solid var(--outline);border-radius:14px;background:var(--card-sunk);color:var(--outline);font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--outline);transition:transform 90ms ease,box-shadow 90ms ease,background .13s ease}.lobby__count:hover{background:#eaf6d4}.lobby__count:active{transform:translateY(3px);box-shadow:0 0 0 var(--outline)}.lobby__count[aria-pressed=true]{background:linear-gradient(180deg,#ffe17a,#ffbe2e);transform:translateY(-2px);box-shadow:0 5px 0 var(--outline)}.lobby__seats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.lobby__seat{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:8px 14px;border:2px solid var(--outline);border-radius:16px;background:linear-gradient(180deg,#f6fbe8,var(--card-sunk));box-shadow:0 3px #2f5d3459}.lobby__name{font-size:17px;font-weight:700}.lobby__kinds{display:flex;gap:5px}.lobby__kind{padding:5px 13px;border:2px solid var(--outline);border-radius:999px;background:var(--card);color:var(--ink-soft);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .13s ease,color .13s ease}.lobby__kind:hover{background:#eaf6d4}.lobby__kind[aria-pressed=true]{background:var(--outline);color:#eaffd9}.lobby__start{padding:15px 30px;border:var(--stroke) solid var(--outline);border-radius:999px;background:linear-gradient(180deg,#b6f56a,#6fd62f);color:var(--outline);font:inherit;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 5px 0 var(--outline),0 12px 22px #1f442640;transition:transform 90ms ease,box-shadow 90ms ease,filter .12s ease}.lobby__start:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 7px 0 var(--outline),0 16px 26px #1f442647}.lobby__start:active{transform:translateY(5px);box-shadow:0 0 0 var(--outline),0 4px 10px #1f442633}@media(max-width:560px){.lobby{padding:18px 16px 20px}.lobby__title{font-size:29px}}.race{width:min(760px,100%);display:flex;flex-direction:column;gap:18px;padding:22px 24px 24px;border:var(--stroke) solid var(--outline);border-radius:28px;background:var(--card);box-shadow:var(--lift-deep)}.race__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.race__title{display:flex;align-items:center;gap:10px;margin:0;font-size:30px;font-weight:800;letter-spacing:.01em;line-height:1;color:var(--outline)}.race__title .snail{transform:rotate(-8deg)}.race__header-right{display:flex;align-items:center;gap:12px}.race__toggle{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer}.race__toggle input{width:15px;height:15px;accent-color:var(--grass-deep);cursor:pointer}.race__exit{padding:6px 14px;border:2px solid var(--outline);border-radius:999px;background:var(--card-sunk);color:var(--outline);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--outline);transition:transform 90ms ease,box-shadow 90ms ease,background .12s ease}.race__exit:hover{background:#ffe9a8}.race__exit:active{transform:translateY(3px);box-shadow:0 0 0 var(--outline)}.race__track{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:var(--stroke) solid var(--outline);border-radius:20px;background:linear-gradient(180deg,#e7f6cd,#cdeaa2)}.race__lane{display:grid;grid-template-columns:88px 1fr 56px;align-items:center;gap:10px;font-size:14px}.race__lane-name{font-weight:700;line-height:1.15}.race__lane-tag{margin-left:4px;padding:1px 5px;border-radius:999px;background:var(--outline);color:#eaffd9;font-size:9px;font-weight:700;letter-spacing:.08em;vertical-align:middle}.race__lane-tiles{position:relative;height:30px;border:2px solid var(--outline);border-radius:999px;background:#fffdf3;overflow:hidden}.race__lane-tiles:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(90deg,rgb(47 93 52 / .2) 0 7px,transparent 7px 16px) left center / 100% 2px no-repeat}.race__lane-tiles:after{content:"";position:absolute;inset:0 0 0 auto;z-index:2;width:18px;background:conic-gradient(var(--outline) 0 90deg,#fffdf3 90deg 180deg,var(--outline) 180deg 270deg,#fffdf3 270deg) 0 0 / 9px 9px repeat;border-left:2px solid var(--outline)}.race__lane-fill{position:absolute;inset:2px auto 2px 0;z-index:1;border-radius:999px;opacity:.55;transition:width .42s cubic-bezier(.2,.8,.3,1)}.race__lane-fill:after{content:"";position:absolute;inset:2px 4px auto;height:4px;border-radius:999px;background:#ffffff8c}.race__racer{position:absolute;z-index:3;top:50%;transform:translate(calc(var(--p) * -1%),-50%);transition:left .42s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 2px 2px rgb(31 68 38 / .35))}.race__racer--active:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgb(255 212 71 / .85),transparent 68%);z-index:-1}.race__lane-score{text-align:right;font-weight:700;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.race__racer--active{animation:racer-hop 1.1s ease-in-out infinite}.race__racer--active:before{animation:racer-pulse 1.1s ease-in-out infinite}.race__racer--won{animation:racer-cheer .7s ease-in-out 3}}@keyframes racer-hop{0%,to{transform:translate(calc(var(--p) * -1%),-50%)}50%{transform:translate(calc(var(--p) * -1%),calc(-50% - 3px))}}@keyframes racer-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes racer-cheer{0%,to{transform:translate(calc(var(--p) * -1%),-50%) rotate(0)}25%{transform:translate(calc(var(--p) * -1%),calc(-50% - 6px)) rotate(-12deg)}75%{transform:translate(calc(var(--p) * -1%),calc(-50% - 6px)) rotate(12deg)}}.race__bids{display:flex;flex-direction:column;gap:9px}.race__bids-title{margin:0;text-align:center;font-size:15px;font-weight:700;color:var(--ink-soft);min-height:1.3em}.race__bids-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.race__slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 0 8px;border:2px solid var(--outline);border-radius:20px 6px;background:var(--card-sunk);color:var(--ink-faint);font:inherit;cursor:default;box-shadow:0 3px 0 var(--outline);transition:transform .11s ease,box-shadow .11s ease,background .14s ease}.race__slot:before{content:"";position:absolute;inset:8px auto 8px 50%;width:1px;background:#2f5d3426}.race__slot:not(:disabled){background:linear-gradient(180deg,#d8f5a8,#aee56f);color:var(--outline);cursor:pointer}.race__slot:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--outline);background:linear-gradient(180deg,#e6ffbc,#bcf07e)}.race__slot:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 var(--outline)}.race__slot-steps{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-variant-numeric:tabular-nums}.race__slot-bid{font-size:19px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.race__slot--taken{animation:leaf-stamp .32s cubic-bezier(.3,1.4,.5,1)}.race__slot:not(:disabled){animation:leaf-beckon 1.8s ease-in-out infinite}}@keyframes leaf-stamp{0%{transform:scale(1.35) rotate(-6deg)}60%{transform:scale(.94) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes leaf-beckon{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.race__table{height:clamp(300px,46vh,420px);border:var(--stroke) solid var(--outline);border-radius:20px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,rgb(255 255 255 / .35),transparent 62%),repeating-linear-gradient(58deg,rgb(90 168 58 / .07) 0 11px,transparent 11px 26px),linear-gradient(170deg,#c7ea92,#9ed665);box-shadow:inset 0 3px 10px #1f44262e}.dice-table{width:100%;height:100%}.race__controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.race__roll{padding:14px 32px;border:var(--stroke) solid var(--outline);border-radius:999px;background:linear-gradient(180deg,#ffe17a,#ffbe2e);color:var(--outline);font:inherit;font-size:17px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 5px 0 var(--outline),0 12px 22px #1f442640;transition:transform 90ms ease,box-shadow 90ms ease,filter .12s ease}.race__roll:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 7px 0 var(--outline),0 16px 26px #1f442647}.race__roll:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 var(--outline),0 4px 10px #1f442633}.race__roll:disabled{opacity:.5;cursor:default}.race__roll--quiet{padding:11px 22px;font-size:14px;background:var(--card-sunk);box-shadow:0 4px 0 var(--outline)}.race__roll--quiet:hover:not(:disabled){background:#eaf6d4;box-shadow:0 6px 0 var(--outline)}.race__roll--win{background:linear-gradient(180deg,#b6f56a,#6fd62f)}@media(prefers-reduced-motion:no-preference){.race__roll--win{animation:win-throb .9s ease-in-out infinite}}@keyframes win-throb{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.race__status{margin:0;text-align:center;min-height:1.3em;font-size:15px;font-weight:600;color:var(--ink)}.race__log{margin:0;padding:10px 14px;list-style:none;border-radius:14px;background:var(--card-sunk);text-align:center;font-size:13px;color:var(--ink-soft)}.race__log:empty{display:none}.race__log li+li{margin-top:2px;opacity:.8}@media(max-width:560px){.race{padding:16px 14px 18px;border-radius:22px}.race__title{font-size:21px;gap:7px}.race__title .snail{width:27px;height:27px}.race__header-right{gap:9px}.race__toggle{font-size:13px}.race__lane{grid-template-columns:72px 1fr 46px;gap:7px;font-size:13px}.race__bids-row{gap:5px}.race__slot{border-radius:14px 5px}.race__slot-bid{font-size:16px}.race__title,.race__bids-title{text-wrap:balance}}:root{--ink: #1f4426;--ink-soft: #4a7a52;--ink-faint: #7ba283;--card: #fffdf3;--card-sunk: #f3f0e0;--outline: #2f5d34;--grass: #8fd05a;--grass-deep: #5aa83a;--sky: #8fd9f5;--sun: #ffd447;--stroke: 3px;--lift: 0 4px 0 var(--outline);--lift-deep: 0 6px 0 var(--outline), 0 14px 28px rgb(31 68 38 / .28);font-family:"Baloo 2",ui-rounded,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;color:var(--ink);background:radial-gradient(circle at 88% 8%,var(--sun) 0 4%,rgb(255 212 71 / .35) 4% 9%,transparent 9%),linear-gradient(180deg,var(--sky) 0%,#bfeaf8 26%,#dff3c2 46%,var(--grass) 74%,var(--grass-deep) 100%);background-attachment:fixed}#root{width:100%;display:flex;justify-content:center}.snail{display:block;overflow:visible}@media(prefers-reduced-motion:no-preference){.snail--racing .snail__stalks{animation:snail-bob 2.4s ease-in-out infinite;transform-origin:37px 22px}.snail--racing .snail__shell{animation:snail-breathe 2.4s ease-in-out infinite;transform-origin:20px 23px}}@keyframes snail-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(-3deg)}}@keyframes snail-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}