:root{--ink: #f7efe4;--muted: #cbb8a4;--gold: #f0c27a;--gold-deep: #d7a15f;--night: #09060e;--panel: rgba(28, 20, 18, .78);--line: rgba(240, 194, 122, .22);--danger: #e8a090;color:var(--ink);background:var(--night);font-family:Outfit,Noto Sans SC,Noto Sans JP,Segoe UI,sans-serif;line-height:1.45;font-optical-sizing:auto}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 700px at 80% -10%,rgba(196,78,62,.28),transparent 55%),radial-gradient(900px 500px at 0% 100%,rgba(90,40,90,.35),transparent 50%),var(--night)}button,input,select{font:inherit}h1,h2,.brand,.count-overlay,.win-overlay h2,.id-overlay h2,.finish-flag,.code{font-family:Fraunces,"Noto Serif SC","Noto Serif JP",Georgia,serif}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell.cinema{background:#07040c}.shell.app{position:relative}.chrome{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem 1rem;align-items:center;padding:.7rem 1.25rem .5rem;z-index:30}.chrome-left{justify-self:start;min-width:0}.brand{margin:0;justify-self:center;font-size:clamp(1.35rem,3.6vw,2.35rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 18px rgba(0,0,0,.45);white-space:nowrap;pointer-events:none}.shell.app .chrome{position:absolute;inset:0 0 auto;z-index:40;pointer-events:none}.shell.cinema .chrome{background:linear-gradient(180deg,rgba(7,4,12,.72),transparent)}.shell.app .chrome>*,.shell.app .tabs,.shell.app .banner{pointer-events:auto}.shell.app .brand{pointer-events:none}.lede,.empty,.session{color:var(--muted)}.session{margin:0;display:flex;align-items:center;gap:.45rem;font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-self:end;position:relative;z-index:2}.lang{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}.lang select,.panel input,.panel select,.settings-grid input,.settings-grid select,.seat select,.seat-name{background:#0c080eb3;color:inherit;border:1px solid var(--line);border-radius:.5rem;padding:.4rem .55rem}.dot{width:.55rem;height:.55rem;border-radius:50%;background:#6d5c4d;display:inline-block}.dot.live{background:#8ee08a;box-shadow:0 0 10px #8ee08a}.page,.desk{width:min(56rem,calc(100% - 2rem));margin:0 auto 3rem}.shell.app .desk{padding-top:6.4rem}.page{padding-top:1rem}.page h1,.desk-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 .5rem;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;padding:1.15rem 1.25rem;margin:1rem 0 1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel label{display:block;margin-bottom:.4rem}.panel input{width:100%;margin-bottom:.9rem;padding:.65rem .75rem}.panel .seat-name{margin-bottom:0;padding:.4rem .55rem}button{background:linear-gradient(180deg,#f4d29a,var(--gold-deep));color:#1b1410;border:0;border-radius:999px;padding:.62rem 1.15rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #d7a15f47}button:disabled{opacity:.55;cursor:wait}button.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold-deep);box-shadow:none}button.help-btn{width:2.55rem;height:2.55rem;padding:0;font-size:1.2rem;font-weight:700;line-height:1}.help-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.25rem;background:#08040c8c;pointer-events:auto}.help-card{width:min(34rem,100%);max-height:min(80dvh,40rem);overflow:auto;padding:1.35rem 1.5rem 1.1rem;border-radius:1.25rem;background:#120c10f0;border:1px solid var(--line);box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.help-card h2{margin:0 0 .85rem;color:var(--gold)}.help-card ol{margin:0;padding-left:1.25rem;display:grid;gap:.55rem}.help-card .lede{margin:.9rem 0 0}.help-card .actions{margin:1rem 0 0}button.start{font-size:1.05rem;padding:.8rem 1.6rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0 1.2rem}.code{font-size:2.4rem;letter-spacing:.14em;margin:.4rem 0;font-variant-numeric:tabular-nums}.devices,.seat-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.device,.seat{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;padding:.45rem .7rem}.seat{display:grid;grid-template-columns:minmax(8rem,1fr) auto;gap:.4rem .6rem;align-items:center}.seat-name{min-width:0;width:100%}.seat select{grid-column:1 / -1}.silk-picks{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:flex-end}button.silk{width:1.15rem;height:1.15rem;padding:0;border-radius:50%;box-shadow:none;border:2px solid transparent}button.silk.on{border-color:#fff4e4;box-shadow:0 0 0 1px #1b1410}.device.flash{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px #f0c27a59}.device{display:grid;grid-template-columns:minmax(8.5rem,max-content) minmax(0,1fr) auto;align-items:center;gap:.2rem .75rem}.device-head{display:flex;align-items:center;gap:.45rem}.device-meta,.device p{margin:0;color:var(--muted);font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device .ghost{padding:.28rem .7rem;font-size:.88rem}.badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.18rem .5rem;border-radius:999px}.badge.online{background:#2f4a2c;color:#b7e0a8}.badge.offline,.badge.setup{background:#4a3a2c;color:#e2c49a}.error{color:var(--danger)}.error.banner,.empty.banner{margin:0 1.25rem .4rem;z-index:30}.shell.app .error.banner,.shell.app .empty.banner{position:absolute;top:7.4rem;left:1.25rem;right:1.25rem;margin:0;z-index:40}code,.code-link{font-family:ui-monospace,Consolas,monospace;font-size:.85rem;word-break:break-all}.tabs{display:flex;gap:.4rem;margin:0 1.25rem .75rem;z-index:40}.shell.app .tabs{position:absolute;top:4.55rem;left:1.25rem;margin:0}.tab{display:inline-flex;align-items:center;justify-content:center;min-width:8.8rem;height:2.55rem;padding:0 1.1rem;background:#0c080e73;color:var(--muted);border:1px solid var(--line);box-shadow:none}.tab.on{background:linear-gradient(180deg,#f4d29a,var(--gold-deep));color:#1b1410;border-color:var(--gold-deep);box-shadow:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem}.panel .settings-grid input,.panel .settings-grid select{height:2.75rem;margin:0;padding:0 .8rem;width:100%;box-sizing:border-box;line-height:2.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.panel .settings-grid select{padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 1.05rem) calc(50% - .15rem),calc(100% - .7rem) calc(50% - .15rem);background-size:.36rem .36rem,.36rem .36rem;background-repeat:no-repeat}.settings-grid label{display:flex;flex-direction:column;gap:.3rem}button.danger{color:var(--danger);border-color:var(--danger)}.desk-hero{padding:1.5rem 0 .5rem}.stage-host{flex:1;display:flex;flex-direction:column;min-height:0}.stage-host.parked{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}.stage{--tilt: 46deg;--track-floor: 7.2rem;--camel-slot-z: 56px;--camel-stand-z: 36px;--camel-height: min(10.2rem, calc(96%*cos(var(--tilt))) );--finish-z: 140px;--race-start: 7%;--race-end: 88%;--finish-at: 90%;position:relative;z-index:0;flex:1;width:100%;min-height:min(78dvh,52rem);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#140b1c,#2a1630 28%,#6a2e32 52%,#c46a3a 70%,#e8b56a)}.stage.day{background:linear-gradient(180deg,#6eb5e8,#b9d7f2 38%,#f0d7a6 68%,#e2b56a)}.stage.day .star,.stage.day .lantern{display:none}.stage.day .moon{background:radial-gradient(circle at 35% 35%,#fff8c8,#f0c34a 60%,#d49a22);box-shadow:0 0 70px #ffc4508c}.sky{position:absolute;top:0;right:0;bottom:68%;left:0;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff8e8;box-shadow:0 0 6px #fff4d0;animation:twinkle 3.6s ease-in-out infinite}.moon{position:absolute;top:7.2rem;right:15%;width:4.8rem;height:4.8rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4d6,#e8c98a 55%,#c9a05a);box-shadow:0 0 60px #ffdc9673}.haze{position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(196,106,58,.35))}.lantern{position:absolute;bottom:8%;width:.7rem;height:1.15rem;border-radius:.2rem .2rem .45rem .45rem;background:radial-gradient(circle at 50% 30%,#ffe9a8,#ff7a3c);box-shadow:0 10px 18px #ff8c3c73;animation:sway 3.2s ease-in-out infinite}.lantern:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:1.6rem;background:#28140a8c}.horizon{position:absolute;left:0;right:0;bottom:0;height:28%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(42,18,28,.35) 55%,rgba(18,8,14,.5))}.track-wrap{position:absolute;top:6.1rem;right:0;bottom:0;left:0;perspective:1200px;perspective-origin:50% 0%}.track-3d{position:relative;height:100%;margin:0 3%;transform:rotateX(var(--tilt));transform-origin:50% 100%;transform-style:preserve-3d;background:repeating-linear-gradient(90deg,rgba(90,50,20,.18) 0 2px,transparent 2px 12%),linear-gradient(180deg,#8a5a32,#d7a56a 40%,#c48a4a);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 0 0 4px #46241073,0 30px 60px #00000073;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--players, 2),minmax(0,1fr));gap:clamp(.12rem,.45vh,.4rem);padding:1.2% 0 var(--track-floor)}.track-lines{position:absolute;inset:1.5% 5% var(--track-floor);background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,236,190,.18) 9% 9.35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}.finish-post{position:absolute;left:var(--finish-at);right:auto;top:3%;bottom:2%;width:.55rem;background:repeating-linear-gradient(#f4efe6 0,#f4efe6 10px,#c0392b 10px,#c0392b 20px);border-radius:4px;box-shadow:0 0 18px #ffdca059;z-index:60;transform:translateZ(var(--finish-z));transform-style:preserve-3d;pointer-events:none}.finish-flag{position:absolute;left:.85rem;top:6%;z-index:1;font-size:1.05rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff8ea;white-space:nowrap;text-shadow:0 2px 12px #000;padding:.32rem .72rem;border-radius:.6rem;background:#0c080ed1;border:1px solid var(--line);transform:rotateX(calc(-1 * var(--tilt))) scale(2.7);transform-origin:0 100%}.lane,.racer-slot{grid-column:1;grid-row:calc(var(--lane) + 1)}.lane{position:relative;min-height:0;overflow:visible;background:#341808b3;box-shadow:inset 0 1px #ffecc859,inset 0 -1px #14080273}.racer-slot{position:relative;overflow:visible;pointer-events:none;transform:translateZ(var(--camel-slot-z));transform-style:preserve-3d;z-index:calc(4 + var(--lane))}.lane-bed{position:absolute;top:4%;right:.7%;bottom:6%;left:.7%;border-radius:1.2rem;background:#1208026b;box-shadow:inset 0 1px #ffecc833}.lane+.lane:before{content:"";position:absolute;left:1.5%;right:1.5%;top:-.22rem;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,240,210,.7),transparent);pointer-events:none}.racer{--stand: translate(-50%, -92%) rotateX(calc(-1 * var(--tilt))) translateZ(var(--camel-stand-z));position:absolute;top:calc(50% - (max(0,2 - var(--players, 2))*16%));left:calc(var(--race-start) + (var(--race-end) - var(--race-start)) * var(--progress, 0));z-index:2;height:var(--camel-height);aspect-ratio:330 / 230;width:auto;transform:var(--stand);transform-origin:50% 100%;filter:drop-shadow(0 16px 10px rgba(0,0,0,.38))}.camel{width:100%;height:100%;display:block;overflow:visible}.camel .shadow{fill:#00000052}.camel .body{fill:currentColor}.camel .shade{fill:#0000002e}.camel .shine{fill:#ffffff38}.camel .ear{fill:color-mix(in srgb,currentColor 72%,#1a100c)}.camel .leg{fill:color-mix(in srgb,currentColor 68%,#1a100c);stroke:#2a1810;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 0%}.camel .leg.a,.camel .leg.c{fill:color-mix(in srgb,currentColor 48%,#1a100c)}.camel .hoof{fill:#2a1810;stroke:none}.camel .tail{fill:none;stroke:#2a1810;stroke-width:5;stroke-linecap:round}.camel .saddle{fill:color-mix(in srgb,currentColor 55%,#fff3d6);stroke:#2a181059;stroke-width:1.4}.camel .eye{fill:#1a100c}.camel .eye-glint{fill:#fff8ea}.camel .muzzle{fill:color-mix(in srgb,currentColor 70%,#f3d2b0)}.camel .mouth{fill:none;stroke:#2a1810;stroke-width:1.6;stroke-linecap:round}.racer-tag{position:absolute;left:50%;top:6%;transform:translate(-50%,-120%);display:block;text-align:center;font-size:clamp(1.05rem,calc(2.35rem - .1rem * var(--players, 2)),1.85rem);font-weight:700;letter-spacing:.03em;color:#fff8ea;text-shadow:0 1px 8px #000;white-space:nowrap;max-width:min(14rem,56vw);overflow:hidden;text-overflow:ellipsis;padding:.14rem .62rem;border-radius:999px;background:#0c080eb3;border:1px solid rgba(240,194,122,.28)}.dust{position:absolute;left:8%;bottom:12%;width:1.2rem;height:.7rem;border-radius:50%;background:#e8c48c59;opacity:0}.racer.gait .camel{animation:gait-body 1.9s ease-in-out infinite}.racer.gait .leg.a{animation:stride-swing 1.9s ease-in-out infinite}.racer.gait .leg.c{animation:stride-swing 1.9s ease-in-out infinite;animation-delay:-.22s}.racer.gait .leg.b{animation:stride-swing 1.9s ease-in-out infinite reverse}.racer.gait .leg.d{animation:stride-swing 1.9s ease-in-out infinite reverse;animation-delay:-.22s}.racer.gait.kick .camel,.racer.gait.kick .leg{animation-duration:1.55s}.racer.hop{animation:hop .52s cubic-bezier(.2,1.4,.3,1)}.racer.hop .dust,.racer.kick .dust{animation:puff .52s ease-out}.racer.champion{animation:cheer .9s ease-in-out infinite;filter:drop-shadow(0 0 16px color-mix(in srgb,currentColor 70%,white))}.sand-glow{position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(180deg,transparent,rgba(8,4,8,.72));pointer-events:none}.fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8}.count-overlay,.win-overlay,.idle-card,.id-overlay{position:absolute;z-index:16;pointer-events:none}.count-overlay{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle,#08040c14,#08040c73)}.count-overlay span{font-size:clamp(4.5rem,18vw,10rem);font-weight:700;color:#fff6e4;text-shadow:0 8px 40px rgba(0,0,0,.55),0 0 40px rgba(240,194,122,.45);animation:count-pop .35s ease-out}.count-overlay[data-go="1"] span{color:var(--gold);letter-spacing:.04em}.win-overlay,.idle-card,.id-overlay{left:50%;top:18%;transform:translate(-50%);text-align:center;padding:1.1rem 1.6rem;border-radius:1.25rem;background:#0a060e8c;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:min(28rem,86vw)}.win-overlay h2,.id-overlay h2{margin:0;font-size:clamp(2rem,6vw,3.4rem)}.win-kicker{margin:0 0 .35rem}.idle-card p{margin:0}.hud{position:absolute;left:1rem;right:1rem;bottom:6.2rem;display:flex;flex-wrap:wrap;gap:.45rem;z-index:18;justify-content:center}.hud-chip{display:flex;align-items:baseline;gap:.28rem;padding:.28rem .6rem;border-radius:999px;background:#0a060e9e;border:1px solid color-mix(in srgb,var(--silk) 55%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums}.hud-chip span{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--silk);color:#1b1410;display:grid;place-items:center;font-size:.7rem;font-weight:800}.hud-chip b{font-size:.95rem}.stage-actions{position:absolute;left:50%;bottom:1.35rem;transform:translate(-50%);z-index:20}.stage-actions .start{font-size:1.28rem;padding:.95rem 2.4rem}@keyframes twinkle{50%{opacity:.25;transform:scale(.6)}}@keyframes sway{50%{transform:rotate(8deg) translateY(3px)}}@keyframes gait-body{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-1.5px)}}@keyframes stride-swing{0%,to{transform:rotate(18deg)}50%{transform:rotate(-16deg)}}@keyframes hop{30%{transform:var(--stand) translateY(-24px) scale(1.06)}}@keyframes puff{30%{opacity:.8;transform:scale(2.2) translate(-8px)}to{opacity:0;transform:scale(3.4) translate(-16px)}}@keyframes cheer{50%{transform:var(--stand) translateY(-12px)}}@keyframes count-pop{0%{transform:scale(.7);opacity:.2}}@media(max-width:720px){.seat{grid-template-columns:minmax(7rem,1fr) auto}.seat select{grid-column:1 / -1}.device{grid-template-columns:1fr auto}.device-meta{grid-column:1 / -1;white-space:normal}.stage{--track-floor: 9rem;--camel-height: min(7.4rem, calc(94%*cos(var(--tilt))) )}.racer-tag{font-size:clamp(.92rem,calc(1.85rem - .07rem * var(--players, 2)),1.45rem)}.finish-flag{font-size:.92rem;transform:rotateX(calc(-1 * var(--tilt))) scale(2.2)}.shell.app .tabs{top:5.5rem}.hud{bottom:5.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.racer{transition:none}}