@font-face{font-family:Fredoka;src:url(/assets/fonts/Fredoka-Variable.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--ink:#2b2150;--ink-soft:#4a3f7a;--paper:#fffaf0;--yellow:#ffd23d;--yellow-dark:#e0a800;--pink:#ff5f8f;--pink-dark:#d23a6c;--blue:#3d8bff;--blue-dark:#2563c9;--mint:#3ddc84;--mint-dark:#1fae5e;--sky:#9edbff;--radius:22px;--font:"Fredoka", "Baloo 2", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--shadow:0 6px 0 #2b215059}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;background:#d6f1ff;margin:0;overflow:hidden}body{width:100%;position:fixed;top:0;bottom:0;left:0;right:0}input,textarea,select{-webkit-user-select:text;user-select:text;font-size:max(16px,1em)}button,[role=button]{touch-action:manipulation}.gi{object-fit:contain;vertical-align:-.25em;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;flex:none;width:1.2em;height:1.2em;display:inline-block}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:2;position:fixed;top:0;bottom:0;left:0;right:0}#ui .screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#ui .screen.passthrough{pointer-events:none}.hidden{display:none!important}.logo{letter-spacing:.02em;color:var(--yellow);-webkit-text-stroke:clamp(4px, 1.1vw, 10px) var(--ink);paint-order:stroke fill;text-shadow:0 clamp(6px, 1.4vw, 14px) 0 var(--ink);margin:0 0 8px;font-size:clamp(64px,17vw,168px);font-weight:700;line-height:.9;display:flex;transform:rotate(-4deg)}.logo span{animation:2.4s ease-in-out infinite logo-bounce;display:inline-block}.logo span:nth-child(2){color:var(--pink);animation-delay:.12s}.logo span:nth-child(3){color:#56c8ff;animation-delay:.24s}.logo span:nth-child(4){color:var(--mint);animation-delay:.36s}.logo span:nth-child(5){animation-delay:.48s}@keyframes logo-bounce{0%,60%,to{transform:translateY(0)scale(1)}70%{transform:translateY(-12%)scale(.95,1.08)}80%{transform:translateY(0)scale(1.08,.92)}}.tagline{color:var(--ink);background:#ffffffbf;border-radius:999px;margin-bottom:18px;padding:6px 16px;font-size:clamp(16px,2.6vw,22px);font-weight:600}.btn{font-family:var(--font);letter-spacing:.04em;color:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;min-width:170px;min-height:56px;padding:12px 26px;font-size:clamp(18px,3vw,24px);font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .1s}@media (hover:hover){.btn:hover{box-shadow:0 8px 0 var(--ink);filter:brightness(1.05);transform:translateY(-2px)scale(1.03)}}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn:focus-visible{outline:4px dashed var(--pink);outline-offset:4px}.btn.primary{background:var(--yellow);box-shadow:0 9px 0 var(--ink);border-width:5px;border-radius:30px;padding:14px 56px;font-size:clamp(34px,7vw,56px);animation:1.8s ease-in-out infinite primary-pulse}.btn.primary:active{box-shadow:0 2px 0 var(--ink)}@keyframes primary-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn.pink{background:var(--pink);color:#fff}.btn.blue{background:#56c8ff}.btn.mint{background:var(--mint)}.btn.small{min-width:0;min-height:44px;box-shadow:0 4px 0 var(--ink);border-width:3px;padding:8px 14px;font-size:16px}.btn[disabled]{opacity:.5;pointer-events:none}.icon-btn{justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;padding:0;font-size:24px;display:inline-flex}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.stack{flex-direction:column;align-items:center;gap:14px;display:flex}.menu-screen{--menu-gap:16px;--tool:64px;padding:calc(var(--tool) + 30px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));background:linear-gradient(#56acff9e 0%,#8cccff52 26%,#fff0 50%),radial-gradient(#fff0 55%,#2b21501f 100%)}.menu-center{flex-direction:column;align-items:center;max-width:100%;display:flex}.menu-logo{align-items:center;gap:clamp(0px,1vw,12px);display:flex}.menu-screen .logo{margin:0;transform:rotate(-2deg)}.logo-burst{flex:none;width:clamp(26px,4.2vw,58px);animation:2.4s ease-in-out infinite burst-pop;display:block}.logo-burst svg{width:100%;height:auto;display:block}.logo-burst.right{animation-name:burst-pop-r;transform:scaleX(-1)}@keyframes burst-pop{0%,60%,to{opacity:1;transform:scale(1)}75%{transform:scale(1.18)}}@keyframes burst-pop-r{0%,60%,to{opacity:1;transform:scaleX(-1)}75%{transform:scaleX(-1.18)scaleY(1.18)}}.menu-screen .tagline{background:#fff;margin:clamp(-18px,-1.2vw,-6px) 0 clamp(16px,2.6vh,28px);padding:6px 26px;font-weight:700;position:relative;box-shadow:0 4px #2b21502e,0 8px 24px #2b21501f}.btn.play-btn{background:linear-gradient(180deg, #ffe46b 0%, var(--yellow) 55%, #ffc21f 100%);border-radius:999px;align-items:center;gap:clamp(12px,1.8vw,22px);padding:10px clamp(36px,5vw,64px) 12px clamp(28px,3.6vw,44px);display:inline-flex;position:relative;overflow:hidden}.btn.play-btn:before{content:"";pointer-events:none;background:#ffffff80;border-radius:999px;height:18%;position:absolute;top:5px;left:9%;right:9%}.play-btn .play-icon,.play-text{position:relative}.play-btn .play-icon{flex:none;width:clamp(46px,6vw,70px);height:auto}.play-text{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.play-label{letter-spacing:.03em;font-size:clamp(42px,6.4vw,70px)}.play-sub{letter-spacing:.1em;margin-top:2px;font-size:clamp(13px,1.6vw,19px)}.cup-path{background:var(--paper);border:4px solid var(--ink);max-width:100%;box-shadow:0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:4px;margin-top:clamp(12px,2.2vh,22px);padding:6px 12px;display:flex}.cup-path-step{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:3px 8px 4px;line-height:1;display:flex}.cup-path-step b{font-size:22px;font-weight:700}.cup-path-step small{letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;font-size:9px;font-weight:700}.cup-path-step.s0{background:#d6f1ff;transform:scale(1.06)}.cup-path-step.s1{background:#ffe0c2}.cup-path-step.s2{background:#ffd6ec;transform:scale(.94)}.cup-path-step.s3{background:#fff2b3;transform:scale(.88)}.cup-path-step.champ{background:var(--yellow);border-color:var(--ink)}.cup-path-step.champ .gi{width:26px;height:26px}.cup-path-arrow{flex:none;width:14px;height:14px}.menu-profile{top:calc(var(--menu-gap) + env(safe-area-inset-top));left:calc(var(--menu-gap) + env(safe-area-inset-left));max-width:calc(100% - 2 * var(--menu-gap) - 3 * var(--tool) - 2 * 12px - 14px);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.profile-card{width:380px;max-width:100%;font:inherit;color:var(--ink);text-align:left;background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:12px;padding:6px 10px 6px 6px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}@media (hover:hover){.profile-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px #2b215059}.profile-card:hover .profile-avatar{transform:rotate(-6deg)scale(1.06)}.profile-card:hover .profile-edit{background:var(--yellow)}}.profile-card:active{transform:translateY(4px);box-shadow:0 2px #2b215059}.profile-card:focus-visible{outline:4px dashed var(--pink);outline-offset:4px}.profile-avatar{border-radius:50%;flex:none;transition:transform .15s cubic-bezier(.2,1.8,.4,1);display:inline-flex}.profile-avatar .bumpling-avatar{--size:60px;box-shadow:0 0 0 3px var(--yellow), 0 0 0 6px var(--ink);border-radius:50%;margin:6px}.profile-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.profile-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(18px,2.2vw,22px);font-weight:700;overflow:hidden}.profile-card .locker-level{flex:none;padding:2px 12px;font-size:15px}.profile-edit{border:3px solid var(--ink);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background .1s;display:inline-flex}.profile-xp{background:var(--ink);border:3px solid var(--ink);border-radius:999px;height:16px;overflow:hidden}.profile-xp-fill{background:linear-gradient(180deg, #ffe680, var(--yellow));border-radius:999px;min-width:10px;height:100%;transition:width .6s cubic-bezier(.2,1.4,.4,1)}.edit-btn .ui-icon{width:64%;height:64%}.edit-btn{flex:none;width:48px;height:48px;min-height:48px}.name-input{font:inherit;color:var(--ink);border:3px solid var(--ink);background:#fffbe8;border-radius:12px;outline:none;width:min(12ch,40vw);min-width:0;padding:4px 10px;font-size:20px;font-weight:700}.name-input:focus{box-shadow:0 0 0 3px var(--yellow);background:#fff}.name-error:empty{display:none}.name-error{border:3px solid var(--ink);background:#fff;border-radius:999px;margin:0;padding:2px 14px}.menu-tools{top:calc(var(--menu-gap) + env(safe-area-inset-top));right:calc(var(--menu-gap) + env(safe-area-inset-right));gap:12px;display:flex;position:absolute}.btn.tool-btn{width:var(--tool);height:var(--tool);border-radius:20px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:inline-flex;position:relative}.tool-btn .ui-icon{width:58%;height:58%}.btn.menu-room{bottom:calc(var(--menu-gap) + 4px + env(safe-area-inset-bottom));border-radius:999px;align-items:center;gap:12px;padding:10px 30px 10px 14px;font-size:clamp(18px,2.2vw,24px);display:inline-flex;position:absolute}.menu-room.create{left:calc(var(--menu-gap) + env(safe-area-inset-left))}.menu-room.join{right:calc(var(--menu-gap) + env(safe-area-inset-right))}.menu-room .ui-icon{flex:none;width:38px;height:38px}.menu-room.mint .ui-icon{width:42px}.controls-hint{bottom:calc(26px + env(safe-area-inset-bottom));white-space:nowrap;opacity:.9;background:#ffffffb8;border:2px solid #2b21508c;border-radius:999px;gap:18px;padding:6px 16px;font-size:14px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.key{border:2px solid var(--ink);text-align:center;background:#fff;border-bottom-width:4px;border-radius:8px;min-width:28px;margin-right:4px;padding:1px 7px;font-size:13px;font-weight:700;display:inline-block}.panel{background:var(--paper);border:5px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:30px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:min(560px,100%);padding:26px 28px;animation:.25s cubic-bezier(.2,1.6,.4,1) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.panel h2{margin:0;font-size:clamp(28px,5vw,40px);font-weight:700}.backdrop{background:#2b215073}#ui .screen.backdrop{z-index:8}.code-input{gap:8px;display:flex}.code-input input{width:clamp(44px,12vw,64px);height:clamp(56px,14vw,76px);font-family:var(--font);text-align:center;text-transform:uppercase;border:4px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:16px;outline:none;font-size:clamp(28px,7vw,40px);font-weight:700}.code-input input:focus{background:#fff6c9}.error-text{color:var(--pink-dark);min-height:1.2em;font-weight:700}.room-code{letter-spacing:.18em;border:4px dashed var(--ink);background:#fff;border-radius:20px;padding:4px 18px 4px 28px;font-size:clamp(40px,10vw,64px);font-weight:700}.player-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.player-pill{border:3px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-weight:600;display:flex}.player-pill .dot{border:3px solid var(--ink);border-radius:50%;width:24px;height:24px}.player-pill.me{background:#fff6c9}.player-pill .tag{background:var(--ink);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}.lobby-bar{pointer-events:auto;flex-flow:wrap;justify-content:center;align-items:center;gap:18px;max-width:min(980px,100%);padding:14px 20px}.lobby-code{flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-code .room-code{font-size:clamp(32px,6vw,46px)}.lobby-label{letter-spacing:.1em;font-size:14px;font-weight:700}.lobby-hint{text-align:center;opacity:.8;font-size:14px;font-weight:600}.lobby-players{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.lobby-actions{gap:8px}.btn.primary.lobby-start{padding:8px 34px;font-size:clamp(28px,5vw,40px)}.lobby-actions .tagline{margin:0}.create-panel{overscroll-behavior:contain;touch-action:pan-y;gap:14px;max-width:min(540px,100%);max-height:100%;padding:22px 24px 26px;position:relative;overflow-y:auto}.round-back{border:4px solid var(--ink);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;place-items:center;padding:0;transition:transform .1s;display:grid;position:absolute;top:14px;left:14px}.round-back .ui-icon{width:28px;height:28px}.round-back:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.round-back:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}@media (hover:hover){.round-back:hover{background:#fff6c9}}.create-panel .spark-title{white-space:nowrap;padding:0 44px;font-size:clamp(26px,6vw,44px)!important}.create-body{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.create-card{background:#f7efe2;border:2px solid #ebe0cd;border-radius:20px;flex-direction:column;gap:12px;min-width:0;padding:12px 16px 16px;transition:opacity .2s,filter .2s;display:flex}.create-head{text-align:left;align-items:center;gap:14px;display:flex}.create-ico{flex:none;place-items:center;width:46px;height:46px;display:grid}.create-ico .gi,.create-ico .ui-icon{vertical-align:0;width:46px;height:46px}.create-title{font-size:21px;font-weight:700;line-height:1.1}.create-sub{color:#8a83a3;font-size:15px;font-weight:600;line-height:1.2}.minute-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.minute-btn{font-family:var(--font);color:var(--ink);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:4px 0 6px;line-height:1;transition:transform .12s cubic-bezier(.2,1.8,.4,1),background .12s;display:flex}.minute-num{font-size:26px;font-weight:700}.minute-unit{letter-spacing:.04em;margin-top:2px;font-size:13px;font-weight:700}.minute-btn.on{background:var(--yellow);transform:translateY(-2px)}.minute-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.minute-btn:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}@media (hover:hover){.minute-btn:not(.on):hover{background:#fff6c9}}.seg.bots-seg{width:100%;box-shadow:0 4px 0 var(--ink);border-width:4px;border-radius:20px}.bots-seg button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:6px 10px;font-size:clamp(18px,3.4vw,22px);display:flex}.bots-seg button+button{border-left-width:4px}.bots-seg .toggle-ico{vertical-align:0;width:40px;height:40px}.no-bot-ico{flex:none;display:inline-grid;position:relative}.no-bot-ico .gi{filter:grayscale();opacity:.55}.no-bot-ico:after{content:"";background:var(--pink);border-radius:999px;width:48px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.create-count.off{opacity:.4;filter:grayscale()}.bot-picker{--thumb:40px;background:#fffdf8;border:2px solid #ebe0cd;border-radius:18px;flex-direction:column;gap:8px;padding:12px 18px 8px;display:flex}.bot-stops{justify-content:space-between;padding:0 3px;display:flex}.bot-stop,.bot-tick{width:var(--thumb);cursor:pointer;flex:none;place-items:center;display:grid}.create-count.off .bot-stop,.create-count.off .bot-tick{cursor:default}.bot-face{opacity:.25;filter:grayscale();width:40px;height:40px;transition:transform .2s cubic-bezier(.2,1.8,.4,1),opacity .15s;transform:scale(.8)}.bot-stop.on .bot-face{opacity:1;filter:none;transform:scale(1)}.bot-tick{font-family:var(--font);color:#8a83a3;touch-action:manipulation;background:0 0;border:none;min-height:28px;padding:0;font-size:18px;font-weight:600}.bot-tick.on{color:var(--ink);font-size:22px;font-weight:700}.bot-picker input[type=range]{background:linear-gradient(90deg, var(--yellow) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--fill,0)), #fff 0);height:24px}.bot-picker input[type=range]::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb)}.bot-picker input[type=range]::-moz-range-thumb{width:32px;height:32px}.bot-picker input[type=range]:disabled::-webkit-slider-thumb{cursor:default}.create-panel .error-text:empty{display:none}.btn.primary.create-go{flex:none;justify-content:center;align-items:center;gap:18px;width:94%;margin-top:4px;padding:10px 24px;font-size:clamp(32px,6.5vw,48px);display:flex}.create-go-ico{vertical-align:0;width:1.3em;height:1.3em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:420px){.create-panel{gap:12px;padding:16px 14px 20px}.round-back{border-width:3px;width:46px;height:46px;top:10px;left:10px}.create-panel .spark-title{padding:0 40px}.create-panel .spark-title .spark{display:none}.bots-seg button{gap:6px;padding:6px;font-size:17px}.bots-seg .toggle-ico{width:32px;height:32px}.no-bot-ico:after{width:38px;height:4px}.create-card{padding:10px 12px 14px}.create-ico,.create-ico .gi,.create-ico .ui-icon{width:38px;height:38px}.create-title{font-size:18px}.create-sub{font-size:13px}.minute-row{gap:7px}.minute-num{font-size:22px}.bot-picker{--thumb:34px;padding:10px 12px 6px}.bot-face{width:34px;height:34px}}@media (max-height:800px) and (min-height:521px){.create-panel{gap:10px;padding-top:16px;padding-bottom:20px}.create-sub{display:none}.create-card{gap:10px;padding:10px 14px 12px}.create-ico,.create-ico .gi,.create-ico .ui-icon{width:36px;height:36px}.minute-btn{min-height:56px}.bots-seg button{min-height:52px}.bot-picker{gap:6px;padding-top:8px}}@media (max-height:520px) and (min-width:561px){.create-panel{border-radius:22px;gap:6px;max-width:min(820px,100%);padding:8px 18px 12px}.round-back{width:40px;height:40px;box-shadow:0 3px 0 var(--ink);border-width:3px;top:6px;left:8px}.round-back .ui-icon{width:22px;height:22px}.create-panel .spark-title{min-height:36px;font-size:24px!important}.create-body{grid-template-columns:1fr 1fr;grid-template-areas:"dur count""bots count";gap:8px 10px}.create-duration{grid-area:dur}.create-bots{grid-area:bots}.create-count{grid-area:count;justify-content:center}.create-sub{display:none}.create-card{border-radius:16px;gap:6px;padding:6px 10px 9px}.create-head{gap:10px}.create-ico,.create-ico .gi,.create-ico .ui-icon{width:26px;height:26px}.create-title{font-size:16px}.minute-row{gap:8px}.minute-btn{min-height:44px;box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:13px}.minute-num{font-size:19px}.minute-unit{font-size:10px}.seg.bots-seg{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:15px}.bots-seg button{min-height:42px;font-size:17px}.bots-seg button+button{border-left-width:3px}.bots-seg .toggle-ico{width:28px;height:28px}.no-bot-ico:after{width:34px;height:4px}.bot-picker{--thumb:34px;gap:6px;padding:8px 14px 4px}.bot-face{width:34px;height:34px}.btn.primary.create-go{min-height:0;box-shadow:0 5px 0 var(--ink);border-width:4px;margin:2px 0 4px;padding:2px 24px;font-size:26px}}.spark-title{letter-spacing:.02em;align-items:center;gap:18px;display:flex}.spark-title .spark{flex:none;width:22px;height:26px;position:relative}.spark-title .spark:before,.spark-title .spark:after{content:"";background:var(--yellow);border-radius:999px;height:7px;position:absolute}.spark-title .spark:before{width:18px;top:3px;left:2px;transform:rotate(35deg)}.spark-title .spark:after{width:16px;bottom:2px;left:0}.spark-title .spark.right{transform:scaleX(-1)}#settings .panel,#pause .panel{overscroll-behavior:contain;touch-action:pan-y;max-height:100%;overflow-y:auto}#settings .panel{gap:16px;max-width:min(640px,100%);padding:22px 24px 26px}.spark-title{font-size:clamp(30px,6vw,48px)!important}.set-body{grid-template-columns:1fr 1fr;grid-template-areas:"vol vol""gfx touch""motion reports""tips tips""keys keys";gap:12px;width:100%;display:grid}.set-volume{grid-area:vol}.set-graphics{grid-area:gfx}.set-touch{grid-area:touch}.set-motion{grid-area:motion}.set-reports{grid-area:reports}.set-tips{grid-area:tips}.set-haptics{grid-area:haptics}.set-controls{grid-area:keys}.has-haptics .set-body{grid-template-areas:"vol vol""gfx touch""motion reports""tips haptics""keys keys"}.set-card{background:#f7efe2;border:2px solid #ebe0cd;border-radius:20px;flex-direction:column;gap:10px;min-width:0;padding:12px 16px;display:flex}.set-volume{gap:4px;padding:10px 16px}.set-head{white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.set-ico{flex:none;width:32px;height:32px}.setting-row{grid-template-columns:32px 86px 1fr 40px;align-items:center;gap:12px;width:100%;min-height:46px;font-size:20px;font-weight:700;display:grid}.setting-row .set-value{text-align:right;font-variant-numeric:tabular-nums}.setting-row input[type=range]{height:20px}.setting-row input[type=range]::-webkit-slider-thumb{width:36px;height:36px}.setting-row input[type=range]::-moz-range-thumb{width:28px;height:28px}.set-card .seg{width:100%;box-shadow:0 3px 0 var(--ink);border-radius:18px}.set-card .seg button{flex:1;min-height:46px;padding:6px 8px;font-size:17px}.set-toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.switch{cursor:pointer;background:#b4afc2;border:3px solid #9b96aa;border-radius:999px;flex:none;width:64px;height:38px;padding:0;transition:background .15s,border-color .15s;position:relative}.switch .knob{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 2px #2b215040}.switch.on{background:var(--yellow);border-color:var(--yellow-dark)}.switch.on .knob{transform:translate(26px)}.switch:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}.key-row{justify-content:space-between;display:flex}.key-group{letter-spacing:.04em;color:var(--ink-soft);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.key-group+.key-group{border-left:2px solid #e3d7c2}.keycaps{gap:4px;display:flex}.keycap{border:3px solid var(--ink);min-width:34px;height:36px;color:var(--ink);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:17px;font-weight:700;display:inline-flex}.touch .set-controls{display:none}.btn.big-back{border-width:5px;border-radius:28px;min-width:220px;padding:8px 40px;font-size:clamp(26px,5vw,36px)}#pause .panel{gap:16px;max-width:min(420px,100%);padding:22px 28px 30px}.pause-btn{justify-content:center;align-items:center;gap:12px;width:100%;display:inline-flex}.pause-btn.resume{border-width:5px;border-radius:28px;min-height:72px;font-size:clamp(28px,5vw,36px)}.btn-ico{flex:none;width:30px;height:30px}.pause-btn.resume .btn-ico{width:36px;height:36px}@media (max-width:560px){#settings .panel{gap:12px;padding:16px 14px 20px}.set-body{grid-template-columns:1fr;grid-template-areas:"vol""gfx""touch""motion""reports""tips""keys";gap:10px}.has-haptics .set-body{grid-template-areas:"vol""gfx""touch""motion""reports""tips""haptics""keys"}.setting-row{grid-template-columns:28px 72px 1fr 34px;gap:8px;font-size:17px}.set-ico{width:28px;height:28px}.set-head{font-size:18px}.key-row{flex-wrap:wrap;row-gap:10px}.key-group{flex:1 0 30%}.key-group:nth-child(4){border-left:none}}@media (max-height:800px) and (min-height:521px) and (min-width:561px){#settings .panel{gap:10px;padding:14px 24px 18px}.spark-title{font-size:clamp(30px,5vw,40px)!important}.set-body{gap:8px}.set-card{gap:8px;padding:8px 14px}.set-volume{gap:0;padding:6px 16px}.setting-row{min-height:40px;font-size:18px}.set-head{font-size:18px}.set-card .seg button{min-height:42px}.keycap{min-width:30px;height:32px;font-size:15px}.key-group{gap:4px;font-size:13px}.btn.big-back{padding:4px 40px;font-size:28px}}@media (max-height:520px) and (min-width:561px){#ui #settings,#ui #pause{padding:8px}#settings .panel{border-radius:22px;gap:8px;max-width:min(860px,100%);padding:8px 20px 12px}.spark-title{gap:12px;font-size:28px!important}.spark-title .spark{transform:scale(.75)}.spark-title .spark.right{transform:scale(-.75,.75)}.set-body{grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"vol gfx gfx""vol touch touch""motion reports tips""keys keys keys";gap:8px}.set-card{border-radius:16px;gap:6px;padding:6px 12px}.set-volume{justify-content:center}.setting-row{grid-template-columns:26px 66px 1fr 32px;gap:8px;min-height:40px;font-size:16px}.set-ico{width:26px;height:26px}.set-head{gap:8px;font-size:16px}.set-graphics,.set-touch{flex-direction:row;align-items:center}.set-graphics .set-head,.set-touch .set-head{flex:none;width:112px}.set-card .seg button{min-height:40px;font-size:15px}.set-toggle .set-head{white-space:normal;font-size:14px}.switch{width:54px;height:32px}.switch .knob{width:22px;height:22px}.switch.on .knob{transform:translate(22px)}.set-controls{display:none}.btn.big-back{border-width:4px;min-height:44px;padding:2px 36px;font-size:24px}#pause .panel{gap:10px;padding:10px 24px 16px}.pause-btn{min-height:48px;padding-top:4px;padding-bottom:4px}.pause-btn.resume{min-height:56px;font-size:26px}}input[type=range]{-webkit-appearance:none;appearance:none;border:3px solid var(--ink);background:#fff;border-radius:999px;width:100%;height:16px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:4px solid var(--ink);cursor:pointer;border-radius:50%;width:30px;height:30px}input[type=range]::-moz-range-thumb{background:var(--yellow);border:4px solid var(--ink);cursor:pointer;border-radius:50%;width:24px;height:24px}.seg{border:3px solid var(--ink);border-radius:16px;display:flex;overflow:hidden}.seg button{font-family:var(--font);color:var(--ink);cursor:pointer;background:#fff;border:none;padding:8px 16px;font-size:16px;font-weight:700}.seg button+button{border-left:3px solid var(--ink)}.seg button.on{background:var(--yellow)}.hud{pointer-events:none}.hud-top{top:calc(10px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,12px);display:flex;position:absolute;left:0;right:0}.hud-bottom{bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-callout{align-items:center;gap:8px;display:flex}@media (max-width:1000px){body:not(.touch) .hud-bottom{bottom:80px}}.hud.announcing .event-chip{display:none}.timer{border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border-radius:24px;min-width:132px;padding:0 22px;font-size:clamp(30px,min(6vw,10vh),52px);font-weight:700}.timer.urgent{background:var(--pink);color:#fff;animation:.5s ease-in-out infinite alternate urgent}@keyframes urgent{to{transform:scale(1.08)}}.hud-left{z-index:3;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.score-card{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.score-card:active{transform:translateY(2px)}.board-caret{width:16px;height:16px;margin-left:-4px;transition:transform .2s;transform:rotate(90deg)}.hud.board-open .board-caret{transform:rotate(-90deg)}.lives-row{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;width:max-content;padding:2px 10px;display:flex}.lives-row .life{font-size:24px;transition:transform .2s,filter .2s,opacity .2s;display:flex}.lives-row .life .gi{vertical-align:0;width:1.25em;height:1.25em}.lives-row .life.lost{filter:grayscale()brightness(1.25);opacity:.35;transform:scale(.8)}.lives-row .life.gained{animation:.6s ease-out life-gain}.lives-row.last .life:not(.lost){animation:.7s ease-in-out infinite life-beat}.lives-row.ouch{animation:.4s ease-out lives-ouch}@keyframes lives-ouch{0%{background:#ffd1e3;transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}to{background:#fff;transform:none}}@keyframes life-beat{50%{transform:scale(1.22)}}@keyframes life-gain{0%{transform:scale(.2)}60%{transform:scale(1.5)}to{transform:scale(1)}}.score-card{transform-origin:0;border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:24px;align-items:center;gap:10px;padding:4px 16px 4px 8px;font-weight:700;display:flex}.score-card .star{vertical-align:0;filter:drop-shadow(0 2px #2b215059);width:1.15em;height:1.15em;font-size:clamp(24px,min(5vw,8vh),40px)}.score-card .num{font-variant-numeric:tabular-nums;min-width:1.2em;font-size:clamp(26px,min(5.5vw,9vh),44px);line-height:1}.score-card .rank{background:var(--ink);color:#fff;border-radius:12px;padding:2px 10px;font-size:18px}.score-card.pop{animation:.4s cubic-bezier(.2,2,.4,1) score-pop}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-3deg)}to{transform:scale(1)}}.board{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:78px;right:12px}.board-row{border:3px solid var(--ink);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:1px 10px 1px 4px;font-size:15px;font-weight:700;transition:transform .3s;display:flex}.board-row.me{background:#fff6c9}.board-row .dot{border:2px solid var(--ink);border-radius:50%;width:18px;height:18px}.board-row .pos{text-align:center;opacity:.6;min-width:1.4ch;font-size:12px}.board-row.out{opacity:.55}.board-row .lives,.board-row .stars{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:13px;display:inline-flex}.board-row .lives{color:var(--pink-dark)}.board-row .out-tag{background:var(--ink);color:#fff;border-radius:999px;padding:0 6px;font-size:11px}.hud:not(.board-open) .board-row.extra{display:none}.hud.board-open .board{z-index:6;pointer-events:auto;cursor:pointer;display:flex!important}.board-row .name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.event-chip{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 12px 3px 4px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.event-chip .icon{justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;display:flex}.event-chip .icon img{width:26px;height:26px}.event-chip .bar{background:var(--event-color,var(--pink));height:4px;position:absolute;bottom:0;left:0}.banner{border:4px solid var(--ink);border-bottom-width:7px;border-bottom-color:var(--event-color,var(--ink));box-shadow:0 4px 0 var(--ink);pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 16px 2px 4px;animation:.45s cubic-bezier(.2,2,.4,1) banner-in;display:flex}.banner .icon{justify-content:center;align-items:center;width:clamp(30px,6.5vh,46px);height:clamp(30px,6.5vh,46px);font-size:clamp(22px,5vh,34px);line-height:1;animation:.6s cubic-bezier(.2,2,.4,1) banner-icon;display:flex}.banner .icon img{width:100%;height:100%}.banner .title{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);white-space:nowrap;font-size:clamp(18px,min(3.2vw,5.5vh),30px);font-weight:700;animation:.5s cubic-bezier(.2,2,.4,1) banner-title}@keyframes banner-in{0%{opacity:0;transform:translateY(24px)scale(.4)}to{opacity:1;transform:none}}@keyframes banner-icon{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes banner-title{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.center-text{color:var(--yellow);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);pointer-events:none;white-space:nowrap;font-size:clamp(52px,min(18vw,23vh),170px);font-weight:700;line-height:1;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%)}.center-text.go{color:var(--mint)}.center-text.anim{animation:.9s ease-out count-pop}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}20%{opacity:1;transform:translate(-50%,-50%)scale(.9)}35%{transform:translate(-50%,-50%)scale(1.05)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.toasts{flex-direction:column-reverse;align-items:flex-start;gap:6px;display:flex}.toast{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);transform-origin:0;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:14px;max-width:min(44vw,360px);padding:2px 12px;font-size:clamp(15px,min(2.4vw,4.6vh),22px);font-weight:700;animation:2.2s ease-out forwards toast;overflow:hidden}.toast.good{background:var(--yellow)}.toast.oops{background:#ffd1e3}.toast.info{background:#d6f1ff}@keyframes toast{0%{opacity:0;transform:translate(-36px)scale(.6)}10%{opacity:1;transform:translate(4px)scale(1.08)}18%{transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translate(-24px)}}.wind-arrow{justify-content:center;align-items:center;width:clamp(36px,8vh,48px);height:clamp(36px,8vh,48px);font-size:clamp(18px,4.5vh,26px);transition:opacity .3s;display:flex}.wind-arrow .arrow .gi{width:72%;height:72%}.wind-arrow .arrow{box-sizing:border-box;border:3px solid var(--ink);width:100%;height:100%;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.wind-arrow.warn .arrow{background:#d6f1ff;animation:.3s ease-in-out infinite alternate wind-warn}@keyframes wind-warn{to{transform:scale(1.15)}}.cooldown{border:5px solid var(--ink);background:conic-gradient(var(--pink) calc(var(--p,1) * 360deg), #fff 0);width:86px;height:86px;box-shadow:0 5px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;bottom:22px;right:22px}.cooldown span{border:3px solid var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cooldown.ready span{background:var(--yellow)}.cooldown.powered{border-color:var(--ability-color,var(--ink));animation:.9s ease-in-out infinite alternate powered}@keyframes powered{0%{box-shadow:0 5px 0 var(--ink), 0 0 0 0 var(--ability-color)}to{box-shadow:0 5px 0 var(--ink), 0 0 0 7px color-mix(in srgb, var(--ability-color) 45%, transparent)}}.ability-badge{border:3px solid var(--ink);background:radial-gradient(circle, #fff 58%, transparent 60%), conic-gradient(var(--ability-color,var(--pink)) calc(var(--left,1) * 360deg), #ece7f7 0);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;position:absolute;top:-12px;left:-12px}.touch .ability-badge{width:44px;height:44px;font-size:24px;top:-14px;left:-14px}.spectate-bar{pointer-events:auto;align-items:center;gap:8px;display:flex}.spectate-who{border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:20px;flex-direction:column;align-items:center;min-width:150px;padding:2px 16px 4px;display:flex}.spectate-label{opacity:.65;font-size:12px;font-weight:700}.spectate-name{text-overflow:ellipsis;white-space:nowrap;border-bottom:4px solid var(--who,var(--ink));max-width:44vw;font-size:20px;font-weight:700;overflow:hidden}.spectate-arrow{border:4px solid var(--ink);background:var(--yellow);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-size:22px}.spectate-arrow:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.spectate-arrow .ui-icon{width:26px;height:26px;margin:auto;display:block}.spectate-arrow.back .ui-icon{transform:scaleX(-1)}.spectate-label{align-items:center;gap:4px;display:inline-flex}.hud.spectating .cooldown,.hud.spectating .touch-btn,.hud.spectating .lives-row,.hud.spectating .touch-stick-zone:after,.hud.spectating .touch-stick-base{display:none!important}.emote-bar{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:18px;left:18px}.emote-bar button{border:3px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#ffffffeb;border-radius:14px;padding:0;font-size:24px;position:relative}.emote-bar button .gi{vertical-align:middle;width:76%;height:76%}.emote-toggle .gi{vertical-align:middle;width:70%;height:70%}.emote-bar button small{font-family:var(--font);background:var(--ink);color:#fff;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:-8px;right:-6px}.emote-bar button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hud-menu-btn{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));pointer-events:auto;position:absolute}.emote-toggle,.touch-zone,.touch-btn,.touch-stick-base{display:none}.touch .touch-zone{pointer-events:auto;touch-action:none;width:50%;display:block;position:absolute;top:72px;bottom:0}.touch .touch-stick-zone{left:0}.touch .touch-look-zone{right:0}.touch .touch-stick-zone:after{content:"MOVE";left:calc(28px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));color:#2b21508c;background:#ffffff2e;border:4px dashed #2b215059;border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;font-size:18px;font-weight:700;display:flex;position:absolute}.touch .touch-stick-zone.active:after{opacity:0}.touch .touch-stick-base{pointer-events:none;background:#ffffff59;border:4px solid #2b21508c;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;display:block;position:fixed}.touch .touch-stick-knob{border:4px solid var(--ink);background:var(--yellow);width:62px;height:62px;box-shadow:0 4px 0 var(--ink);border-radius:50%;margin:-31px 0 0 -31px;position:absolute;top:50%;left:50%}.touch .touch-btn{right:calc(22px + 108px + 18px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));border:5px solid var(--ink);background:var(--mint);width:88px;height:88px;box-shadow:0 6px 0 var(--ink);font-family:var(--font);color:var(--ink);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:700;display:flex;position:absolute}.touch .cooldown{right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:108px;height:108px;font-size:22px}.touch .cooldown span{width:80px;height:80px}.touch .touch-btn.pressed,.touch .cooldown.pressed{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)scale(.96)}@media (orientation:portrait){.touch .touch-btn{right:calc(32px + env(safe-area-inset-right));bottom:calc(22px + 108px + 20px + env(safe-area-inset-bottom))}.touch .hud-bottom{bottom:calc(160px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));align-items:flex-start;transform:none}}.touch .emote-toggle{top:calc(12px + env(safe-area-inset-top));right:calc(12px + 52px + 10px + env(safe-area-inset-right));border:3px solid var(--ink);width:52px;height:52px;box-shadow:0 4px 0 var(--ink);pointer-events:auto;background:#ffffffeb;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:26px;display:flex;position:absolute}.touch .emote-bar{top:calc(74px + env(safe-area-inset-top));bottom:auto;left:auto;right:calc(12px + env(safe-area-inset-right));z-index:2;display:none}.touch .emote-bar.open{display:flex}.touch .hud-top{align-items:center;padding-right:0}.touch .timer{top:2px;right:calc(12px + 52px + 10px + 52px + 10px + env(safe-area-inset-right));min-width:96px;height:52px;box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:30px;display:flex;position:absolute}.touch .emote-bar button small,.touch .controls-hint{display:none}@media (max-height:560px){.touch .board{display:none}}.touch .hud.board-open .board{top:calc(112px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));align-items:stretch;max-height:calc(100vh - 140px);right:auto;overflow-y:auto}.touch .hud.board-open .board-row{padding:3px 12px 3px 6px;font-size:17px}@media (max-height:560px){.touch .hud.board-open .board{top:calc(106px + env(safe-area-inset-top));gap:3px}.touch .hud.board-open .board-row{border-width:2px;padding:0 10px 0 4px;font-size:14px}.touch .hud.board-open .board-row .dot{width:14px;height:14px}}.net-badge{background:var(--pink);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:700}.respawn-note{color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);white-space:nowrap;font-size:clamp(26px,min(6vw,9vh),44px);font-weight:700}.results-screen{--cap:clamp(20px, 3.4vh, 30px);--badge:clamp(32px, 5.6vh, 48px);-webkit-backdrop-filter:blur(6px)saturate(1.15);backdrop-filter:blur(6px)saturate(1.15);background:radial-gradient(55% 45% at 50% 36%,#fffbe4d9 0%,#fffbe400 72%),linear-gradient(#9edbff4d,#ffffff1f 55%,#2b215038);gap:clamp(6px,1vh,14px);overflow:hidden auto;justify-content:safe center!important;padding-top:clamp(10px,2.6vh,28px)!important;padding-bottom:clamp(14px,3vh,28px)!important}.results-screen>*{z-index:1;flex-shrink:0;position:relative}.results-screen>.results-fx{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.results-fx>.podium-rays{aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(circle,#fff6c4f2 0%,#ffeea08c 14%,#ffeea000 36%),repeating-conic-gradient(#fff9 0deg 8deg,#fff0 8deg 20deg);border-radius:50%;width:min(1400px,190vw);animation:40s linear infinite rays-spin,.8s ease-out .4s both fade-in;position:absolute;top:clamp(150px,38vh,340px);left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 62%);mask-image:radial-gradient(circle,#000 10%,#0000 62%)}.results-screen.no-stars .podium-rays{display:none}@keyframes rays-spin{to{rotate:360deg}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.results-head{flex-direction:column;align-items:center;max-width:100%;display:flex}.results-ribbon{aspect-ratio:1100/286;background:url(/assets/generated/ui/ribbon.webp) 50%/contain no-repeat;justify-content:center;align-items:center;width:min(760px,96vw,118vh);padding:0 14% 4.6%;animation:.7s cubic-bezier(.2,1.8,.4,1) both title-pop;display:flex}.results-sub{border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;margin-top:clamp(-14px,-1.2vh,-4px);padding:2px 18px 3px;font-size:clamp(15px,min(2.6vw,2.6vh),21px);font-weight:700;animation:.4s cubic-bezier(.2,1.6,.4,1) .9s both row-in}.results-screen.i-won .results-sub{background:var(--yellow)}.title-burst,.again-burst{flex:none;width:clamp(22px,3.6vw,50px);animation:2.4s ease-in-out infinite burst-pop;display:block}.title-burst svg,.again-burst svg{width:100%;height:auto;display:block}.title-burst.right,.again-burst.right{animation-name:burst-pop-r;transform:scaleX(-1)}.again-burst{width:clamp(18px,2.8vw,36px);animation-delay:.6s}.results-title{letter-spacing:.01em;text-align:center;white-space:nowrap;min-width:0;margin:0;padding:0 4px .1em;font-size:clamp(30px,min(5.6vw,8.6vh),62px);font-weight:700;line-height:1}.results-title.long{font-size:clamp(24px,min(4.4vw,6.8vh),48px)}.results-title.very-long{font-size:clamp(20px,min(3.6vw,5.6vh),40px)}.results-title .word{white-space:nowrap;display:inline-block}.results-title .ch{color:var(--c2);-webkit-text-stroke:.15em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);animation:2.6s ease-in-out infinite logo-bounce;display:inline-block;position:relative}.results-title .ch:nth-child(odd){rotate:-4deg}.results-title .ch:nth-child(2n){rotate:3deg}.results-title .ch:after{content:attr(data-ch);color:#0000;-webkit-text-stroke:0;text-shadow:none;background:radial-gradient(ellipse 34% 14% at 36% 24%, #fffffff2, #fff0 100%), linear-gradient(180deg, var(--c1) 18%, var(--c2) 82%);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes title-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.podium-stage{justify-content:center;width:min(660px,100% - 24px);margin-top:clamp(0px,1vh,10px);display:flex}.podium{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);align-items:end;width:100%;display:grid;position:relative}.podium .place{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.podium .place.p1{z-index:2}.podium .place.empty{visibility:hidden}.podium .figure{z-index:3;transform-origin:bottom;width:clamp(60px,min(12vw,11vh),104px);margin-bottom:-3px;animation:.55s cubic-bezier(.2,1.6,.4,1) both bumpling-drop,1.6s ease-in-out infinite bumpling-hop;position:relative}.podium .p1 .figure{width:clamp(74px,min(15vw,13.5vh),130px);animation-delay:.55s,1.1s}.podium .p2 .figure{animation-delay:.35s,1.3s}.podium .p3 .figure{animation-delay:.35s,1.5s}.podium .figure.is-3d{aspect-ratio:100/108;animation-name:bumpling-drop;animation-iteration-count:1}.podium .figure .fig-3d{position:absolute;top:-46%;bottom:0;left:-22%;right:-22%}.podium .figure .fig-crown{z-index:2;pointer-events:none;filter:drop-shadow(0 3px #2b215059);width:42%;height:auto;animation:1.2s ease-in-out infinite crown-wiggle;position:absolute;top:-68%;left:50%;translate:-50%}.podium .figure .sparkle{z-index:2;pointer-events:none}.bumpling-figure{display:block}.bumpling-figure svg{width:100%;height:auto;display:block;overflow:visible}.bumpling-figure .arm{transform-box:fill-box}.bumpling-figure .arm.l{transform-origin:100% 100%}.bumpling-figure .arm.r{transform-origin:0 100%}.pose-wave-l .arm.l.up,.pose-wave-r .arm.r.up{animation:.42s ease-in-out infinite alternate arm-wave}.pose-cheer .arm.l{animation:.5s ease-in-out infinite alternate arm-pump-l}.pose-cheer .arm.r{animation:.5s ease-in-out .25s infinite alternate arm-pump-r}@keyframes arm-wave{0%{rotate:-16deg}to{rotate:16deg}}@keyframes arm-pump-l{0%{rotate:10deg}to{rotate:-10deg}}@keyframes arm-pump-r{0%{rotate:-10deg}to{rotate:10deg}}.podium .figure .fig-hat{filter:drop-shadow(0 3px #2b215059);width:46%;height:auto;position:absolute;top:-22%;left:50%;translate:-50%;rotate:-8deg}.podium .figure .fig-hat.crown{width:54%;animation:1.2s ease-in-out infinite crown-wiggle;top:-30%}.podium .figure .sparkle{filter:drop-shadow(0 2px #2b215059);width:26%;height:auto;animation:1.4s ease-in-out infinite twinkle;position:absolute}.podium .figure .sparkle.s1{top:8%;left:-26%}.podium .figure .sparkle.s2{width:22%;animation-delay:.7s;top:34%;right:-24%}@keyframes twinkle{0%,to{opacity:.7;rotate:-18deg;scale:.7}50%{opacity:1;rotate:14deg;scale:1.1}}@keyframes crown-wiggle{0%,to{rotate:-10deg}50%{rotate:10deg}}@keyframes bumpling-drop{0%{opacity:0;transform:translateY(-60px)scale(.6,1.3)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bumpling-hop{0%,70%,to{translate:0;scale:1}80%{translate:0 -10px;scale:.94 1.08}90%{translate:0;scale:1.08 .92}}.podium .block{--side:#ffc21a;--side-l:#ffe27a;--side-d:#e9a200;--lid:#ffe46f;--lid-l:#fff3b0;--bw:5px;z-index:1;border:var(--bw) solid var(--ink);background:linear-gradient(90deg, var(--side-d) 0%, var(--side) 16%, var(--side-l) 32%, var(--side) 58%, var(--side-d) 100%);transform-origin:bottom;border-top:0;border-bottom:0;flex-direction:column;align-items:center;width:100%;animation:.6s cubic-bezier(.2,1.6,.4,1) both rise;display:flex;position:relative}.podium .block:before{content:"";left:calc(var(--bw) * -1);right:calc(var(--bw) * -1);top:calc(var(--cap) / -2);height:var(--cap);box-sizing:border-box;border:var(--bw) solid var(--ink);background:radial-gradient(ellipse 70% 80% at 45% 40%, var(--lid-l), var(--lid));border-radius:50%;position:absolute}.podium .p2 .block{width:calc(100% + 12px);margin-right:-12px}.podium .p3 .block{width:calc(100% + 12px);margin-left:-12px}.podium .p1 .block{height:clamp(146px,23vh,220px);animation-delay:.45s}.podium .p2 .block,.podium .p3 .block{height:clamp(122px,17.5vh,162px);animation-delay:.2s}.podium .r2 .block{--side:#b9b2ee;--side-l:#e2deff;--side-d:#948bd6;--lid:#d9d4fb;--lid-l:#f3f1ff}.podium .r3 .block{--side:#ff9b5e;--side-l:#ffc49a;--side-d:#e5763a;--lid:#ffb88a;--lid-l:#ffdcc2}.podium .r0 .block{--side:#e3e8f5;--side-l:#fff;--side-d:#c3cbe0;--lid:#eef1fa;--lid-l:#fff}.podium .badge{z-index:2;left:50%;top:calc(var(--cap) / 2 - var(--badge) * .3);width:var(--badge);height:var(--badge);border:4px solid var(--ink);background:radial-gradient(circle at 50% 30%, var(--lid-l), var(--side));box-shadow:inset 0 0 0 3px #ffffffd9, 0 3px 0 var(--ink);font-weight:700;font-size:calc(var(--badge) * .56);color:var(--ink);border-radius:50%;place-items:center;line-height:1;animation:.5s cubic-bezier(.2,1.8,.4,1) .8s both medal-pop;display:grid;position:absolute;translate:-50%}.podium .p1 .badge{--badge:clamp(40px, 7vh, 56px)}@keyframes medal-pop{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.podium .card{width:calc(100% - 22px);margin-top:calc(var(--cap) / 2 + var(--badge) * .7 + 4px);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px 5px;display:flex;box-shadow:0 4px #2b215033,inset 0 -3px #2b215012}.podium .r0 .card{margin-top:calc(var(--cap) / 2 + 10px)}.podium .who{justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:clamp(13px,min(2.3vw,2.4vh),18px);font-weight:700;line-height:1.2;display:flex}.podium .who .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.podium .tags{gap:4px;display:flex}.podium .card{position:relative}.podium .p2 .tags,.podium .p3 .tags{position:absolute;top:-9px;right:-6px;rotate:6deg}.results-screen .tag.out{background:var(--ink)}.podium .tag,.rest-row .tag{background:var(--pink);color:#fff;border-radius:999px;flex-shrink:0;padding:0 7px;font-size:11px;font-weight:700;line-height:1.4}.podium .place.me .card{background:#fff6c9}.podium .score{color:var(--ink);align-items:center;gap:4px;font-size:clamp(20px,min(4vw,4vh),30px);font-weight:700;line-height:1.1;display:flex}.podium .p1 .score{font-size:clamp(26px,min(5.4vw,5.4vh),42px)}.podium .score .star{filter:drop-shadow(0 2px #2b21504d);width:1em;height:1em}.podium .score .num{font-variant-numeric:tabular-nums}.podium-stage:after{content:"";border:5px solid var(--ink);height:22px;box-shadow:0 5px 0 var(--ink);z-index:2;background:linear-gradient(#ebe8ff,#c6bff2);border-radius:14px;animation:.3s ease-out both fade-in;position:absolute;bottom:-14px;left:-18px;right:-18px}@keyframes rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.results-rest{border:4px solid var(--ink);width:min(780px,100%);box-shadow:0 5px 0 var(--ink);background:#fff9;border-radius:30px;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(16px,2.6vh,26px);padding:6px;display:flex}.results-rest.cols-1{width:min(300px,100%)}.results-rest.cols-2{width:min(540px,100%)}.rest-row{background:#fff;border-radius:999px;flex:0 calc(33.3333% - 5.33333px);align-items:center;gap:6px;min-width:0;padding:2px 12px 2px 6px;font-size:clamp(13px,min(2.4vw,2.2vh),16px);font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) both row-in;display:flex;box-shadow:0 3px #2b21502e}.results-rest.cols-2 .rest-row{flex-basis:calc(50% - 4px)}.results-rest.cols-1 .rest-row{flex-basis:100%}.rest-row .rank{text-align:center;opacity:.8;min-width:26px}.results-rest:not(.open) .rest-row.folded{display:none}.btn.small.rest-more{flex-basis:100%;justify-content:center;align-items:center;gap:6px;max-width:220px;margin:2px auto 0;display:inline-flex}.rest-more .ui-icon{width:16px;height:16px;rotate:90deg}.rest-row.me{box-shadow:0 0 0 3px var(--pink), 0 3px 0 #2b21502e;background:#fff6c9}.rest-row.me .rank{opacity:1}.rest-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rest-row .pts{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:flex}.bumpling-avatar.rest-av{--size:28px}@keyframes row-in{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.results-mine{background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:4px 16px;font-size:clamp(16px,2.8vw,20px);font-weight:700;animation:.4s cubic-bezier(.2,1.6,.4,1) 1.2s both row-in}.results-body{flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,22px);width:min(1000px,100% - 16px);margin-top:clamp(14px,2.4vh,26px);display:flex}.results-main{flex-direction:column;align-items:center;gap:10px;width:min(780px,100%);min-width:0;display:flex}.results-main>.results-rest{margin-top:0}.results-main:not(:has(>:not(.hidden))){display:none}.results-reach{border:4px solid var(--ink);width:100%;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:22px;flex-direction:column;gap:6px;padding:8px;display:flex}.reach-row{border:3px solid var(--ink);background:var(--row,#f1edff);border-radius:14px;grid-template-columns:40px 118px 1fr;align-items:center;gap:8px;padding:3px 10px 3px 4px;animation:.4s cubic-bezier(.2,1.6,.4,1) both row-in;display:grid}.reach-row.champion{--row:#fff1b3}.reach-row.final{--row:#ffd9e6}.reach-row.r2{--row:#d6efff}.reach-row.r1{--row:#d6f7e4}.reach-row.r0{--row:#ece6ff}.reach-badge{border:3px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.reach-ico{width:76%;height:auto}.reach-num{font-size:18px;line-height:1}.reach-label{flex-direction:column;min-width:0;line-height:1.05;display:flex}.reach-label b{letter-spacing:.03em;white-space:nowrap;font-size:17px}.reach-label small{color:var(--ink-soft);letter-spacing:.04em;font-size:11px;font-weight:700}.reach-faces{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;padding:2px 0 6px;display:flex}.reach-face{animation:rs-hop .45s calc(1s + var(--i) * 30ms) cubic-bezier(.2, 1.8, .4, 1) both;flex-direction:column;align-items:center;display:inline-flex;position:relative}.bumpling-avatar.reach-av{--size:32px}.reach-face.me .bumpling-avatar.reach-av{--size:38px;box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--ink);border-radius:50%}.reach-you{color:#fff;background:var(--ink);border-radius:6px;padding:0 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-9px}.reach-face .report-flag{min-width:20px;min-height:20px;padding:0;font-size:10px;position:absolute;top:-6px;right:-8px}.reach-more{color:var(--ink-soft);padding-left:4px;font-size:15px;font-weight:700}.results-progress{border:4px solid var(--ink);max-width:100%;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:22px;padding:16px 10px 10px;animation:.4s cubic-bezier(.2,1.6,.4,1) both row-in;position:relative}.rewards-head{white-space:nowrap;letter-spacing:.05em;background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:1px 14px 2px;font-size:15px;font-weight:700;position:absolute;top:-16px;left:50%;translate:-50%}.rewards-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reward{border:3px solid var(--ink);background:var(--tile,#f5f2ff);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;column-gap:8px;min-width:150px;padding:4px 12px 4px 6px;animation:.4s cubic-bezier(.2,1.6,.4,1) both row-in;display:grid}.reward .reward-ico{grid-row:1/3;width:38px;height:38px}.reward b{font-size:20px;line-height:1}.reward span{color:var(--ink-soft);letter-spacing:.04em;font-size:11px;font-weight:700}.reward.wallet-gain{--tile:#fff4c2}.reward.xp{--tile:#d6efff}.reward.level-up{--tile:#ffd9e6;animation-delay:.2s}.reward.unlock{--tile:#d6f7e4;animation-delay:.35s}.rewards-list .save-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.results-actions{justify-content:center;align-items:center;gap:14px;margin-top:clamp(12px,2.4vh,28px);display:flex}.results-screen>.tagline{margin:0}.again-row{justify-content:center;align-items:center;gap:clamp(6px,1.6vw,18px);max-width:100%;display:flex}.results-actions .btn.primary.again-btn{white-space:nowrap;background:linear-gradient(#ffe866 0%,#ffd23d 55%,#ffc21a 100%);border-radius:999px;justify-content:center;align-items:center;gap:.35em;padding:clamp(6px,1.1vh,10px) clamp(28px,4.4vw,54px);font-size:clamp(26px,min(4.8vw,5.6vh),44px);display:flex}.again-btn .again-icon{flex:none;width:.8em;height:.8em}.results-actions .menu-btn{letter-spacing:.06em;background:#fff;border-radius:999px;min-width:130px;padding:clamp(6px,1.1vh,10px) 22px;font-size:clamp(18px,min(3vw,3.2vh),26px)}@media (max-height:820px){.results-mine{display:none}}.results-fx>.confetti{position:absolute;top:0;bottom:0;left:0;right:0}.confetti i{border-radius:3px;width:10px;height:20px;animation:linear infinite both confetti-fall;position:absolute;top:-24px;box-shadow:inset -3px -3px #00000024}.confetti i:nth-child(3n){width:16px;height:9px}@keyframes confetti-fall{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--drift,0), 110vh) rotate(var(--spin,3turn))}}@media (max-width:560px){.results-progress{width:100%}.rewards-list{grid-template-columns:1fr 1fr;display:grid}.reward{min-width:0}.rewards-list .save-btn{grid-column:1/-1}}@media (min-aspect-ratio:5/4){.results-screen.split:not(.hidden){grid-template-columns:minmax(0,560px) minmax(0,640px);grid-template-areas:"head head""podium reach""rewards rewards""act act""wait wait";place-content:safe center center;place-items:center;column-gap:clamp(12px,2vw,28px);display:grid!important}.results-screen.split>.results-head{grid-area:head}.results-screen.split>.podium-stage{grid-area:podium;width:100%}.results-screen.split>.results-body{display:contents}.results-screen.split .results-main{grid-area:reach;width:100%}.results-screen.split .results-progress{grid-area:rewards;margin-top:clamp(16px,2.4vh,24px)}.results-screen.split>.results-actions{grid-area:act}.results-screen.split>.tagline{grid-area:wait}.results-screen.split .results-rest{width:100%!important}.results-screen.split .results-rest .rest-row{flex-basis:calc(50% - 4px)}}@media (min-aspect-ratio:5/4) and (max-height:560px){.results-screen.split{grid-template:"head reach""podium reach"1fr"act rewards""wait wait"/minmax(0,1fr) minmax(0,1.1fr);align-content:center;align-items:center}.results-screen.split>.podium-stage{align-self:center;margin-top:0}.results-screen.split .results-main{align-self:center}.results-screen.split .results-progress{align-self:start;width:100%;margin-top:6px}.results-ribbon{width:min(300px,58vh,90vw)}.results-screen.split{row-gap:4px;padding-top:2px!important}.results-screen.split .results-rest .rest-row.me{flex-basis:100%}}@media (max-width:560px){.results-rest.cols-3 .rest-row{flex-basis:calc(50% - 4px)}.results-title{font-size:clamp(22px,7vw,40px)}.results-title.long{font-size:clamp(18px,5.6vw,30px)}.results-title.very-long{font-size:clamp(16px,4.8vw,26px)}.results-sub{padding:2px 12px;font-size:14px}.podium .who .report-flag{z-index:1;min-width:22px;min-height:22px;position:absolute;top:-12px;right:-10px}.reach-row{grid-template-columns:32px 76px 1fr;gap:6px;padding-right:6px}.reach-badge{width:30px;height:30px}.reach-label b{font-size:13px}.reach-label small{font-size:10px}.bumpling-avatar.reach-av{--size:24px}.reach-face.me .bumpling-avatar.reach-av{--size:30px}.results-actions .btn.primary.again-btn{padding:8px 24px;font-size:24px}.results-actions .menu-btn{min-width:0;padding:8px 16px;font-size:18px}}@media (max-width:460px){.results-rest{width:min(320px,100%)!important}.results-rest .rest-row{flex-basis:100%!important}}@media (max-height:560px){.results-screen{--cap:14px;--badge:26px;gap:6px;padding-top:6px!important}.results-ribbon{width:min(440px,80vh,90vw)}.results-title{font-size:clamp(20px,7.4vh,34px)}.results-title.long{font-size:clamp(16px,5.6vh,26px)}.results-title.very-long{font-size:clamp(14px,4.8vh,22px)}.results-sub{box-shadow:0 3px 0 var(--ink);border-width:3px;padding:1px 12px;font-size:13px}.podium-stage{width:min(520px,100% - 24px);margin-top:8px}.podium .figure{width:46px}.podium .p1 .figure{width:58px}.podium .p1 .badge{--badge:30px}.podium .p1 .block{height:clamp(84px,24vh,112px)}.podium .p2 .block,.podium .p3 .block{height:clamp(66px,18vh,84px)}.podium .block{--bw:4px}.podium .card{margin-top:calc(var(--cap) / 2 + var(--badge) * .7 + 3px);flex-flow:row;justify-content:center;column-gap:6px;padding:2px 8px}.podium .who{flex:0 auto;min-width:0;font-size:13px}.podium .score{flex:none}.podium .tags{display:none}.podium .who .report-flag{z-index:1;min-width:22px;min-height:22px;position:absolute;top:-12px;right:-10px}.podium .score,.podium .p1 .score{font-size:18px}.podium-stage:after{border-width:4px;height:16px;bottom:-10px}.results-rest{box-shadow:0 4px 0 var(--ink);border-width:3px;margin-top:14px;padding:4px;width:min(300px,100%)!important}.results-rest .rest-row:not(.me),.results-rest .rest-more{display:none}.results-rest .rest-row.me{flex-basis:100%}.results-rest:not(:has(.me)){display:none}.results-mine{display:none}.results-actions{margin-top:6px}.results-actions .btn.primary.again-btn{min-height:0;padding:6px 26px;font-size:24px}.results-actions .menu-btn{min-width:0;padding:6px 16px;font-size:17px}.results-body{gap:8px;margin-top:10px}.results-progress{box-shadow:0 3px 0 var(--ink);border-width:3px;padding:4px 6px}.rewards-head{display:none}.rewards-list{flex-flow:wrap;justify-content:center;gap:4px;display:flex}.reward{border-width:2px;grid-template-columns:22px auto;column-gap:4px;min-width:0;padding:1px 8px 1px 4px}.rewards-list .save-btn{min-height:0;padding:2px 10px;font-size:13px}.reward .reward-ico{width:22px;height:22px}.reward b{font-size:14px}.reward span{font-size:9px}}@media (max-height:560px) and (min-width:640px){.results-reach{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:16px;gap:3px;padding:4px}.reach-row{border-width:2px;border-radius:10px;grid-template-columns:26px 70px 1fr;gap:5px;padding:1px 6px 1px 2px}.reach-badge{border-width:2px;width:24px;height:24px}.reach-num{font-size:13px}.reach-label b{font-size:12px}.reach-label small{font-size:9px}.reach-faces{gap:2px;padding:1px 0 3px}.bumpling-avatar.reach-av{--size:20px}.reach-face.me .bumpling-avatar.reach-av{--size:24px;box-shadow:0 0 0 2px var(--yellow), 0 0 0 4px var(--ink)}.reach-you{font-size:8px;bottom:-6px}}@media (prefers-reduced-motion:reduce){.results-screen *,.results-screen :before,.results-screen :after{animation-iteration-count:1!important}.results-fx{display:none}}body.reduced-motion .results-screen *,body.reduced-motion .results-screen :before,body.reduced-motion .results-screen :after{animation-iteration-count:1!important}body.reduced-motion .results-fx{display:none}#loading{z-index:10;background:linear-gradient(#58b8ff,#d6f1ff 70%,#ffd9ee);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading.done{opacity:0;pointer-events:none}.progress{border:5px solid var(--ink);width:min(320px,70vw);height:26px;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:999px;overflow:hidden}.progress .fill{background:repeating-linear-gradient(-45deg, var(--yellow) 0 14px, #ffe46f 14px 28px);width:0;height:100%;transition:width .25s}.loading-tip{text-align:center;max-width:min(560px,100vw - 32px);font-size:clamp(22px,4vw,30px);font-weight:700}.boot-error-code{opacity:.55;text-align:center;overflow-wrap:anywhere;max-width:calc(100vw - 32px);font-size:12px}.debug-panel{z-index:20;color:#d6ffe8;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#141028db;border-radius:10px;max-width:330px;padding:8px 10px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:80px;left:8px}.debug-panel button,.debug-panel select{color:#fff;cursor:pointer;background:#2b2150;border:1px solid #7a6fb5;border-radius:6px;margin:2px 2px 0 0;padding:2px 6px;font:11px ui-monospace,monospace}.debug-panel label{grid-template-columns:110px 1fr 40px;align-items:center;gap:4px;display:grid}.debug-panel input[type=range]{border-width:1px;height:8px}.debug-panel details summary{cursor:pointer;color:#ffd23d}@media (max-width:640px){.board{display:none}.hud.board-open .board{top:calc(112px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));align-items:stretch;right:auto}.hud-top{align-items:flex-end;padding-right:76px}.timer{min-width:104px;padding:0 12px}.controls-hint{display:none}.emote-bar button{width:40px;height:40px;font-size:20px}.score-card{padding:2px 10px 2px 6px}.touch .emote-toggle{top:calc(72px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.touch .emote-bar{top:calc(132px + env(safe-area-inset-top))}.touch .hud-top{top:calc(134px + env(safe-area-inset-top))}.touch .timer{top:-62px;right:calc(12px + 52px + 10px + env(safe-area-inset-right));min-width:84px}.touch .cup-chip{font-size:13px}.touch .cup-part{padding:4px 8px}.touch .coach-tip.at-chip{top:calc(186px + env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.logo span,.logo-burst,.btn.primary,.timer.urgent,.lives-row.last .life{animation:none}}body.reduced-motion .lives-row.last .life,body.reduced-motion .lb-empty-art{animation:none}body.reduced-motion .logo span,body.reduced-motion .logo-burst,body.reduced-motion .btn.primary,body.reduced-motion .timer.urgent,body.reduced-motion .center-text.anim{animation-duration:10ms}.locker-level{background:var(--ink);color:#fff;border-radius:999px;padding:1px 8px;font-size:13px;font-weight:700}.bumpling-avatar{--size:36px;width:var(--size);height:var(--size);flex:none;display:inline-block;position:relative}.bumpling-avatar .av-disc{border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff 0%,#d4f0ff 75%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bumpling-avatar svg{width:100%;height:100%;display:block}.bumpling-avatar.av-3d .av-3d-img{pointer-events:none;--av-mask:linear-gradient(#000, #000) 0 0 / 100% 57.8% no-repeat, radial-gradient(circle at 50% 57.8%, #000 calc(var(--size) * .5 - 2px), transparent calc(var(--size) * .5 - 1px));width:128%;height:128%;-webkit-mask:var(--av-mask);-webkit-mask:var(--av-mask);mask:var(--av-mask);position:absolute;top:-24%;left:-14%}.bumpling-avatar .av-hat{width:calc(var(--size) * .6);height:calc(var(--size) * .6);filter:drop-shadow(0 2px #2b21504d);position:absolute;top:-30%;left:50%;transform:translate(-50%)rotate(-10deg)}.locker-dot{background:var(--pink);border:3px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:-6px;right:-6px}.locker-save{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.locker-stats{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.locker-stat{border:3px solid var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4px 2px;display:flex}.stat-icon{font-size:22px;line-height:1}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat-label{opacity:.65;font-size:11px;font-weight:700}.locker-note{text-align:center;opacity:.8;font-weight:600}.locker-save{border:4px solid var(--ink);text-align:center;border-radius:20px;padding:10px 14px}.locker-save.guest{background:#fff6c9}.locker-save.saved{background:#d9f8e6}.save-title{font-size:20px;font-weight:700}.save-text{font-size:15px;font-weight:600}.save-text.small{opacity:.75;font-size:12px}.google-slot{justify-content:center;align-items:center;min-height:44px;display:flex}.google-app-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 12px;font:600 16px/1 Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex}.google-app-btn:disabled{opacity:.6}.google-app-btn .google-g{flex:none;width:20px;height:20px}.locker-msg:empty{display:none}.locker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.locker-grid.colors{grid-template-columns:repeat(8,1fr)}.locker-color{aspect-ratio:1;border:4px solid var(--ink);cursor:pointer;border-radius:50%;min-height:36px;padding:0}.locker-color.on{box-shadow:0 0 0 4px var(--yellow), 0 0 0 7px var(--ink)}.locker-item{font-family:var(--font);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;min-height:64px;color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.locker-item .item-icon{font-size:34px;line-height:1}.locker-item .item-icon .gi{filter:drop-shadow(0 2px #2b215033);transition:transform .15s cubic-bezier(.2,1.8,.4,1)}.locker-item:not(.locked):hover .item-icon .gi{transform:scale(1.12)rotate(-6deg)}.locker-item.on .item-icon .gi{transform:scale(1.08)}.locker-item .item-name{align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.locker-item.on{background:var(--yellow)}.locker-item:not(.locked):active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.studio-stage{aspect-ratio:1/1.08;border:4px solid var(--ink);touch-action:none;background:radial-gradient(circle at 50% 28%,#fffffff2 0 18%,#fff0 55%),linear-gradient(#bfe8ff 0%,#e6f6ff 62%,#ffe9f2 100%);border-radius:26px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 -6px #2b21501f}.stage-floor{background:radial-gradient(at 50% 40%,#fff 0 45%,#ffd23d 46% 60%,#e0a800 61% 70%,#0000 71%);border-bottom:4px solid #2b215040;border-radius:50%;width:62%;height:15%;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.studio-canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.studio-canvas:active{cursor:grabbing}.studio-canvas.scrollable{touch-action:pan-y}.editor-panel,.store-panel{gap:12px;max-width:min(980px,100%);min-height:0;max-height:100%;padding:16px 22px 18px}.store-panel{max-width:min(1040px,100%)}.editor-head,.store-head{justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative}.editor-head .wallet-pill{position:absolute;right:0}.wallet-pill{font-family:var(--font);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 14px 3px 6px;font-size:20px;font-weight:700;display:inline-flex}div.wallet-pill{cursor:default}.wallet-pill .gi{width:1.15em;height:1.15em}.wallet-pill .wallet-bag{width:30px;height:30px}.wallet-pill.big{background:#fff6c9;padding:4px 18px 4px 10px;font-size:26px}@media (hover:hover){button.wallet-pill:hover{background:var(--yellow)}}button.wallet-pill:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.editor-main,.store-main{flex:1;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px;width:100%;min-height:0;display:grid}.store-main{grid-template-columns:minmax(240px,330px) minmax(0,1fr)}.editor-left,.store-left{flex-direction:column;align-items:stretch;gap:10px;min-height:0;display:flex}.editor-right,.store-right{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.editor-name-row{align-items:center;gap:8px;display:flex}.editor-name-row .name-input{text-align:center;flex:1;width:auto;min-height:48px;font-size:22px}.editor-left .name-error{align-self:center}.editor-name-row .edit-btn .gi{width:30px;height:30px}.editor-level{align-items:center;gap:8px;display:flex}.editor-level:empty{display:none}.editor-level .profile-xp{flex:1}.editor-callout{text-align:center;border:3px solid var(--ink);background:#fff6c9;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:6px 10px;font-size:15px;font-weight:700;animation:.2s cubic-bezier(.2,1.6,.4,1) pop-in;display:flex}.editor-callout>.gi{width:22px;height:22px}.btn.store-go{background:var(--yellow);align-items:center;gap:4px;display:inline-flex}.editor-tabs{gap:8px;display:flex}.editor-tab{font-family:var(--font);min-height:52px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .1s;display:flex}.editor-tab .gi{flex:none;width:30px;height:30px}.editor-tab{min-width:0}.editor-tab>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-tab.on{background:var(--yellow);box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.editor-tab:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}.tab-swatch{border:3px solid var(--ink);border-radius:50%;flex:none;width:26px;height:26px}.editor-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 6px 10px;overflow-y:auto}.editor-body.tab-color .locker-grid.colors{grid-template-columns:repeat(4,1fr);gap:16px;max-width:360px;margin:0 auto}.editor-body.tab-color .locker-color{min-height:56px}.locker-grid.items{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 10px}.locker-item{position:relative}.locker-item .item-3d{background:radial-gradient(circle at 50% 40%,#fff 0 35%,#d4f0ff 85%);border-radius:14px;width:60px;height:60px;margin:-4px 0 2px}.locker-item.locked{cursor:pointer;background:#ece7f7}.locker-item.locked .item-icon{filter:grayscale(.7);opacity:.55}.locker-item.locked.store .item-icon{filter:none;opacity:.85}.locker-item.locked.on{background:#ffe9a8}.locker-item.locked:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.item-tag,.card-tag,.price-pill{white-space:nowrap;border:2.5px solid var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:center;gap:2px;padding:0 7px 0 4px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.item-tag,.card-tag{box-shadow:0 2px 0 var(--ink);position:absolute;top:-10px;right:-6px}.item-tag .gi,.card-tag .gi{width:15px;height:15px}.item-tag.price,.card-tag.price.afford{background:var(--yellow)}.item-tag.lvl,.card-tag.price{background:#ece7f7}.card-tag.owned{background:#d9f8e6}.card-tag.wearing{background:var(--mint)}.editor-stats{flex-direction:column;align-items:stretch;gap:12px;display:flex}.editor-actions{justify-content:center;gap:16px;width:100%;display:flex}.editor-actions .btn{justify-content:center;align-items:center;gap:8px;min-width:190px;display:inline-flex}.editor-actions .ui-icon{flex:none;width:28px;height:28px}.editor-discard{background:#fff}.store-tool .ui-icon{width:62%;height:62%}.wallet-badge{white-space:nowrap;background:var(--yellow);border:2.5px solid var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:1px;padding:0 7px 0 3px;font-size:14px;font-weight:700;line-height:1.25;display:inline-flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.wallet-badge .gi{vertical-align:0;width:16px;height:16px}.store-title{align-items:center;gap:8px;display:inline-flex}.store-bag{width:1.15em;height:1.15em}.store-head .wallet-pill{position:absolute;left:0}.store-close{flex:none;position:absolute;right:0}.store-item-title{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.store-item-title .price-pill{background:var(--yellow);border-width:3px;padding:1px 12px 1px 6px;font-size:20px}.store-item-title .price-pill .gi{width:24px;height:24px}.store-buy{flex-direction:column;align-items:center;gap:8px;min-height:68px;display:flex}.btn.store-action{align-items:center;gap:6px;min-width:0;padding:8px 28px;font-size:26px;display:inline-flex}.btn.store-action .gi{width:1.1em;height:1.1em}.btn.primary.store-action.buy{border-radius:22px;font-size:30px}.store-confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.btn.pink.store-action{animation:1s ease-in-out infinite primary-pulse}.store-state{border:3px solid var(--ink);background:#ece7f7;border-radius:999px;align-items:center;gap:4px;padding:6px 16px;font-size:19px;font-weight:700;display:inline-flex}.store-state .gi{width:24px;height:24px}.store-state.wearing{background:#d9f8e6}.store-flash{color:var(--pink-dark);font-size:24px;font-weight:700;animation:.3s cubic-bezier(.2,1.8,.4,1) pop-in}.store-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-content:start;gap:16px 12px;min-height:0;padding:12px 8px 10px;display:grid;overflow-y:auto}.store-card{font-family:var(--font);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 8px;transition:transform .1s cubic-bezier(.2,1.8,.4,1),box-shadow .1s;display:flex;position:relative}@media (hover:hover){.store-card:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-3px)rotate(-1deg)}}.store-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.store-card.on{background:var(--yellow);box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink)}.store-card:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}.card-art{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#fff 0 30%,#d4f0ff 80%);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.store-card.owned .card-art{background:radial-gradient(circle at 50% 38%,#fff 0 30%,#c9f5dc 80%)}.card-art .item-3d{width:100%;height:100%}.card-name{text-align:center;font-size:14px;font-weight:700;line-height:1.1}.store-note{text-align:center;opacity:.85;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.store-note .gi{width:22px;height:22px}.store-burst{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.burst-star{width:30px;height:30px;animation:1.1s cubic-bezier(.15,.8,.3,1) forwards star-burst;position:absolute;top:45%;left:50%}@keyframes star-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.1) rotate(220deg);opacity:0}}body.reduced-motion .burst-star{animation-duration:10ms}.r-common{--rarity:#39d98a;--rarity-soft:#d9f8e6}.r-rare{--rarity:#3da5ff;--rarity-soft:#d6ecff}.r-epic{--rarity:#a66bff;--rarity-soft:#ece0ff}.r-legendary{--rarity:#ffb800;--rarity-soft:#fff1c2}.rarity-chip{letter-spacing:.04em;border:2.5px solid var(--ink);background:var(--rarity-soft);border-radius:999px;align-items:center;gap:3px;padding:1px 9px 1px 4px;font-size:12px;font-weight:700;display:inline-flex}.rarity-chip .gi{width:18px;height:18px}.store-item-title .rarity-chip{flex-basis:auto}.store-blurb{opacity:.8;flex-basis:100%;font-size:15px;font-weight:600;line-height:1.2}.store-card{border-top-width:7px;border-top-color:var(--rarity,var(--ink))}.card-gem{width:28px;height:28px;filter:drop-shadow(0 2px 0 var(--ink));position:absolute;top:-12px;left:-8px}.card-gem .gi{width:100%;height:100%}.store-card .card-art{background:radial-gradient(circle at 50% 38%, #fff 0 30%, var(--rarity-soft,#d4f0ff) 80%)}.card-3d{width:100%;height:100%;display:block;position:relative}.card-3d .card-icon{filter:drop-shadow(0 2px #2b215059);width:34%;height:34%;position:absolute;bottom:2px;right:2px}.card-art .skin-portrait{object-fit:contain;width:100%;height:100%;transition:transform .15s cubic-bezier(.2,1.8,.4,1);transform:scale(1.06)}@media (hover:hover){.store-card:hover .skin-portrait{transform:scale(1.14)rotate(-3deg)}}.store-grid.skins{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.store-grid.skins .card-name{font-size:15px}.locker-item{border-bottom-color:var(--rarity,var(--ink))}.locker-grid.items.kind-skin{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.locker-grid.items.kind-skin .item-icon .gi{width:78px;height:78px}.locker-grid.items .item-icon .gi{width:52px;height:52px}.editor-body.tab-color .locker-grid.colors{grid-template-columns:repeat(8,1fr);gap:10px;max-width:520px}.editor-body.tab-color .locker-color{border-width:3px;min-height:0;transition:transform .12s cubic-bezier(.2,1.8,.4,1);box-shadow:inset -4px -5px #0000001f,inset 4px 4px #ffffff59}@media (hover:hover){.editor-body.tab-color .locker-color:hover{transform:scale(1.12)}}.editor-body.tab-color .locker-color.on{transform:scale(1.1)}.quick-look{z-index:80;width:230px;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 14px 30px #2b21504d;pointer-events:none;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:0 12px 12px;animation:.18s cubic-bezier(.2,1.8,.4,1) ql-pop;display:flex;position:fixed;overflow:hidden}.quick-look.hidden{display:none}@keyframes ql-pop{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:none}}body.reduced-motion .quick-look{animation:none}.ql-head{background:var(--rarity);border-bottom:3px solid var(--ink);letter-spacing:.05em;justify-content:space-between;align-self:stretch;align-items:center;margin:0 -12px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.ql-rarity{align-items:center;gap:4px;display:inline-flex}.ql-rarity .gi{width:22px;height:22px}.ql-kind{border:2.5px solid var(--ink);background:#fff;border-radius:999px;padding:0 8px;font-size:11px}.ql-art{border:3px solid var(--ink);background:radial-gradient(circle at 50% 38%, #fff 0 32%, var(--rarity-soft) 82%);border-radius:20px;width:168px;height:168px;margin-top:8px;position:relative}.ql-render{object-fit:contain;width:100%;height:100%;display:block}.ql-icon{filter:drop-shadow(0 3px #2b215059);width:56px;height:56px;position:absolute;bottom:-10px;right:-10px}.ql-name{text-align:center;margin-top:6px;font-size:22px;font-weight:700;line-height:1.05}.ql-blurb{text-align:center;opacity:.85;font-size:14px;font-weight:600;line-height:1.2}.ql-status{border:2.5px solid var(--ink);background:#ece7f7;border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:2px 10px 2px 6px;font-size:13px;font-weight:700;display:inline-flex}.ql-status .gi{width:18px;height:18px}.ql-status.wearing{background:var(--mint)}.ql-status.owned{background:#d9f8e6}.ql-status.price.afford{background:var(--yellow)}@media (max-height:600px){.editor-panel,.store-panel{border-radius:22px;gap:6px;padding:8px 14px 10px}.editor-panel h2,.store-panel h2{font-size:24px}.editor-main,.store-main{grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:12px}.studio-stage{aspect-ratio:auto;border-width:3px;border-radius:18px;flex:1 1 0;min-height:70px}.editor-left{gap:6px;overflow:hidden}.editor-level{display:none}.editor-name-row .name-input{min-height:40px;font-size:17px}.editor-name-row .edit-btn{width:40px;height:40px;min-height:40px}.editor-callout{border-radius:12px;flex-wrap:nowrap;gap:6px;padding:3px 6px;font-size:12px}.editor-callout .btn.store-go{flex:none;min-height:34px;padding:2px 10px;font-size:14px}.editor-tab{gap:4px;min-height:40px;padding:2px 4px;font-size:13px}.editor-tabs{gap:5px}.editor-tab .gi{width:22px;height:22px}.tab-swatch{width:20px;height:20px}.locker-grid.items{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.locker-item{min-height:54px}.locker-item .item-3d{width:44px;height:44px;margin:-4px 0 -2px}.editor-actions .btn{min-width:150px;min-height:44px;box-shadow:0 4px 0 var(--ink);border-width:3px;padding:4px 18px;font-size:18px}.editor-actions .ui-icon{width:22px;height:22px}.wallet-pill{font-size:16px}.wallet-pill.big{font-size:20px}.store-item-title{font-size:18px}.store-item-title .price-pill{font-size:16px}.store-buy{gap:4px;min-height:0}.btn.store-action{min-height:44px;padding:4px 16px;font-size:18px}.btn.primary.store-action.buy{box-shadow:0 5px 0 var(--ink);border-width:4px;font-size:22px}.store-state{padding:3px 12px;font-size:15px}.store-flash{font-size:18px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px;padding:10px 6px 6px}.store-grid.skins{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.store-blurb{font-size:12px}.rarity-chip{font-size:10px}.locker-grid.items .item-icon .gi{width:40px;height:40px}.locker-grid.items.kind-skin .item-icon .gi{width:56px;height:56px}.editor-body.tab-color .locker-grid.colors{gap:8px;max-width:420px}.quick-look{width:200px}.ql-art{width:132px;height:132px}.card-name,.store-note{font-size:12px}}@media (max-height:600px) and (max-width:760px){.editor-tab{flex-direction:column;gap:0;min-height:46px;padding:2px;font-size:10px}}@media (max-width:640px){.editor-panel,.store-panel{gap:8px;padding:12px 12px 14px}.editor-main,.store-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.studio-stage{aspect-ratio:auto;height:22vh;min-height:140px}.store-left .studio-stage{height:22vh}.editor-head .wallet-pill{position:static}.editor-head{justify-content:space-between}.editor-tab{flex-direction:column;gap:0;min-height:56px;font-size:13px}.editor-actions .btn{flex:1;min-width:0;font-size:18px}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.store-grid.skins{grid-template-columns:repeat(2,minmax(0,1fr))}.card-name{font-size:11px}.editor-body.tab-color .locker-grid.colors{grid-template-columns:repeat(6,1fr)}}.lb-card{right:calc(var(--menu-gap) + env(safe-area-inset-right));top:calc(var(--menu-gap) + var(--tool) + 22px + env(safe-area-inset-top));border:4px solid var(--ink);width:320px;box-shadow:var(--shadow);background:#fffaf0f5;border-radius:26px;flex-direction:column;gap:4px;padding:8px 16px 12px;display:flex;position:absolute}.lb-head{font-family:var(--font);letter-spacing:.02em;color:var(--ink);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #2b21501f;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:4px 0 10px;font-size:20px;font-weight:700;display:flex}.lb-head:focus-visible{outline:4px dashed var(--pink);outline-offset:2px;border-radius:12px}.lb-trophy{flex:none;width:36px;height:36px}.lb-chevron{flex:none;width:22px;height:22px;margin-left:auto;transition:transform .12s}@media (hover:hover){.lb-head:hover .lb-chevron{transform:translate(4px)}}.lb-sub{opacity:.75;text-align:center;margin-top:-8px;font-size:14px;font-weight:600}.lb-list{flex-direction:column;gap:5px;width:100%;display:flex}.lb-list.full{max-height:min(56vh,520px);padding:8px 4px 6px;overflow-y:auto}.lb-row{border:3px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 5px;font-size:16px;font-weight:700;display:flex}.lb-row.me{background:#fff6c9}.lb-row.top1{background:#ffeaa0}.lb-rank{border:2px solid var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 4px;font-size:14px;display:inline-flex;box-shadow:inset 0 -3px #2b21502e}.top1 .lb-rank{background:var(--yellow)}.top2 .lb-rank{background:#dfe2ec}.top3 .lb-rank{background:#f3a462}.lb-avatar{--size:34px}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lb-level{background:var(--ink);color:#fff;border-radius:999px;flex:none;padding:0 6px;font-size:11px}.lb-stars{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;display:inline-flex}.lb-star{width:18px;height:18px}.lb-empty{text-align:center;opacity:.75;padding:8px 4px;font-weight:600}.lb-empty.big{opacity:1;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 22px;display:flex}.lb-empty.big strong{letter-spacing:.02em;font-size:24px}.lb-empty.big span{opacity:.7}.lb-empty-art{filter:drop-shadow(0 6px #2b21502e);width:110px;height:110px;animation:2.4s ease-in-out infinite lb-empty-bob}@keyframes lb-empty-bob{50%{transform:translateY(-6px)rotate(-3deg)}}.lb-title{justify-content:center;align-items:center;gap:10px;display:flex}.lb-title .gi{width:1.3em;height:1.3em}.lb-mine:empty{display:none}.lb-mine{border:3px solid var(--ink);background:#fff6c9;border-radius:999px;padding:2px 14px;font-weight:700}.lb-panel{max-width:min(560px,100%);max-height:100%}.lb-card .lb-row,.lb-card .lb-row.top1,.lb-card .lb-row.me{background:0 0;border:none;gap:10px;padding:3px 0;font-size:18px}.lb-card .lb-row.me .lb-name{-webkit-text-decoration:underline wavy var(--yellow-dark);text-decoration:underline wavy var(--yellow-dark);text-underline-offset:4px}.lb-card .lb-level,.lb-card .lb-star{display:none}@media (max-width:1240px) and (max-height:999px),(max-width:760px),(max-height:620px){.lb-card{display:none!important}}.lb-flag,.report-flag{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-width:32px;min-height:32px;padding:0 6px;font-size:15px;line-height:1}.report-flag[disabled]{opacity:.6;cursor:default}.lb-flag .gi,.report-flag .gi{vertical-align:middle;width:1.3em;height:1.3em}.player-pill .report-flag{min-width:28px;min-height:28px;font-size:13px}.report-panel{max-width:min(480px,100%)}.report-who{color:var(--pink-dark)}.report-reasons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.report-reason{flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 8px;font-size:16px;display:flex}.report-icon{font-size:30px}.report-thanks{font-size:22px;font-weight:700}.podium .who .report-flag{min-width:26px;min-height:26px;font-size:12px}@media (max-height:560px){.locker-stats{grid-template-columns:repeat(4,1fr)}.locker-item{min-height:54px}}@media (max-width:1180px){.controls-hint{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width:640px){.menu-screen{--menu-gap:12px;--tool:48px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.menu-tools{gap:8px}.btn.tool-btn{box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:15px}.menu-profile{max-width:calc(100% - 2 * var(--menu-gap) - 3 * var(--tool) - 2 * 8px - 10px)}.profile-card{border-width:3px;gap:8px;padding:3px 8px 3px 3px}.profile-avatar .bumpling-avatar{--size:38px;margin:5px}.profile-name{font-size:16px}.profile-edit{display:none}.profile-main{gap:4px}.profile-card .locker-level{padding:1px 7px;font-size:12px}.profile-xp{border-width:2px;height:12px}.btn.menu-room{width:calc(50% - var(--menu-gap) * 1.5);text-align:left;justify-content:center;gap:8px;padding:8px 10px;font-size:17px;line-height:1.05}.menu-room .ui-icon{width:30px;height:30px}.menu-room.mint .ui-icon{width:34px}.btn.play-btn{padding:8px 30px 10px 22px}.cup-path{border-width:3px;gap:2px;padding:4px 8px}.cup-path-step b{font-size:17px}.cup-path-step small{font-size:8px}}@media (max-height:620px),(orientation:landscape) and (pointer:coarse) and (max-height:820px){#ui .menu-screen{--menu-gap:clamp(8px, 2.6dvh, 14px);--tool:clamp(40px, 12dvh, 58px);--room-w:clamp(168px, 25vw, 270px);--room-h:clamp(42px, 12.5dvh, 62px);align-items:center;column-gap:var(--menu-gap);padding:calc(var(--menu-gap) + env(safe-area-inset-top)) calc(var(--menu-gap) + 4px + env(safe-area-inset-right)) calc(var(--menu-gap) + 6px + env(safe-area-inset-bottom)) calc(var(--menu-gap) + 4px + env(safe-area-inset-left));grid-template:"profile.tools"". . ."minmax(0,1fr)"logo logo logo""play play play""map map map""msg msg msg"". . ."minmax(0,1fr)"create ping join"/minmax(0,1fr) auto minmax(0,1fr);display:grid}.menu-center{display:contents}.menu-profile,.menu-tools,.btn.menu-room{position:static}.menu-profile{grid-area:profile;justify-self:start;max-width:100%}.menu-tools{grid-area:tools;justify-self:end;gap:8px}.btn.tool-btn{box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:14px}.tool-btn .ui-icon{width:60%;height:60%}.wallet-badge{font-size:12px;bottom:-10px}.profile-card{width:clamp(190px,30vw,310px);min-height:var(--tool);border-width:3px;gap:8px;padding:2px 12px 2px 2px;box-shadow:0 4px #2b215059}.profile-avatar .bumpling-avatar{--size:calc(var(--tool) - 16px);box-shadow:0 0 0 2px var(--yellow), 0 0 0 4px var(--ink);margin:4px}.profile-main{gap:3px}.profile-name{font-size:clamp(14px,4.4dvh,20px)}.profile-card .locker-level{padding:1px 7px;font-size:11px}.profile-xp{border-width:2px;height:9px}.profile-edit{display:none}.menu-logo{grid-area:logo;justify-self:center;margin-bottom:clamp(8px,3dvh,14px)}.menu-screen .logo{font-size:clamp(42px,15dvh,96px)}.logo-burst{width:clamp(18px,5dvh,40px)}.menu-screen .tagline{display:none}.btn.play-btn{box-shadow:0 6px 0 var(--ink);border-width:4px;grid-area:play;justify-self:center;gap:10px;padding:3px 30px 5px 20px}.btn.play-btn:before{top:3px}.play-btn .play-icon{width:clamp(28px,9dvh,50px)}.play-label{font-size:clamp(30px,10.5dvh,58px)}.play-sub{font-size:clamp(10px,3dvh,16px)}.cup-path{box-shadow:0 4px 0 var(--ink);border-width:3px;grid-area:map;justify-self:center;margin-top:clamp(8px,2.8dvh,14px);padding:3px 8px}.cup-path-step{border-width:2.5px;padding:2px 6px 3px}.cup-path-step b{font-size:clamp(13px,4.4dvh,20px)}.cup-path-step small{display:none}.menu-center>.error-text{grid-area:msg;justify-self:center;margin-top:8px}.menu-center>.error-text:empty{display:none}.btn.menu-room{min-height:0;height:var(--room-h);width:var(--room-w);box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-width:4px;justify-content:center;gap:8px;padding:0 14px 0 10px;font-size:clamp(15px,min(4.6dvh,2.6vw),22px)}.menu-room.create{grid-area:create;justify-self:start}.menu-room.join{grid-area:join;justify-self:end}.menu-room .ui-icon{width:calc(var(--room-h) - 18px);height:calc(var(--room-h) - 18px)}.menu-room.mint .ui-icon{width:calc(var(--room-h) - 14px)}.menu-ping{grid-area:ping;justify-self:center;margin:0}.controls-hint{display:none}}.map-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.map-btn{font-family:var(--font);color:var(--ink);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 6px;transition:transform .12s cubic-bezier(.2,1.8,.4,1),background .12s;display:flex;overflow:hidden}.map-pic{aspect-ratio:4/3;border-bottom:3px solid var(--ink);background:#cfeaff 50%/cover no-repeat;place-items:center;display:grid}.map-pic.shuffle{background:linear-gradient(135deg,#ffd6ec,#d6f1ff 55%,#e9f7ff)}.map-dice{vertical-align:0;width:56%;height:auto}.map-btn.on .map-dice{animation:.5s cubic-bezier(.2,1.6,.4,1) map-dice-roll}@keyframes map-dice-roll{0%{transform:rotate(-90deg)scale(.7)}to{transform:none}}.map-name{text-align:center;padding:0 4px;font-size:14px;font-weight:700;line-height:1.05}.map-btn.on{background:var(--yellow);transform:translateY(-2px)}.map-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.map-btn:focus-visible{outline:4px dashed var(--pink);outline-offset:3px}@media (hover:hover){.map-btn:not(.on):hover{background:#fff6c9}}@media (max-width:420px){.map-row{gap:6px}.map-name{font-size:11px}.map-btn{border-width:3px;border-radius:13px}}@media (max-height:520px) and (min-width:561px){.create-body{grid-template-areas:"map map""dur count""bots count"}.create-map{grid-area:map}.map-row{grid-template-columns:repeat(4,1fr);gap:8px}.map-btn{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:13px;flex-direction:row;align-items:center;padding:0 6px 0 0}.map-pic{aspect-ratio:1;border-bottom:none;border-right:3px solid var(--ink);flex:none;width:54px}.map-name{text-align:left;font-size:12px}}@media (max-height:800px){.map-row{gap:8px}.map-btn{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:13px;flex-direction:row;align-items:center;gap:6px;min-height:50px;padding:0 6px 0 0}.map-pic{aspect-ratio:1;border-bottom:none;border-right:3px solid var(--ink);flex:none;width:50px}.map-name{text-align:left;font-size:13px}}@media (max-height:520px) and (min-width:561px){.create-map .create-head{display:none}.map-btn{min-height:40px}.map-pic{width:42px}}@media (max-height:800px) and (min-width:900px){.create-panel{max-width:min(880px,100%)}.create-body{grid-template-columns:1fr 1fr;grid-template-areas:"map map""dur count""bots count"}.create-map{grid-area:map}.create-duration{grid-area:dur}.create-bots{grid-area:bots}.create-count{grid-area:count;justify-content:center}.map-name{font-size:15px}}@media (max-height:520px) and (min-width:561px){.create-body{grid-template-areas:"dur map""bots count"}.create-map{justify-content:center}.map-row{grid-template-columns:1fr 1fr;gap:6px}.map-btn{min-height:34px}.map-pic{width:36px}.create-count .create-head{display:none}}.ping-badge{--ping:var(--mint);color:var(--ink);border:3px solid var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 9px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 3px #2b215059}.ping-badge.hidden{display:none}.ping-badge[data-bars="2"]{--ping:var(--yellow-dark)}.ping-badge[data-bars="1"],.ping-badge[data-bars="0"]{--ping:var(--pink)}.ping-badge[data-bars="0"]{background:var(--pink);color:#fff}.ping-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.ping-bar{background:#2b215033;border-radius:2px;width:4px}.ping-bar:first-child{height:5px}.ping-bar:nth-child(2){height:9px}.ping-bar:nth-child(3){height:14px}.ping-bar.on{background:var(--ping);box-shadow:0 0 0 1px var(--ink)}.ping-badge[data-bars="0"] .ping-bar{background:#ffffff73}.menu-ping{margin-top:10px}.hud-ping{border-width:2px;padding:2px 10px 2px 8px;font-size:13px}.hud-ping .ping-bars,.hud-ping .ping-bar:nth-child(3){height:12px}.hud-ping .ping-bar:nth-child(2){height:8px}.hud-ping-corner,.touch .hud-top .hud-ping{display:none}.touch .hud-ping-corner:not(.hidden){left:calc(8px + env(safe-area-inset-left));bottom:calc(4px + env(safe-area-inset-bottom));gap:4px;padding:1px 8px 1px 6px;font-size:12px;display:inline-flex;position:absolute;box-shadow:0 2px #2b215059}.menu-center>.error-text:not(:empty){border:3px solid var(--ink);background:#fff;border-radius:999px;padding:4px 16px;font-weight:700;box-shadow:0 3px #2b215059}.round-back.phone-only{display:none}.sheet-head{display:contents}@media (max-height:560px),(max-width:640px){#ui .screen.sheet,#ui #settings.sheet{--sheet-pad:clamp(10px, 2.6vmin, 18px);--sheet-head:clamp(40px, 11vmin, 50px);--sheet-title:clamp(16px, min(6.4vmin, 5.4vw), 30px);background:var(--paper);justify-content:stretch;align-items:stretch;padding:0}#ui .screen.sheet>.panel{width:100%;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;align-items:stretch;gap:calc(var(--sheet-pad) * .7);padding:calc(env(safe-area-inset-top) + var(--sheet-pad) * .6) calc(env(safe-area-inset-right) + var(--sheet-pad)) calc(env(safe-area-inset-bottom) + var(--sheet-pad) * .8) calc(env(safe-area-inset-left) + var(--sheet-pad));background:radial-gradient(circle at 1px 1px, #2b21500f 1.5px, transparent 0) 0 0 / 22px 22px, var(--paper);border:none;border-radius:0;margin:0;animation:.22s cubic-bezier(.2,1.2,.4,1) sheet-in;overflow:hidden}.sheet .desk-only,.sheet .store-close{display:none!important}.sheet .sheet-head,.sheet .editor-head,.sheet .store-head{width:100%;min-height:var(--sheet-head);grid-template-columns:minmax(var(--sheet-head), 1fr) auto minmax(var(--sheet-head), 1fr);padding-bottom:calc(var(--sheet-pad) * .5);border-bottom:3px solid #2b21501a;flex:none;align-items:center;gap:8px;display:grid;position:relative}.sheet .round-back{width:var(--sheet-head);height:var(--sheet-head);box-shadow:0 3px 0 var(--ink);border-width:3px;grid-column:1;justify-self:start;display:grid;position:static}.sheet .round-back .ui-icon{width:50%;height:50%}.sheet .sheet-head>h2,.sheet .editor-head>h2,.sheet .store-head>h2{white-space:nowrap;grid-column:2;margin:0;padding:0;line-height:1.1;font-size:var(--sheet-title)!important}.sheet .spark-title{gap:8px}.sheet .spark-title .spark{transform:scale(.7)}.sheet .spark-title .spark.right{transform:scale(-.7,.7)}.sheet .editor-head>.wallet-pill,.sheet .store-head>.wallet-pill{grid-column:3;justify-self:end;padding:2px 12px 2px 5px;font-size:clamp(15px,4.4vmin,20px);position:static}.sheet .set-body,.sheet .create-body,.sheet .lb-list.full{overscroll-behavior:contain;touch-action:pan-y;flex:auto;align-content:start;min-height:0;max-height:none;overflow-y:auto}#settings.sheet .panel{gap:calc(var(--sheet-pad) * .7)}.sheet .set-body{gap:10px;width:100%;max-width:920px;margin:0 auto;padding:2px 2px 8px}.sheet .setting-row{min-height:clamp(38px,10vmin,46px);font-size:clamp(15px,4.4vmin,19px)}.sheet .set-head{font-size:clamp(15px,4.4vmin,19px)}.sheet .set-card .seg button{min-height:clamp(38px,10vmin,46px);padding:4px 6px;font-size:clamp(14px,3.9vmin,17px)}.sheet .lb-sub{margin:0}.sheet .lb-list.full{gap:7px;width:100%;max-width:680px;margin:0 auto;padding:4px 4px 8px}.sheet .lb-list.full:has(.lb-empty.big){justify-content:center}.sheet .lb-row{padding:4px 12px 4px 5px;font-size:clamp(15px,4.4vmin,18px)}.sheet .lb-avatar{--size:clamp(30px, 8.6vmin, 38px)}.sheet .lb-flag{min-width:40px;min-height:36px}.sheet .lb-mine{align-self:center}.sheet .lb-empty-art{width:clamp(70px,22vmin,110px);height:clamp(70px,22vmin,110px)}.sheet .join-panel{align-items:center}.sheet .join-panel .code-input{gap:clamp(6px,2vmin,10px);margin-top:auto}.sheet .join-panel .code-input input{width:clamp(46px,14vmin,66px);height:clamp(56px,17vmin,78px);font-size:clamp(28px,9vmin,42px)}.sheet .join-actions{margin-bottom:auto}.sheet .join-actions .btn{min-width:min(280px,70vw);min-height:clamp(46px,12vmin,56px);padding:4px 28px;font-size:clamp(19px,5.6vmin,26px)}.sheet .create-panel{padding-top:calc(env(safe-area-inset-top) + var(--sheet-pad) * .6)}.sheet .create-panel .spark-title{padding:0}.sheet .create-body{width:100%;max-width:980px;margin:0 auto;padding:4px 2px 8px}.sheet .btn.primary.create-go{width:auto;min-width:min(340px,82%);min-height:clamp(46px,12.5vmin,58px);box-shadow:0 5px 0 var(--ink);border-width:4px;align-self:center;gap:10px;margin:0 0 4px;padding:2px 30px;font-size:clamp(22px,6.4vmin,30px)}.sheet .editor-main,.sheet .store-main{flex:auto;min-height:0}.sheet .editor-actions{flex:none}.sheet .editor-actions .btn{min-width:0;max-width:240px;min-height:clamp(44px,12vmin,52px);box-shadow:0 4px 0 var(--ink);border-width:3px;flex:1;padding:2px 14px;font-size:clamp(16px,4.8vmin,20px)}}@media (max-height:560px) and (orientation:landscape){.sheet .set-body{grid-template-columns:1fr 1fr;grid-template-areas:"vol gfx""vol touch""tips motion""reports reports";gap:8px 10px}.sheet.has-haptics .set-body{grid-template-areas:"vol gfx""vol touch""tips motion""haptics reports";row-gap:6px}.sheet.has-haptics .set-toggle{padding-top:2px;padding-bottom:2px}.sheet .set-graphics,.sheet .set-touch{flex-direction:column;align-items:stretch;gap:4px}.sheet .set-graphics .set-head,.sheet .set-touch .set-head{width:auto}.sheet .setting-row{grid-template-columns:26px 70px 1fr 32px}.sheet .set-toggle .set-head{white-space:nowrap}.sheet .editor-panel{grid-template:"head head""left right"minmax(0,1fr)"left actions"/minmax(170px,34%) minmax(0,1fr);column-gap:14px;display:grid}.sheet .editor-head{grid-area:head}.sheet .editor-main{display:contents}.sheet .editor-left{grid-area:left}.sheet .editor-right{grid-area:right}.sheet .editor-actions{grid-area:actions;justify-content:flex-end;gap:10px}.sheet .store-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:14px}.sheet .studio-stage,.sheet .store-left .studio-stage{aspect-ratio:auto;flex:1 1 0;height:auto;min-height:70px}.sheet .editor-level{display:none}.sheet .editor-tab{flex-direction:row;gap:4px;min-height:clamp(36px,10vmin,44px)}.sheet .store-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}body.reduced-motion .sheet>.panel{animation:none}@media (max-height:620px),(orientation:landscape) and (pointer:coarse) and (max-height:820px){#ui .menu-screen{--tool:clamp(38px, 10.5dvh, 50px);--room-h:clamp(36px, 10dvh, 46px)}.profile-card{width:clamp(170px,26vw,260px)}.wallet-badge{font-size:11px;bottom:-9px}.btn.menu-room{width:auto;min-width:0;box-shadow:0 4px 0 var(--ink);letter-spacing:.03em;border-width:3px;gap:6px;padding:0 16px 0 8px;font-size:clamp(13px,min(3.8dvh,2vw),17px)}}@media (max-width:640px) and (orientation:portrait){.menu-screen{--tool:44px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.btn.menu-room{width:min(200px, calc(50% - var(--menu-gap) * 1.5));min-width:0;min-height:44px;box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-width:3px;gap:6px;padding:4px 8px;font-size:clamp(11px,3.6vw,14px)}.menu-room .ui-icon{width:26px;height:26px}.menu-room.mint .ui-icon{width:28px}}.join-hint{color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:clamp(15px,4.4vmin,19px);font-weight:700;display:flex}.join-hint-ico{width:1.9em;height:1.9em}@media (max-height:560px),(max-width:640px){.sheet .join-panel .join-hint{margin-top:auto}.sheet .join-panel .code-input{justify-content:center;align-self:center;margin-top:0}}#ui #join.screen{container:join/size}html.kb-open #ui #join.screen{top:var(--vv-top,0px);height:var(--vv-h,100%);bottom:auto}html.kb-open #ui #join.sheet>.panel{padding-bottom:var(--sheet-pad,10px)}@container join (height<=320px){#ui #join>.panel{--box-h:clamp(38px, 46cqh, 72px);width:100%;height:100%;max-height:none;padding-top:var(--sheet-pad,10px);flex-flow:row;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);position:relative}#join .sheet-head{display:contents}#join .sheet-head>h2,#join .join-hint{display:none}#join .round-back{width:calc(var(--box-h) * .8);height:calc(var(--box-h) * .8);flex:none;position:static}#join .join-panel .code-input{gap:clamp(4px,1.2vw,8px);margin:0}#join .join-panel .code-input input{width:calc(var(--box-h) * .82);height:var(--box-h);font-size:calc(var(--box-h) * .55);border-radius:calc(var(--box-h) * .22);padding:0}#join .join-actions{flex-wrap:nowrap;flex:none;margin:0}#join .join-actions .btn{min-width:0;min-height:0;height:var(--box-h);font-size:calc(var(--box-h) * .4);padding:0 clamp(14px,3vw,28px)}#join .join-panel .error-text{text-align:center;min-height:0;font-size:clamp(12px,9cqh,16px);position:absolute;bottom:2px;left:0;right:0}}@media (max-width:640px) and (orientation:portrait){.sheet .map-row{gap:6px}.sheet .map-btn{flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:0 0 6px}.sheet .map-pic{aspect-ratio:4/3;border-right:none;border-bottom:3px solid var(--ink);width:auto}.sheet .map-name{text-align:center;font-size:clamp(10px,3vw,13px)}}@media (max-width:400px){.sheet .editor-head .wallet-bag,.profile-card .locker-level,.sheet .lb-level{display:none}}@media (max-height:620px) and (orientation:portrait){.btn.menu-room{justify-self:stretch;width:100%;padding:0 6px;font-size:clamp(11px,3.5vw,14px)}.menu-screen .logo{font-size:min(15dvh,18vw)}.logo-burst{width:min(5dvh,6vw)}}.cup-chip{border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:stretch;gap:0;font-size:clamp(13px,min(2.2vw,3.4vh),18px);font-weight:700;line-height:1;display:flex;overflow:hidden}.cup-part{align-items:center;gap:5px;padding:5px 11px;display:flex}.cup-part+.cup-part{border-left:3px solid var(--ink)}.cup-part .gi{width:1.3em;height:1.3em}.cup-part.round{background:var(--yellow)}.cup-part.goal{background:#c9f7dc}.cup-chip.final .cup-part.round{background:var(--pink);color:#fff}.cup-chip.final .cup-part.goal{background:#fff2b3}.cup-chip.close{animation:.9s ease-in-out infinite alternate cup-close}@keyframes cup-close{to{transform:scale(1.06)}}.spectate-new{align-items:center;gap:6px;margin-left:6px;display:inline-flex}.spectate-new .ui-icon{width:18px;height:18px}#ui .screen.round-summary{background:radial-gradient(at 50% 35%,#fff6c8b3,#2b215080);justify-content:safe center;overflow:hidden auto}.rs-rays{background:repeating-conic-gradient(#ffffff2e 0 9deg, transparent 9deg 18deg);pointer-events:none;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;animation:60s linear infinite rs-spin;position:absolute;top:30%;left:50%}@keyframes rs-spin{to{transform:rotate(1turn)}}.rs-card{background:var(--paper);border:5px solid var(--ink);width:min(700px,100%);box-shadow:0 10px 0 var(--ink);border-radius:30px;flex-direction:column;align-items:center;gap:12px;margin-top:46px;padding:0 20px 18px;animation:.45s cubic-bezier(.2,1.5,.4,1) both rs-in;display:flex;position:relative}@keyframes rs-in{0%{opacity:0;transform:translateY(40px)scale(.92)}}.rs-head{flex-direction:column;align-items:center;width:100%;margin-top:-50px;display:flex;position:relative}.rs-ribbon{aspect-ratio:1100/286;background:url(/assets/generated/ui/ribbon.webp) 50%/contain no-repeat;justify-content:center;align-items:center;width:min(540px,100%);padding:0 15% 5%;animation:.55s cubic-bezier(.2,1.7,.4,1) .1s both rs-ribbon;display:flex}@keyframes rs-ribbon{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.rs-ribbon-text{white-space:nowrap;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);letter-spacing:.02em;font-size:clamp(24px,min(5.4vw,6.5vh),40px);font-weight:700;line-height:1}.rs-ribbon.long .rs-ribbon-text{-webkit-text-stroke-width:4px;font-size:clamp(17px,min(4vw,5vh),30px)}.round-summary[data-verdict=out] .rs-ribbon{filter:hue-rotate(215deg)saturate(.85)}.round-summary[data-verdict=watch] .rs-ribbon{filter:hue-rotate(150deg)saturate(.7)}.rs-hero{justify-content:center;align-items:flex-end;height:clamp(64px,12vh,104px);margin-top:-4px;display:flex;position:relative}.rs-me{width:clamp(56px,10vh,90px);animation:.6s cubic-bezier(.2,1.8,.4,1) .4s both rs-bounce;position:relative}.rs-me.is-3d{aspect-ratio:100/130}.rs-me-hat{width:50%;height:auto;position:absolute;top:-14%;left:50%;transform:translate(-50%)}@keyframes rs-bounce{0%{opacity:0;transform:translateY(-50px)scale(.5)}}.round-summary[data-verdict=out] .rs-me{animation:.6s .4s both rs-bounce,1.4s ease-in-out 1s infinite rs-dizzy}@keyframes rs-dizzy{0%,to{rotate:-8deg}50%{rotate:8deg}}.rs-badge{width:clamp(38px,7vh,56px);height:auto;animation:.5s cubic-bezier(.2,1.8,.4,1) .8s both rs-pop;position:absolute;bottom:0;left:calc(50% + clamp(26px,5vh,44px))}.rs-badge.watch{width:clamp(48px,9vh,72px);position:static}@keyframes rs-pop{0%{transform:scale(0)}}.rs-sub{color:var(--ink-soft);text-align:center;margin-top:4px;font-size:clamp(14px,2.4vh,18px);font-weight:700}.rs-path{width:100%;max-width:600px;margin:0;padding:40px 0 0;list-style:none;display:flex;position:relative}.rs-path:before{content:"";border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#fff 0 12px,#efe8ff 12px 24px);border-radius:999px;height:10px;position:absolute;top:57px;left:10%;right:10%}.rs-step{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex;position:relative}.rs-node{border:4px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);animation:rs-pop .4s calc(.3s + var(--i,0) * 80ms) cubic-bezier(.2, 1.8, .4, 1) both;background:#fff;border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid;position:relative}.rs-node-ico{width:72%;height:auto}.rs-step.done .rs-node{background:var(--mint)}.rs-step.next .rs-node{background:var(--yellow)}.rs-step.trophy .rs-node{background:#fff3c4;width:50px;height:50px;margin-top:-3px;animation-delay:.7s}.rs-step-label{letter-spacing:.03em;white-space:nowrap;color:var(--ink-soft);font-size:clamp(10px,1.8vh,13px);font-weight:700}.rs-step.next .rs-step-label{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:0 6px}.rs-step-count{color:var(--ink);align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.rs-step-count .gi{width:20px;height:20px}.rs-marker{flex-direction:column;align-items:center;animation:.75s cubic-bezier(.3,1.6,.5,1) .9s both rs-hop-in;display:flex;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.rs-marker-av{--size:32px;box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--ink);border-radius:50%}@keyframes rs-hop-in{0%{opacity:0;transform:translate(-190%,6px)}20%{opacity:1}55%{transform:translate(-95%,-26px)}to{transform:translate(-50%)}}.rs-step.gone .rs-marker{animation:.5s .9s both rs-pop}.rs-step.gone .rs-marker-av{filter:grayscale(.6);rotate:-14deg}.rs-you{color:#fff;background:var(--ink);border-radius:6px;margin-top:-3px;padding:0 4px;font-size:10px;font-weight:700;line-height:1.2;position:relative}.rs-tally{flex-direction:column;gap:6px;width:100%;max-width:600px;display:flex}.rs-faces{border:3px solid var(--ink);border-radius:16px;align-items:center;gap:10px;padding:4px 10px;display:flex}.rs-faces.safe{background:#d6f7e4}.rs-faces.out{background:#ffe3ec}.rs-tally-head{flex:none;align-items:center;gap:4px;min-width:100px;font-weight:700;display:flex}.rs-tally-head .gi{width:30px;height:30px}.rs-tally-head b{font-size:26px;line-height:1}.rs-tally-head span{letter-spacing:.06em;font-size:15px}.rs-face-list{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;padding:2px 0 6px;display:flex}.rs-face{animation:rs-hop .45s calc(.5s + var(--i) * 30ms) cubic-bezier(.2, 1.8, .4, 1) both;flex-direction:column;align-items:center;display:inline-flex;position:relative}@keyframes rs-hop{0%{opacity:0;transform:translateY(-24px)scale(.6)}}.rs-faces.out .rs-face{animation-name:rs-sink}@keyframes rs-sink{0%{opacity:0;transform:translateY(-30px)rotate(-120deg)}}.rs-av{--size:28px}.rs-faces.out .rs-av{filter:grayscale(.5);opacity:.8}.rs-face.me .rs-av{--size:34px;box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--ink);filter:none;opacity:1;border-radius:50%}.rs-face .rs-you{position:absolute;bottom:-9px}.rs-more{color:var(--ink-soft);padding-left:4px;font-size:16px;font-weight:700}.rs-next{border:4px solid var(--ink);width:100%;max-width:600px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.rs-next-pic{aspect-ratio:4/3;border:3px solid var(--ink);background:#cfeaff 50%/cover no-repeat;border-radius:14px;flex:none;width:clamp(104px,20vh,160px)}.rs-next-text{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.rs-next-label{color:var(--ink-soft);letter-spacing:.1em;font-size:13px;font-weight:700}.rs-next-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(18px,3.4vh,26px);font-weight:700;line-height:1.05;overflow:hidden}.rs-next-goal{border:3px solid var(--ink);white-space:nowrap;background:#d6f7e4;border-radius:999px;align-items:center;gap:4px;padding:1px 10px 1px 3px;font-size:clamp(13px,2.2vh,16px);font-weight:700;display:inline-flex}.rs-next-goal .gi{width:24px;height:24px}.rs-ring{--p:1;border:4px solid var(--ink);background:conic-gradient(var(--yellow) calc(var(--p) * 360deg), #ece7f7 0);border-radius:50%;flex:none;place-items:center;width:66px;height:66px;display:grid;position:relative}.rs-ring:before{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.rs-secs{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;position:relative}.rs-actions{align-items:center;gap:12px;display:flex}.btn.primary.rs-new{align-items:center;gap:10px;padding:8px 26px;font-size:clamp(22px,4vh,30px);display:inline-flex}.rs-new .ui-icon{width:26px;height:26px}@media (max-width:560px){.rs-card{border-width:4px;gap:9px;padding:0 12px 14px}.rs-node{border-width:3px;width:36px;height:36px;font-size:16px}.rs-step.trophy .rs-node{width:42px;height:42px}.rs-path:before{top:53px}.rs-tally-head{min-width:76px}.rs-tally-head b{font-size:22px}.rs-av{--size:24px}.rs-ring{width:56px;height:56px}.rs-secs{font-size:22px}.rs-step-label{letter-spacing:0;font-size:10px}.rs-next{gap:8px;padding:6px 8px 6px 6px}.rs-next-pic{width:92px}.rs-next-name{font-size:17px}.btn.primary.rs-new{white-space:nowrap;padding:8px 20px;font-size:22px}}@media (max-height:520px) and (min-width:600px){.rs-card{grid-template-columns:minmax(200px,.8fr) 1.4fr;grid-template-areas:"head path""head tally""head next""act act";align-items:center;gap:8px 14px;width:min(860px,100%);margin-top:6px;padding:12px 16px 12px 8px;display:grid}.rs-head{grid-area:head;margin-top:0}.rs-path{grid-area:path;padding-top:36px}.rs-path:before{top:49px}.rs-tally{grid-area:tally}.rs-next{grid-area:next;padding:6px 10px 6px 6px}.rs-actions{grid-area:act;justify-self:center}.rs-node{border-width:3px;width:36px;height:36px;font-size:16px}.rs-step.trophy .rs-node{width:42px;height:42px}.rs-av{--size:22px}.rs-face.me .rs-av{--size:28px}.rs-faces{padding:2px 8px}.rs-tally-head .gi{width:24px;height:24px}.rs-tally-head b{font-size:20px}.rs-next-pic{width:96px}.rs-ring{width:54px;height:54px}.rs-secs{font-size:20px}.rs-hero{height:30vh}.rs-me{width:22vh}}@media (prefers-reduced-motion:reduce){.rs-rays,.round-summary[data-verdict=out] .rs-me{animation:none}}body.reduced-motion .rs-rays,body.reduced-motion .round-summary[data-verdict=out] .rs-me{animation:none}#ui .screen.champion-screen{background:radial-gradient(circle at 50% 42%,#fff6c4 0%,#ffd23d 34%,#ff9ccf 78%,#b98bff 100%);overflow:hidden}.champ-rays{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffffff73 0deg 9deg,#fff0 9deg 22deg);width:max(170vw,170vh);animation:24s linear infinite champ-spin;position:absolute;top:42%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 60%);mask-image:radial-gradient(circle,#000 8%,#0000 60%)}@keyframes champ-spin{to{rotate:1turn}}.champ-confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.champ-card{flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,10px);width:min(760px,100%);display:flex;position:relative}.champ-ribbon{aspect-ratio:1100/286;background:url(/assets/generated/ui/ribbon.webp) 50%/contain no-repeat;justify-content:center;align-items:center;width:min(620px,94vw,78vh);margin:0;padding:0 15% 5%;animation:.8s cubic-bezier(.2,1.7,.4,1) both champ-title;display:flex}.champ-title{white-space:nowrap;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-size:clamp(30px,min(7.5vw,9vh),64px);line-height:1}@keyframes champ-title{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}}.champ-hero{aspect-ratio:1.2;width:min(420px,86vw,54vh);position:relative}.champ-laurel{opacity:.5;width:86%;height:auto;animation:.6s cubic-bezier(.2,1.7,.4,1) .3s both champ-pop;position:absolute;top:-4%;left:50%;translate:-50%}.champ-stand{aspect-ratio:1.5;background:url(/assets/generated/ui/stand.webp) bottom/contain no-repeat;width:62%;animation:.6s cubic-bezier(.2,1.5,.4,1) .2s both champ-rise;position:absolute;bottom:0;left:50%;translate:-50%}@keyframes champ-rise{0%{opacity:0;transform:translateY(40%)}}.champ-stage{position:absolute;top:-18%;bottom:21%;left:4%;right:4%}.champ-stage canvas{display:block;width:100%!important;height:100%!important}.champ-trophy{aspect-ratio:611/640;z-index:2;background:url(/assets/generated/ui/trophy.webp) 50%/contain no-repeat;width:38%;animation:.6s cubic-bezier(.2,1.8,.4,1) .6s both champ-pop,2s ease-in-out 1.3s infinite champ-trophy-bob;position:absolute;bottom:2%;right:-8%}@keyframes champ-pop{0%{opacity:0;transform:scale(0)}}@keyframes champ-trophy-bob{50%{transform:translateY(-8px)rotate(-5deg)}}.champ-name{border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;max-width:90vw;padding:4px 26px 6px;font-size:clamp(26px,5vh,44px);font-weight:700;line-height:1;overflow:hidden}.champ-line{color:var(--ink);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 18px 2px 8px;font-size:clamp(18px,3.4vh,26px);font-weight:700;animation:.5s cubic-bezier(.2,1.7,.4,1) 1.1s both champ-pop;display:inline-flex}.champion-screen.me .champ-line{background:var(--yellow)}.champ-line .gi{width:1.5em;height:1.5em}.btn.primary.champ-go{align-items:center;gap:8px;margin-top:4px;padding:8px 28px;font-size:clamp(22px,4vh,30px);display:inline-flex}.champ-go .ui-icon{width:24px;height:24px}@media (max-height:520px){.champ-card{gap:4px}.champ-ribbon{width:min(400px,82vh,90vw)}.champ-hero{width:min(260px,52vh)}.champ-name{box-shadow:0 4px 0 var(--ink);border-width:4px;padding:2px 18px 4px;font-size:22px}.champ-line{font-size:15px}.btn.primary.champ-go{margin-top:2px;padding:5px 22px;font-size:20px}}@media (prefers-reduced-motion:reduce){.champ-rays,.champ-trophy,.cup-chip.close{animation:none}}body.reduced-motion .champ-rays,body.reduced-motion .champ-trophy{animation:none}.cup-pill{background:var(--yellow)}.create-mode-note{color:var(--ink-soft);text-align:center;font-size:14px;font-weight:700}.results-rest .tag.reached,.podium .tag.reached{background:#d6f1ff}.tag.reached.r3{background:var(--yellow)}.coach{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0}.coach-tip{border:4px solid var(--ink);max-width:min(420px,86vw);box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:22px;align-items:center;gap:10px;padding:8px 18px 8px 8px;animation:.45s cubic-bezier(.2,1.7,.4,1) both coach-in;display:flex;position:absolute}@keyframes coach-in{0%{transform:var(--from,translateY(18px)) scale(.6);opacity:0}}.coach-pic{flex:none;width:58px;height:58px;animation:1.2s ease-in-out .4s infinite coach-wiggle}@keyframes coach-wiggle{0%,to{rotate:-6deg}50%{rotate:6deg}}.coach-text{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.coach-title{letter-spacing:.02em;font-size:clamp(22px,3.6vh,30px);line-height:1}.coach-sub{color:var(--ink-soft);font-size:clamp(13px,2.1vh,16px);font-weight:700}.coach-keys{gap:4px;margin-top:3px;display:flex}.coach-keys kbd{font-family:var(--font);text-align:center;background:var(--yellow);border:3px solid var(--ink);min-width:28px;box-shadow:0 3px 0 var(--ink);border-radius:8px;padding:1px 7px 3px;font-size:14px;font-weight:700}.coach-hand{width:54px;height:54px;animation:.8s ease-in-out infinite coach-tap;position:absolute;bottom:-46px;right:-14px}@keyframes coach-tap{50%{transform:translateY(8px)}}.coach-tip.at-low,.coach-tip.at-spectate{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));translate:-50%}.coach-tip.at-spectate{bottom:calc(110px + env(safe-area-inset-bottom))}.coach-tip.at-chip{left:50%;top:calc(132px + env(safe-area-inset-top));--from:translateY(-18px);translate:-50%}.coach-tip.at-hearts{left:calc(14px + env(safe-area-inset-left));top:calc(150px + env(safe-area-inset-top));--from:translateY(-18px)}.coach-tip.at-bump{right:calc(26px + env(safe-area-inset-right));bottom:calc(160px + env(safe-area-inset-bottom))}.coach-tip.at-jump{right:calc(150px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom))}.coach-tip.at-stick{left:calc(168px + env(safe-area-inset-left));bottom:calc(52px + env(safe-area-inset-bottom));--from:translateX(-18px)}.coach-tip.at-stick .coach-hand{bottom:6px;left:-46px;right:auto;rotate:90deg}.coach-tip:after{content:"";border:4px solid var(--ink);background:#fff;border-top:0;border-left:0;width:18px;height:18px;position:absolute;bottom:-11px;left:50%;translate:-50%;rotate:45deg}.coach-tip.at-chip:after,.coach-tip.at-hearts:after{top:-11px;bottom:auto;rotate:225deg}.coach-tip.at-hearts:after{left:34px}.coach-tip.at-bump:after{left:auto;right:30px}.coach-tip.at-stick:after{top:50%;bottom:auto;left:-11px;translate:0 -50%;rotate:135deg}.coach-goal{left:50%;bottom:calc(6vh + env(safe-area-inset-bottom));background:var(--paper);border:5px solid var(--ink);width:min(600px,94vw);box-shadow:0 8px 0 var(--ink);border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:8px 12px 12px;animation:.5s cubic-bezier(.2,1.6,.4,1) both coach-in;display:flex;position:absolute;translate:-50%}.coach-goal-head{letter-spacing:.06em;background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;margin-top:-26px;padding:1px 14px 2px;font-size:clamp(14px,2.4vh,18px);font-weight:700}.coach-goal-tiles{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.coach-goal-tile{text-align:center;border:3px solid var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;animation:.45s cubic-bezier(.2,1.7,.4,1) both coach-in;display:flex}.coach-goal-tile:nth-child(2){animation-delay:.15s}.coach-goal-tile:nth-child(3){animation-delay:.3s}.coach-goal-pic{width:clamp(48px,9vh,76px);height:auto}.coach-goal-tile b{font-size:clamp(16px,2.8vh,22px);line-height:1.05}.coach-goal-tile span{color:var(--ink-soft);font-size:clamp(11px,1.8vh,14px);font-weight:700}@media (max-height:520px){.coach-goal{gap:4px;width:min(520px,70vw);padding:6px 10px 8px;bottom:8px}.coach-goal-head{margin-top:-20px}.coach-tip.at-low{bottom:120px}.coach-tip.at-chip{top:104px}.coach-tip.at-hearts{top:112px}.coach-tip.at-bump,.coach-tip.at-jump{bottom:140px}.coach-pic{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.coach-pic,.coach-hand{animation:none}}body.reduced-motion .coach-pic,body.reduced-motion .coach-hand{animation:none}.hud.spectating .coach-tip:not(.at-spectate){display:none}@media (max-height:500px) and (orientation:landscape){.touch .hud-top{top:calc(6px + env(safe-area-inset-top));gap:4px}.touch .timer{top:0;right:calc(8px + 40px + 8px + 40px + 8px + env(safe-area-inset-right));min-width:70px;height:40px;box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:12px;padding:0 10px;font-size:22px}.touch .cup-chip{box-shadow:0 3px 0 var(--ink);border-width:3px;font-size:11px}.touch .cup-part{gap:3px;padding:3px 8px}.touch .cup-part+.cup-part{border-left-width:2px}.touch .hud-left{top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));grid-template-columns:auto auto;place-items:center start;gap:5px 6px;display:grid}.touch .hud-left .toasts{grid-column:1/-1}.touch .score-card{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:16px;gap:5px;padding:1px 8px 1px 4px}.touch .score-card .star{font-size:20px}.touch .score-card .num{min-width:.8em;font-size:22px}.touch .score-card .rank{border-radius:8px;padding:1px 6px;font-size:12px}.touch .board-caret{width:12px;height:12px;margin-left:-2px}.touch .lives-row{box-shadow:0 3px 0 var(--ink);border-width:3px;gap:2px;padding:1px 6px}.touch .lives-row .life{font-size:15px}.touch .hud.board-open .board{top:calc(46px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left))}.touch .toasts{gap:4px}.touch .toast{box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:10px;max-width:min(34vw,260px);padding:1px 8px;font-size:13px}.touch .toast:nth-last-child(n+3){display:none}.touch .hud-menu-btn{top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:0 3px 0 var(--ink);padding:0}.touch .hud-menu-btn .ui-icon{flex:none;width:24px;height:24px}.touch .emote-toggle{top:calc(6px + env(safe-area-inset-top));right:calc(8px + 40px + 8px + env(safe-area-inset-right));width:40px;height:40px;box-shadow:0 3px 0 var(--ink);border-radius:12px}.touch .emote-bar{top:calc(54px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right))}.touch .emote-bar button{width:40px;height:40px}.touch .hud-bottom{bottom:calc(8px + env(safe-area-inset-bottom));gap:4px}.touch .banner{box-shadow:0 3px 0 var(--ink);border-width:3px 3px 5px;padding:1px 12px 1px 3px}.touch .banner .icon{width:28px;height:28px}.touch .banner .title{-webkit-text-stroke-width:3px;text-shadow:0 2px 0 var(--ink);font-size:17px}.touch .event-chip{box-shadow:0 2px 0 var(--ink);border-width:2px;padding:1px 10px 2px 3px;font-size:12px}.touch .event-chip .icon,.touch .event-chip .icon img{width:22px;height:22px}.touch .wind-arrow{width:34px;height:34px}.touch .respawn-note{-webkit-text-stroke-width:4px;text-shadow:0 4px 0 var(--ink);font-size:28px}.touch .net-badge{border-width:2px;padding:2px 10px;font-size:13px}.touch .center-text{-webkit-text-stroke-width:5px;text-shadow:0 5px 0 var(--ink);font-size:clamp(48px,18vh,90px)}.touch .spectate-arrow{width:42px;height:42px;box-shadow:0 3px 0 var(--ink);border-width:3px}.touch .spectate-arrow .ui-icon{width:22px;height:22px}.touch .spectate-who{min-width:120px;box-shadow:0 3px 0 var(--ink);border-width:3px;padding:0 12px 2px}.touch .spectate-name{font-size:16px}.touch .cooldown{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:88px;height:88px;box-shadow:0 4px 0 var(--ink);border-width:4px;font-size:18px}.touch .cooldown span{width:64px;height:64px}.touch .touch-btn{right:calc(14px + 88px + 12px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:70px;height:70px;box-shadow:0 4px 0 var(--ink);border-width:4px;font-size:16px}.touch .ability-badge{width:36px;height:36px;font-size:19px;top:-10px;left:-10px}.touch .touch-zone{top:54px}.touch .touch-stick-zone:after{left:calc(18px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));border-width:3px;width:92px;height:92px;font-size:14px}.touch .coach-tip{box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:16px;gap:6px;padding:4px 12px 4px 4px}.touch .coach-pic{width:34px;height:34px}.touch .coach-title{font-size:17px}.touch .coach-sub{font-size:11px}.touch .coach-hand{width:38px;height:38px;bottom:-32px}.touch .coach-tip.at-stick{left:calc(130px + env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom))}.touch .coach-tip.at-stick .coach-hand{bottom:2px;left:-34px}.touch .coach-tip.at-bump{right:calc(14px + env(safe-area-inset-right));bottom:calc(118px + env(safe-area-inset-bottom))}.touch .coach-tip.at-jump{right:calc(110px + env(safe-area-inset-right));bottom:calc(108px + env(safe-area-inset-bottom))}.touch .coach-tip.at-low{bottom:calc(108px + env(safe-area-inset-bottom))}.touch .coach-tip.at-spectate{bottom:calc(70px + env(safe-area-inset-bottom))}.touch .coach-tip.at-hearts{top:calc(48px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left))}.touch .coach-tip.at-chip{top:calc(72px + env(safe-area-inset-top))}.touch .coach-goal{bottom:calc(6px + env(safe-area-inset-bottom));width:min(430px,52vw);box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:18px;gap:3px;padding:4px 6px 6px}.touch .coach-goal-head{border-width:2px;margin-top:-16px;padding:0 10px 1px;font-size:12px}.touch .coach-goal-tiles{gap:5px}.touch .coach-goal-tile{border-width:2px;border-radius:12px;gap:0;padding:3px 2px 4px}.touch .coach-goal-pic{width:30px}.touch .coach-goal-tile b{font-size:13px}.touch .coach-goal-tile span{font-size:9px}}.admin-panel{gap:10px;max-width:min(820px,100%);min-height:0;max-height:100%;position:relative}.admin-title{align-items:center;gap:8px;display:inline-flex}.admin-sub{opacity:.7;text-align:center;margin-top:-6px;font-size:14px;font-weight:600}.admin-lock{align-items:center;gap:6px;display:inline-flex;position:absolute;top:22px;right:24px}.admin-lock .gi{width:22px;height:22px}.admin-gate{flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);padding:8px 0 4px;display:flex}.admin-gate-art{width:72px;height:72px}.admin-gate strong{letter-spacing:.04em;font-size:22px}.admin-key-input,.admin-search,.admin-sort{font:700 18px var(--font);color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:16px;min-width:0;min-height:44px;padding:8px 14px}.admin-key-input{text-align:center;letter-spacing:.08em;width:100%}.admin-key-input:focus-visible{outline:4px dashed var(--pink);outline-offset:2px}.admin-search:focus-visible{outline:4px dashed var(--pink);outline-offset:2px}.admin-sort:focus-visible{outline:4px dashed var(--pink);outline-offset:2px}.admin-desk{flex-direction:column;flex:auto;gap:8px;width:100%;min-height:0;display:flex}.admin-filters{flex-direction:column;flex:none;gap:6px;display:flex}.admin-search-row{gap:8px;display:flex}.admin-search{flex:auto}.admin-sort{cursor:pointer;flex:0 auto;font-size:16px}.admin-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-label{letter-spacing:.04em;opacity:.75;align-items:center;gap:3px;min-width:86px;font-size:13px;font-weight:700;display:inline-flex}.admin-label .gi{width:16px;height:16px}.admin-chips{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{font:700 14px var(--font);color:var(--ink);border:3px solid var(--ink);min-height:36px;box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding:4px 12px}.admin-chip.on{background:var(--yellow)}.admin-chip:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.admin-chip:focus-visible{outline:4px dashed var(--pink);outline-offset:2px}@media (hover:hover){.admin-chip:not(.on):hover{background:#fff6c9}}.admin-count{letter-spacing:.04em;opacity:.75;flex:none;font-size:14px;font-weight:700}.admin-status:empty{display:none}.admin-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:120px;max-height:min(48vh,460px);padding:4px 4px 6px;display:flex;overflow-y:auto}.admin-row{border:3px solid var(--ink);background:#fff;border-radius:22px;flex:none;align-items:center;gap:10px;padding:4px 6px;transition:background .2s;display:flex}.admin-row.pending{background:#fff6c9}.admin-row.saved{animation:.6s ease-out admin-saved}.admin-row.failed{background:#ffd9e6}@keyframes admin-saved{0%{background:#d6f7e4}to{background:#fff}}.admin-who{flex-direction:column;flex:auto;min-width:0;line-height:1.15;display:flex}.admin-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.admin-meta{opacity:.65;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.admin-wallet{flex:none;align-items:center;gap:6px;display:flex}.admin-purse{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:3px;min-width:78px;font-size:20px;font-weight:700;display:inline-flex;position:relative}.admin-purse .gi{width:22px;height:22px}.admin-change{background:var(--mint);border:2px solid var(--ink);border-radius:999px;padding:0 5px;font-size:12px;line-height:1.3;position:absolute;top:-12px;right:-4px}.admin-change:empty{display:none}.admin-change.down{background:var(--pink);color:#fff}.admin-step{border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);font:700 28px/1 var(--font);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0 0 3px;display:grid}.admin-step.plus{background:var(--mint)}.admin-step.minus{background:#ffb3c9}.admin-step:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.admin-step:disabled{opacity:.35;cursor:default;box-shadow:0 3px 0 var(--ink);transform:none}.admin-step:focus-visible{outline:4px dashed var(--pink);outline-offset:2px}.admin-more{flex:none;align-self:center}@media (max-height:560px),(max-width:640px){.sheet .admin-panel{align-items:stretch}.sheet .admin-sub{margin-top:0;font-size:12px}.sheet .admin-lock{grid-column:3;justify-self:end;min-height:40px;padding:4px 10px;font-size:14px;position:static}.sheet .admin-gate{align-self:center;margin-top:auto;margin-bottom:auto}.sheet .admin-desk{overscroll-behavior:contain;overflow-y:auto}.sheet .admin-list{flex:none;min-height:0;max-height:none;overflow:visible}.admin-label{width:100%;min-width:0}.admin-filter-row{gap:4px}.admin-chip{min-height:34px;padding:3px 10px;font-size:13px}}@media (max-height:560px) and (min-width:641px){.admin-label{width:auto;min-width:72px}}@media (max-width:420px){.admin-purse{min-width:60px;font-size:18px}.admin-step{width:40px;height:40px;font-size:24px}.admin-row{gap:6px}.admin-search-row{flex-wrap:wrap}.admin-sort{flex:100%}}.cup-reward{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:6px;display:flex}.cr-gain{background:var(--yellow);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 16px 4px 6px;font-size:clamp(24px,4.4vh,34px);font-weight:700;line-height:1;display:inline-flex}.cr-gain .cr-star{width:1.3em;height:1.3em}.cr-gain.pop{animation:.6s cubic-bezier(.2,1.9,.4,1) .25s both cr-pop}@keyframes cr-pop{0%{opacity:0;transform:scale(0)rotate(-12deg)}}.cr-total{letter-spacing:.05em;color:var(--ink-soft);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.cr-total .gi{width:20px;height:20px}.cr-total b{color:var(--ink);font-size:20px}.cr-total.only{border:3px solid var(--ink);background:#fff4c2;border-radius:999px;padding:2px 12px 2px 10px;font-size:15px}.cr-total.only b{font-size:24px}.btn.cr-double{background:#56c8ff;align-items:center;gap:6px;min-width:0;min-height:50px;padding:4px 16px 4px 8px;font-size:clamp(16px,2.6vh,20px);animation:2.4s ease-in-out 1s infinite cr-nudge;display:inline-flex}.cr-double-ico{width:40px;height:40px}.cr-x2{color:#fff;background:var(--pink);border:3px solid var(--ink);border-radius:12px;padding:1px 6px 3px;font-size:1.25em;line-height:1}@keyframes cr-nudge{0%,80%,to{rotate:0deg}85%{rotate:-4deg}90%{rotate:4deg}95%{rotate:-2deg}}.btn.cr-double[disabled]{animation:none}.cr-done{border:3px solid var(--ink);background:#d6f7e4;border-radius:999px;align-items:center;gap:4px;padding:2px 14px 2px 4px;font-size:18px;font-weight:700;animation:.5s cubic-bezier(.2,1.9,.4,1) both cr-pop;display:inline-flex}.cr-done .cr-done-ico{width:34px;height:34px}.cr-done .gi:last-child{width:20px;height:20px}.cr-done b{font-size:22px}.league-badge{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.league-badge .league-ico{flex:none;width:34px;height:34px}.league-name{letter-spacing:.04em;font-size:15px}.league-count{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:0 8px 0 3px;font-size:15px;display:inline-flex}.league-count .gi{width:18px;height:18px}.league-progress{flex-direction:column;align-items:center;gap:3px;width:100%;max-width:320px;display:flex}.lp-bar{border:3px solid var(--ink);background:#fff;border-radius:999px;width:100%;height:14px;overflow:hidden}.lp-fill{background:var(--league,var(--yellow));border-right:3px solid var(--ink);height:100%;transition:width .8s cubic-bezier(.2,1.2,.4,1)}.lp-fill[style*="width: 0%"]{border-right:0}.lp-text{color:var(--ink-soft);align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.lp-text b{color:var(--ink)}.lp-text .gi{width:20px;height:20px}.league-chip{font:inherit;color:var(--ink);cursor:pointer;background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow);touch-action:manipulation;border-radius:999px;padding:2px 10px 2px 4px;transition:transform .1s}.league-chip:active{transform:translateY(3px)}.league-chip:focus-visible{outline:4px dashed var(--pink);outline-offset:4px}@media (hover:hover){.league-chip:hover{transform:translateY(-2px)scale(1.03)}}@media (max-height:520px){.league-chip{border-width:3px;padding:0 8px 0 2px}.league-chip .league-ico{width:26px;height:26px}.league-chip .league-name{font-size:13px}}.rs-reward{margin-top:8px}#ui .screen.champion-screen{overflow-y:auto}.champ-rewards{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;display:flex}.champ-rewards:not(:has(>:not(.hidden))){display:none}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-hero{width:min(330px,76vw,36vh)}.champ-reward{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:22px;margin-top:0;padding:8px 12px}.champ-trophy-card{border:4px solid var(--ink);min-width:220px;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px 10px;animation:.5s cubic-bezier(.2,1.7,.4,1) 1.3s both champ-pop;display:flex;position:relative}.champ-trophy-card:not(.collected){flex-direction:row;gap:10px}.ct-trophy{width:74px;height:74px;animation:1.6s ease-in-out infinite champ-trophy-bob}.ct-text{flex-direction:column;line-height:1.05;display:flex}.ct-text b{font-size:24px}.ct-text span{color:var(--ink-soft);letter-spacing:.05em;font-size:13px;font-weight:700}.btn.primary.ct-collect{align-items:center;gap:6px;min-width:0;padding:6px 18px;font-size:22px;display:inline-flex}.ct-collect .ui-icon{width:28px;height:28px}.ct-trophy.flying{pointer-events:none;width:64px;height:64px;margin-left:-32px;animation:.9s cubic-bezier(.5,0,.7,.4) both ct-fly;position:absolute;top:-10px;left:50%}@keyframes ct-fly{0%{opacity:1;transform:translateY(40px)scale(1.6)}60%{opacity:1;transform:translateY(-60px)scale(1.1)rotate(12deg)}to{opacity:0;transform:translateY(-120px)scale(.3)}}.ct-badge{animation:.5s cubic-bezier(.2,1.9,.4,1) .55s both cr-pop}.ct-badge .league-ico{width:52px;height:52px}.ct-badge .league-name{font-size:20px}.ct-league-up{border:3px solid var(--ink);background:#ffd9e6;border-radius:999px;align-items:center;gap:4px;padding:1px 12px 1px 4px;font-size:18px;font-weight:700;animation:.5s cubic-bezier(.2,1.9,.4,1) .8s both cr-pop;display:inline-flex}.ct-league-up.small{background:#d6efff;font-size:15px}.ct-league-up .gi{width:28px;height:28px}.ct-gift{align-items:center;gap:2px;margin-left:4px;display:inline-flex}.ct-gift .gi{width:22px;height:22px}.ct-progress{animation:.4s 1s both cr-pop}#ui .screen.champion-screen:has(.champ-rewards>:not(.hidden)){justify-content:safe center}@media (max-height:520px) and (orientation:landscape){.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rib rib""hero name""hero line""hero rew""hero go";place-items:center;gap:4px 14px;width:min(920px,100%);display:grid}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-ribbon{grid-area:rib}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-hero{grid-area:hero;width:min(240px,58vh)}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-name{grid-area:name}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-line{grid-area:line}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-rewards{grid-area:rew;gap:6px 10px}.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-go{grid-area:go}.champ-reward .cr-gain{border-width:3px;font-size:20px}.champ-reward .btn.cr-double{min-height:42px;font-size:15px}.champ-reward .cr-double-ico{width:30px;height:30px}.ct-badge .league-ico{width:38px;height:38px}.ct-badge .league-name{font-size:16px}.ct-league-up{font-size:14px}.champ-trophy-card.collected{flex-flow:wrap;justify-content:center;gap:2px 10px;max-width:560px}.champ-trophy-card.collected .ct-progress{flex-basis:100%}}@media (max-height:520px){.ad-card{gap:4px;padding:14px 16px 12px}.ad-art{width:70px;height:70px}.ad-title{font-size:22px}.ad-ring{width:56px;height:56px}.ad-secs{font-size:20px}}@media (max-height:520px) and (orientation:portrait),(max-height:520px) and (max-width:560px){.champion-screen:has(.champ-rewards>:not(.hidden)) .champ-hero{width:min(200px,40vh)}}@media (max-height:520px){.ct-trophy{width:52px;height:52px}.ct-text b{font-size:19px}.btn.primary.ct-collect{padding:4px 14px;font-size:18px}.champ-trophy-card,.champ-reward{border-width:3px;padding:4px 10px 6px}}.results-trophy:not(.hidden){border:3px solid var(--ink);background:#fff4c2;border-radius:16px;flex-direction:column;align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;margin:0 auto 6px;padding:4px 12px;display:flex}.rt-top{align-items:center;gap:4px;font-size:20px;display:inline-flex}.rt-ico{width:40px;height:40px}.results-cup-reward{margin:0 0 8px}.lb-league:not(.hidden){border:3px solid var(--ink);background:#fff6c9;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;display:flex}.lbl-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.lbl-title{letter-spacing:.08em;color:var(--ink-soft);font-size:13px;font-weight:700}.lbl-badge .league-ico{width:44px;height:44px}.lbl-badge .league-name{font-size:19px}.lbl-ladder{width:100%}.lbl-ladder summary{cursor:pointer;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:700;list-style:none;display:flex}.lbl-ladder summary::-webkit-details-marker{display:none}.lbl-ladder summary .gi{width:22px;height:22px}.lbl-ladder[open] summary .gi{rotate:180deg}.league-ladder{flex-direction:column-reverse;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.ll-row{border:2px solid var(--ink);opacity:.6;background:#fff;border-radius:12px;grid-template-columns:36px 1fr auto auto;align-items:center;gap:6px;padding:2px 8px 2px 4px;display:grid}.ll-row.reached{opacity:1}.ll-row.here{box-shadow:0 0 0 3px var(--league,var(--yellow));background:#fffdf3}.ll-ico{width:34px;height:34px}.ll-name{font-size:14px;font-weight:700}.ll-tiers{gap:4px;display:inline-flex}.ll-tier{border:2px solid #0000;border-radius:8px;align-items:center;gap:1px;padding:0 4px;font-size:12px;font-weight:700;display:inline-flex}.ll-tier .gi{width:14px;height:14px}.ll-tier.got{background:#d6f7e4}.ll-tier.mine{border-color:var(--ink);background:var(--yellow)}.ll-gift{justify-content:flex-end;align-items:center;gap:1px;min-width:48px;font-size:12px;font-weight:700;display:inline-flex}.ll-gift .gi{width:16px;height:16px}.lb-league-ico{flex:none;width:26px;height:26px}@media (max-width:420px){.ll-row{grid-template-columns:30px 1fr auto}.ll-gift,.lb-league-ico{display:none}}#ui .screen.ad-screen{z-index:40;background:#2b2150d1}.ad-card{background:var(--paper);border:5px solid var(--ink);width:min(420px,100%);box-shadow:0 8px 0 var(--ink);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:22px 20px 20px;display:flex;position:relative}.ad-tag{letter-spacing:.08em;background:var(--yellow);border:3px solid var(--ink);border-radius:8px;padding:0 8px;font-size:13px;font-weight:700;position:absolute;top:10px;left:12px}.ad-close{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;right:8px}.ad-close .ui-icon{width:22px;height:22px}.ad-art{width:120px;height:120px;animation:1.6s ease-in-out infinite champ-trophy-bob}.ad-title{font-size:28px;font-weight:700}.ad-note{color:var(--ink-soft);text-align:center;font-size:15px;font-weight:700}.ad-ring{background:conic-gradient(var(--blue) calc(var(--p,1) * 1turn), #fff 0);border:3px solid var(--ink);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.ad-ring:before{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.ad-secs{font-variant-numeric:tabular-nums;font-size:26px;position:relative}.btn.primary.ad-claim{align-items:center;gap:8px;padding:8px 26px;font-size:30px;display:inline-flex}.ad-claim .ui-icon{width:40px;height:40px}@media (prefers-reduced-motion:reduce){.btn.cr-double,.ct-trophy,.ad-art{animation:none}}body.reduced-motion .btn.cr-double,body.reduced-motion .ct-trophy,body.reduced-motion .ad-art{animation:none}.screen-fx{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}body.ad-banner #ui .menu-screen{bottom:var(--ad-banner-h,0px)}