.home-arena-stage{width:640px;height:280px}.home-arena-racer{position:absolute;top:0;left:0;offset-path:path("M 168 78 L 472 78 A 62 62 0 0 1 472 202 L 168 202 A 62 62 0 0 1 168 78");offset-rotate:0deg;offset-anchor:center;animation-name:home-arena-lap;animation-timing-function:linear;animation-iteration-count:infinite;will-change:offset-distance}@keyframes home-arena-lap{to{offset-distance:100%}}.home-world-tile{animation:home-world-breathe 3.6s ease-in-out infinite}.home-world-tile.is-hot{animation:home-world-hot 1.6s ease-in-out infinite;box-shadow:0 0 10px #fbbf248c;z-index:1}@keyframes home-world-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes home-world-hot{0%,to{filter:brightness(1.05)}50%{filter:brightness(1.45)}}.home-hero-orb{animation:home-hero-float 7s ease-in-out infinite}@keyframes home-hero-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-18px,0)}}.home-still-img{transform:scale(1.06);animation:home-still-pan 22s ease-in-out infinite alternate}@keyframes home-still-pan{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.14) translate3d(-1.6%,-1.2%,0)}}.home-live-dot{animation:home-live-pulse 1.4s ease-in-out infinite}@keyframes home-live-pulse{0%,to{opacity:1;box-shadow:0 0 #34d39999}50%{opacity:.65;box-shadow:0 0 0 6px #34d39900}}.home-live-cta{position:relative;overflow:hidden;isolation:isolate;animation:home-live-cta-pulse 2.2s ease-in-out infinite}.home-live-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-120%);animation:home-live-cta-sheen 2.8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes home-live-cta-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f9731673,0 10px 28px #f9731640}50%{transform:scale(1.035);box-shadow:0 0 0 10px #f9731600,0 14px 36px #fb923c66}}@keyframes home-live-cta-sheen{0%,40%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.home-arena-racer,.home-world-tile,.home-world-tile.is-hot,.home-hero-orb,.home-still-img,.home-live-dot,.home-live-cta,.home-live-cta:after{animation:none!important}}:root{--game-font-display: "Chakra Petch", "Space Grotesk", system-ui, sans-serif;--game-font-sans: "Inter", "Outfit", system-ui, sans-serif}.mr-game{font-family:var(--game-font-sans);color:#eaf2ff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.mr-game[data-lock-playback] button[aria-label=pause],.mr-game [data-lock-playback] button[aria-label=pause],.mr-game[data-lock-playback] button[title="Slow (2×)"],.mr-game[data-lock-playback] button[title="Race pace (3×)"]{display:none!important;pointer-events:none!important}.mr-game button{font-family:var(--game-font-display);letter-spacing:.04em}.mr-game .font-display{font-family:var(--game-font-display)}.mr-game .no-select{user-select:none;-webkit-user-select:none}.mr-game .glass{background:linear-gradient(180deg,#121a33db,#080c1aeb);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,170,255,.16);box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0f}.mr-game .glass-soft{background:#0a1022b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(120,170,255,.14)}.mr-game .neon-text{text-shadow:0 0 12px rgba(34,224,255,.55),0 0 40px rgba(124,92,255,.35)}.mr-game .gold-text{background:linear-gradient(180deg,#fff6cf,#fc3 45%,#d98b12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px rgba(255,170,20,.35))}.mr-game .scan{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.mr-game .vignette{background:radial-gradient(ellipse at center,#0000 42%,#0000008c)}.mr-game .speedlines{background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 2px,transparent 2px 60px),radial-gradient(ellipse at center,#0000 30%,#00000059);mask-image:radial-gradient(ellipse at center,transparent 28%,black 85%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 28%,black 85%)}@keyframes game-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mr-game .animate-floaty{animation:game-floaty 4.5s ease-in-out infinite}@keyframes game-popin{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.mr-game .animate-popin{animation:game-popin .35s cubic-bezier(.2,1.2,.4,1) both}@keyframes game-countpop{0%{transform:scale(2.1);opacity:0;filter:blur(6px)}25%{transform:scale(1);opacity:1;filter:blur(0)}75%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:0}}.mr-game .animate-countpop{animation:game-countpop 1s ease-out both}@keyframes game-gopop{0%{transform:scale(.4) rotate(-6deg);opacity:0}35%{transform:scale(1.25) rotate(2deg);opacity:1}to{transform:scale(2.4);opacity:0}}.mr-game .animate-gopop{animation:game-gopop .9s cubic-bezier(.2,.9,.3,1) both}@keyframes game-slideup{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.mr-game .animate-slideup{animation:game-slideup .45s cubic-bezier(.2,.9,.3,1) both}@keyframes game-pulseglow{0%,to{box-shadow:0 0 #22e0ff73,0 10px 30px #0006}50%{box-shadow:0 0 0 12px #22e0ff00,0 10px 30px #0006}}.mr-game .animate-pulseglow{animation:game-pulseglow 2s ease-out infinite}@keyframes game-toastin{0%{transform:translate(30px) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.mr-game .animate-toastin{animation:game-toastin .25s ease-out both}@keyframes game-standings-expand{0%{transform:scaleY(0) translateY(-6px);opacity:0}45%{transform:scaleY(1.07) translateY(2px);opacity:1}65%{transform:scaleY(.97) translateY(-1px)}80%{transform:scaleY(1.02) translateY(.5px)}92%{transform:scaleY(.99)}to{transform:scaleY(1) translateY(0);opacity:1}}@keyframes game-standings-collapse{0%{transform:scaleY(1);opacity:1}30%{transform:scaleY(1.04)}to{transform:scaleY(0);opacity:0}}.mr-game .standings-open{transform-origin:top;animation:game-standings-expand .52s cubic-bezier(.2,.9,.3,1) both}.mr-game .standings-close{transform-origin:top;animation:game-standings-collapse .32s cubic-bezier(.6,0,.8,.3) both}@keyframes game-overtake-flash{0%,to{background:transparent}15%{background:#ffdc3261;box-shadow:0 0 14px #ffd21e8c}55%{background:#ffdc3224}}.mr-game .row-overtake{animation:game-overtake-flash 1.1s ease-out both}@keyframes game-badge-pop{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.18);opacity:1}75%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.mr-game .animate-badge-pop{animation:game-badge-pop .38s cubic-bezier(.2,1.3,.4,1) both}@keyframes game-lap-sting{0%{opacity:0;transform:scale(.86)}14%{opacity:1;transform:scale(1.06)}62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.mr-game .race-lap-sting{animation:game-lap-sting 1.15s cubic-bezier(.2,.9,.3,1) both}.mr-game .row-move{transition:transform .42s cubic-bezier(.25,1,.4,1),background-color .2s ease,box-shadow .2s}.mr-game ::-webkit-scrollbar{width:8px;height:8px}.mr-game ::-webkit-scrollbar-track{background:#ffffff0a}.mr-game ::-webkit-scrollbar-thumb{background:#78aaff47;border-radius:8px}.tabletop-wood-frame{background:radial-gradient(ellipse at 50% 0%,rgba(212,160,23,.15) 0%,transparent 60%),linear-gradient(180deg,#2b1810,#170d08);border:4px solid #78471e;box-shadow:inset 0 0 20px #000c,inset 0 1px #ffd70066,0 12px 36px #000000b3,0 0 0 1px #422510;border-radius:24px;position:relative}.tabletop-brass-border{border:2px solid #c8963e;box-shadow:inset 0 1px 2px #ffeba599,inset 0 -1px 2px #5a370acc,0 2px 8px #00000080}.tabletop-filigree-corner{position:absolute;width:28px;height:28px;pointer-events:none;background-size:contain;background-repeat:no-repeat;z-index:10}.tabletop-corner-tl{top:6px;left:6px;border-top:3px solid #e2b04a;border-left:3px solid #e2b04a;border-top-left-radius:12px;box-shadow:-2px -2px 6px #e2b04a59}.tabletop-corner-tr{top:6px;right:6px;border-top:3px solid #e2b04a;border-right:3px solid #e2b04a;border-top-right-radius:12px;box-shadow:2px -2px 6px #e2b04a59}.tabletop-corner-bl{bottom:6px;left:6px;border-bottom:3px solid #e2b04a;border-left:3px solid #e2b04a;border-bottom-left-radius:12px;box-shadow:-2px 2px 6px #e2b04a59}.tabletop-corner-br{bottom:6px;right:6px;border-bottom:3px solid #e2b04a;border-right:3px solid #e2b04a;border-bottom-right-radius:12px;box-shadow:2px 2px 6px #e2b04a59}.tabletop-rivet{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2be,#c59338 60%,#583c11);box-shadow:0 1px 3px #000c,inset 0 0 1px #0009;display:inline-block}.tabletop-ocean-basin{background:radial-gradient(circle at 50% 50%,#0d5e6973,#061c30d9 60%,#030f1b),repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 40px,rgba(16,185,129,.03) 40px,rgba(16,185,129,.03) 41px);box-shadow:inset 0 0 35px #000000f2,inset 0 4px 12px #020617cc;border-radius:18px;position:relative;overflow:hidden}.tabletop-perspective-stage{perspective:1100px;perspective-origin:50% 40%}.tabletop-board-isometric{transform:rotateX(24deg) scale(.96) translateY(-10px);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1)}.tabletop-board-flat{transform:rotateX(0) scale(1) translateY(0);transform-style:flat;transition:transform .4s cubic-bezier(.16,1,.3,1)}.tabletop-tile{position:relative;aspect-ratio:1 / 1;border-radius:6px;box-shadow:0 4px 6px -1px #0009,0 2px 4px -2px #0006,inset 0 1px 1px #ffffff4d,inset 0 -2px 2px #00000080;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;cursor:pointer}.tabletop-tile:hover{transform:translateY(-2px) scale(1.03);z-index:15;filter:brightness(1.12);box-shadow:0 8px 16px -2px #000000b3,0 0 12px #d4a01773,inset 0 1px 1px #ffffff80}.tabletop-tile:active{transform:translateY(1px) scale(.99)}.tabletop-tile-selected{transform:translateY(-4px) scale(1.05)!important;z-index:25!important;box-shadow:0 0 0 2.5px gold,0 0 20px #ffd700cc,0 10px 20px #000c,inset 0 0 8px #fff9!important}.tabletop-tile-attackable{box-shadow:0 0 0 2px #34d399,0 0 16px #34d399bf,0 4px 8px #0009;animation:attackable-pulse 2.2s infinite ease-in-out}@keyframes attackable-pulse{0%,to{box-shadow:0 0 0 1.5px #34d399,0 0 10px #34d39999}50%{box-shadow:0 0 0 2.5px #10b981,0 0 22px #10b981e6,inset 0 0 8px #34d3994d}}.tile-biome-volcanic{background:radial-gradient(circle at 70% 30%,rgba(239,68,68,.4),transparent 60%),linear-gradient(145deg,#3f1212,#1f0808 60%,#110303);border:1px solid rgba(239,68,68,.35)}.tile-biome-oceanic{background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.35),transparent 55%),linear-gradient(145deg,#093c52,#052230 60%,#02111a);border:1px solid rgba(14,165,233,.35)}.tile-biome-amber{background:radial-gradient(circle at 60% 40%,rgba(245,158,11,.35),transparent 60%),linear-gradient(145deg,#422a0a,#291804 60%,#140b01);border:1px solid rgba(245,158,11,.35)}.tile-biome-crystal{background:radial-gradient(circle at 40% 30%,rgba(168,85,247,.35),transparent 55%),linear-gradient(145deg,#2b1347,#180929 60%,#0d0417);border:1px solid rgba(168,85,247,.35)}.tile-biome-ruins{background:radial-gradient(circle at 50% 50%,rgba(148,163,184,.15),transparent 60%),linear-gradient(145deg,#2a3441,#19202a 60%,#0e1219);border:1px solid rgba(148,163,184,.25)}.catan-defense-token{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbf0,#faeac3 55%,#dfc382);border:1.5px solid #8d6218;box-shadow:0 2px 4px #000000b3,inset 0 1px 1px #fffc,inset 0 -1px 2px #6e480a80;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b1704;font-family:Space Grotesk,serif,sans-serif;font-weight:800;line-height:1}.catan-token-red{color:#c21a1a;text-shadow:0 0 1px rgba(194,26,26,.4)}.catan-pips{display:flex;gap:1.5px;margin-top:1px}.catan-pip{width:2.5px;height:2.5px;border-radius:50%;background:currentColor}.tile-marble-sphere{width:20px;height:20px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.85))}.marble-ember{background:radial-gradient(circle at 32% 28%,#fff,#ff8f8f 20%,#e11d48,#881337 80%,#350512);box-shadow:inset -2px -2px 5px #000c,inset 1px 1px 3px #ffffffe6,0 0 10px #f43f5e99}.marble-tide{background:radial-gradient(circle at 32% 28%,#fff,#7dd3fc 20%,#0284c7,#0369a1 80%,#082f49);box-shadow:inset -2px -2px 5px #000c,inset 1px 1px 3px #ffffffe6,0 0 10px #0ea5e999}.marble-ashwake{background:radial-gradient(circle at 32% 28%,#fff,#fde047 20%,#d97706,#92400e 80%,#451a03);box-shadow:inset -2px -2px 5px #000c,inset 1px 1px 3px #ffffffe6,0 0 10px #f59e0b99}.catan-parchment-card{background:radial-gradient(circle at 50% 0%,rgba(255,248,220,.12),transparent 70%),linear-gradient(180deg,#1e130c,#120b07);border:2px solid #a37330;border-radius:16px;box-shadow:inset 0 0 15px #000c,inset 0 1px #ffe17859,0 8px 24px #0009;position:relative}.catan-gilded-button{background:linear-gradient(180deg,#d49f33,#9a6d1a,#744e0c);border:2px solid #ffd875;border-radius:12px;color:#fffef5;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #00000080,0 4px 12px #0009,0 0 15px #d49f3359;font-family:Space Grotesk,sans-serif;font-weight:800;letter-spacing:.05em;transition:all .15s ease}.catan-gilded-button:hover:not(:disabled){background:linear-gradient(180deg,#e4af43,#ad7d24,#835912);box-shadow:inset 0 1px 1px #fffc,0 6px 18px #000000b3,0 0 25px #ffd70099;transform:translateY(-1px)}.catan-gilded-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #000000b3,0 2px 6px #00000080}.catan-gilded-button:disabled{background:linear-gradient(180deg,#38302b,#241e1a);border-color:#55483d;color:#796c60;text-shadow:none;box-shadow:none;cursor:not-allowed}.catan-wax-seal{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ef4444,#b91c1c 65%,#7f1d1d);border:2px solid #fca5a5;box-shadow:0 3px 6px #000000b3,inset 0 1px 2px #ffffff80,inset 0 -2px 3px #0009;display:flex;align-items:center;justify-content:center;color:#fff}.tabletop-nav-bar{background:linear-gradient(180deg,#24140b,#130a05);border:2px solid #946427;border-radius:14px;box-shadow:inset 0 1px #ffdc6e4d,0 4px 12px #0009;display:flex;align-items:center;gap:12px;padding:6px 14px}.tabletop-nav-btn{background:radial-gradient(circle at 40% 30%,#52351d,#2d1a0d);border:1px solid #b88636;border-radius:8px;color:#f7e6c3;box-shadow:inset 0 1px #ffffff4d,0 2px 4px #00000080;display:flex;align-items:center;justify-content:center;padding:6px;transition:all .15s ease;cursor:pointer}.tabletop-nav-btn:hover{background:radial-gradient(circle at 40% 30%,#6e4726,#3f2512);border-color:gold;color:#fff;transform:translateY(-1px)}.tabletop-nav-btn:active{transform:translateY(1px)}.tabletop-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#110a05;border:1px solid #7c511a;border-radius:3px;outline:none;box-shadow:inset 0 1px 2px #000c}.tabletop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2be,#c59338 65%,#583c11);border:1px solid #ffe394;box-shadow:0 1px 3px #000c;cursor:pointer}