:root{--ink: #1f2a5c;--ink-soft: #3a4a8a;--white: #ffffff;--sky: #8fd3ff;--green: #3ddc68;--green-dark: #1d9a45;--blue: #3aa0ff;--blue-dark: #1f6fd1;--orange: #ffb02e;--orange-dark: #d9780b;--pink: #ff6fae;--pink-dark: #d23f84;--purple: #9b6bff;--purple-dark: #6a3fd1;--yellow: #ffd93b;--red: #ff4d6d;--font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Nunito", "Varela Round", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(#bfe6ff,#eef7ff);color:var(--ink);font-family:var(--font);font-weight:800;position:fixed;inset:0;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button{font-family:inherit;font-weight:900;color:inherit;border:none;background:none;padding:0;margin:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.outlined{color:#fff;text-shadow:0 3px 0 var(--ink),0 -3px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink),0 7px 0 var(--ink)}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(#8fd3ff,#e9f6ff);z-index:50;transition:opacity .5s ease}#loading.fade{opacity:0;pointer-events:none}.load-title{font-size:92px;letter-spacing:4px;color:#fff;text-shadow:0 5px 0 var(--ink),0 -4px 0 var(--ink),4px 0 0 var(--ink),-4px 0 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 11px 0 var(--ink)}.load-flakes span{display:inline-block;font-size:40px;color:#fff;margin:0 10px;text-shadow:0 3px 0 var(--ink-soft);animation:flake 1.2s ease-in-out infinite}.load-flakes span:nth-child(2){animation-delay:.2s}.load-flakes span:nth-child(3){animation-delay:.4s}@keyframes flake{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(60deg)}}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui button,#ui .interactive{pointer-events:auto}.screen{position:absolute;inset:0;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l))}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:72px;padding:0 34px;border-radius:28px;font-size:34px;color:#fff;background:linear-gradient(#5bb8ff,var(--blue));box-shadow:0 8px 0 var(--blue-dark),0 12px 18px #14285a40;border:4px solid rgba(255,255,255,.6);text-shadow:0 3px 0 rgba(0,0,0,.18);transition:transform .08s ease,box-shadow .08s ease}.btn:active,.btn.pressed{transform:translateY(6px);box-shadow:0 2px 0 var(--blue-dark),0 4px 8px #14285a40}.btn svg{width:38px;height:38px;fill:currentColor}.btn.green{background:linear-gradient(#6bf08c,var(--green));box-shadow:0 8px 0 var(--green-dark),0 12px 18px #145a2847}.btn.green:active{box-shadow:0 2px 0 var(--green-dark)}.btn.orange{background:linear-gradient(#ffc75e,var(--orange));box-shadow:0 8px 0 var(--orange-dark),0 12px 18px #783c0040}.btn.orange:active{box-shadow:0 2px 0 var(--orange-dark)}.btn.pink{background:linear-gradient(#ff96c4,var(--pink));box-shadow:0 8px 0 var(--pink-dark),0 12px 18px #78143c40}.btn.pink:active{box-shadow:0 2px 0 var(--pink-dark)}.btn.purple{background:linear-gradient(#b894ff,var(--purple));box-shadow:0 8px 0 var(--purple-dark),0 12px 18px #3c147840}.btn.purple:active{box-shadow:0 2px 0 var(--purple-dark)}.btn-go{min-height:120px;min-width:230px;font-size:64px;letter-spacing:2px;border-radius:40px;animation:go-pulse 1.6s ease-in-out infinite}.btn-go svg{width:54px;height:54px}.btn-go:active{animation:none}@keyframes go-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.icon-btn{width:68px;height:68px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;box-shadow:0 6px #1f2a5c59,0 8px 14px #1f2a5c2e;border:4px solid #fff;color:var(--ink);font-size:32px;transition:transform .08s ease,box-shadow .08s ease}.icon-btn:active{transform:translateY(4px);box-shadow:0 2px #1f2a5c59}.icon-btn svg{width:36px;height:36px;fill:currentColor}.icon-btn.off{opacity:.55}#lobby{display:flex;flex-direction:column;justify-content:space-between}.lobby-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.logo{font-size:78px;line-height:1;letter-spacing:3px;color:#fff;white-space:nowrap;transform:rotate(-3deg);transform-origin:left center;margin:.32em 0 0 8px;text-shadow:0 4px 0 var(--ink),0 -4px 0 var(--ink),4px 0 0 var(--ink),-4px 0 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 10px 0 var(--ink),0 14px 12px rgba(0,0,0,.2)}.logo .l1{color:#ff6fae}.logo .l2{color:#ffd93b}.logo .l3{color:#3ddc68}.logo .l4{color:#5bb8ff}.logo .l5{color:#b894ff}.logo .l6{color:#ffb02e}.logo span{display:inline-block;animation:logo-bob 2.4s ease-in-out infinite}.logo .gap{width:.35em}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobby-stats{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap;justify-content:center}.pill{display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 22px 0 12px;border-radius:30px;background:#ffffffe6;box-shadow:0 5px #1f2a5c4d;font-size:30px;color:var(--ink);white-space:nowrap}.pill img{width:44px;height:44px}.pill .emoji{font-size:32px}.lobby-settings{display:flex;gap:12px}.lobby-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.pickers{display:flex;flex-direction:column;min-width:0;flex:1}.picker-label{display:flex;align-items:center;gap:10px;font-size:24px;margin-left:6px;color:var(--ink)}.picker-row{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding:18px 12px 14px;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.picker-row::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:100px;height:100px;border-radius:26px;background:#ffffffe0;border:5px solid #fff;box-shadow:0 6px #1f2a5c47,0 8px 12px #1f2a5c1f;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .12s ease,background .2s ease}.card>img{width:88px;height:88px}.card:active{transform:translateY(4px) scale(.96)}.card.selected{background:linear-gradient(#fff7b8,#ffd93b);border-color:#fff;box-shadow:0 6px #d9a400,0 0 0 5px var(--ink),0 10px 18px #1f2a5c4d;transform:translateY(-6px) scale(1.06)}.card.pop{animation:card-pop .35s ease}@keyframes card-pop{0%{transform:scale(.85)}60%{transform:translateY(-8px) scale(1.14)}to{transform:translateY(-6px) scale(1.06)}}.go-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:12px}.mode-toggle{display:flex;gap:6px;padding:6px;border-radius:40px;background:#ffffffd9;box-shadow:0 5px #1f2a5c4d}.mode-toggle button{width:84px;height:64px;border-radius:32px;font-size:40px;line-height:1;opacity:.45;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.mode-toggle button img{width:54px;height:54px}.mode-toggle button.on{background:linear-gradient(#fff7b8,#ffd93b);opacity:1;box-shadow:inset 0 -4px #0000001f}#hud{pointer-events:none}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hearts{display:flex;gap:4px;min-width:150px;padding-top:4px}.hearts img{width:54px;height:54px;transition:transform .2s ease,opacity .3s ease,filter .3s ease}.hearts img.lost{filter:grayscale(1) brightness(1.3);opacity:.4;transform:scale(.8)}.hearts img.gain{animation:heart-gain .5s ease}@keyframes heart-gain{0%{transform:scale(.3)}60%{transform:scale(1.4)}to{transform:scale(1)}}.hearts.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.distance{font-size:56px;line-height:1;padding-top:4px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.distance small{font-size:34px}.hud-right{display:flex;align-items:center;gap:12px}.hud-right .pill{height:62px;font-size:36px;font-variant-numeric:tabular-nums}.hud-right .pill.bump{animation:pill-bump .25s ease}@keyframes pill-bump{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.powerup{position:absolute;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 22px 10px 12px;border-radius:40px;background:#ffffffe6;box-shadow:0 5px #1f2a5c4d;font-size:30px}.powerup .pu-icon{font-size:44px;line-height:1}.powerup .pu-bar{width:180px;height:22px;border-radius:12px;background:#dde6f5;overflow:hidden;border:3px solid #fff;box-shadow:inset 0 0 0 2px #1f2a5c26}.powerup .pu-fill{height:100%;width:100%;border-radius:10px;background:linear-gradient(90deg,#ff6fae,#ffd93b,#3ddc68,#3aa0ff,#9b6bff)}.hint{position:absolute;left:50%;bottom:calc(24% + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .5s ease}.hint.fade{opacity:0}.hint-hand{width:220px;height:110px;position:relative}.hint-hand .hand{position:absolute;left:50%;top:20px;font-size:70px;margin-left:-35px;animation:hand-swipe 2s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(31,42,92,.35))}.hint-hand .arrow{position:absolute;top:0;font-size:44px;color:#fff;text-shadow:0 3px 0 var(--ink);animation:arrow-blink 2s ease-in-out infinite}.hint-hand .arrow.left{left:0}.hint-hand .arrow.right{right:0;animation-delay:1s}@keyframes hand-swipe{0%,to{transform:translate(-70px) rotate(-10deg)}50%{transform:translate(70px) rotate(10deg)}}@keyframes arrow-blink{0%,to{opacity:.2}25%{opacity:1}50%{opacity:.2}}.hint-text{font-size:40px;white-space:nowrap}.hint.tap .hand{animation:hand-tap 1s ease-in-out infinite}@keyframes hand-tap{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(14px) scale(.9)}}#countdown{position:absolute;left:0;right:0;top:44%;text-align:center;font-size:150px;line-height:1;pointer-events:none}#countdown .num{display:inline-block;animation:count-pop .6s ease-out forwards}#countdown .num.go{color:#6bf08c}@keyframes count-pop{0%{transform:scale(2.2);opacity:0}30%{transform:scale(.9);opacity:1}55%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1f2a5c59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;animation:fade-in .25s ease;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.overlay.clear{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{background:linear-gradient(#fff,#eaf5ff);border-radius:40px;border:6px solid #fff;box-shadow:0 10px #1f2a5c59,0 20px 40px #1f2a5c4d;padding:30px 40px 38px;display:flex;flex-direction:column;align-items:center;gap:22px;animation:panel-pop .4s cubic-bezier(.2,1.6,.4,1);max-width:100%;max-height:100%}@keyframes panel-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.panel-title{font-size:64px;line-height:1.05;text-align:center}.panel-row{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.panel .icon-btn{width:84px;height:84px}.panel .icon-btn svg{width:44px;height:44px}.results-panel{min-width:480px}.results-medal{font-size:96px;line-height:1;animation:medal-spin 1s ease;filter:drop-shadow(0 6px 0 rgba(31,42,92,.25))}@keyframes medal-spin{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.results-stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:170px;padding:14px 18px;border-radius:26px;background:#fff;box-shadow:0 5px #1f2a5c2e,inset 0 0 0 3px #e3eefc}.stat-box .v{font-size:52px;line-height:1.05;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}.stat-box .v img{width:50px;height:50px}.stat-box .k{font-size:22px;color:var(--ink-soft)}.new-record{font-size:34px;padding:6px 22px;border-radius:24px;color:#fff;background:linear-gradient(90deg,#ff6fae,#ffb02e);box-shadow:0 5px #c24a7d;animation:record-wiggle .8s ease-in-out infinite}@keyframes record-wiggle{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.08)}}.unlock-note{font-size:26px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}.unlock-note img{width:56px;height:56px}#popups{position:absolute;inset:0;pointer-events:none;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-size:40px;white-space:nowrap;animation:popup-float 1.1s ease-out forwards}.popup.small{font-size:30px}.popup.big{font-size:64px}.popup.gold{color:#ffe066}.popup.pink{color:#ff9ecb}.popup.green{color:#8dffb0}.popup.blue{color:#9fd8ff}@keyframes popup-float{0%{transform:translate(-50%,-30%) scale(.4);opacity:0}18%{transform:translate(-50%,-70%) scale(1.15);opacity:1}30%{transform:translate(-50%,-80%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-190%) scale(1);opacity:0}}#banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.banner-inner{display:flex;align-items:center;gap:16px;padding:12px 34px;border-radius:40px;font-size:46px;white-space:nowrap;color:#fff;background:linear-gradient(90deg,var(--c1, #3aa0ff),var(--c2, #9b6bff));border:5px solid #fff;box-shadow:0 8px #1f2a5c59,0 14px 24px #1f2a5c40;text-shadow:0 3px 0 rgba(0,0,0,.2);animation:banner-in 2.8s ease forwards}.banner-inner .emoji{font-size:52px}@keyframes banner-in{0%{transform:scale(.4);opacity:0}12%{transform:scale(1.1);opacity:1}20%{transform:scale(1)}82%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}#flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}#flash.on{animation:flash .35s ease-out}@keyframes flash{0%{opacity:.7}to{opacity:0}}@media(orientation:portrait){.logo{font-size:64px}.lobby-top{flex-wrap:wrap}.lobby-stats{order:3;width:100%;justify-content:flex-start;margin-left:8px}.lobby-bottom{flex-direction:column;align-items:stretch}.go-area{flex-direction:row;justify-content:center;gap:28px;padding-bottom:6px}.results-panel{min-width:0}}@media(max-width:760px),(max-height:560px){.logo{font-size:48px}.btn{min-height:60px;font-size:28px;padding:0 24px}.btn-go{min-height:90px;min-width:170px;font-size:48px}.card{width:78px;height:78px;border-radius:20px}.card>img{width:68px;height:68px}.icon-btn{width:54px;height:54px}.icon-btn svg{width:28px;height:28px}.pill{height:48px;font-size:24px}.pill img{width:34px;height:34px}.distance{font-size:40px}.hearts img{width:40px;height:40px}.panel-title{font-size:44px}.stat-box{min-width:130px}.stat-box .v{font-size:38px}.results-medal{font-size:70px}.mode-toggle button{width:64px;height:50px;font-size:30px}.hint-text{font-size:28px}#countdown{font-size:110px}}.go-extras{display:flex;align-items:center;gap:12px}.card.ride>img{width:92px;height:92px}.card.hat>img{width:80px;height:80px}.card.hat .nohat{font-size:44px;color:#c4cde0}.card.locked{background:#e7ecf6}.card.locked>img{filter:grayscale(1) brightness(1.15);opacity:.45}.card:not(.locked) .lock{display:none}.card .lock{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:2px 10px 2px 4px;border-radius:14px;background:var(--ink);color:#fff;font-size:18px;white-space:nowrap}.card .lock img{width:22px;height:22px;filter:none;opacity:1}.card.affordable .lock{background:linear-gradient(#ffe066,#ffb02e);color:var(--ink);animation:lock-wiggle 1.4s ease-in-out infinite}@keyframes lock-wiggle{0%,70%,to{transform:translate(-50%) rotate(0)}78%{transform:translate(-50%) rotate(-8deg) scale(1.12)}88%{transform:translate(-50%) rotate(8deg) scale(1.12)}}#shop{animation:none}#shop.leaving{pointer-events:none}#lobby{transition:opacity .25s ease}#lobby.away{opacity:0}.shop-stack{display:flex;flex-direction:column;align-items:center;gap:16px;max-height:100%}#wallet.bump{animation:pill-bump .2s ease}#wallet.nope,.shop-need.nope{animation:shake .4s ease}.shop-panel{min-width:400px;gap:18px}.shop-thumb{width:150px;height:150px;border-radius:34px;background:#fff;box-shadow:0 6px #1f2a5c2e,inset 0 0 0 4px #e3eefc;display:flex;align-items:center;justify-content:center}.shop-thumb img{width:128px;height:128px}.shop-need{font-size:30px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.shop-need img{width:38px;height:38px}#shopBuy{gap:8px}#shopBuy img{width:42px;height:42px}#shopBuy.off{background:linear-gradient(#e2e7f1,#c3cbdc);box-shadow:0 8px #98a2b8;color:#f7f9fc}#shopBuy.off img{filter:grayscale(1) brightness(1.25)}#shopBuy.bump{animation:buy-bump .18s ease}@keyframes buy-bump{50%{transform:scale(1.09)}}.powerups{position:absolute;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center}.powerups .powerup{position:static;transform:none;animation:panel-pop .35s cubic-bezier(.2,1.6,.4,1)}.fly-star{position:absolute;width:46px;height:46px;transform:translate(-50%,-50%)}.stat-box .v small{font-size:28px;margin-left:4px}.unlock-note img.small{width:30px;height:30px}@media(orientation:landscape){#results,#shop{justify-content:flex-end;padding-right:calc(40px + var(--safe-r))}}@media(orientation:portrait){#results,#shop{align-items:flex-end;padding-bottom:calc(40px + var(--safe-b))}}@media(max-width:760px),(max-height:560px){.card.ride>img{width:70px;height:70px}.card.hat>img{width:58px;height:58px}.card.hat .nohat{font-size:34px}.shop-panel{min-width:0;gap:12px;padding:20px 28px 26px}.shop-thumb{width:100px;height:100px;border-radius:26px}.shop-thumb img{width:84px;height:84px}.shop-stack{gap:10px}#shopBuy img{width:32px;height:32px}.shop-need{font-size:24px}}@media(max-height:430px){.logo{font-size:34px}.picker-row{padding:12px 10px 8px;gap:10px}.card{width:62px;height:62px;border-radius:16px;border-width:4px}.card>img,.card.ride>img{width:54px;height:54px}.card.hat>img{width:46px;height:46px}.card .lock{font-size:14px;bottom:-8px;padding:1px 7px 1px 3px}.card .lock img{width:16px;height:16px}}@media(max-width:500px),(max-height:500px){.screen{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l))}.lobby-settings{gap:8px}.lobby-settings .icon-btn{width:44px;height:44px;border-width:3px;box-shadow:0 4px #1f2a5c59}.lobby-settings .icon-btn svg{width:24px;height:24px}.lobby-stats{gap:8px;margin-top:0;flex-wrap:nowrap}.lobby-stats .pill{height:42px;gap:6px;padding:0 14px 0 7px;font-size:21px;box-shadow:0 4px #1f2a5c4d}.lobby-stats .pill img{width:30px;height:30px}.btn-go{min-height:76px;min-width:150px;font-size:42px;border-radius:30px}.mode-toggle{gap:4px;padding:5px}.mode-toggle button{width:58px;height:46px}.mode-toggle button img{width:40px;height:40px}.panel{padding:20px 22px 24px;gap:14px;border-radius:32px;border-width:5px}.panel-title{font-size:40px}.panel-row{gap:14px;flex-wrap:nowrap}.panel .icon-btn{width:62px;height:62px}.panel .icon-btn svg{width:32px;height:32px}.panel .btn{min-height:58px;padding:0 22px;border-radius:24px;font-size:26px}.panel .btn svg{width:30px;height:30px}.results-panel{position:relative}.results-medal{font-size:56px}.results-stats{gap:12px;flex-wrap:nowrap}.stat-box{min-width:112px;padding:8px 14px;border-radius:22px}.stat-box .v{font-size:34px}.stat-box .v img{width:36px;height:36px}.stat-box .v small{font-size:22px}.stat-box .k{font-size:18px}.new-record{padding:4px 16px;font-size:24px}.unlock-note{justify-content:center;text-align:center;font-size:20px}.unlock-note img{width:44px;height:44px}.unlock-note img.small{width:24px;height:24px}#shopBuy{padding:0 18px;font-size:24px}#shopBuy img{width:30px;height:30px}.hint{bottom:calc(max(24%,130px) + var(--safe-b))}.hint-text{font-size:28px}#countdown{font-size:96px}}@media(orientation:portrait)and (max-width:500px){.lobby-top{flex-wrap:wrap;align-items:center;gap:10px}.logo{flex:0 0 100%;order:0;margin:.15em 0 0;font-size:clamp(34px,11vw,48px);text-align:center;transform-origin:center}.lobby-stats{order:1;width:auto;flex:1;margin:0;justify-content:flex-start}.lobby-stats .pill{padding:0 12px 0 6px}.lobby-settings{order:2;gap:6px}.lobby-bottom{gap:2px}.picker-row{margin:0 calc(-12px - var(--safe-r)) 0 calc(-12px - var(--safe-l));padding:14px 18px 10px;gap:10px}.card{width:70px;height:70px;border-width:4px;border-radius:18px}.card>img{width:60px;height:60px}.card.ride>img{width:62px;height:62px}.card.hat>img{width:52px;height:52px}.card.hat .nohat{font-size:30px}.card .lock{bottom:-9px;padding:1px 8px 1px 3px;font-size:15px}.card .lock img{width:18px;height:18px}.go-area{gap:20px;padding:4px 0 0}}@media(orientation:landscape)and (max-height:500px){.lobby-top{align-items:center}.logo{margin:.2em 0 0 4px;font-size:36px}.pickers{flex:0 1 auto;max-width:min(52%,420px)}.picker-row{-webkit-mask-image:linear-gradient(to left,transparent,#000 36px);mask-image:linear-gradient(to left,transparent,#000 36px)}.go-area{gap:12px;padding-bottom:4px}.results-medal{position:absolute;top:-16px;left:-10px;font-size:50px}.new-record{position:absolute;top:-14px;right:-14px;font-size:20px}}#speedlines{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;overflow:hidden}#speedlines .sl{position:absolute;top:0;width:170px;height:calc(100% + 240px);background:repeating-linear-gradient(to bottom,#ffffffd9 0 80px,#fff0 80px 240px) 18px 0 / 5px 100% no-repeat,repeating-linear-gradient(to bottom,#ffffffb3 0 50px,#fff0 50px 120px) 62px 30px / 4px 100% no-repeat,repeating-linear-gradient(to bottom,#fff9 0 90px,#fff0 90px 240px) 104px 140px / 3px 100% no-repeat,repeating-linear-gradient(to bottom,#ffffff80 0 40px,#fff0 40px 120px) 146px 70px / 3px 100% no-repeat;animation:sl-move .32s linear infinite}#speedlines .sl.left{left:0;-webkit-mask-image:linear-gradient(to right,#000,transparent);mask-image:linear-gradient(to right,#000,transparent)}#speedlines .sl.right{right:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(to right,#000,transparent);mask-image:linear-gradient(to right,#000,transparent);animation-name:sl-move-r;animation-duration:.28s}@keyframes sl-move{0%{transform:translateY(0)}to{transform:translateY(-240px)}}@keyframes sl-move-r{0%{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-240px)}}