@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#26372e;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2e7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{color:#26372e;background:radial-gradient(at 82% 13%,#e8eddb 0,#0000 35%),#f5f2e7;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1200px;margin:auto;padding:0 42px}.topbar{border-bottom:1px solid #dedfce;justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:#293a30;letter-spacing:.07em;align-items:center;gap:11px;font:700 14px Space Grotesk;text-decoration:none;display:flex}.brand b{color:#769577}.brand-icon{color:#5a855d;background:#d4e2cb;border-radius:50%;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.top-right{align-items:center;gap:18px;display:flex}.connection,.eyebrow,.room-code-box span,.ranking-title,.controls-hint,.laps-pill,.track-meta,.rank-lap,.grid-n,.your-progress>span,footer{letter-spacing:.08em;font:500 10px DM Mono,monospace}.connection{color:#858d7f;align-items:center;gap:8px;display:flex}.connection i{background:#e7a04f;border-radius:50%;width:7px;height:7px}.connection.online i{background:#64aa6c;box-shadow:0 0 0 3px #64aa6c27}.avatar{color:#49684c;background:#d4e2cb;border:0;border-radius:50%;width:34px;height:34px;font-weight:700}.hero{justify-content:space-between;align-items:center;min-height:320px;padding:42px 4px 24px;display:flex}.eyebrow{color:#87947e;letter-spacing:.13em;font-size:10px}.hero h1,.welcome h1,.room-header h1{letter-spacing:-.065em;margin:16px 0;font:600 clamp(40px,5vw,63px)/.99 Space Grotesk}.hero h1 em,.welcome h1 em{color:#819e78;font-style:normal}.hero p,.welcome p,.room-panel p{color:#85897d;font-size:14px}.hero-art{place-items:center;width:46%;height:270px;display:grid;position:relative}.sun{color:#e8bb5e;font-size:58px;position:absolute;top:4%;right:16%}.track-ring{border:25px solid #34473c;border-radius:50%;width:310px;height:185px;position:absolute;transform:rotate(-13deg);box-shadow:0 6px #9eaa8b}.track-ring:after{content:"";border:2px dashed #f5f2e7;border-radius:50%;position:absolute;inset:-14px}.hero-pokemon{filter:drop-shadow(0 12px 5px #47554835);font-size:103px;position:relative;transform:rotate(-8deg)}.hero-stamp{color:#fff;text-align:center;background:#e6bd59;border-radius:50%;padding:14px 13px;font:700 11px/1.25 DM Mono;position:absolute;bottom:8%;right:1%;transform:rotate(12deg);box-shadow:0 4px #c79f42}.roster-section{padding:22px 0 34px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-heading h2,.track-panel h2{letter-spacing:-.04em;margin:5px 0 0;font:600 23px Space Grotesk}.equal-note{color:#86907e;font-size:12px}.roster{grid-template-columns:repeat(8,1fr);gap:11px;display:grid}.pokemon-card{text-align:left;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 30%,#fffdf3),#fffdf3 68%);color:#334136;border:1px solid #e5e1d2;border-radius:12px;min-width:0;padding:12px 10px 13px;transition:all .18s;position:relative;overflow:hidden}.pokemon-card:hover,.pokemon-card.selected{border-color:var(--card);transform:translateY(-4px);box-shadow:0 6px 18px #384b3217}.pokemon-card.selected{outline:2px solid var(--card)}.card-number{color:#9ca393;font:10px DM Mono;position:absolute;top:8px;right:9px}.pokemon-illustration{filter:drop-shadow(0 5px 2px #3332);place-items:center;height:76px;font-size:45px;display:grid}.pokemon-card strong{font-size:13px;display:block}.type-label{color:#8c9285;font-size:10px}.lower-grid{grid-template-columns:1.35fr 1fr;gap:22px;padding-bottom:60px;display:grid}.track-panel,.room-panel{background:#fbf9f0;border:1px solid #e1dfd1;border-radius:15px;padding:20px}.track-panel .section-heading{margin-bottom:10px}.laps-pill{color:#748c6c;background:#e7eddf;border-radius:20px;padding:7px 10px}.track-canvas{border-radius:10px;width:100%;height:240px;display:block;overflow:hidden}.track-meta{color:#889080;gap:18px;padding:12px 2px 0;font-size:9px;display:flex}.room-panel{background:#e9efe3;border-color:#dae4d4;padding:25px 27px}.room-panel h2{letter-spacing:-.05em;margin:13px 0;font:600 30px/1.04 Space Grotesk}.room-panel p{max-width:300px;margin-bottom:20px;line-height:1.6}.primary,.secondary{color:#fff;letter-spacing:.04em;background:#718f6d;border:0;border-radius:7px;padding:13px 16px;font:600 11px DM Mono;transition:all .15s;box-shadow:0 3px #587354}.primary:hover,.secondary:hover{background:#607f5d;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary span{float:right;margin-left:12px}.full{text-align:left;width:100%}.or-divider{color:#a2a697;justify-content:center;align-items:center;gap:12px;margin:21px 0;font:10px DM Mono;display:flex}.or-divider span{background:#d7dece;flex:1;height:1px}.join-row{gap:9px;display:flex}.join-row input,.trainer-entry input{color:#354638;letter-spacing:.08em;background:#fbfaf3;border:1px solid #d8dece;border-radius:7px;outline:none;flex:1;min-width:0;padding:12px;font:12px DM Mono}.join-row input:focus,.trainer-entry input:focus{border-color:#829f7a}.secondary{color:#61775f;box-shadow:none;background:#f8f7ef;border:1px solid #d7dfd1}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;display:flex}.welcome h1{margin:22px 0;font-size:clamp(52px,8vw,84px)}.welcome p{max-width:440px;margin:0 0 24px;line-height:1.7}.trainer-entry{gap:8px;width:min(460px,100%);display:flex}.room-header{justify-content:space-between;align-items:center;padding:34px 0 24px;display:flex}.room-header h1{margin:8px 0;font-size:38px}.room-code-box{background:#fbf9f0;border:1px solid #dfe1d3;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:12px 15px;display:grid}.room-code-box span{color:#87947e;font-size:9px}.room-code-box strong{letter-spacing:.12em;grid-row:2;font:700 20px DM Mono}.room-code-box button{color:#718e6b;background:0 0;border:0;grid-area:1/2/3;font:10px DM Mono}.race-layout{grid-template-columns:1fr 280px;gap:20px;padding-bottom:50px;display:grid}.race-stage{border:1px solid #d3ddc9;border-radius:14px;height:345px;position:relative;overflow:hidden}.race-stage .track-canvas{height:100%}.track-caption{text-align:center;color:#506d4b;letter-spacing:.16em;font:11px DM Mono;position:absolute;top:18px;left:0;right:0}.countdown{color:#fff;text-shadow:0 3px #39513c;place-items:center;font:700 92px Space Grotesk;display:grid;position:absolute;inset:0}.ranking,.side-panel{background:#fbf9f0;border:1px solid #e1dfd1;border-radius:12px;margin-top:15px;padding:17px}.ranking-title,.side-title{color:#86917f;border-bottom:1px solid #e9e6da;justify-content:space-between;padding-bottom:12px;display:flex}.ranking-title span{color:#abb09f}.rank-row{border-bottom:1px solid #efede5;align-items:center;gap:10px;min-height:47px;display:flex}.rank-row.me{background:#eff4e9;border-radius:5px;margin:0 -8px;padding:0 8px}.rank-num,.grid-n{color:#98a08f;font-size:11px}.rank-emoji,.grid-icon{border-radius:8px;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.rank-name{align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.rank-name small{color:#789371;font:9px DM Mono}.rank-pokemon{color:#8e9385;margin-left:auto;font-size:11px}.rank-lap{color:#89947e;font-size:9px}.side-panel{height:max-content;margin-top:0;padding:17px}.live-dot{color:#6c9a67;font:10px DM Mono}.grid-racer{border-bottom:1px solid #eeece4;align-items:center;gap:10px;padding:11px 0;display:flex}.grid-icon{width:34px;height:34px}.grid-racer div{gap:2px;display:grid}.grid-racer b{font-size:12px}.grid-racer small{color:#8b9283;font-size:10px}.invite-hint{color:#8a9181;margin:14px 0;font-size:11px;line-height:1.55}.side-panel .primary{margin-top:16px}.your-progress{margin-top:22px}.your-progress>span{color:#88947e}.your-progress>b{margin:8px 0;font:600 22px Space Grotesk;display:block}.your-progress>b small{color:#9aa08f;font-size:13px}.progress-bar{background:#e5e8dc;border-radius:5px;height:6px;overflow:hidden}.progress-bar i{background:#789870;border-radius:5px;height:100%;display:block}.side-panel h3{font:600 18px Space Grotesk}.side-panel>p:not(.invite-hint){font-size:12px}.race-controls{background:#e9efe3;border-radius:8px;margin-top:10px;padding:12px 14px}.controls-hint{color:#788374;font-size:9px}.controls-hint b{color:#475b48}.controls-hint span{padding:0 8px}.mobile-controls{display:none}.toast{z-index:5;color:#fff;background:#34473c;border-radius:9px;align-items:center;gap:20px;max-width:90vw;padding:13px 17px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #24352733}.toast button{color:inherit;background:0 0;border:0;font-weight:700}.link-toast{bottom:76px}footer{color:#9ca293;border-top:1px solid #dedfce;justify-content:space-between;align-items:center;height:50px;font-size:9px;display:flex}footer span:first-child{color:#71856c}@media (width<=850px){.app-shell{padding:0 22px}.roster{grid-template-columns:repeat(4,1fr)}.pokemon-illustration{height:60px}.race-layout{grid-template-columns:1fr 230px}.hero-art{width:42%}.track-ring{width:250px;height:155px}.lower-grid{gap:14px}}@media (width<=600px){.app-shell{padding:0 16px}.topbar{height:65px}.connection{font-size:0}.connection i{width:9px;height:9px}.hero{min-height:280px;padding:34px 0 10px}.hero h1{font-size:48px}.hero-art{width:40%;height:210px}.track-ring{border-width:17px;width:175px;height:115px}.hero-pokemon{font-size:70px}.hero-stamp{padding:10px;font-size:8px}.sun{font-size:38px}.roster{grid-template-columns:repeat(4,1fr);gap:8px}.pokemon-card{padding:8px}.pokemon-card strong{font-size:11px}.pokemon-illustration{height:54px;font-size:36px}.type-label{font-size:9px}.equal-note{font-size:10px}.lower-grid{grid-template-columns:1fr}.track-canvas{height:205px}.track-meta{gap:9px;font-size:8px}.room-header{align-items:flex-start;gap:10px}.room-header h1{font-size:29px}.room-code-box{padding:9px}.room-code-box strong{font-size:16px}.race-layout{grid-template-columns:1fr}.race-stage{height:280px}.side-panel{grid-row:1}.grid-racer{vertical-align:top;border-bottom:0;width:50%;display:inline-flex}.side-panel .primary{margin-top:12px}.controls-hint{line-height:1.8}.mobile-controls{gap:7px;margin-top:11px;display:flex}.mobile-controls button{color:#536b50;touch-action:none;background:#f8f7ef;border:1px solid #cad6c4;border-radius:7px;padding:11px 13px;font:10px DM Mono}.mobile-controls .accelerate{color:#fff;background:#718f6d;flex:1}.welcome h1{font-size:54px}.trainer-entry{flex-direction:column}.trainer-entry .primary{width:100%}footer{font-size:8px}.ranking{padding:12px}.rank-row{gap:7px}.rank-pokemon{display:none}}:root{--paper:#f3ead6;--paper-2:#efe4cb;--ink:#181510;--ink-soft:#5b5340;--line:#181510;--green:#18b85a;--green-ink:#0b1a0f;--coral:#ff5b35;--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--display:"Bricolage Grotesque", "Spline Sans", system-ui, sans-serif;--body:"Spline Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}html,body,#root{height:100%}body{background-color:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#1815100b 1px,#0000 1px),linear-gradient(90deg,#1815100b 1px,#0000 1px);background-size:26px 26px;margin:0}.bd-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-size:11px;font-weight:700}@keyframes bd-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.bd-rise{animation:.5s cubic-bezier(.2,.8,.2,1) backwards bd-rise}.bd-rise-1{animation-delay:40ms}.bd-rise-2{animation-delay:.12s}.bd-rise-3{animation-delay:.2s}@media (prefers-reduced-motion:reduce){.bd-rise{animation:none}}