:root{--paper:#faf8fc;--paper-dark:#efe7f8;--ink:#17121f;--ink-soft:#30233e;--red:#e82e38;--red-dark:#c31824;--purple:#5924a6;--purple-deep:#241533;--purple-light:#7a3fcc;--denim:#5924a6;--mustard:#f5c400;--green:#176d38;--muted:#756b80;--line:2px solid var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-small:2px 2px 0 var(--ink);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--gap:clamp(10px,3vw,16px);--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--body);color:var(--ink);background:#120a1c;justify-content:center;display:flex}canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}#app{height:100%;position:relative;overflow:hidden}.icon{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}#hud{top:calc(var(--gap) + var(--safe-top));left:var(--gap);pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.timer-card{background:var(--purple-deep);color:var(--paper);box-shadow:var(--shadow-small);align-items:stretch;display:flex}.timer-card small{writing-mode:vertical-rl;background:var(--red);font-family:var(--display);letter-spacing:2px;color:var(--paper);padding:6px 4px;font-size:13px;font-weight:800;transform:rotate(180deg)}#timer{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:1px;padding:4px 12px 0;font-size:max(38px,min(12vw,52px));font-weight:800;line-height:1}body.untimed .timer-card{display:none}#barrels{gap:4px;display:flex}.barrel-dot{width:28px;height:28px;font-family:var(--display);background:var(--paper);border:var(--line);box-shadow:var(--shadow-small);place-items:center;font-size:17px;font-weight:800;transition:transform .2s;display:grid}.barrel-dot.current{background:var(--mustard);transform:translateY(-2px)}.barrel-dot.done{background:var(--green);color:var(--paper)}.barrel-dot.knocked{background:var(--red);color:var(--paper)}#speed{background:var(--paper);border:var(--line);font-family:var(--display);letter-spacing:1px;font-variant-numeric:tabular-nums;padding:2px 8px;font-size:16px;font-weight:800}#actions{top:calc(var(--gap) + var(--safe-top));right:var(--gap);gap:6px;display:flex;position:absolute}#actions button{background:var(--paper);border:var(--line);width:40px;height:40px;box-shadow:var(--shadow-small);place-items:center;display:grid}#actions button:active{box-shadow:none;transform:translate(2px,2px)}#actions .icon{width:18px;height:18px}#topbar{display:none}#objective{top:calc(var(--gap) + var(--safe-top) + 90px);left:var(--gap);background:var(--denim);max-width:70%;color:var(--paper);font-family:var(--display);letter-spacing:1px;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--shadow-small);padding:4px 10px;font-size:16px;font-weight:800;position:absolute;overflow:hidden}#objective:empty{display:none}#message{text-align:center;font-family:var(--display);letter-spacing:1px;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);pointer-events:none;white-space:pre-line;padding:0 20px;font-size:max(40px,min(13vw,60px));font-weight:800;line-height:.95;position:absolute;top:33%;left:0;right:0}#help{bottom:calc(6px + var(--safe-bottom));text-align:center;color:var(--paper);opacity:.6;pointer-events:none;padding:0 16px;font-size:10px;font-weight:600;position:absolute;left:0;right:0}#announcer{left:0;right:var(--gap);bottom:calc(205px + var(--safe-bottom));pointer-events:none;align-items:stretch;transition:transform .4s cubic-bezier(.2,.9,.25,1.05);display:flex;position:absolute;transform:translate(-105%)}#announcer.open{transform:none}#announcer img{background:var(--paper);border:var(--line);border-left:0;width:64px;height:64px;padding:6px}#announcer div{background:var(--purple-deep);color:var(--paper);border-left:6px solid var(--red);box-shadow:var(--shadow);flex:1;padding:6px 12px}#announcer small{font-family:var(--display);letter-spacing:2px;color:var(--mustard);font-size:14px;font-weight:800;display:block}#announcer b{font-family:var(--display);font-size:max(24px,min(8vw,32px));font-weight:800;line-height:1;display:block}#announcer span{opacity:.75;font-size:12px;display:block}.stick{pointer-events:none;opacity:.55;border:2px solid rgba(241,233,216,.44);border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transition:opacity .15s;position:absolute}.stick-left{top:80%;left:25%}.stick-right{top:80%;left:75%}.stick.active{opacity:1}.stick-knob{background:var(--paper);border:3px solid var(--ink);width:52px;height:52px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#prompt{left:50%;bottom:calc(250px + var(--safe-bottom));opacity:0;pointer-events:none;background:var(--mustard);border:var(--line);box-shadow:var(--shadow);font-family:var(--display);letter-spacing:1px;padding:12px 20px;font-size:22px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,16px)}#prompt.open{opacity:1;pointer-events:auto;transform:translate(-50%)}#home{padding:calc(var(--gap) + var(--safe-top))var(--gap)calc(var(--gap) + var(--safe-bottom));background:linear-gradient(rgba(18,10,28,.6) 0%,rgba(18,10,28,0) 22%,rgba(18,10,28,0) 34%,rgba(18,10,28,.85) 62%);flex-direction:column;justify-content:flex-end;gap:10px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}body.mode-menu #home{display:flex}.home-header{top:calc(var(--gap) + var(--safe-top));left:var(--gap);right:var(--gap);justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.brand{flex-direction:column;align-items:flex-start;display:flex}.brand-mark{display:none}.brand h1{background:var(--red);color:var(--paper);font-family:var(--display);letter-spacing:1px;border:var(--line);box-shadow:var(--shadow);padding:2px 10px 0;font-size:max(34px,min(11vw,46px));font-weight:800;line-height:1;transform:rotate(-2deg)}.brand small{background:var(--ink);color:var(--paper);letter-spacing:2px;text-transform:uppercase;margin-top:8px;padding:2px 8px;font-size:10px;font-weight:700}.wallet{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.wallet span{background:var(--paper);border:var(--line);box-shadow:var(--shadow-small);font-family:var(--display);letter-spacing:1px;padding:2px 8px;font-size:18px;font-weight:800}.player-card{background:var(--paper);border:var(--line);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px;display:flex}.avatar{background:var(--mustard);border:var(--line);flex:0 0 50px;place-items:center;height:50px;display:grid}.avatar .icon{width:30px;height:30px}.player-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.player-info b{font-family:var(--display);letter-spacing:1px;font-size:24px;font-weight:800;line-height:1}.player-info small{color:var(--muted);font-size:11px;font-weight:600}.stars{vertical-align:-1px;gap:1px;display:inline-flex}.star{fill:rgba(22,19,15,.19);width:11px;height:11px}.star.on{fill:var(--red)}.xp{background:var(--paper-dark);border:1.5px solid var(--ink);height:8px}.xp i{background:var(--red);height:100%;display:block}.level-badge{height:52px;font-family:var(--display);background:var(--purple);color:var(--paper);border:var(--line);flex:0 0 52px;place-items:center;font-size:30px;font-weight:800;display:grid}.account-row{gap:8px;display:flex}.account-row button{flex:1}.home-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{background:var(--paper);border:var(--line);box-shadow:var(--shadow-small);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.tile b{font-family:var(--display);letter-spacing:1px;font-size:20px;font-weight:800;line-height:1}.tile small{color:var(--muted);font-size:10px;font-weight:600;line-height:1.2}.tile-icon{width:22px;height:22px;color:var(--red);margin-bottom:4px}.tile.featured{background:var(--purple-deep);color:var(--paper);box-shadow:var(--shadow);border-left:8px solid var(--red);flex-direction:row;grid-column:span 3;align-items:center;gap:12px;padding:12px 14px}.tile.featured:nth-child(2){border-left-color:var(--mustard)}.tile.featured b{font-size:30px}.tile.featured small{color:rgba(241,233,216,.667);font-size:12px}.tile.featured .tile-icon{width:30px;height:30px;color:var(--mustard);margin:0}.tile:active,.big-button:active,.ghost-button:active,.card-action:active{box-shadow:none;transform:translate(2px,2px)}#panel{opacity:0;pointer-events:none;background:rgba(18,10,28,.7);align-items:flex-end;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#panel.open{opacity:1;pointer-events:auto}.panel-sheet{background:var(--paper);border-top:3px solid var(--ink);width:100%;max-height:92%;padding:0 var(--gap)calc(16px + var(--safe-bottom));flex-direction:column;transition:transform .28s cubic-bezier(.2,.9,.25,1);display:flex;transform:translateY(40px)}#panel.open .panel-sheet{transform:none}.panel-sheet header{margin:0 calc(var(--gap)*-1)12px;padding:12px var(--gap)10px;background:var(--purple);color:var(--paper);border-bottom:4px solid var(--red);justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-sheet h2{font-family:var(--display);letter-spacing:1px;font-size:max(30px,min(9vw,38px));font-weight:800;line-height:1}#panel-subtitle{opacity:.7;margin-top:2px;font-size:12px;font-weight:600}#panel-close{background:var(--paper);height:38px;color:var(--ink);border:var(--line);flex:0 0 38px;place-items:center;display:grid}#panel-close .icon{width:18px;height:18px}#panel-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:8px;padding:2px 4px 8px 0;display:flex;overflow-y:auto}.card,.cup{border:var(--line);box-shadow:var(--shadow-small);background:#fffaf0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.card.selected{background:#f6dfa8}.card-info{align-items:center;gap:10px;min-width:0;display:flex}.card-info b,.cup-info b{font-size:15px;font-weight:800}.card-info small,.cup-info small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600;line-height:1.3;display:block}.card-badge{vertical-align:middle;margin-left:6px;display:inline-flex}.card-swatch{border:var(--line);flex:0 0 26px;height:26px}.card-action{background:var(--purple);color:var(--paper);border:var(--line);box-shadow:var(--shadow-small);font-family:var(--display);letter-spacing:1px;flex:none;align-items:center;gap:4px;padding:8px 12px;font-size:18px;font-weight:800;display:inline-flex}.card-action:disabled{background:var(--paper-dark);color:var(--muted);box-shadow:none}.card-action .icon{width:15px;height:15px}.cup{gap:12px}.cup.locked{opacity:.55}.cup-logo{flex:0 0 56px;height:56px}.cup-info{flex:1;min-width:0}.tags{align-items:center;gap:6px;display:flex}.tags .icon{color:var(--red)}.cup-hero{background:var(--purple-deep);color:var(--paper);border-left:8px solid var(--red);align-items:center;gap:14px;padding:12px;display:flex}.cup-hero img{width:70px;height:70px}.cup-hero b{font-family:var(--display);letter-spacing:1px;font-size:28px;font-weight:800;line-height:1;display:block}.cup-hero small{opacity:.7;font-weight:600}.seats{justify-content:center;gap:8px;padding:8px 0;display:flex}.seat{border:2px dashed var(--ink-soft);width:40px;height:40px}.seat.filled{background:var(--red);border:var(--line);box-shadow:var(--shadow-small)}.section-title{background:var(--purple);color:var(--paper);font-family:var(--display);letter-spacing:1px;align-self:flex-start;margin:8px 0 0;padding:1px 8px;font-size:16px;font-weight:800;display:inline-block}.stat-list{border:var(--line);background:#fffaf0;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.stat{align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.stat span{width:76px;color:var(--muted)}.bar{background:var(--paper-dark);border:1.5px solid var(--ink);flex:1;height:8px;display:flex}.bar i{background:var(--red);height:100%;display:block}.bar em{background:var(--green);height:100%;display:block}.result-row{border:var(--line);font-variant-numeric:tabular-nums;background:#fffaf0;justify-content:space-between;gap:10px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.result-row.player{background:var(--mustard)}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:6px;padding:6px 0 2px;display:grid}.step{background:var(--purple-deep);color:var(--paper);border:var(--line);text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:8px 4px;display:flex}.step b{font-family:var(--display);font-size:20px;font-weight:800;line-height:1}.step small{font-family:var(--display);color:var(--mustard);font-size:18px;font-weight:800}.step .medal{width:32px;height:32px}.step-1{background:var(--red);order:2;min-height:150px}.step-2{order:1;min-height:118px}.step-3{order:3;min-height:96px}.medal.gold{color:#f2c14e}.medal.silver{color:#d6d6d6}.medal.bronze{color:#d08848}.big-button{background:var(--purple);color:var(--paper);border:var(--line);box-shadow:var(--shadow);font-family:var(--display);letter-spacing:1px;margin-top:4px;padding:13px;font-size:24px;font-weight:800}button.is-loading{pointer-events:none;position:relative;color:transparent!important}button.is-loading:after{content:"";border:3px solid var(--ink);border-top-color:transparent;border-radius:50%;width:20px;height:20px;margin:auto;animation:.7s linear infinite button-spin;position:absolute;top:0;bottom:0;left:0;right:0}.big-button.is-loading:after,.play-button.is-loading:after{border-color:var(--paper);border-top-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}.ghost-button{background:var(--paper);border:var(--line);box-shadow:var(--shadow-small);font-family:var(--display);letter-spacing:1px;padding:11px;font-size:20px;font-weight:800}.ghost-button.small{padding:7px;font-size:16px}.text-input{border:var(--line);width:100%;color:var(--ink);font:inherit;-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#fffaf0;outline:none;padding:13px;font-size:16px;font-weight:600}.text-input:focus{box-shadow:var(--shadow-small);background:#fff}.auth-form{flex-direction:column;gap:8px;display:flex}.form-error{min-height:18px;color:var(--red);font-size:13px;font-weight:800}#dialog{left:var(--gap);right:var(--gap);bottom:calc(24px + var(--safe-bottom));opacity:0;pointer-events:none;align-items:stretch;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translateY(20px)}#dialog.open{opacity:1;pointer-events:auto;transform:none}.dialog-portrait{background:var(--mustard);border:var(--line);border-right:0;flex:0 0 64px;place-items:center;display:grid}.dialog-portrait .icon{width:36px;height:36px}.dialog-box{background:var(--paper);border:var(--line);box-shadow:var(--shadow);flex:1;padding:10px 12px}.dialog-box b{font-family:var(--display);letter-spacing:1px;color:var(--red);font-size:18px;font-weight:800}.dialog-box p{margin:2px 0 6px;font-size:15px;font-weight:600;line-height:1.35}.dialog-box small{color:var(--muted);font-size:11px;font-weight:700}#fade{opacity:0;pointer-events:none;background:#120a1c;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}#fade.on{opacity:1;pointer-events:auto}#celebrate{z-index:5;background:rgba(18,10,28,.8);place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#celebrate.open{display:grid}.burst{background:repeating-conic-gradient(var(--red)0 10deg,transparent 10deg 20deg);opacity:.5;width:760px;height:760px;margin:-380px 0 0 -380px;animation:9s linear infinite spin,.6s cubic-bezier(.2,.9,.3,1.2) both grow;position:absolute;top:46%;left:50%}.celebrate-card{flex-direction:column;align-items:center;gap:6px;animation:.55s cubic-bezier(.2,1.4,.4,1) both pop;display:flex;position:relative}.celebrate-kicker{background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:3px;border:2px solid var(--paper);padding:2px 12px;font-size:22px;font-weight:800}.celebrate-badge{background:var(--paper);border:5px solid var(--ink);width:170px;height:170px;box-shadow:8px 8px 0 var(--ink);font-family:var(--display);place-items:center;font-size:120px;font-weight:800;line-height:1;display:grid;transform:rotate(-4deg)}.celebrate-badge.rank{width:auto;height:auto;box-shadow:none;filter:drop-shadow(6px 6px #16130f);background:0 0;border:0}.celebrate-badge.rank.flip{animation:1s cubic-bezier(.3,1.4,.5,1) .25s both flip}.celebrate-title{background:var(--red);color:var(--paper);font-family:var(--display);letter-spacing:2px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:4px 16px 0;font-size:max(36px,min(12vw,54px));font-weight:800;line-height:1;transform:rotate(2deg)}.celebrate-detail{color:var(--paper);text-align:center;margin-top:6px;padding:0 30px;font-size:14px;font-weight:700}.celebrate-tap{color:rgba(241,233,216,.6);letter-spacing:2px;text-transform:uppercase;margin-top:14px;font-size:11px;font-weight:700}.confetti{width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grow{0%{transform:scale(0)}}@keyframes pop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}}@keyframes flip{0%{transform:rotateY(540deg)scale(.4)}to{transform:rotateY(0)rotate(-4deg)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0)rotate(var(--turn))}}body.mode-menu #hud,body.mode-menu #actions,body.mode-menu #help,body.mode-menu .stick,body.mode-menu #objective,body.mode-menu #message,body.talking .stick,body.talking #help,body.panel-open .stick,body.panel-open #announcer{display:none}#home-points{align-items:center;gap:6px;display:flex}#home-points .rank-badge{filter:drop-shadow(1px 1px #16130f);margin:-6px 0 -6px -4px}.rank-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rank-cell{border:var(--line);text-align:center;background:#fffaf0;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.rank-cell.current{background:var(--mustard);box-shadow:var(--shadow-small)}.rank-cell b{font-family:var(--display);font-size:15px;font-weight:800;line-height:1}.rank-cell small{color:var(--muted);font-size:10px;font-weight:700}body.carousel-open #panel{background:linear-gradient(rgba(18,10,28,0) 0%,rgba(18,10,28,0) 40%,rgba(18,10,28,.8) 70%)}.carousel-tabs{gap:6px;display:flex}.tab{background:var(--paper);border:var(--line);font-family:var(--display);letter-spacing:1px;flex:1;padding:8px;font-size:18px;font-weight:800}.tab.active{background:var(--purple);color:var(--paper)}.carousel-track{scroll-snap-type:x mandatory;margin:0 calc(var(--gap)*-1);touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:8px 18%;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:center;border:var(--line);box-shadow:var(--shadow-small);text-align:center;opacity:.55;background:#fffaf0;flex-direction:column;flex:0 0 64%;align-items:center;gap:6px;padding:14px 12px;transition:transform .25s,opacity .25s;display:flex;transform:scale(.9)}.carousel-card.active{opacity:1;box-shadow:var(--shadow);transform:none}.carousel-card .hero{background:var(--paper-dark);border:var(--line);place-items:center;width:100%;height:86px;display:grid}.carousel-card .hero .icon{width:46px;height:46px;color:var(--red)}.carousel-card .swatch-big{border:3px solid var(--ink);width:64px;height:64px;box-shadow:var(--shadow-small)}.carousel-card h3{font-family:var(--display);letter-spacing:1px;font-size:28px;font-weight:800;line-height:1}.carousel-card .meta{color:var(--muted);font-size:12px;font-weight:700;line-height:1.3}.carousel-card .price{background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:1px;padding:2px 10px;font-size:20px;font-weight:800}.carousel-card .owned{background:var(--green);color:var(--paper);font-family:var(--display);letter-spacing:1px;padding:2px 10px;font-size:18px;font-weight:800}.carousel-card .stat-list{text-align:left;width:100%}.carousel-card .rank-tag{font-family:var(--display);color:var(--red);font-size:18px;font-weight:800}.carousel-dots{justify-content:center;gap:5px;padding:2px 0;display:flex}.carousel-dots i{background:var(--paper-dark);border:1.5px solid var(--ink);width:7px;height:7px}.carousel-dots i.on{background:var(--red)}.carousel-footer{align-items:stretch;gap:8px;display:flex}.carousel-action{flex:1;margin:0}.carousel-action:disabled{background:var(--paper-dark);color:var(--muted);box-shadow:none}.carousel-arrow{background:var(--paper);border:var(--line);box-shadow:var(--shadow-small);font-family:var(--display);flex:0 0 52px;font-size:34px;font-weight:800;line-height:1}.carousel-arrow:disabled{opacity:.35;box-shadow:none}body.carousel-open #home{display:none}.carousel-card{flex-basis:72%}.carousel-card .stat span{width:62px;font-size:10px}.carousel-dots b{font-family:var(--display);letter-spacing:1px;font-size:16px;font-weight:800}body.carousel-open .panel-sheet{max-height:min(60%,520px)}.carousel-card{flex:0 0 min(64%,280px);gap:max(3px,min(1vw,6px));padding:max(8px,min(2.4vw,14px)) max(8px,min(2.4vw,12px))}.carousel-track{padding:6px calc(50% - min(64%,280px)/2)}.carousel-card h3{font-size:max(20px,min(6.4vw,28px))}.carousel-card .hero{height:max(54px,min(16vw,86px))}.carousel-card .hero .icon{width:max(30px,min(9vw,46px));height:max(30px,min(9vw,46px))}.carousel-card .hero img{width:max(48px,min(15vw,76px));height:max(48px,min(15vw,76px))}.carousel-card .swatch-big{width:max(40px,min(12vw,64px));height:max(40px,min(12vw,64px))}.carousel-card .stat-list{gap:3px;padding:6px 8px}.carousel-card .price,.carousel-card .owned{font-size:max(15px,min(4.6vw,20px))}.carousel-action{padding:10px;font-size:max(18px,min(5.6vw,24px))}.carousel-arrow{flex-basis:max(40px,min(12vw,52px))}@media (max-height:700px){body.carousel-open .panel-sheet{max-height:66%}.panel-sheet header{padding:8px var(--gap)6px;margin-bottom:8px}.panel-sheet h2{font-size:26px}.carousel-card .stat-list{display:none}.carousel-card .meta{font-size:11px}}@media (min-width:600px){.carousel-card{flex-basis:260px}.carousel-track{padding:6px calc(50% - 130px)}}#home .player-card:empty,#home .account-row:empty{display:none}#home{gap:0}.home-grid{grid-template-columns:repeat(3,1fr);gap:8px}.home-grid .tile{aspect-ratio:1.15;justify-content:center;align-items:center;gap:4px;padding:8px}.home-grid .tile .tile-icon{width:26px;height:26px;margin:0}.home-grid .tile b{font-size:19px}.play-button{background:var(--red);color:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);grid-column:span 3;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.play-button .tile-icon{width:34px;height:34px;color:var(--mustard);margin:0}.play-button b{font-family:var(--display);letter-spacing:2px;font-size:max(40px,min(13vw,54px));font-weight:800;line-height:1}.play-button:active{box-shadow:none;transform:translate(3px,3px)}.hub-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hub-grid .tile{padding:14px 12px}.hub-grid .tile.featured{grid-column:span 2}#home-points{gap:4px}#update-toast,#resume-toast{left:var(--gap);right:var(--gap);top:calc(var(--gap) + var(--safe-top));z-index:6;background:var(--paper);border:var(--line);border-left:8px solid var(--red);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:transform .35s cubic-bezier(.2,.9,.25,1.1);display:flex;position:absolute;transform:translateY(-150%)}#update-toast.open,#resume-toast.open{transform:none}#update-toast b,#resume-toast b{font-family:var(--display);letter-spacing:1px;font-size:22px;font-weight:800;line-height:1;display:block}#update-toast small,#resume-toast small{color:var(--muted);font-size:12px;font-weight:600}.version-tag{color:var(--muted);letter-spacing:1px;align-self:center;font-size:11px;font-weight:700}#resume-toast{top:auto;bottom:calc(var(--gap) + var(--safe-bottom));border-left-color:var(--mustard);z-index:7;transform:translateY(150%)}#resume-toast.open{transform:none}.brand-title{flex-direction:column;align-items:flex-start;gap:0;margin:0;display:flex}.brand-logo{background:var(--paper);border:var(--line);width:max(150px,min(46vw,210px));height:auto;box-shadow:var(--shadow);padding:6px 10px;transform:rotate(-2deg)}.brand-racing{background:var(--purple);color:var(--paper);font-family:var(--display);letter-spacing:3px;border:var(--line);box-shadow:var(--shadow-small);margin:-4px 0 0 14px;padding:0 12px;font-size:max(22px,min(7vw,30px));font-style:italic;font-weight:800;line-height:1.15;transform:rotate(-2deg)}.brand small{display:none}.brand h1.brand-title{box-shadow:none;background:0 0;border:0;padding:0;transform:none}#update-toast:not(.open),#resume-toast:not(.open){visibility:hidden}.play-button b,.tile b,.big-button,.ghost-button,.card-action,.tab,.panel-sheet h2,.carousel-card h3,.section-title,#prompt,.celebrate-title,.celebrate-kicker,.player-info b,#update-toast b,#resume-toast b,.cup-hero b,#announcer b,.step b{text-transform:uppercase}#hud{gap:4px}.timer-card{display:none}.scorebug{background:var(--purple-deep);color:var(--paper);border:var(--line);box-shadow:var(--shadow);align-items:stretch;display:flex}.scorebug small{writing-mode:vertical-rl;background:var(--red);font-family:var(--display);letter-spacing:2px;text-align:center;padding:4px 3px;font-size:11px;font-weight:800;transform:rotate(180deg)}.scorebug #timer{padding:2px 10px 0;font-size:max(34px,min(11vw,46px))}.scorebug #barrels{align-items:center;gap:3px;padding:0 8px 0 2px}.scorebug .barrel-dot{width:22px;height:22px;box-shadow:none;color:var(--ink);border-width:1.5px;font-size:14px}.barrel-dot.pulse{animation:.7s ease-out barrel-pulse}@keyframes barrel-pulse{0%{transform:scale(1.6);box-shadow:0 0 0 6px rgba(245,196,0,.533)}to{transform:scale(1);box-shadow:0 0 rgba(245,196,0,0)}}.hud-meta{gap:4px;display:flex}#speed{padding:1px 6px;font-size:14px}#best{background:var(--mustard);border:var(--line);font-family:var(--display);letter-spacing:1px;padding:1px 6px;font-size:14px;font-weight:800}#best:empty,body.mode-race #help,body[data-phase=running] #objective,body[data-phase=finished] #objective,body[data-phase=disqualified] #objective{display:none}#message{font-size:max(46px,min(15vw,72px));font-style:italic}body[data-phase=finished] #message,body[data-phase=disqualified] #message{font-size:max(36px,min(12vw,56px))}.setting-row{border:var(--line);background:#fffaf0;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.setting-row span{width:64px}.setting-range{accent-color:var(--purple);flex:1}#actions{flex-direction:column;gap:6px}#actions button{width:38px;height:38px}#trick{pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:46%;left:0;right:0}#trick b{font-family:var(--display);letter-spacing:1px;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);font-size:max(44px,min(14vw,68px));font-style:italic;font-weight:800;line-height:.9;transform:rotate(-6deg)skew(-8deg)}#trick small{background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:2px;padding:2px 10px;font-size:18px;font-weight:800;transform:rotate(-6deg)}#trick.show{animation:1.4s cubic-bezier(.2,1.3,.35,1) both trick}#trick.gold b{color:var(--mustard)}#trick.purple b{color:#b98cff}#trick.red b{color:var(--red)}#trick.gray b{color:#c9c2d1}@keyframes trick{0%{opacity:0;transform:translate(-60px)scale(.4)}14%{opacity:1;transform:translate(0)scale(1.18)}22%{transform:scale(.96)rotate(1deg)}30%{transform:scale(1.04)rotate(-1deg)}38%{transform:scale(1)}80%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(80px)scale(.9)}}#message{top:calc(var(--safe-top) + 108px);font-size:max(30px,min(9.5vw,44px))}body[data-phase=finished] #message,body[data-phase=disqualified] #message{font-size:max(34px,min(11vw,52px));top:24%}#trick{top:calc(var(--safe-top) + 168px)}#trick b{font-size:max(34px,min(11vw,52px))}#trick small{font-size:15px}.live-board{width:132px;color:var(--paper);border-left:3px solid var(--purple);font-family:var(--body);pointer-events:none;background:rgba(23,18,31,.62);flex-direction:column;gap:0;padding:3px 6px;font-size:10px;line-height:1.25;display:flex}.live-board>b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;letter-spacing:1px;text-transform:uppercase;color:var(--purple-light);margin-bottom:2px;font-size:11px;font-weight:800;overflow:hidden}.live-board>div{grid-template-columns:16px 1fr auto;align-items:center;gap:3px;display:grid}.live-board>div span{font-family:var(--display);color:var(--purple-light);font-weight:800}.live-board>div em{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.live-board>div strong{font-family:var(--display);font-size:11px;font-weight:800}.live-board>div.me em{color:var(--mustard);font-weight:700}.live-board>div.running strong{color:var(--red)}.live-board>div.next strong{color:var(--purple-light)}body.mode-menu .live-board{width:132px;color:var(--paper);border-left:3px solid var(--purple);font-family:var(--body);pointer-events:none;background:rgba(23,18,31,.62);flex-direction:column;gap:0;padding:3px 6px;font-size:10px;line-height:1.25;display:flex}.panel-sheet{max-height:calc(100% - var(--safe-top) - 8px);min-height:0;overflow:hidden}#panel-body{overscroll-behavior:contain;flex:auto;min-height:0}body.carousel-open #panel-body{overflow:hidden}.carousel-track{flex:auto;align-items:stretch;min-height:0}.carousel-card{overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow-y:auto}.carousel-card::-webkit-scrollbar{display:none}.carousel-footer,.carousel-dots,.carousel-tabs{flex:none}#home{overflow:hidden}@media (max-height:700px){#home{gap:6px}.panel-sheet header{padding:8px var(--gap)6px;margin-bottom:8px}.panel-sheet h2{font-size:max(24px,min(7vw,30px))}.carousel-card .hero{height:48px}.carousel-card h3{font-size:20px}.carousel-card .stat-list{gap:2px;padding:4px 6px}.carousel-action{padding:8px}}@media (max-height:580px){body.carousel-open .panel-sheet{max-height:72%}.carousel-card .meta{font-size:11px}.carousel-card .hero,.carousel-card .swatch-big{display:none}}@media (max-height:700px){.home-grid .tile{aspect-ratio:auto;padding:8px 6px}.play-button{padding:12px}}.xp-summary{z-index:6;padding:var(--gap);background:radial-gradient(circle at 50% 40%,rgba(89,36,166,.8),rgba(18,10,28,.933) 70%);place-items:center;animation:.3s both fade-in;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.xp-card{background:var(--paper);border:var(--line);border-top:6px solid var(--red);width:min(100%,340px);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;animation:.55s cubic-bezier(.2,1.4,.4,1) both pop;display:flex}.xp-kicker{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--purple);font-size:22px;font-weight:800}.xp-rank{flex-direction:column;align-items:center;gap:2px;display:flex}.xp-rank b{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;font-size:26px;font-weight:800}.xp-level{font-family:var(--display);align-items:baseline;gap:6px;font-weight:800;display:flex}.xp-level small{color:var(--muted);letter-spacing:1px;font-size:16px}.xp-level strong{color:var(--ink);font-size:44px;line-height:1;display:inline-block}.xp-level strong.up{color:var(--red);animation:.5s cubic-bezier(.2,1.4,.4,1) pop}.xp-bar{background:var(--paper-dark);border:var(--line);width:100%;height:16px;overflow:hidden}.xp-bar i{background:linear-gradient(90deg,var(--purple),var(--red));width:0;height:100%;display:block;box-shadow:inset 0 -3px rgba(0,0,0,.2)}.xp-gain{font-family:var(--display);color:var(--purple);font-size:30px;font-weight:800}.xp-continue{width:100%;margin-top:4px}@keyframes fade-in{0%{opacity:0}}#objective{max-width:60vw;padding:2px 8px;font-size:12px;position:static}#install-toast{left:var(--gap);right:var(--gap);bottom:calc(var(--gap) + var(--safe-bottom));z-index:6;background:var(--paper);border:var(--line);border-left:6px solid var(--purple);box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 10px 10px 14px;transition:transform .35s cubic-bezier(.2,.9,.25,1);display:flex;position:absolute;transform:translateY(140%)}#install-toast.open{transform:none}#install-toast:not(.open){visibility:hidden}#install-toast .install-text{flex:1;min-width:0}#install-toast b{font-family:var(--display);letter-spacing:1px;font-weight:800}#install-toast .install-text>b{text-transform:uppercase;font-size:20px;line-height:1;display:block}#install-toast small{color:var(--muted);font-size:12px;font-weight:600}#install-toast small .icon{vertical-align:-2px;width:14px;height:14px;color:var(--purple)}#install-toast .card-action{flex:none}.install-close{height:32px;color:var(--muted);background:0 0;border:none;flex:0 0 32px;place-items:center;display:grid}.install-close .icon{width:16px;height:16px}#home-points{cursor:pointer;pointer-events:auto}.progress-badge{filter:drop-shadow(2px 3px rgba(18,10,28,.333))}.carousel-card .xp-bar{height:12px}@media (max-height:700px){.progress-badge .rank-badge{width:84px;height:79px}}.record-list{text-align:left;flex-direction:column;gap:2px;width:100%;list-style:none;display:flex}.record-list li{background:var(--paper-dark);grid-template-columns:24px 1fr auto;align-items:center;gap:6px;padding:3px 6px;display:grid}.record-list li span{font-family:var(--display);color:var(--muted);text-align:center;font-size:14px;font-weight:800}.record-list li .icon{width:18px;height:18px}.record-list li em{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:normal;font-weight:700;overflow:hidden}.record-list li em small{color:var(--muted);font-size:10px;font-weight:600;display:block}.record-list li b{font-family:var(--display);font-size:16px;font-weight:800}.account-chip{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:600 14px var(--body,"DM Sans");text-align:left;box-shadow:3px 3px 0 var(--ink);border-radius:999px;flex:1;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;display:flex}.account-chip svg{flex:none;width:18px;height:18px}.account-chip span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.account-chip small{opacity:.7;font-size:11px}.account-chip .online,.account-chip .pulse{background:#2fbf5b;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px rgba(47,191,91,.25)}.account-chip .pulse{background:#5924a6;animation:1s ease-in-out infinite chip-pulse}.account-chip.connecting{box-shadow:none;opacity:.85}.account-chip.login{color:#faf8fc;background:#5924a6}.account-chip.login small{color:#efe7f8;opacity:.85}@keyframes chip-pulse{50%{opacity:.4;transform:scale(.6)}}.home-back{border:2px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.home-back svg{width:22px;height:22px}.home-header .brand{flex:1;min-width:0}#dialog-image:empty{display:none}#dialog-image{justify-content:center;margin-bottom:8px;display:flex}.thumbs-art{filter:drop-shadow(4px 4px rgba(23,18,31,.25));width:min(46vw,170px);height:auto}.thumbs-art .thumb{transform-box:fill-box;animation:1.6s ease-in-out infinite thumb-press}.thumbs-art .thumb-right{animation-delay:.8s}.thumbs-art .stick-knob{animation:1.6s ease-in-out infinite knob-nudge}@keyframes thumb-press{50%{translate:0 -6px}}@keyframes knob-nudge{50%{translate:0 -5px}}