.boardScene{width:100%}.boardFrame{position:relative;width:100%;border:14px solid transparent;border-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='80'%3e%3crect%20width='160'%20height='80'%20fill='%238b5a2b'%3e%3c/rect%3e%3cpath%20d='M0%2020%20C40%2010%2070%2035%20160%2018'%20stroke='%23a66a35'%20stroke-width='5'%20fill='none'%3e%3c/path%3e%3cpath%20d='M0%2052%20C50%2072%2090%2035%20160%2058'%20stroke='%236f3f1d'%20stroke-width='4'%20fill='none'%3e%3c/path%3e%3ccircle%20cx='35'%20cy='38'%20r='10'%20fill='none'%20stroke='%236f3f1d'%20stroke-width='3'%3e%3c/circle%3e%3ccircle%20cx='115'%20cy='42'%20r='13'%20fill='none'%20stroke='%23a66a35'%20stroke-width='3'%3e%3c/circle%3e%3c/svg%3e") 30 round;border-radius:22px;overflow:hidden;background:#7c4a21}.boardTitle{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#111827;color:#facc15;font-weight:900;letter-spacing:1px}.boardDeckCounter{color:#facc15;font-size:14px}.trackMat{position:relative;overflow:hidden;background-image:linear-gradient(to bottom,#ffffff14 0% 25%,#00000014 25% 50%,#ffffff14 50% 75%,#00000014 75%),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3e%3crect%20width='120'%20height='120'%20fill='%232f6b27'%3e%3c/rect%3e%3cpath%20d='M10%2020%20C20%205%2030%2030%2042%2012'%20stroke='%233f8a33'%20stroke-width='4'%20fill='none'%3e%3c/path%3e%3cpath%20d='M70%2035%20C82%2020%2090%2050%20106%2028'%20stroke='%233f8a33'%20stroke-width='4'%20fill='none'%3e%3c/path%3e%3cpath%20d='M20%2085%20C35%2070%2046%20105%2062%2082'%20stroke='%233f8a33'%20stroke-width='4'%20fill='none'%3e%3c/path%3e%3cpath%20d='M80%2095%20C90%2080%20102%20110%20116%2088'%20stroke='%233f8a33'%20stroke-width='4'%20fill='none'%3e%3c/path%3e%3c/svg%3e");background-size:auto,120px 120px}.boardLane{display:grid;grid-template-columns:70px repeat(14,minmax(0,1fr));min-height:96px;border-bottom:3px solid rgba(255,255,255,.35)}.boardLane:last-child{border-bottom:none}.laneNamePlate{display:grid;place-items:center;border-right:4px solid rgba(255,255,255,.35);background:#0f172abf;color:#fff;font-size:13px;font-weight:900}.boardSpace{position:relative;min-width:0;height:96px;border-left:1px dashed rgba(255,255,255,.18)}.boardSpace:after{content:"";position:absolute;inset:8px;border-radius:12px;background:#ffffff09}.hiddenSpace{background:repeating-linear-gradient(45deg,#78787899,#78787899 8px,#b4b4b473 8px 16px)}.hiddenSpace:before{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:#0f172aa6}.foldBoundary{border-left:6px solid white}.spaceStar{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#facc15;font-size:34px;text-shadow:0 2px 2px black,0 0 8px rgba(250,204,21,.7)}.startFlag{position:absolute;bottom:5px;left:50%;z-index:4;transform:translate(-50%);border-radius:6px;padding:2px 5px;background:#111827;color:#fff;font-size:10px;font-weight:900}.finishGate{position:absolute;top:0;right:0;bottom:0;z-index:4;width:22px;background:repeating-linear-gradient(45deg,#fff,#fff 7px,#000 7px 14px);color:#ef4444;font-size:10px;font-weight:900;text-align:center;writing-mode:vertical-rl}.mascotStack{position:absolute;inset:0;z-index:3}.mascot{position:absolute;object-fit:contain;transform-origin:center;transition:transform .25s ease,left .2s ease,top .2s ease,width .2s ease,height .2s ease,opacity .25s ease,filter .22s ease}.mascotCount1{top:1%;left:1%;width:98%;height:98%}.mascotCount2{top:11%;width:78%;height:78%}.mascotCount2.mascotIndex0{left:-6%}.mascotCount2.mascotIndex1{left:28%}.mascotCount3{width:64%;height:64%}.mascotCount3.mascotIndex0{top:0%;left:0%}.mascotCount3.mascotIndex1{top:0%;left:36%}.mascotCount3.mascotIndex2{top:36%;left:18%}.mascotCount4{width:56%;height:56%}.mascotCount4.mascotIndex0{top:0%;left:0%}.mascotCount4.mascotIndex1{top:0%;left:44%}.mascotCount4.mascotIndex2{top:44%;left:0%}.mascotCount4.mascotIndex3{top:44%;left:44%}.mascot.turnedAround{transform:scaleX(-1)}.mascot.fallen{transform:rotate(90deg)}.mascot.turnedAround.fallen{transform:scaleX(-1) rotate(90deg)}.mascot.dq{opacity:.45;filter:grayscale(1)}.podiumPanel{margin-top:18px;border:4px solid #334155;border-radius:18px;padding:12px;background:#111827}.podiumPanel h3{margin-top:0;color:#facc15;text-align:center}.podiumSteps{display:flex;flex-direction:column;gap:8px}.podiumPlace{min-height:82px;border:2px solid #475569;border-radius:12px;padding:6px;background:#1f2937}.place1{background:linear-gradient(135deg,#facc15,#92400e)}.place2{background:linear-gradient(135deg,#e5e7eb,#64748b)}.place3{background:linear-gradient(135deg,#fb923c,#7c2d12)}.place4{background:#334155}.placeLabel{color:#fff;font-weight:900;text-shadow:0 1px 2px black}.podiumRacers{display:flex;flex-wrap:wrap;gap:4px}.podiumRacer{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:4px;width:100%;border-radius:8px;padding:3px;background:#0f172abf;color:#fff;font-size:10px}.podiumRacer img{width:34px;height:34px;object-fit:contain}.podiumRacer strong{color:#fecaca}.racerLayer{position:absolute;inset:0 0 0 70px;z-index:6;pointer-events:none}.racerToken{--racer-position: 0;--racer-lane: 0;position:absolute;top:0;left:0;width:calc(100% / 14);height:25%;transform:translate(calc(var(--racer-position) * 100%)) translateY(calc(var(--racer-lane) * 100%));transition:transform .18s cubic-bezier(.22,.78,.24,1),opacity .22s ease,filter .22s ease;will-change:transform,opacity,filter}.racerToken .mascot{position:absolute;object-fit:contain;transform-origin:center;transition:transform .38s cubic-bezier(.22,.78,.24,1),left .22s ease,top .22s ease,width .22s ease,height .22s ease,opacity .22s ease,filter .22s ease}.boardAnimating .boardDeckCounter:before{content:"LIVE  ";color:#22c55e;animation:boardLivePulse .9s ease-in-out infinite}.racerAnimatingMove,.racerCardAffected{filter:drop-shadow(0 0 8px rgba(250,204,21,.85)) drop-shadow(0 0 16px rgba(250,204,21,.5))}.racerGreenAffected{filter:drop-shadow(0 0 8px rgba(250,204,21,.85)) drop-shadow(0 0 16px rgba(250,204,21,.5));animation:greenCardAffectedGlow .52s ease-in-out}.racerAnimatingCrawl .mascot{animation:mascotCrawl .42s ease-in-out}.racerAnimatingSwerve .mascot{animation:mascotSwerve .44s ease-in-out}.racerAnimatingFall .mascot{animation:mascotImpact .42s ease-out}.racerAnimatingRecover .mascot{animation:mascotRecover .42s ease-out}.racerAnimatingTurn .mascot{animation:mascotTurn .42s ease-in-out}.racerAnimatingHit .mascot{animation:mascotCollisionAttacker .42s cubic-bezier(.18,.75,.22,1)}.racerAnimatingCollision .mascot{animation:mascotCollisionVictim .48s cubic-bezier(.18,.75,.22,1)}.racerAnimatingFinish{z-index:20;animation:mascotFinishExit .72s cubic-bezier(.16,.78,.22,1) forwards}.racerAnimatingFinish:before{content:"";position:absolute;top:24%;right:40%;left:-140%;height:52%;border-radius:999px;background:linear-gradient(to right,transparent,rgba(255,255,255,.18),rgba(250,204,21,.82));filter:blur(5px);animation:finishSpeedStreak .72s ease-out forwards}.racerAnimatingFinish .mascot{animation:finishMascotPop .72s ease-out forwards}.racerFinishSparkles{position:absolute;inset:-18px;pointer-events:none}.racerFinishSparkles i{position:absolute;width:9px;height:9px;background:#facc15;clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);animation:finishSparkleBurst .68s ease-out forwards}.racerFinishSparkles i:nth-child(1){top:4%;left:14%;--sparkle-x: -20px;--sparkle-y: -25px}.racerFinishSparkles i:nth-child(2){top:-4%;right:12%;--sparkle-x: 20px;--sparkle-y: -30px;animation-delay:70ms}.racerFinishSparkles i:nth-child(3){bottom:6%;left:2%;--sparkle-x: -24px;--sparkle-y: 22px;animation-delay:.13s}.racerFinishSparkles i:nth-child(4){right:-2%;bottom:4%;--sparkle-x: 26px;--sparkle-y: 20px;animation-delay:.19s}.racerAnimatingDq{z-index:20;animation:mascotDqExit .76s cubic-bezier(.32,.1,.24,1) forwards}.racerAnimatingDq .mascot{animation:dqMascotSpin .76s ease-in forwards}.racerDqSmoke{position:absolute;inset:0;pointer-events:none}.racerDqSmoke i{position:absolute;top:44%;left:44%;width:24px;height:24px;border-radius:999px;background:#cbd5e1c7;filter:blur(2px);animation:dqSmokePuff .72s ease-out forwards}.racerDqSmoke i:nth-child(1){--smoke-x: -34px;--smoke-y: -48px}.racerDqSmoke i:nth-child(2){--smoke-x: 6px;--smoke-y: -62px;animation-delay:90ms}.racerDqSmoke i:nth-child(3){--smoke-x: 38px;--smoke-y: -42px;animation-delay:.17s}.boardFrame:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0}.boardReshuffling .boardFrame{animation:boardReshuffleShake .65s ease-in-out}.boardReshuffling .boardFrame:after{opacity:1;background:radial-gradient(circle at center,rgba(56,189,248,.25),transparent 65%);animation:boardReshuffleFlash .65s ease-in-out}.boardFolding .trackMat{animation:trackFoldImpact .65s cubic-bezier(.2,.75,.25,1)}.boardFolding .boardFrame:after{opacity:1;background:linear-gradient(to right,rgba(148,163,184,.42),transparent 55%);animation:boardFoldSweep .65s ease-out}.boardFinishEvent .boardFrame:after{opacity:1;background:radial-gradient(circle at 90% 50%,rgba(250,204,21,.55),transparent 38%);animation:finishLineCelebration .72s ease-out}.boardDqEvent .boardFrame:after{opacity:1;background:repeating-linear-gradient(-45deg,rgba(239,68,68,.24),rgba(239,68,68,.24) 12px,transparent 12px,transparent 24px);animation:dqBoardFlash .76s ease-out}.podiumPlaceOccupied{animation:podiumPlaceFlash .62s ease-out}.podiumRacer{opacity:0;transform-origin:center bottom;animation:podiumRacerEntrance .62s cubic-bezier(.16,.82,.24,1) var( --podium-entry-delay, 0ms ) forwards}.podiumRacerWinner{overflow:visible;border:1px solid rgba(250,204,21,.72);box-shadow:0 0 16px #facc155c;animation:podiumRacerEntrance .62s cubic-bezier(.16,.82,.24,1) var( --podium-entry-delay, 0ms ) forwards,podiumWinnerPulse 1.6s .76s ease-in-out infinite}.podiumRacerWinner img{animation:podiumWinnerMascotBounce 1.8s .76s ease-in-out infinite}.podiumWinnerSparkles{display:none;position:absolute;inset:-7px;pointer-events:none}.podiumRacerWinner .podiumWinnerSparkles{display:block}.podiumWinnerSparkles i{position:absolute;width:5px;height:5px;border-radius:999px;background:#facc15;box-shadow:0 0 8px #facc15e0;animation:podiumWinnerSparkle 1.3s ease-in-out infinite}.podiumWinnerSparkles i:nth-child(1){top:0;left:8%}.podiumWinnerSparkles i:nth-child(2){top:-4px;right:12%;animation-delay:.24s}.podiumWinnerSparkles i:nth-child(3){right:2%;bottom:2%;animation-delay:.48s}.podiumWinnerSparkles i:nth-child(4){bottom:-3px;left:18%;animation-delay:.72s}@keyframes boardLivePulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes mascotCrawl{0%,to{transform:translateY(0)}35%{transform:translateY(8%) rotate(3deg)}70%{transform:translateY(-4%) rotate(-2deg)}}@keyframes mascotSwerve{0%,to{filter:brightness(1)}45%{filter:brightness(1.35)}}@keyframes mascotImpact{0%{filter:brightness(1)}25%{filter:brightness(1.7)}55%{filter:brightness(.8)}to{filter:brightness(1)}}@keyframes mascotRecover{0%{filter:brightness(.75)}55%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes mascotTurn{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}@keyframes mascotCollisionAttacker{0%,to{transform:translate(0) scale(1);filter:brightness(1)}35%{transform:translate(12%) scaleX(1.13) scaleY(.88);filter:brightness(1.35)}65%{transform:translate(-4%) scaleX(.94) scaleY(1.06)}}@keyframes mascotCollisionVictim{0%{transform:translate(0) scale(1);filter:brightness(1)}22%{transform:translate(14%) scaleX(1.18) scaleY(.8);filter:brightness(1.65)}48%{transform:translate(-8%) scaleX(.88) scaleY(1.12);filter:brightness(.8)}74%{transform:translate(4%) scale(1.04)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes mascotFinishExit{0%,72%{opacity:1}to{opacity:0}}@keyframes finishSpeedStreak{0%{opacity:0;transform:scaleX(.15);transform-origin:right center}28%{opacity:1}to{opacity:0;transform:scaleX(1.25);transform-origin:right center}}@keyframes finishMascotPop{0%{opacity:1;filter:brightness(1)}42%{opacity:1;transform:scale(1.28);filter:brightness(1.8)}72%{opacity:1;transform:scale(1.08);filter:brightness(1.35)}to{opacity:0;transform:translate(28%) scale(.84);filter:brightness(2)}}@keyframes finishSparkleBurst{0%{opacity:0;transform:translate(0) scale(.3) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(var(--sparkle-x),var(--sparkle-y)) scale(1.4) rotate(180deg)}}@keyframes mascotDqExit{0%,72%{opacity:1}to{opacity:0}}@keyframes dqMascotSpin{0%{opacity:1;transform:scale(1) rotate(0);filter:grayscale(0)}42%{opacity:1;transform:scale(1.08) rotate(170deg);filter:grayscale(.45)}to{opacity:0;transform:scale(.08) rotate(720deg);filter:grayscale(1) blur(2px)}}@keyframes dqSmokePuff{0%{opacity:.85;transform:translate(0) scale(.35)}to{opacity:0;transform:translate(var(--smoke-x),var(--smoke-y)) scale(2.2)}}@keyframes greenCardAffectedGlow{0%,to{filter:drop-shadow(0 0 6px rgba(250,204,21,.65)) drop-shadow(0 0 12px rgba(250,204,21,.35))}50%{filter:drop-shadow(0 0 11px rgba(250,204,21,1)) drop-shadow(0 0 21px rgba(250,204,21,.7))}}@keyframes boardReshuffleShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-5px) rotate(-.3deg)}40%{transform:translate(5px) rotate(.3deg)}60%{transform:translate(-3px) rotate(-.2deg)}80%{transform:translate(3px) rotate(.2deg)}}@keyframes boardReshuffleFlash{0%,to{opacity:0}45%{opacity:1}}@keyframes trackFoldImpact{0%{transform:scaleX(1);filter:brightness(1)}45%{transform:scaleX(.975);filter:brightness(1.35)}to{transform:scaleX(1);filter:brightness(1)}}@keyframes boardFoldSweep{0%{opacity:0;transform:translate(-100%)}45%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes finishLineCelebration{0%{opacity:0;transform:scale(.8)}45%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}@keyframes dqBoardFlash{0%,to{opacity:0}35%,65%{opacity:1}}@keyframes podiumPlaceFlash{0%{filter:brightness(1)}46%{filter:brightness(1.65)}to{filter:brightness(1)}}@keyframes podiumRacerEntrance{0%{opacity:0;transform:translateY(-42px) scale(.68) rotate(-7deg)}58%{opacity:1;transform:translateY(5px) scale(1.12) rotate(2deg)}78%{transform:translateY(-3px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes podiumWinnerPulse{0%,to{box-shadow:0 0 9px #facc154d}50%{box-shadow:0 0 20px #facc15b8}}@keyframes podiumWinnerMascotBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}@keyframes podiumWinnerSparkle{0%,to{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1.45)}}@media (prefers-reduced-motion: reduce){.racerToken,.racerToken .mascot{transition-duration:1ms}.boardAnimating .boardDeckCounter:before{animation:none}.boardReshuffling .boardFrame,.boardReshuffling .boardFrame:after,.boardFolding .trackMat,.boardFolding .boardFrame:after,.boardFinishEvent .boardFrame:after,.boardDqEvent .boardFrame:after,.racerGreenAffected,.racerAnimatingCrawl .mascot,.racerAnimatingSwerve .mascot,.racerAnimatingFall .mascot,.racerAnimatingRecover .mascot,.racerAnimatingTurn .mascot,.racerAnimatingHit .mascot,.racerAnimatingCollision .mascot,.racerAnimatingFinish,.racerAnimatingFinish:before,.racerAnimatingFinish .mascot,.racerFinishSparkles i,.racerAnimatingDq,.racerAnimatingDq .mascot,.racerDqSmoke i,.podiumPlaceOccupied,.podiumRacer,.podiumRacerWinner,.podiumRacerWinner img,.podiumWinnerSparkles i{animation-duration:1ms!important;animation-iteration-count:1!important}}.raceCardView{position:relative;display:grid;grid-template-rows:30px minmax(0,1fr) auto;gap:7px;min-width:0;min-height:0;border:4px solid transparent;border-radius:16px;padding:10px;box-sizing:border-box;overflow:hidden;color:#f8fafc;text-align:left;cursor:pointer;box-shadow:0 12px 28px #00000047;transition:transform .18s ease,border-color .18s ease,opacity .18s ease,filter .18s ease}.raceCardView:hover:not(:disabled){transform:translateY(-3px)}.raceCardFull{width:210px;height:286px;min-width:210px;max-width:210px;min-height:286px;max-height:286px}.raceCardCompact{width:168px;height:228px;min-width:168px;max-width:168px;min-height:228px;max-height:228px;grid-template-rows:24px minmax(0,1fr) auto;gap:5px;padding:7px}.raceCardLion{background:linear-gradient(145deg,#4c1d6f,#241038)}.raceCardHotdog{background:linear-gradient(145deg,#ea580c,#7c2d12)}.raceCardFish{background:linear-gradient(145deg,#0284c7,#0c4a6e)}.raceCardQueen{background:linear-gradient(145deg,#be123c,#4c0519)}.raceCardGreen{background:linear-gradient(145deg,#16a34a,#14532d)}.raceCardSelected{border-color:#facc15;transform:translateY(-4px)}.raceCardDisabled{opacity:.42;cursor:not-allowed;filter:grayscale(.55)}.raceCardHeader{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;text-align:center}.raceCardOwner{display:block;max-width:100%;font-size:13px;font-weight:900;line-height:1.05;letter-spacing:.1em;text-align:center;overflow-wrap:anywhere}.raceCardCompact .raceCardOwner{font-size:10px;letter-spacing:.08em}.raceCardMascotImageWrapper{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.raceCardMascotImage{display:block;width:126px;height:126px;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.3))}.raceCardCompact .raceCardMascotImage{width:92px;height:92px}.raceCardEveryoneImages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;min-width:0;min-height:0;gap:5px;padding:3px 16px 5px;box-sizing:border-box;overflow:hidden}.raceCardEveryoneImage{display:block;width:64px;height:64px;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.raceCardCompact .raceCardEveryoneImages{gap:4px;padding:2px 16px 4px}.raceCardCompact .raceCardEveryoneImage{width:40px;height:40px}.raceCardActions{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0;margin-top:0}.raceCardActionRow,.raceCardRuleBubble{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:30px;border-radius:10px;padding:7px 8px;box-sizing:border-box;background:#0f172a8c;text-align:center}.raceCardActionRow strong{display:block;max-width:100%;font-size:12px;line-height:1.1;overflow-wrap:anywhere}.raceCardThen{color:#cbd5e1;font-size:8px;line-height:1;letter-spacing:.14em}.raceCardRuleBubble{min-height:26px;color:#dcfce7;font-size:8px;font-weight:900;line-height:1.1;letter-spacing:.04em;overflow-wrap:anywhere}.raceCardCompact .raceCardActions{gap:4px}.raceCardCompact .raceCardActionRow,.raceCardCompact .raceCardRuleBubble{border-radius:8px;padding:5px 6px}.raceCardCompact .raceCardActionRow{min-height:28px}.raceCardCompact .raceCardRuleBubble{min-height:22px}.raceCardCompact .raceCardActionRow strong{font-size:10px}.raceCardCompact .raceCardThen{font-size:6px}.raceCardCompact .raceCardRuleBubble{font-size:6px;line-height:1.05}.raceCardView:has(.raceCardActionRow:nth-child(2)) .raceCardActionRow{padding-top:6px;padding-bottom:6px}.raceCardCompact:has(.raceCardActionRow:nth-child(2)) .raceCardActionRow{min-height:25px;padding-top:4px;padding-bottom:4px}@media (max-width: 700px){.raceCardFull{width:184px;height:252px;min-width:184px;max-width:184px;min-height:252px;max-height:252px}.raceCardCompact{width:150px;height:204px;min-width:150px;max-width:150px;min-height:204px;max-height:204px;padding:6px}.raceCardCompact .raceCardMascotImage{width:78px;height:78px}.raceCardCompact .raceCardEveryoneImage{width:34px;height:34px}.raceCardCompact .raceCardActionRow{min-height:25px}.raceCardCompact .raceCardRuleBubble{min-height:20px}.raceCardCompact .raceCardActionRow strong{font-size:8px}.raceCardCompact .raceCardRuleBubble{font-size:5.5px}}@media (prefers-reduced-motion: reduce){.raceCardView{transition-duration:1ms}}.betTicket{width:320px;overflow:hidden;border:3px solid #475569;border-radius:18px;background:#172033;color:#f8fafc;box-shadow:0 14px 32px #0000004d}.betTicketHeader{padding:12px 14px;background:#0f172ad9}.mascotBetTicketHeader{position:relative;display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;min-height:104px;gap:8px}.mascotBetTicketHeader span{justify-self:start;font-size:14px;font-weight:900;letter-spacing:.1em}.mascotBetTicketHeader strong{justify-self:end;text-align:right;font-size:13px}.betTicketMascotImage{justify-self:center;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.35))}.sideBetTicket .betTicketHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.sideBetTicket .betTicketHeader span{font-size:14px;font-weight:900;letter-spacing:.1em}.sideBetTicket .betTicketHeader strong{font-size:13px}.mascotTicketLion{border-color:#7e22ce;background:linear-gradient(145deg,#4c1d6f8c,#241038b3),#172033}.mascotTicketHotdog{border-color:#f97316;background:linear-gradient(145deg,#ea580c59,#7c2d128c),#172033}.mascotTicketFish{border-color:#0ea5e9;background:linear-gradient(145deg,#0284c759,#0c4a6e8c),#172033}.mascotTicketQueen{border-color:#e11d48;background:linear-gradient(145deg,#be123c59,#4c05198c),#172033}.sideBetAnswerYES{border-color:#22c55e}.sideBetAnswerNO{border-color:#ef4444}.ticketSides{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.ticketSide{display:flex;flex-direction:column;gap:10px;min-height:132px;margin:0;padding:10px;background:#0f172a;color:#f8fafc;border:3px solid transparent;border-radius:12px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,opacity .18s ease,box-shadow .18s ease}button.ticketSide:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-2px)}.ticketSideSelected{border-color:#facc15;box-shadow:0 0 0 2px #facc152e}.ticketSide:disabled{opacity:.45;cursor:not-allowed}.ticketSideLabel{font-size:12px;font-weight:900;letter-spacing:.12em}.ticketSideStatic{cursor:inherit;pointer-events:none}.ticketSideStatic:hover{border-color:transparent;transform:none}.ticketSideStatic.ticketSideSelected{border-color:#facc15}.payoutTable,.sidePayoutTable{display:flex;flex-direction:column;gap:7px}.payoutTable div,.sidePayoutTable div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#1e293b}.payoutTable span,.sidePayoutTable span{color:#cbd5e1;font-size:12px}.payoutTable strong,.sidePayoutTable strong{color:#facc15}.sideBetQuestion{min-height:72px;margin:0;padding:14px;line-height:1.35;background:#0f172a59}.publicRaceDeck{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.publicRaceDeck>h3{margin:0}.publicRaceDeckColumns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px;width:100%;min-width:0}.publicRaceDeckColumn{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;border:2px solid #334155;border-radius:14px;padding:10px;box-sizing:border-box;background:#0f172a}.publicRaceDeckColumn>header{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;min-height:38px;margin-bottom:10px;text-align:center}.publicRaceDeckColumn>header strong{display:block;width:100%;max-width:100%;font-size:12px;line-height:1.15;letter-spacing:.08em;overflow-wrap:anywhere}.publicRaceDeckColumn>header span{color:#94a3b8;font-size:11px;line-height:1.2}.publicRaceDeckColumnLION{border-color:#7e22ce}.publicRaceDeckColumnHOTDOG{border-color:#f97316}.publicRaceDeckColumnFISH{border-color:#0ea5e9}.publicRaceDeckColumnQUEEN{border-color:#e11d48}.publicRaceDeckColumnGREEN{border-color:#22c55e}.publicRaceDeckCardList{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0}.publicRaceDeckCard{width:min(100%,168px);height:228px;min-width:0;max-width:168px;min-height:228px;max-height:228px;margin-right:auto;margin-left:auto;box-sizing:border-box;pointer-events:none;user-select:none}.publicRaceDeckCard>.raceCardView{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;box-sizing:border-box}.emptyDeckColumn{width:100%;margin:8px 0;color:#64748b;font-size:12px;text-align:center}@media (max-width: 1450px){.publicRaceDeckColumns{gap:9px}.publicRaceDeckColumn{padding:8px}.publicRaceDeckCard{max-width:150px;height:204px;min-height:204px;max-height:204px}}@media (max-width: 1050px){.publicRaceDeckColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.publicRaceDeckCard{width:min(100%,168px);max-width:168px;height:228px;min-height:228px;max-height:228px}}@media (max-width: 720px){.publicRaceDeckColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.publicRaceDeckCard{width:min(100%,150px);max-width:150px;height:204px;min-height:204px;max-height:204px}}@media (max-width: 460px){.publicRaceDeckColumns{grid-template-columns:1fr}.publicRaceDeckCard{width:150px;max-width:150px}}.privateHand{display:flex;flex-direction:column;gap:14px;width:100%}.privateHandHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.privateHandHeader h3,.privateHandHeader h4{margin:0}.privateHandHeader>span{color:#94a3b8;font-size:13px;font-weight:800}.privateHandCards{display:grid;grid-template-columns:repeat(auto-fit,205px);justify-content:center;align-items:start;gap:22px;width:100%}.privateHandCard{position:relative;display:flex;justify-content:center;align-items:center;width:205px;height:275px;min-width:205px;max-width:205px;min-height:275px;max-height:275px;margin:0;border:4px solid transparent;border-radius:18px;box-sizing:border-box;cursor:pointer;transition:transform .16s ease,border-color .16s ease,filter .16s ease,opacity .16s ease}.privateHandCard:hover:not(.privateHandCardDisabled){transform:translateY(-4px);border-color:#94a3b8}.privateHandCard:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.privateHandCard>.raceCardView{transform:scale(1.22);transform-origin:center;pointer-events:none;user-select:none}.privateHandCardSelected{transform:translateY(-6px);border-color:#facc15;filter:drop-shadow(0 0 9px rgba(250,204,21,.72))}.privateHandCardSelected:hover:not(.privateHandCardDisabled){transform:translateY(-7px);border-color:#facc15}.privateHandCardDisabled{cursor:default}.privateHandCardDisabled:hover{transform:none;border-color:transparent}.privateHandCardSubmitted{opacity:.7}.privateHandEmpty{margin:0;color:#94a3b8;text-align:center}@media (max-width: 700px){.privateHandCards{grid-template-columns:repeat(auto-fit,180px);gap:12px}.privateHandCard{width:180px;height:242px;min-width:180px;max-width:180px;min-height:242px;max-height:242px}.privateHandCard>.raceCardView{transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){.privateHandCard{transition-duration:1ms}}.bettingPhase{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.draftStatus{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #334155;border-radius:12px;padding:12px 16px;background:#0f172a}.draftStatus h3{margin:0}.draftStatus strong{color:#facc15}.currentSideBetQuestion{border:1px solid #334155;border-radius:12px;padding:14px;background:#0f172a}.availableTicketSection{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.availableTicketSection>h3{margin:0 0 4px}.availableTicketGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;min-width:0}.availableTicketGrid>.betTicket{width:100%;min-width:0;max-width:none;box-sizing:border-box;margin:0}.availableTicketGrid .betTicketHeader{min-width:0;box-sizing:border-box}.availableTicketGrid .mascotBetTicketHeader{grid-template-columns:minmax(0,1fr) minmax(64px,82px) minmax(0,1fr);gap:6px;min-height:96px;padding:10px 12px}.availableTicketGrid .mascotBetTicketHeader span,.availableTicketGrid .mascotBetTicketHeader strong{min-width:0;overflow-wrap:anywhere}.availableTicketGrid .mascotBetTicketHeader span{font-size:12px}.availableTicketGrid .mascotBetTicketHeader strong{font-size:11px}.availableTicketGrid .betTicketMascotImage{width:76px;height:76px;max-width:100%;object-fit:contain}.availableTicketGrid .sideBetTicket .betTicketHeader{align-items:flex-start;min-height:58px}.availableTicketGrid .sideBetTicket .betTicketHeader span,.availableTicketGrid .sideBetTicket .betTicketHeader strong{min-width:0;font-size:12px;overflow-wrap:anywhere}.availableTicketGrid .sideBetQuestion{min-height:68px;padding:12px;box-sizing:border-box;font-size:13px}.availableTicketGrid .ticketSides{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;box-sizing:border-box}.availableTicketGrid .ticketSide{min-width:0;min-height:124px;gap:8px;padding:9px;box-sizing:border-box}.availableTicketGrid .ticketSideLabel{font-size:11px}.availableTicketGrid .payoutTable div,.availableTicketGrid .sidePayoutTable div{min-width:0;gap:5px;padding:6px 7px;box-sizing:border-box}.availableTicketGrid .payoutTable span,.availableTicketGrid .sidePayoutTable span{min-width:0;font-size:11px;overflow-wrap:anywhere}.availableTicketGrid .payoutTable strong,.availableTicketGrid .sidePayoutTable strong{flex-shrink:0;font-size:12px}@media (max-width: 1250px){.availableTicketGrid{gap:12px}.availableTicketGrid .mascotBetTicketHeader{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);min-height:82px;padding:8px 9px}.availableTicketGrid .betTicketMascotImage{width:60px;height:60px}.availableTicketGrid .mascotBetTicketHeader span,.availableTicketGrid .mascotBetTicketHeader strong{font-size:10px}.availableTicketGrid .ticketSides{gap:6px;padding:7px}.availableTicketGrid .ticketSide{min-height:116px;padding:7px}}@media (max-width: 900px){.availableTicketGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 580px){.draftStatus{flex-direction:column;align-items:flex-start}.availableTicketGrid{grid-template-columns:minmax(0,1fr)}.availableTicketGrid .mascotBetTicketHeader{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);min-height:96px}.availableTicketGrid .betTicketMascotImage{width:76px;height:76px}.availableTicketGrid .mascotBetTicketHeader span,.availableTicketGrid .mascotBetTicketHeader strong{font-size:12px}}.currentSideBetCard{margin-top:18px;overflow:hidden;border:3px solid #64748b;border-radius:16px;background:#0f172a}.currentSideBetCard header{padding:10px;background:#1e293b;color:#facc15;font-weight:900;text-align:center;text-transform:uppercase}.currentSideBetAnswers{display:grid;grid-template-columns:1fr 1fr}.currentSideBetAnswers span{padding:9px;font-weight:900;text-align:center}.sideBetYes{background:#15803d}.sideBetNo{background:#b91c1c}.currentSideBetCard p{margin:0;padding:14px;line-height:1.4}.draftedTicketChoice{display:flex;flex-direction:column;gap:8px;width:fit-content;border:4px solid transparent;border-radius:20px;padding:6px;cursor:pointer;outline:none;transition:border-color .16s ease,transform .16s ease,opacity .16s ease,box-shadow .16s ease}.draftedTicketChoice:hover,.draftedTicketChoice:focus-visible{border-color:#94a3b8;transform:translateY(-2px)}.draftedTicketChoiceSelected{border-color:#facc15;box-shadow:0 0 0 3px #facc152e}.draftedTicketChoiceDisabled{cursor:default;opacity:.65}.draftedTicketChoiceFooter{border-radius:10px;padding:10px;background:#0f172a;color:#facc15;text-align:center;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.draftedTicketIcon{position:relative;width:58px;min-height:72px;display:grid;place-items:center;gap:1px;padding:4px;border:2px solid #475569;border-radius:9px;color:#fff;font-size:9px;text-transform:uppercase}.draftedTicketIcon img{width:32px;height:32px;object-fit:contain}.draftedTicketIcon span,.draftedTicketIcon strong{font-size:8px}.draftedTicketIcon b{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#facc15;color:#111827;font-size:12px}.draftedTicketLION{background:#3b185f}.draftedTicketHOTDOG{background:#9a3412}.draftedTicketFISH{background:#075985}.draftedTicketQUEEN{background:#881337}.draftedTicketAnswerYES{background:#15803d}.draftedTicketAnswerNO{background:#b91c1c}.draftedTicketAnswer{font-size:13px;font-weight:900}.payoutSummary{display:flex;flex-direction:column;gap:16px;width:100%}.payoutSummaryHeader{display:flex;justify-content:space-between;align-items:center;gap:14px}.payoutSummaryHeader span{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.payoutSummaryHeader h3{margin:4px 0 0;color:#facc15}.sideBetResult{border-radius:10px;padding:10px 14px;color:#fff}.sideBetResultYes{background:#15803d}.sideBetResultNo{background:#b91c1c}.payoutSideBetQuestion{margin:0;border:1px solid #334155;border-radius:12px;padding:14px;background:#0f172a;line-height:1.4}.playerPayoutList{display:flex;flex-direction:column;gap:14px}.playerPayoutCard{overflow:hidden;border:2px solid #334155;border-radius:14px;background:#0f172a}.playerPayoutCardMe{border-color:#facc15}.playerPayoutCard>header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#1e293b}.moneyProgression{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;color:#cbd5e1;font-size:13px}.ticketPayoutList{display:flex;flex-direction:column;gap:7px;padding:0 10px 10px}.ticketPayoutRow{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:10px;padding:10px}.ticketPayoutRow>div{display:flex;flex-direction:column;gap:3px}.ticketPayoutRow span{font-size:11px;color:#cbd5e1}.ticketPayoutCorrect{background:#22c55e1f}.ticketPayoutIncorrect{background:#ef44441f}.positivePayout{color:#86efac}.negativePayout{color:#fca5a5}@media (max-width: 650px){.payoutSummaryHeader{align-items:stretch;flex-direction:column}.moneyProgression{flex-direction:column}}.animatedCurrentCard{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px;border:1px solid #334155;border-radius:16px;padding:16px;overflow:hidden;background:radial-gradient(circle at center,rgba(250,204,21,.09),transparent 55%),#0f172a}.animatedCurrentCardLabel{color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.animatedCurrentCardStage{position:relative;width:210px;height:286px;min-width:210px;max-width:210px;min-height:286px;max-height:286px;perspective:1100px}.animatedCurrentCardCompact .animatedCurrentCardStage{width:168px;height:228px;min-width:168px;max-width:168px;min-height:228px;max-height:228px}.animatedCurrentCardBack,.animatedCurrentCardFront{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:18px;backface-visibility:hidden;transform-style:preserve-3d}.animatedCurrentCardBack{flex-direction:column;border:5px solid #facc15;box-sizing:border-box;background:repeating-linear-gradient(45deg,#111827,#111827 12px,#1e293b 12px 24px);color:#facc15;text-align:center;transform:rotateY(0)}.animatedCurrentCardBack strong{font-size:20px;letter-spacing:.08em}.animatedCurrentCardBack span{margin-top:8px;color:#cbd5e1;font-size:11px;font-weight:900;letter-spacing:.12em}.animatedCurrentCardFront{transform:rotateY(180deg)}.animatedCurrentCardRaceCard{display:grid;place-items:stretch;width:100%;height:100%;box-sizing:border-box;pointer-events:none;user-select:none}.animatedCurrentCardRaceCard>.raceCardView{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0;box-sizing:border-box}.animatedCurrentCardRaceCard .raceCardMascotImage{width:104px;height:104px}.animatedCurrentCardRaceCard .raceCardEveryoneImages{padding-right:14px;padding-left:14px}.animatedCurrentCardRaceCard .raceCardEveryoneImage{width:48px;height:48px}.animatedCurrentCardCompact .animatedCurrentCardRaceCard .raceCardMascotImage{width:74px;height:74px}.animatedCurrentCardCompact .animatedCurrentCardRaceCard .raceCardEveryoneImage{width:32px;height:32px}.animatedCurrentCardFallback{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;border:4px solid #64748b;border-radius:16px;padding:18px;box-sizing:border-box;background:#f8fafc;color:#111827;text-align:center}.animatedCurrentCardFallback span{color:#475569;font-size:12px;font-weight:900;letter-spacing:.08em}.animatedCurrentCardFallback strong{font-size:18px}.animatedCurrentCardEntering .animatedCurrentCardStage{animation:currentCardStageEntrance .52s cubic-bezier(.18,.8,.22,1)}.animatedCurrentCardEntering .animatedCurrentCardBack{animation:currentCardBackFlip .52s cubic-bezier(.18,.8,.22,1) forwards}.animatedCurrentCardEntering .animatedCurrentCardFront{animation:currentCardFrontFlip .52s cubic-bezier(.18,.8,.22,1) forwards}.animatedCurrentCardRevealed .animatedCurrentCardBack{transform:rotateY(-180deg)}.animatedCurrentCardRevealed .animatedCurrentCardFront{transform:rotateY(0)}.animatedCurrentCardHidden .animatedCurrentCardBack{display:none}.animatedCurrentCardHidden .animatedCurrentCardFront{transform:rotateY(0)}@keyframes currentCardStageEntrance{0%{opacity:0;transform:translateY(-36px) scale(.82) rotate(-4deg)}65%{opacity:1;transform:translateY(4px) scale(1.04) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes currentCardBackFlip{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes currentCardFrontFlip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@media (max-width: 700px){.animatedCurrentCardStage{width:184px;height:252px;min-width:184px;max-width:184px;min-height:252px;max-height:252px}.animatedCurrentCardCompact .animatedCurrentCardStage{width:150px;height:204px;min-width:150px;max-width:150px;min-height:204px;max-height:204px}.animatedCurrentCardRaceCard .raceCardMascotImage{width:90px;height:90px}.animatedCurrentCardRaceCard .raceCardEveryoneImage{width:40px;height:40px}.animatedCurrentCardCompact .animatedCurrentCardRaceCard .raceCardMascotImage{width:64px;height:64px}.animatedCurrentCardCompact .animatedCurrentCardRaceCard .raceCardEveryoneImage{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.animatedCurrentCardEntering .animatedCurrentCardStage,.animatedCurrentCardEntering .animatedCurrentCardBack,.animatedCurrentCardEntering .animatedCurrentCardFront{animation-duration:1ms!important}}.raceCountdownOverlay{position:absolute;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;border-radius:18px;pointer-events:none;background:#020617a8;backdrop-filter:blur(2px)}.raceCountdownBurnedCards{position:absolute;top:20px;left:50%;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translate(-50%)}.raceCountdownBurnLabel{border-radius:999px;padding:6px 12px;background:#0f172af0;color:#f8fafc;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.raceCountdownCardList{display:flex;justify-content:center;align-items:center;gap:12px;min-height:178px}.raceCountdownCard{position:relative;width:122px;height:170px;transform-origin:center bottom;opacity:1;transition:opacity .12s linear}.raceCountdownCard1{transform:rotate(-7deg)}.raceCountdownCard2{transform:translateY(-8px)}.raceCountdownCard3{transform:rotate(7deg)}.raceCountdownCardBack{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;border:5px solid #facc15;border-radius:15px;background:repeating-linear-gradient(45deg,#111827,#111827 11px,#1e293b 11px 22px);box-shadow:0 12px 28px #00000094;color:#facc15;text-align:center}.raceCountdownCardBack strong{font-size:18px;font-weight:1000;letter-spacing:.09em}.raceCountdownCardBack span{margin-top:4px;color:#f8fafc;font-size:12px;font-weight:900;letter-spacing:.14em}.raceCountdownCardDiscarding{animation:countdownCardDiscard .7s cubic-bezier(.18,.72,.2,1) forwards}.raceCountdownCardDiscarded{visibility:hidden;opacity:0}.raceCountdownValue{color:#fff;font-size:clamp(120px,24vw,320px);font-weight:1000;line-height:.85;letter-spacing:-.06em;text-shadow:0 6px 20px rgba(0,0,0,.82),0 0 35px rgba(255,255,255,.45);animation:countdownValueDisappear .7s cubic-bezier(.15,.75,.25,1) both}.raceCountdownGo{color:#fff;font-size:clamp(100px,20vw,260px);letter-spacing:-.03em}@keyframes countdownCardDiscard{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}30%{opacity:1;transform:translateY(-28px) scale(1.05) rotate(-2deg)}to{opacity:0;transform:translateY(-190px) scale(.72) rotate(8deg)}}@keyframes countdownValueDisappear{0%{opacity:1;transform:scale(1.35);filter:blur(0)}30%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(.38);filter:blur(3px)}}@media (max-width: 700px){.raceCountdownCard{width:84px;height:118px}.raceCountdownCardList{gap:5px;min-height:126px}.raceCountdownCardBack{border-width:4px}.raceCountdownCardBack strong{font-size:13px}.raceCountdownCardBack span{font-size:9px}}@media (prefers-reduced-motion: reduce){.raceCountdownValue,.raceCountdownCardDiscarding{animation-duration:1ms!important}}.raceCountdownPaused .raceCountdownValue,.raceCountdownPaused .raceCountdownCardDiscarding{animation-play-state:paused}.raceReplay{display:flex;flex-direction:column;gap:18px}.raceReplayHeader{display:flex;justify-content:space-between;align-items:center;gap:16px}.raceReplayHeader span,.replayPlayers>header span,.replayFinalHeader>span{color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.raceReplayHeader h3,.replayFinalHeader h3{margin:4px 0 0;color:#facc15}.replayHeaderActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.replayHeaderActions button{margin:0}.replayExportButton{background:#38bdf8;color:#082f49}.replayExitButton{background:#334155;color:#f8fafc}.replayRaceContext{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px;align-items:start}.replayPlayers{display:flex;flex-direction:column;gap:12px;border:2px solid #334155;border-radius:16px;padding:14px;background:#0f172a}.replayPlayers>header h4{margin:4px 0 0;color:#facc15}.replayPlayerList{display:flex;flex-direction:column;gap:9px}.replayPlayerCard{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #334155;border-radius:12px;padding:10px;background:#172033}.replayPlayerCard>strong{min-width:100px;overflow-wrap:anywhere}.replayPlayerTickets{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.replayProgress{align-self:flex-end;border:1px solid #334155;border-radius:999px;padding:7px 12px;background:#0f172a;color:#cbd5e1;font-size:13px}.replayProgress strong{color:#facc15}.replayControls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.replaySpeedControls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.replaySpeedControls>span{margin-right:8px;color:#cbd5e1;font-size:13px;font-weight:800}.replaySpeedControls button{min-width:52px;background:#334155;color:#f8fafc}.replaySpeedControls .replaySpeedSelected{background:#facc15;color:#111827}.replayLog{max-height:300px;overflow-y:auto;border:1px solid #334155;border-radius:12px;padding:12px;background:#0f172a}.replayLog h4{margin:0 0 8px;color:#facc15}.replayLog p{margin:0;border-bottom:1px solid rgba(51,65,85,.7);padding:8px 4px;color:#e2e8f0;line-height:1.35}.replayLog p:last-child{border-bottom:0}.replayFinalScreen{display:flex;flex-direction:column;gap:18px;border:2px solid #475569;border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(250,204,21,.08),transparent 45%),#0f172a}.replayFinalHeader{text-align:center}.replayFinalHeader p{margin:8px 0 0;color:#cbd5e1}.replayPodium{display:flex;flex-direction:column;gap:10px}.replayPodium h4{margin:0;color:#facc15;text-align:center}.replayPodiumEntries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.replayPodiumEntry{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid #475569;border-radius:12px;padding:12px 8px;background:#1e293b;text-align:center}.replayPodiumEntry strong{font-size:20px}.replayPodiumEntry span{font-weight:900}.replayPodiumEntry small{color:#cbd5e1}.replayPodiumPlace1{border-color:#facc15;background:linear-gradient(145deg,#facc1540,#1e293b)}.replayPodiumPlace2{border-color:#cbd5e1}.replayPodiumPlace3{border-color:#fb923c}.replayPodiumPlace4{border-color:#64748b}@media (max-width: 900px){.replayRaceContext{grid-template-columns:1fr}.replayPodiumEntries{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.raceReplayHeader,.replayHeaderActions{align-items:stretch;flex-direction:column}.replayHeaderActions button{width:100%}.replayProgress{align-self:flex-start}.replayPlayerCard{align-items:flex-start;flex-direction:column}.replayPlayerTickets{justify-content:flex-start}}.replayImport{display:flex;flex-direction:column;gap:4px;margin-top:14px;border-top:1px solid #334155;padding-top:14px}.replayImportInput{display:none}.replayImportButton{width:calc(100% - 12px);background:#38bdf8;color:#082f49}.replayImport p{margin:2px 6px 0;color:#94a3b8;font-size:12px;line-height:1.4;text-align:center}.confettiBlast{--confetti-page-height: 100vh;position:absolute;top:0;left:0;z-index:250;width:100%;height:var( --confetti-page-height );overflow:hidden;pointer-events:none}.confettiPiece{--confetti-left: 50%;--confetti-start-top: -24px;--confetti-delay: 0ms;--confetti-duration: 5s;--confetti-drift: 0px;--confetti-rotation: 720deg;--confetti-size: 10px;--confetti-color: #facc15;position:absolute;top:var( --confetti-start-top );left:var( --confetti-left );width:var( --confetti-size );height:calc(var( --confetti-size ) * 1.65);border-radius:2px;background:var( --confetti-color );opacity:0;animation:confettiFall var( --confetti-duration ) cubic-bezier(.18,.74,.25,1) var( --confetti-delay ) forwards;will-change:transform,opacity}.confettiPieceCircle{height:var( --confetti-size );border-radius:999px}.confettiCannon{position:fixed;bottom:18px;width:110px;height:110px;opacity:0;animation:confettiCannonFlash 1.1s ease-out forwards}.confettiCannonLeft{left:5%;transform:rotate(34deg)}.confettiCannonRight{right:5%;transform:rotate(-34deg)}.confettiCannon span{position:absolute;bottom:0;left:50%;width:26px;height:76px;transform:translate(-50%);border:4px solid #facc15;border-radius:8px 8px 18px 18px;background:linear-gradient(to top,#334155,#64748b);box-shadow:0 0 24px #facc159e}.confettiCannon:before,.confettiCannon:after{content:"";position:absolute;top:6px;left:50%;width:18px;height:65px;transform-origin:center bottom;border-radius:50%;background:linear-gradient(to top,rgba(250,204,21,.7),transparent);filter:blur(5px)}.confettiCannon:before{transform:translate(-50%) rotate(-22deg)}.confettiCannon:after{transform:translate(-50%) rotate(22deg)}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-50px,0) rotate(0) scale(.65)}5%{opacity:1}22%{transform:translate3d(calc(var( --confetti-drift ) * .28),calc(var( --confetti-page-height ) * .24),0) rotate(calc(var( --confetti-rotation ) * .28)) scale(1)}48%{opacity:1;transform:translate3d(calc(var( --confetti-drift ) * .58),calc(var( --confetti-page-height ) * .52),0) rotate(calc(var( --confetti-rotation ) * .58)) scale(.95)}76%{opacity:1;transform:translate3d(calc(var( --confetti-drift ) * .82),calc(var( --confetti-page-height ) * .8),0) rotate(calc(var( --confetti-rotation ) * .82)) scale(.85)}to{opacity:0;transform:translate3d(var( --confetti-drift ),calc(var( --confetti-page-height ) + 160px),0) rotate(var( --confetti-rotation )) scale(.68)}}@keyframes confettiCannonFlash{0%{opacity:0;filter:brightness(1)}12%{opacity:1;filter:brightness(2)}55%{opacity:1}to{opacity:0;filter:brightness(1)}}@media (max-width: 700px){.confettiCannon{width:75px;height:75px}.confettiCannon span{width:20px;height:54px}.confettiPiece{width:calc(var( --confetti-size ) * .8);height:calc(var( --confetti-size ) * 1.3)}.confettiPieceCircle{height:calc(var( --confetti-size ) * .8)}}@media (prefers-reduced-motion: reduce){.confettiPiece{animation-duration:1ms!important}.confettiCannon{display:none}}.finalResultsReveal{display:flex;flex-direction:column;gap:16px;animation:finalResultsContainerEntrance .62s ease-out both}.finalResultsTitleReveal{position:relative;overflow:hidden;border-radius:16px;padding:20px;background:radial-gradient(circle at 50% 0%,rgba(250,204,21,.26),transparent 62%),#0f172a;text-align:center;animation:finalResultsTitleEntrance .76s cubic-bezier(.18,.8,.22,1) both}.finalResultsTitleReveal:after{content:"";position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translate(-70%) rotate(8deg);animation:finalResultsTitleShine 1.1s .28s ease-out both}.finalResultsTitleReveal>span{color:#94a3b8;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.finalResultsTitleReveal h3{position:relative;z-index:1;margin:5px 0 0;color:#facc15;font-size:clamp(30px,5vw,52px);line-height:1;text-shadow:0 4px 18px rgba(250,204,21,.38)}.finalResultRevealEntry{position:relative;opacity:0;animation:finalResultEntryEntrance .56s cubic-bezier(.18,.8,.22,1) var( --final-entry-delay, .25s ) forwards}.finalResultRevealWinner{z-index:1;filter:drop-shadow(0 0 12px rgba(250,204,21,.35));animation:finalResultEntryEntrance .56s cubic-bezier(.18,.8,.22,1) var( --final-entry-delay, .25s ) forwards,finalWinnerCardPulse 1.9s 1s ease-in-out infinite}.finalWinnerGlow{position:absolute;inset:-12px;z-index:-1;pointer-events:none}.finalWinnerGlow:before{content:"";position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle,rgba(250,204,21,.32),transparent 66%);animation:finalWinnerAura 1.7s ease-in-out infinite}.finalWinnerGlow i{position:absolute;width:7px;height:7px;border-radius:999px;background:#facc15;box-shadow:0 0 10px #facc15d9;animation:finalWinnerSparkle 1.4s ease-in-out infinite}.finalWinnerGlow i:nth-child(1){top:4%;left:10%}.finalWinnerGlow i:nth-child(2){top:-2%;left:48%;animation-delay:.18s}.finalWinnerGlow i:nth-child(3){top:8%;right:8%;animation-delay:.36s}.finalWinnerGlow i:nth-child(4){bottom:4%;right:12%;animation-delay:.54s}.finalWinnerGlow i:nth-child(5){bottom:-2%;left:46%;animation-delay:.72s}.finalWinnerGlow i:nth-child(6){bottom:8%;left:8%;animation-delay:.9s}@keyframes finalResultsContainerEntrance{0%{opacity:0}to{opacity:1}}@keyframes finalResultsTitleEntrance{0%{opacity:0;transform:translateY(-28px) scale(.92)}68%{opacity:1;transform:translateY(4px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes finalResultsTitleShine{0%{transform:translate(-70%) rotate(8deg)}to{transform:translate(70%) rotate(8deg)}}@keyframes finalResultEntryEntrance{0%{opacity:0;transform:translate(-30px) scale(.96)}72%{opacity:1;transform:translate(4px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes finalWinnerCardPulse{0%,to{filter:drop-shadow(0 0 8px rgba(250,204,21,.25))}50%{filter:drop-shadow(0 0 18px rgba(250,204,21,.62))}}@keyframes finalWinnerAura{0%,to{opacity:.48;transform:scale(.96)}50%{opacity:1;transform:scale(1.035)}}@keyframes finalWinnerSparkle{0%,to{opacity:.2;transform:scale(.55) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(180deg)}}@media (prefers-reduced-motion: reduce){.finalResultsReveal,.finalResultsTitleReveal,.finalResultsTitleReveal:after,.finalResultRevealEntry,.finalResultRevealWinner,.finalWinnerGlow:before,.finalWinnerGlow i{animation-duration:1ms!important;animation-iteration-count:1!important}}.audioMenuContainer{position:relative;z-index:120;flex:0 0 auto}.audioMenuContainerInitial{position:absolute;top:14px;right:14px}.audioMenuToggle{display:grid;place-items:center;width:38px;height:38px;margin:0;border:1px solid #475569;border-radius:10px;padding:0;background:#0f172a;color:#fff;font-size:19px;line-height:1}.audioMenuToggle:hover{border-color:#facc15;transform:translateY(-1px)}.audioMenuPopup{position:absolute;top:calc(100% + 9px);right:0;z-index:300;display:flex;flex-direction:column;gap:14px;width:310px;border:1px solid #475569;border-radius:15px;padding:14px;box-sizing:border-box;background:#0f172afa;box-shadow:0 20px 44px #0000008c;backdrop-filter:blur(10px)}.audioMenuHeader{display:flex;justify-content:space-between;align-items:center;gap:10px}.audioMenuHeader>div{display:flex;flex-direction:column;gap:2px}.audioMenuHeader span{color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.audioMenuHeader strong{color:#f8fafc;font-size:14px}.audioMuteButton{margin:0;padding:7px 10px;background:#475569;color:#fff;font-size:11px}.audioSlider{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0}.audioSliderHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#cbd5e1;font-size:11px}.audioSliderHeader strong{min-width:42px;text-align:right}.audioSliderInput{display:block;width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box;accent-color:#facc15}.audioSliderInput:disabled{opacity:.4}.audioSliderEndpoints{display:flex;justify-content:space-between;align-items:center;width:100%;color:#94a3b8;font-size:9px;font-weight:800;line-height:1}.audioSliderEndpoints span:first-child{text-align:left}.audioSliderEndpoints span:last-child{text-align:right}.audioMenuActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.audioMenuActions button{min-height:38px;margin:0;padding:6px;background:#334155;color:#f8fafc;font-size:9px;line-height:1.15}.audioMenuActions button:hover:not(:disabled){background:#475569}@media (max-width: 500px){.audioMenuPopup{position:fixed;top:70px;right:12px;left:12px;width:auto}}.pauseButton{position:relative;z-index:1000;display:grid;place-items:center;width:38px;height:38px;margin:0;border:1px solid #475569;border-radius:10px;padding:0;background:#0f172a;color:#f8fafc;font-size:17px;font-weight:1000;line-height:1}.pauseButton:hover{border-color:#facc15}.pauseButtonActive{border-color:#facc15;background:#713f12}.gamePauseOverlay{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:#020617d1;backdrop-filter:blur(7px)}.gamePauseOverlayManual{pointer-events:none}.gamePauseOverlayManual strong{color:#f8fafc;font-size:clamp(42px,9vw,104px);font-weight:1000;letter-spacing:.12em;text-align:center;text-shadow:0 8px 30px rgba(0,0,0,.75)}.disconnectPauseCard{display:flex;flex-direction:column;align-items:center;gap:13px;width:min(470px,100%);border:1px solid #475569;border-radius:20px;padding:25px;box-sizing:border-box;background:#0f172a;box-shadow:0 28px 70px #0000009e;text-align:center}.disconnectPauseEyebrow{color:#f97316;font-size:11px;font-weight:1000;letter-spacing:.18em}.disconnectPauseCard h2,.disconnectPauseCard p{margin:0}.disconnectPauseCard h2{color:#f8fafc;font-size:clamp(23px,5vw,34px)}.disconnectPauseCard p{color:#cbd5e1}.disconnectCountdown{display:grid;place-items:center;width:92px;height:92px;border:4px solid #facc15;border-radius:999px;color:#facc15;font-size:42px;line-height:1}.disconnectVoteCount{font-size:13px;font-weight:900}.disconnectVoteButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.disconnectVoteButtons button,.disconnectKickNowButton{min-height:44px;margin:0}.disconnectVoteKick{background:#7f1d1d}.disconnectVoteWait{background:#166534}.disconnectVoteSelected{outline:3px solid #facc15;outline-offset:2px;filter:brightness(1.2)}.disconnectKickNowButton{width:100%;background:#dc2626;color:#fff;font-weight:1000}.disconnectPauseCard small{color:#94a3b8}@media (max-width: 520px){.disconnectVoteButtons{grid-template-columns:1fr}}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;background:#101827;color:#f8fafc}button,input{border:0;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px}button{margin:6px;background:#f59e0b;color:#111827;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}input{margin:6px;border:1px solid #334155;background:#1f2937;color:#fff}input::placeholder{color:#94a3b8}.page{min-height:100vh;padding:20px}.center{display:grid;place-items:center}.card{min-width:0;border:1px solid #334155;border-radius:18px;padding:20px;background:#172033;box-shadow:0 20px 50px #00000040}.menu{position:relative;width:min(420px,100%);display:flex;flex-direction:column}.menu h1,.topbar h1{color:#facc15;letter-spacing:1px}.menu p{color:#cbd5e1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.topbar h1{margin:0}.roomInformation{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:16px;align-items:start}.mainpanel{min-width:0;min-height:700px}.mainpanel>h2{margin-top:0}.playersPanel,.racersPanel{min-width:0}.playersList{display:flex;flex-direction:column;gap:10px}.player{display:flex;flex-direction:column;gap:8px;border:1px solid #334155;border-radius:12px;padding:10px;background:#0f172a;transition:border-color .18s ease,box-shadow .18s ease}.playerSelf{border-color:#38bdf8}.playerCurrentDrafter{border-color:#facc15;box-shadow:0 0 0 3px #facc151f}.playerMainInformation{display:flex;justify-content:space-between;gap:12px}.playerName{min-width:0;overflow-wrap:anywhere;font-weight:700}.playerMoney{flex-shrink:0;color:#facc15;font-weight:900}.playerReady,.playerNotReady,.secretSubmissionStatus{align-self:flex-start;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.playerReady{background:#22c55e2e;color:#86efac}.playerNotReady{background:#ef44442e;color:#fecaca}.importedReplayPage{width:min(1400px,100%);margin:0 auto}.secretSubmissionStatus{background:#0ea5e92e;color:#7dd3fc}.playerDraftedTickets{width:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lobbyControls{display:flex;flex-wrap:wrap;margin-top:16px}.result{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;border-radius:10px;padding:10px;background:#0f172a}.result strong{color:#facc15}.error{margin:10px 0;border:1px solid #ef4444;border-radius:10px;padding:10px;background:#7f1d1d;color:#fecaca}.racers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.racerBadge{min-width:0;border:2px solid transparent;border-radius:12px;padding:10px;background:#0f172a;text-align:center}.racerBadge img{width:80px;max-width:100%;height:80px;object-fit:contain}.racerBadge strong{display:block;margin-top:5px;font-size:12px}.racerBadgeLION{border-color:#7e22ce}.racerBadgeHOTDOG{border-color:#f97316}.racerBadgeFISH{border-color:#0ea5e9}.racerBadgeQUEEN{border-color:#e11d48}.raceBoardStage{position:relative}.raceDeckStatus{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-bottom:12px;border:1px solid #334155;border-radius:10px;padding:10px 14px;background:#0f172a}.raceDeckStatus strong{color:#facc15}.currentCard{display:flex;flex-direction:column;gap:6px;margin-top:20px;border:1px solid #334155;border-radius:12px;padding:16px;background:#0f172a}.currentCard span{color:#94a3b8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.currentCard strong{color:#facc15;font-size:20px}.raceControls{display:flex;justify-content:center;margin-top:12px}.reshuffleButton{background:#38bdf8;color:#082f49}.hostControlMessage{margin-top:14px;color:#94a3b8;text-align:center}.startRaceButton{padding:16px 24px;background:#22c55e;color:#052e16;font-size:20px;letter-spacing:.04em}.readyToRacePhase,.payoutPhase,.finalPhase,.secretCardPhase,.doubleBetPhase,.racePhase{display:flex;flex-direction:column;gap:16px}.readyToRacePhase,.payoutPhase{align-items:center;justify-content:center;min-height:280px;text-align:center}.phaseConfirmation{border:1px solid #22c55e;border-radius:10px;padding:12px;background:#22c55e1f;color:#bbf7d0}.raceAgainControls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.restartGameButton{background:#22c55e;color:#052e16}.raceAgainPlayers{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.raceAgainPlayers span{border-radius:999px;padding:5px 9px;background:#1e293b;color:#cbd5e1;font-size:12px}.replayRaceButton{align-self:center;background:#38bdf8;color:#082f49}.doubleBetFullChoices{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px}.checkRaceResultsButton{padding:15px 22px;background:#22c55e;color:#052e16;font-size:18px;letter-spacing:.03em}.checkRaceResultsButton:disabled{background:#475569;color:#cbd5e1}.finalReplayHistory{display:flex;flex-direction:column;gap:14px;margin-top:10px;border:2px solid #334155;border-radius:16px;padding:16px;background:#0f172a}.finalReplayHistoryHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.finalReplayHistoryHeader span{color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.finalReplayHistoryHeader h3{margin:4px 0 0;color:#facc15}.finalReplayHistoryHeader p{max-width:320px;margin:0;color:#cbd5e1;line-height:1.4;text-align:right}.finalReplayButtons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.finalReplayButton{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;border:2px solid #475569;padding:14px;background:#1e293b;color:#f8fafc;text-align:left}.finalReplayButton:hover:not(:disabled){border-color:#38bdf8;background:#0c4a6e}.finalReplayButton span{color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.finalReplayButton strong{color:#f8fafc;font-size:16px}.finalReplayUnavailable{margin:0;color:#94a3b8}@media (max-width: 700px){.finalReplayHistoryHeader{flex-direction:column}.finalReplayHistoryHeader p{max-width:none;text-align:left}}.finalResultCard{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:16px;border:2px solid #334155;border-radius:14px;padding:14px;background:#0f172a}.finalResultCardWinner{border-color:#facc15;background:linear-gradient(145deg,rgba(250,204,21,.14),transparent 52%),#172033}.finalResultCardWinner .finalResultRanking>span{color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.7)}.finalResultCardWinner .finalResultMoney{color:#facc15}.finalResultRanking{display:flex;align-items:center;gap:12px}.finalResultRanking>span{color:#facc15;font-size:28px;font-weight:900}.finalResultRanking>div{display:flex;flex-direction:column;gap:5px}.finalResultRanking strong{font-size:18px}.finalResultMoney{color:#86efac;font-size:16px;font-weight:900}.lifeOutcome{border-left:2px solid #475569;padding-left:16px}.lifeOutcome strong{color:#facc15}.lifeOutcome p{margin:6px 0 0;color:#e2e8f0;line-height:1.45}@media (max-width: 700px){.finalResultCard{grid-template-columns:1fr}.lifeOutcome{border-top:2px solid #475569;border-left:0;padding-top:12px;padding-left:0}}.log{max-height:360px;overflow-y:auto;border:1px solid #334155;border-radius:10px;padding:8px;background:#0f172a;font-size:14px}.log p{margin:0;border-bottom:1px solid rgba(51,65,85,.65);padding:8px 5px;line-height:1.35}.log p:last-child{border-bottom:0}.cards{display:flex;flex-wrap:wrap;gap:10px}.gamecard{width:130px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px;border:4px solid transparent;background:#fef3c7;color:#111827}.gamecard.selected{border-color:#22c55e}@media (max-width: 1300px){.layout{grid-template-columns:230px minmax(0,1fr) 250px}.card{padding:14px}.racerBadge img{width:64px;height:64px}}@media (max-width: 1050px){.layout{grid-template-columns:220px minmax(0,1fr)}.racersPanel{grid-column:1 / -1}.racersPanel .racers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 760px){.page{padding:10px}.topbar{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}.playersPanel,.mainpanel,.racersPanel{grid-column:1}.racersPanel .racers{grid-template-columns:repeat(2,minmax(0,1fr))}.raceDeckStatus{justify-content:flex-start}}.topbar{position:relative;z-index:950}.topbarRoomControls{display:flex;align-items:center;gap:8px;margin-left:auto}.topbarRoomControls .roomInformation{margin-left:0}.reconnectingOverlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#020617e0;backdrop-filter:blur(8px)}.reconnectingOverlay section{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #475569;border-radius:18px;padding:24px 30px;background:#0f172a;color:#f8fafc;text-align:center;box-shadow:0 24px 60px #00000094}.reconnectingOverlay strong{color:#facc15;font-size:25px}.reconnectingOverlay span{color:#cbd5e1}.player{position:relative}.playerDisconnected{color:#fca5a5;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lobbyKickButton{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;min-height:0;margin:0;border:1px solid #f87171;border-radius:7px;padding:0;background:#991b1b;color:#fff;font-size:12px;font-weight:1000;line-height:1}.lobbyKickButton:hover{background:#dc2626}@media (max-width: 700px){.topbarRoomControls{width:100%;justify-content:flex-end;flex-wrap:wrap}}.playerRow{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.playerRow>.player{position:relative;flex:1 1 auto;min-width:0}.lobbyKickButtonOutside{display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;margin:0;border:1px solid #f87171;border-radius:50%;padding:0;background:#991b1b;color:#fff;font-size:15px;font-weight:900;line-height:1;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.lobbyKickButtonOutside:hover:not(:disabled){background:#dc2626;transform:scale(1.08)}.lobbyKickButtonOutside:active:not(:disabled){transform:scale(.94)}.leaveRoomButton{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;border:1px solid #64748b;border-radius:10px;padding:0;background:#1e293b;color:#f8fafc}.leaveRoomButton svg{width:19px;height:19px}.leaveRoomButton:hover:not(:disabled){border-color:#f87171;background:#7f1d1d;color:#fff}.leaveRoomButton:active:not(:disabled){transform:scale(.95)}.initialReconnectStatus{display:flex;flex-direction:column;gap:4px;border:1px solid #475569;border-radius:12px;padding:12px 14px;background:#0f172a;text-align:center}.initialReconnectStatus strong{color:#facc15}.initialReconnectStatus span{color:#cbd5e1;font-size:13px}.initialReplayImportDisabled{pointer-events:none;opacity:.5}.playerHostCrown{flex:0 0 auto;color:#facc15;font-size:15px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}.playerName{display:inline-flex;align-items:center;gap:6px}