:root{--ink: #151a2c;--white: #ffffff;--yellow: #ffd23f;--green: #35d45a;--green-d: #1c9a3c;--blue: #2f93ff;--blue-d: #1463c7;--purple: #8b5cff;--purple-d: #5a2fd0;--orange: #ff9b2f;--orange-d: #d4650c;--red: #ff4d5e;--red-d: #c21f35;--cyan: #3fe0ff;--font: "Lilita One", "Arial Black", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1b6fd6;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}#app>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}html.night #app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 75% at 50% 60%,#04091c00 52%,#04091c61)}.ui-root{position:absolute;inset:0;pointer-events:none;font-family:var(--font);color:var(--white);letter-spacing:.5px;z-index:5}.ui-root button{font-family:var(--font);pointer-events:auto;cursor:pointer}.hidden{display:none!important}.txt-outline,.ui-root h2,.prompt-text,.wipe-text,.res-title,.vs-mid,.vs-name{paint-order:stroke fill;-webkit-text-stroke:.14em var(--ink)}.btn{--c: var(--green);--cd: var(--green-d);--cl: #8ef0a4;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:230px;padding:14px 30px 16px;border:4px solid var(--ink);border-radius:20px;background:linear-gradient(180deg,var(--cl) 0%,var(--c) 48%,var(--cd) 100%);color:#fff;font-size:26px;line-height:1;letter-spacing:1px;box-shadow:0 6px 0 var(--ink),0 10px 18px #00000047,inset 0 3px #ffffff59;text-shadow:0 3px 0 rgba(0,0,0,.28);transition:transform .08s ease,box-shadow .08s ease,filter .15s;outline:none}.btn span{paint-order:stroke fill;-webkit-text-stroke:5px var(--ink)}.btn:hover,.btn:focus-visible{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 0 var(--ink),0 14px 22px #0000004d,inset 0 3px #ffffff59}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink),0 4px 8px #0000004d,inset 0 3px #ffffff40}.btn-xl{font-size:38px;padding:18px 40px 20px;min-width:290px;border-radius:24px}.btn-sm{font-size:20px;min-width:150px;padding:11px 20px 13px;border-radius:16px}.btn-md{font-size:23px;min-width:200px;padding:12px 22px 14px;border-radius:18px}.btn-blue{--c: var(--blue);--cd: var(--blue-d);--cl: #8cc6ff}.btn-purple{--c: var(--purple);--cd: var(--purple-d);--cl: #b9a2ff}.btn-orange{--c: var(--orange);--cd: var(--orange-d);--cl: #ffc98c}.btn-red{--c: var(--red);--cd: var(--red-d);--cl: #ff9aa4}.btn svg{width:1em;height:1em;fill:currentColor;flex-shrink:0}.btn:after{content:"";position:absolute;left:10px;right:10px;top:5px;height:36%;border-radius:14px;background:linear-gradient(#ffffff59,#fff0);pointer-events:none}.icon-btn{width:54px;height:54px;border-radius:16px;border:4px solid var(--ink);background:#fffffff2;color:var(--ink);display:grid;place-items:center;padding:0;box-shadow:0 4px 0 var(--ink),0 6px 14px #00000040;transition:transform .08s}.icon-btn svg{width:28px;height:28px;fill:var(--ink)}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.screen{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:center;justify-content:center}.screen-in.menu .menu-buttons>*,.screen-in .menu-title{animation:panelIn .38s cubic-bezier(.2,1.4,.4,1) both}.screen-in .panel{animation:panelInS .38s cubic-bezier(.2,1.4,.4,1) both}@keyframes panelInS{0%{opacity:0;transform:translateY(24px) scale(calc(var(--sp, 1) * .94))}to{opacity:1;transform:scale(var(--sp, 1))}}.screen-in.menu .menu-buttons>*:nth-child(2){animation-delay:.05s}.screen-in.menu .menu-buttons>*:nth-child(3){animation-delay:.1s}.screen-in.menu .menu-buttons>*:nth-child(4){animation-delay:.15s}@keyframes panelIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}.teams,.settings,.howto,.pause,.results,.cup,.missions{background:#0a163473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{position:relative;width:min(520px,calc(94vw / var(--sp, 1)));max-height:calc(94vh / var(--sp, 1));overflow:auto;padding:26px 28px 28px;transform:scale(var(--sp, 1));flex-shrink:0;border:5px solid var(--ink);border-radius:30px;text-align:center;background:linear-gradient(180deg,#4aa8ff,#2a7ee6 60%,#1f64c4);box-shadow:0 10px 0 var(--ink),0 24px 50px #0006,inset 0 4px #ffffff4d;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}.panel::-webkit-scrollbar{display:none}.panel-wide{width:min(860px,calc(95vw / var(--sp, 1)))}.panel-narrow{width:min(400px,calc(92vw / var(--sp, 1)));display:flex;flex-direction:column;gap:18px;align-items:center}.panel h2{margin:0 0 18px;font-size:40px;font-weight:400;color:var(--white);text-shadow:0 5px 0 var(--ink)}.panel-back{position:absolute;top:18px;left:18px}.menu{flex-direction:column;justify-content:space-between;padding:calc(4vh + var(--safe-top)) 16px calc(3vh + var(--safe-bottom));background:radial-gradient(ellipse at 50% 120%,#0814378c,#08143700 60%),linear-gradient(180deg,#0a1e5059,#0a1e5000 30%)}.menu-title{display:flex;justify-content:center}.logo{position:relative;text-align:center;line-height:.86;transform:rotate(-4deg);isolation:isolate;filter:drop-shadow(0 .09em 0 rgba(21,26,44,.5)) drop-shadow(0 18px 20px rgba(0,0,0,.3))}.gt{position:relative;display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text}.gt:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;color:var(--ink);-webkit-text-stroke:.17em var(--ink);text-shadow:0 .07em 0 var(--ink)}.logo-top{font-size:clamp(50px,11vw,118px);letter-spacing:.02em}.logo-top .gt{background-image:linear-gradient(180deg,#fff 55%,#cfe6ff 56%)}.logo-bottom{position:relative;font-size:clamp(62px,14vw,150px);letter-spacing:.03em;margin-top:.02em}.logo-bottom .gt{background-image:linear-gradient(180deg,#ffe45c,#ffd23f 50%,#ff9f1c 51%,#ff8a00)}.logo-ball{position:absolute;right:-.42em;top:-.28em;width:.62em;height:.62em;animation:spin 6s linear infinite;filter:drop-shadow(0 .04em 0 var(--ink))}.logo-ball svg{width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.menu-buttons{display:flex;flex-direction:column;gap:14px;align-items:stretch;width:min(380px,calc(100vw - 32px));align-self:center}.menu-buttons .btn,.menu-buttons .btn-xl{min-width:0}.menu-row{display:flex;gap:12px}.menu-row .btn{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px}.btn-half{font-size:20px}.btn-gold{--c: #ffbf1f;--cd: #d98400;--cl: #ffe98c}.mode-btn{flex-direction:column;gap:3px;padding-top:10px;padding-bottom:10px;font-size:23px}.mode-tag{font-style:normal;font-size:13px;line-height:1;padding:3px 8px 2px;border-radius:8px;background:#151a2c8c;letter-spacing:.5px;text-shadow:none;white-space:nowrap}.mode-dot{position:absolute;top:-9px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--red);border:3px solid var(--ink);animation:dotPulse .9s ease-in-out infinite}.mode-dot:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-style:normal;color:#fff}.mission-chip{position:absolute;top:calc(14px + var(--safe-top));left:calc(14px + env(safe-area-inset-left,0px));z-index:2;display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:30px;border:4px solid var(--ink);background:linear-gradient(180deg,#2c3b69,#151d38);color:#fff;font-size:17px;line-height:1;box-shadow:0 4px 0 var(--ink),0 8px 16px #00000040;transition:transform .1s}.mission-chip svg{width:30px;height:30px;flex-shrink:0}.mission-chip b{font-weight:400;color:var(--yellow);font-size:20px}.mission-chip:hover{transform:translateY(-2px)}.mission-chip:active{transform:translateY(2px)}.mission-chip.ready{background:linear-gradient(180deg,#37c95a,#178b36);animation:chipGlow 1.2s ease-in-out infinite}.mission-chip.ready b{color:#fff}@keyframes chipGlow{50%{box-shadow:0 4px 0 var(--ink),0 0 0 6px #ffd23f73}}.mc-dot{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;background:var(--red);border:3px solid var(--ink);animation:dotPulse .9s ease-in-out infinite}.menu-buttons .btn-xl{animation:pulseBtn 1.6s ease-in-out infinite}.screen-in.menu .menu-buttons .btn-xl{animation:panelIn .38s cubic-bezier(.2,1.4,.4,1) both,pulseBtn 1.6s ease-in-out .5s infinite}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.menu-stats{position:absolute;right:16px;bottom:calc(16px + var(--safe-bottom));display:flex;gap:8px;align-items:center;background:#151a2c99;padding:8px 14px 8px 8px;border-radius:16px;font-size:16px;line-height:1.1}.menu-stats svg{width:40px;height:40px}.menu-stats b{font-weight:400;font-size:22px;color:var(--yellow)}.menu-stats small{font-size:11px;opacity:.8}.coin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px 4px 5px;border-radius:30px;border:4px solid var(--ink);background:linear-gradient(180deg,#2c3b69,#151d38);box-shadow:0 4px 0 var(--ink),0 8px 16px #00000040;font-size:24px;color:var(--yellow);line-height:1}.coin-chip svg{width:30px;height:30px;flex-shrink:0}.coin-chip b{font-weight:400;min-width:1.4em;text-align:left}.menu-coins{position:absolute;top:calc(14px + var(--safe-top));right:calc(14px + env(safe-area-inset-right,0px));z-index:2}.panel-coins{position:absolute;top:22px;right:18px;font-size:20px;padding-right:12px}.panel-coins svg{width:24px;height:24px}.team-panel{padding:20px 26px 22px}.team-panel h2{margin-bottom:10px}.name-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 14px;max-width:480px;font-size:20px;text-shadow:0 3px 0 var(--ink)}.name-row span{white-space:nowrap}.name-row input{flex:1;min-width:0;font-family:var(--font);font-size:24px;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border:4px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);box-shadow:inset 0 3px #00000014,0 4px 0 var(--ink);outline:none;pointer-events:auto;user-select:text;-webkit-user-select:text;touch-action:manipulation}.name-row input:focus{box-shadow:0 0 0 4px var(--yellow),0 4px 0 var(--ink)}.name-row input::placeholder{color:#9aa6c2}.team-body{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"side main" "done main";gap:20px;align-items:start;text-align:left}.team-side{grid-area:side}.team-main{grid-area:main;container-type:inline-size}.team-side,.team-main{min-width:0;display:flex;flex-direction:column;gap:8px}.sec-label{font-size:17px;letter-spacing:1px;line-height:1;text-shadow:0 2px 0 var(--ink)}.sec-label small{margin-left:6px;font-size:12px;letter-spacing:.5px;opacity:.85}.player-card{--np-h: 140px;display:flex;gap:10px;align-items:center;padding:10px;border-radius:18px;background:#151a2c59;margin-bottom:6px}.pc-view{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px}.pc-shirt{width:128px;height:128px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.pc-name{max-width:100%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 0 var(--ink)}.num-picker{flex:0 0 78px;display:flex;flex-direction:column;align-items:center;gap:4px}.np-label{font-size:13px;letter-spacing:1px;text-shadow:0 2px 0 var(--ink)}.np-box{position:relative;width:100%;height:var(--np-h);border:4px solid var(--ink);border-radius:16px;overflow:hidden;background:linear-gradient(#0e1530,#22305e 50%,#0e1530);box-shadow:0 4px 0 var(--ink)}.np-box:focus-within{box-shadow:0 0 0 3px var(--yellow),0 4px 0 var(--ink)}.np-window{position:absolute;left:4px;right:4px;top:50%;height:40px;margin-top:-20px;border-radius:10px;border:2px solid var(--yellow);background:#ffd23f29;pointer-events:none}.np-wheel{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;perspective:240px;outline:none;-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent)}.np-wheel::-webkit-scrollbar{display:none}.np-pad{height:calc((var(--np-h) - 48px) / 2)}.np-item{height:40px;display:grid;place-items:center;font-size:26px;line-height:1;color:#fff;scroll-snap-align:center;cursor:pointer;text-shadow:0 2px 0 var(--ink)}.np-item.on{color:var(--yellow)}.flag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.flag-btn{position:relative;padding:0;aspect-ratio:3 / 2;border:3px solid var(--ink);border-radius:9px;background:var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .1s ease}.flag-btn img{display:block;width:100%;height:100%;border-radius:5px}.flag-btn:hover{transform:translateY(-2px)}.flag-btn.on{outline:4px solid var(--yellow);outline-offset:2px}.flag-btn.on:after{content:"\2713";position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);font-size:14px}.team-done{grid-area:done;align-self:end;justify-self:stretch;min-width:0}.kit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kit-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 4px 6px;min-width:0;border:4px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#fff,#dde6fa);color:var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .1s ease}.kit-card:hover{transform:translateY(-3px)}.kit-card.equipped{outline:5px solid var(--yellow);outline-offset:2px;background:linear-gradient(180deg,#fffbe6,#ffe9a3)}.kc-rarity{position:absolute;top:0;left:0;right:0;padding:3px 0 2px;font-size:11px;letter-spacing:1px;color:#fff;background:var(--rc);border-radius:11px 11px 0 0;text-shadow:0 1px 0 rgba(0,0,0,.35)}.kc-img{width:52px;height:52px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.22))}.kc-name{font-size:14px;line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-state,.kc-price{display:inline-flex;align-items:center;gap:3px;margin-top:4px;padding:3px 8px;font-size:14px;line-height:1;border-radius:9px;border:2px solid var(--ink);background:#fff;white-space:nowrap}.kc-state.on{background:var(--green);color:#fff}.kc-price{background:var(--ink);color:var(--yellow)}.kc-price svg{width:15px;height:15px}.kc-price.short{color:#ff9aa6}.kc-price.buy{background:var(--green);color:#fff;padding-left:6px;padding-right:6px;animation:dotPulse .8s ease-in-out infinite}.shake{animation:shake .4s}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.seg{display:inline-flex;border:4px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 4px 0 var(--ink);background:#fff}.seg button{border:0;background:#e9eefb;color:#6a7898;font-size:18px;padding:10px 16px;border-right:3px solid var(--ink)}.seg button:last-child{border-right:0}.seg button.on{background:var(--yellow);color:var(--ink)}.slider-row,.set-row{display:flex;align-items:center;gap:14px;margin:14px 0;font-size:20px;text-shadow:0 3px 0 var(--ink)}.slider-row>span,.set-row>span{width:120px;text-align:left}.slider-row em{font-style:normal;width:40px;text-align:right}.set-row .seg,.set-row .seg button{flex:1}input[type=range]{--p: 50%;flex:1;-webkit-appearance:none;appearance:none;height:22px;border-radius:12px;border:4px solid var(--ink);background:linear-gradient(90deg,var(--yellow) var(--p),#fff var(--p));pointer-events:auto;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:4px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--ink);cursor:pointer}.set-buttons{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.howto-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hcard{background:#fffffff2;color:var(--ink);border:4px solid var(--ink);border-radius:22px;padding:14px 16px;text-align:left;box-shadow:0 5px 0 var(--ink)}.hcard h3{margin:0 0 8px;font-weight:400;font-size:28px;text-align:center}.hcard p{font-family:system-ui,sans-serif;font-weight:700;font-size:14px;margin:6px 0;line-height:1.32}.hcard .g{color:#17a346}.hcard .r{color:#e02a3e}.hc-icon{width:54px;height:54px;margin:-38px auto 0}.hc-icon svg{width:100%;height:100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}.keys{text-align:center}kbd{display:inline-block;font-family:var(--font);font-size:13px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-bottom-width:4px;border-radius:7px;padding:1px 7px}.mini-meter{position:relative;height:18px;border:3px solid var(--ink);border-radius:10px;margin:6px 0;overflow:hidden}.mini-meter.dir{background:linear-gradient(90deg,#ff4d5e 0 4%,#ffcf3f 4% 21%,#cfeaff 21% 40%,#fff 40% 60%,#cfeaff 60% 79%,#ffcf3f 79% 96%,#ff4d5e 96%)}.mini-meter.pow{background:linear-gradient(90deg,#ffe07a 0 62%,#35d45a 62% 85%,#ff4d5e 85%)}.mini-meter i{position:absolute;top:-2px;bottom:-2px;width:8px;margin-left:-4px;background:#fff;border:2px solid var(--ink);border-radius:4px;animation:mm 1.2s ease-in-out infinite alternate}.mini-meter.pow i{animation-duration:.9s}@keyframes mm{0%{left:4%}to{left:96%}}.mini-dive{display:flex;gap:8px;justify-content:center}.mini-dive span{width:52px;height:36px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:10px;background:var(--blue);color:#fff;font-size:16px}.howto-foot{font-size:20px;margin:12px 0 10px;text-shadow:0 3px 0 var(--ink)}.howto-foot b{color:var(--yellow);font-weight:400}.hud{position:absolute;inset:0}.pause-btn{position:absolute;top:calc(12px + var(--safe-top));left:12px}.sound-btn{position:absolute;top:calc(12px + var(--safe-top));right:12px}.hud-top{width:max-content;position:absolute;top:calc(var(--hud-top, 12px) + var(--safe-top));left:50%;transform:translate(-50%) scale(var(--sh, 1));transform-origin:50% 0;display:flex;flex-direction:column;align-items:center;gap:7px}.scorebar{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:20px;border:4px solid var(--ink);white-space:nowrap;background:linear-gradient(180deg,#25335c,#151d38);box-shadow:0 5px 0 var(--ink),0 10px 20px #0000004d}.sb-team{display:flex;align-items:center;gap:7px;font-size:22px}.sb-flag{width:36px;height:24px;border-radius:4px;border:2px solid #0b0f1c}.sb-home .sb-code{color:#fff}.sb-dots{display:flex;gap:4px}.dot{width:20px;height:20px;border-radius:50%;border:3px solid #0b0f1c;background:#3a4670;display:grid;place-items:center;font-size:11px;line-height:1;color:#fff}.dot.goal{background:#2fd158}.dot.miss{background:#ff4058}.dot.cur{background:#fff;box-shadow:0 0 0 3px var(--yellow);animation:dotPulse .8s ease-in-out infinite}@keyframes dotPulse{50%{transform:scale(1.18)}}.sb-score{display:flex;gap:6px;align-items:center;font-size:34px;padding:0 8px;background:#0b0f1c;border-radius:12px;min-width:88px;justify-content:center}.sb-score span{display:inline-block}.sb-sep{opacity:.5}.sb-h,.sb-a{color:var(--yellow)}.pop{animation:pop .38s cubic-bezier(.2,1.8,.4,1)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.sb-round{font-size:15px;padding:3px 12px;border-radius:10px;background:#151a2cbf;letter-spacing:1px}.sb-round.sd{background:var(--red);border:2px solid var(--ink);animation:dotPulse 1s ease-in-out infinite}.hud-row{position:relative;display:flex;justify-content:center}.role-pill{position:absolute;left:100%;top:-5px;margin-left:8px;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 12px 3px 6px;border-radius:30px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:17px;box-shadow:0 3px 0 var(--ink)}.role-pill.save{background:var(--cyan)}.sb-round.hidden+.role-pill{position:static;margin:0}.role-pill.fade{opacity:0;transition:opacity .4s}.role-icon svg{width:22px;height:22px;display:block}.meter{position:absolute;left:50%;bottom:calc(12px + var(--safe-bottom));width:min(560px,calc(88vw / var(--s, 1)));transform:translate(-50%) scale(var(--s, 1));transform-origin:50% 100%;text-align:center;transition:opacity .15s,transform .15s}.meter-in{animation:meterIn .22s cubic-bezier(.2,1.5,.4,1)}@keyframes meterIn{0%{transform:translate(-50%) translateY(30px) scale(calc(var(--s, 1) * .9));opacity:0}}.meter.out{opacity:0;transform:translate(-50%) translateY(20px) scale(calc(var(--s, 1) * .95))}.meter-title{display:inline-flex;align-items:center;gap:8px;font-size:22px;margin-bottom:6px;text-shadow:0 3px 0 var(--ink)}.mt-step{width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);display:grid;place-items:center;font-size:19px;text-shadow:none}.meter-bar{position:relative;height:34px;border:5px solid var(--ink);border-radius:20px;background:#fff;box-shadow:0 6px 0 var(--ink),0 10px 20px #0000004d}.meter-zones{position:absolute;inset:0;border-radius:17px;overflow:hidden}.z{position:absolute;top:0;bottom:0}.z-corner{background:linear-gradient(180deg,#ffe07a,#ffc21a)}.z-side{background:linear-gradient(180deg,#e3f3ff,#b9ddff)}.z-mid{background:linear-gradient(180deg,#fff,#e8eef9)}.z-low{background:linear-gradient(90deg,#fff2b8,#ffd96a)}.z-ideal{background:linear-gradient(180deg,#62f080,#22b848);box-shadow:inset 3px 0 0 var(--ink),inset -3px 0 0 var(--ink)}.z-max,.z-out{background:repeating-linear-gradient(135deg,#ff5a6a 0 10px,#e0283e 10px 20px)}.meter-marker{position:absolute;top:-14px;bottom:-14px;width:18px;margin-left:-9px;border-radius:9px;background:#fff;border:4px solid var(--ink);box-shadow:0 3px 0 var(--ink);z-index:2}.meter-marker:before{content:"";position:absolute;left:50%;top:-14px;margin-left:-10px;border:10px solid transparent;border-top-color:var(--ink)}.meter.locked .meter-marker{background:var(--yellow);animation:markerLock .3s ease-out}@keyframes markerLock{0%{transform:scale(1.8,1.3)}to{transform:none}}.meter-labels{position:relative;height:22px;margin-top:8px}.meter-labels span{position:absolute;transform:translate(-50%);font-size:16px;text-shadow:0 2px 0 var(--ink);white-space:nowrap}.meter-labels .lbl-ideal{color:#6dff8a}.meter-labels .lbl-max{color:#ff8a96}.meter-hint{display:inline-flex;gap:6px;align-items:center;margin-top:2px;font-size:15px;opacity:.92;text-shadow:0 2px 0 var(--ink)}.meter-hint svg{width:26px;height:26px;animation:tap 1s ease-in-out infinite}@keyframes tap{50%{transform:translateY(4px) scale(.92)}}.dive{position:absolute;left:0;right:0;bottom:calc(16px + var(--safe-bottom));display:flex;justify-content:center;gap:min(3vw,18px);padding:0 12px}.dive-btn{flex:0 1 190px;height:clamp(62px,13.5vh,96px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:5px solid var(--ink);border-radius:22px;color:#fff;font-size:24px;position:relative;background:linear-gradient(180deg,#5bb6ff,#2f86ea 55%,#1a5fc0);box-shadow:0 7px 0 var(--ink),0 12px 22px #0000004d,inset 0 3px #ffffff59;transition:transform .08s,opacity .2s,filter .2s}.dive-btn .db-arrow{font-size:30px;line-height:1;paint-order:stroke fill;-webkit-text-stroke:5px var(--ink)}.dive-btn .db-dot{font-size:26px}.dive-btn .db-label{paint-order:stroke fill;-webkit-text-stroke:5px var(--ink)}.dive-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.dive-in .dive-btn{animation:diveIn .25s cubic-bezier(.2,1.6,.4,1) both}.dive-in .dive-btn:nth-child(2){animation-delay:.04s}.dive-in .dive-btn:nth-child(3){animation-delay:.08s}@keyframes diveIn{0%{transform:translateY(40px) scale(.8);opacity:0}}.dive.disabled .dive-btn{filter:grayscale(.7) brightness(.8);opacity:.55;pointer-events:none}.dive.chosen .dive-btn{opacity:.35;filter:grayscale(.8)}.dive.chosen .dive-btn.picked{opacity:1;filter:none;background:linear-gradient(180deg,#ffe67a,#ffc21a 55%,#e89a00);transform:translateY(-6px) scale(1.06)}.dive.pulse:not(.chosen) .dive-btn{animation:divePulse .7s ease-in-out infinite}@keyframes divePulse{50%{transform:scale(1.07);filter:brightness(1.2)}}.banner{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none}.banner-text{position:relative;display:inline-block;font-size:clamp(52px,min(16vw,23vh),170px);line-height:1;transform:rotate(-5deg);filter:drop-shadow(0 .06em 0 var(--ink)) drop-shadow(0 18px 20px rgba(0,0,0,.35))}.banner .gt{background-image:linear-gradient(#fff,#fff)}.banner.goal .gt,.banner.win .gt{background-image:linear-gradient(180deg,#fff27a,#ffd23f 48%,#ff9a1a 52%,#ff7a00)}.banner.save .gt{background-image:linear-gradient(180deg,#d4fbff,#5fe9ff 48%,#1ab0e6 52%,#0c86c9)}.banner.miss .gt{background-image:linear-gradient(180deg,#ffe0e4,#ff8a98 48%,#ff4d5e 52%,#d42a40)}.banner.lose .gt{background-image:linear-gradient(180deg,#fff,#e3e9ff 48%,#b7c3e6 52%,#9aa8d4)}.banner.info .banner-text{font-size:clamp(40px,min(10vw,15vh),110px)}.banner.win .banner-text,.banner.lose .banner-text{font-size:clamp(48px,min(13vw,19vh),140px)}.banner-sub{display:inline-block;margin-top:min(18px,2.5vh);padding:6px 18px;font-size:clamp(16px,min(3.5vw,5vh),32px);border-radius:14px;background:var(--ink);color:#fff;transform:rotate(-3deg)}.banner-sub:empty{display:none}.banner.show .banner-text{animation:bannerIn .5s cubic-bezier(.2,1.6,.3,1) both,bannerOut .3s ease-in calc(var(--b-ms, 1.2s) - .3s) forwards}.banner.show .banner-sub{animation:subIn .35s .12s cubic-bezier(.2,1.6,.3,1) both,bannerOut .3s ease-in calc(var(--b-ms, 1.2s) - .26s) forwards}.banner.win.show .banner-text,.banner.lose.show .banner-text{animation:bannerIn .6s cubic-bezier(.2,1.6,.3,1) both}.banner.win.show .banner-sub,.banner.lose.show .banner-sub{animation:subIn .35s .12s cubic-bezier(.2,1.6,.3,1) both}@keyframes bannerIn{0%{transform:scale(2.6) rotate(-14deg);opacity:0}55%{transform:scale(.9) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(-5deg)}}@keyframes subIn{0%{transform:translateY(20px) scale(.6) rotate(-3deg);opacity:0}}@keyframes bannerOut{to{opacity:0;transform:scale(1.3) rotate(-5deg)}}.prompt{position:absolute;left:0;right:0;text-align:center;padding:0 16px}.prompt.top{top:calc(18% + var(--safe-top))}.prompt.mid{top:40%}.prompt.low{top:auto;bottom:calc(clamp(62px,13.5vh,96px) + 34px + var(--safe-bottom))}.prompt-text{font-size:clamp(24px,min(6.5vw,9.5vh),64px);line-height:1.05;-webkit-text-stroke:10px var(--ink);filter:drop-shadow(0 6px 0 var(--ink));color:#fff}.prompt-sub{margin-top:min(10px,1.5vh);font-size:clamp(14px,min(2.6vw,4.2vh),22px);color:var(--yellow);text-shadow:0 2px 0 var(--ink),0 0 6px rgba(0,0,0,.4)}.prompt.show .prompt-text{animation:bannerIn .45s cubic-bezier(.2,1.6,.3,1) both}.prompt.show .prompt-text{transform:rotate(-3deg)}.toast{position:absolute;top:34%;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:16px;background:var(--red);border:4px solid var(--ink);font-size:clamp(16px,min(4vw,5vh),28px);box-shadow:0 5px 0 var(--ink);width:max-content;max-width:calc(100vw - 32px);text-align:center;z-index:20;pointer-events:none}.callout{position:absolute;left:0;right:0;top:34%;text-align:center;pointer-events:none;z-index:8;padding:0 16px}.co-text{display:inline-block;font-size:clamp(36px,min(9vw,12vh),96px);line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--ink);filter:drop-shadow(0 .07em 0 var(--ink)) drop-shadow(0 10px 16px rgba(0,0,0,.3));transform:rotate(-3deg)}.callout.sd .co-text{color:#ff6b7a}.callout.mp .co-text{color:var(--yellow)}.co-sub{display:block;width:max-content;margin:min(12px,1.8vh) auto 0;padding:4px 14px;border-radius:12px;background:var(--ink);font-size:clamp(14px,min(3vw,4.4vh),26px);transform:rotate(-3deg)}.co-sub:empty{display:none}.callout.show .co-text{animation:coIn .45s cubic-bezier(.2,1.6,.3,1) both,coOut .3s ease-in calc(var(--co-ms, 1.3s) - .3s) forwards}.callout.show .co-sub{animation:subIn .35s .1s cubic-bezier(.2,1.6,.3,1) both,coOut .3s ease-in calc(var(--co-ms, 1.3s) - .28s) forwards}@keyframes coIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.08) rotate(-2deg);opacity:1}to{transform:scale(1) rotate(-3deg)}}@keyframes coOut{to{opacity:0;transform:translateY(-14px) rotate(-3deg)}}.toast.good{background:var(--green-d)}.toast.show{animation:subIn .3s cubic-bezier(.2,1.6,.3,1) both}.wipe{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:10}.wipe-band{position:absolute;top:-20%;bottom:-20%;left:0;width:170vw;transform:translate(-175vw) skew(-16deg);background:linear-gradient(90deg,var(--ink) 0 3%,var(--wipe-color) 3% 97%,var(--ink) 97%);display:grid;place-items:center}.wipe-text{transform:skew(16deg);font-size:clamp(44px,min(12vw,17vh),130px);color:#fff;-webkit-text-stroke:14px var(--ink);filter:drop-shadow(0 8px 0 var(--ink))}.wipe.go .wipe-band{animation:wipe var(--wipe-dur) cubic-bezier(.65,.05,.35,1) forwards}@keyframes wipe{0%{transform:translate(-175vw) skew(-16deg)}42%,58%{transform:translate(-21vw) skew(-16deg)}to{transform:translate(110vw) skew(-16deg)}}.vs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9}.vs-side{position:absolute;top:28%;height:44%;width:58%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink)}.vs-left{left:0;background:var(--home);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);transform:translate(-110%)}.vs-right{right:0;background:var(--away);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);transform:translate(110%)}.vs-side img{width:min(110px,22vh);height:min(74px,15vh);border:5px solid var(--ink);border-radius:10px;box-shadow:0 6px 0 var(--ink)}.vs-name{font-size:clamp(24px,min(6vw,9vh),60px);max-width:90%;text-align:center;overflow-wrap:anywhere;line-height:1;-webkit-text-stroke:10px var(--ink);color:#fff}.vs-mid{position:relative;z-index:2;font-size:clamp(48px,min(12vw,18vh),130px);color:var(--yellow);-webkit-text-stroke:14px var(--ink);transform:scale(0)}.vs.go .vs-left{animation:vsL 1.5s cubic-bezier(.2,1,.3,1) forwards}.vs.go .vs-right{animation:vsR 1.5s cubic-bezier(.2,1,.3,1) forwards}.vs.go .vs-mid{animation:vsM 1.5s cubic-bezier(.2,1.6,.3,1) forwards}@keyframes vsL{0%{transform:translate(-110%)}20%,80%{transform:translate(-8%)}to{transform:translate(-120%)}}@keyframes vsR{0%{transform:translate(110%)}20%,80%{transform:translate(8%)}to{transform:translate(120%)}}@keyframes vsM{0%,12%{transform:scale(0) rotate(-20deg)}28%,80%{transform:scale(1) rotate(-6deg)}to{transform:scale(0)}}.results-panel{padding:18px 24px 22px;width:min(560px,calc(94vw / var(--sp, 1)));background:linear-gradient(180deg,#6d7da6,#4a5a86)}.results.win .results-panel{background:linear-gradient(180deg,#ffcf3f,#ff9f1c)}.res-title{font-size:clamp(44px,10vw,66px);line-height:1;-webkit-text-stroke:12px var(--ink);filter:drop-shadow(0 7px 0 var(--ink));margin-bottom:8px;color:#fff;transform:rotate(-3deg)}.results.win .res-title{animation:bannerIn .6s cubic-bezier(.2,1.6,.3,1) both}.res-teams{display:flex;align-items:center;justify-content:center;gap:18px}.res-team{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:22px;text-shadow:0 3px 0 var(--ink)}.res-team img{width:51px;height:34px;border:3px solid var(--ink);border-radius:6px}.res-score{font-size:52px;padding:0 18px;border-radius:18px;background:var(--ink);color:var(--yellow);line-height:1.25}.res-note{margin:6px 0 5px;font-size:16px;text-shadow:0 2px 0 var(--ink)}.res-dots{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:8px}.res-dots div{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;align-items:center}.res-dots b{font-weight:400;font-size:14px;width:40px;text-align:right;margin-right:4px;text-shadow:0 2px 0 var(--ink)}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 10px}.res-stats div{background:#151a2cd9;border-radius:16px;padding:6px 4px}.res-stats b{display:block;font-weight:400;font-size:27px;color:var(--yellow)}.res-stats small{font-size:12px;opacity:.85}.res-lobby{width:100%;gap:12px;font-size:34px;padding:14px 30px 16px;animation:pulseBtn 1.4s ease-in-out infinite}.res-lobby svg{width:34px;height:34px}.res-lobby:disabled{animation:none;filter:saturate(.5);pointer-events:none}.res-coins{margin:0 0 14px;padding:8px 12px 10px;border-radius:18px;background:#151a2cd9}.rc-main{display:flex;align-items:center;justify-content:center;gap:8px;font-size:34px;line-height:1;color:var(--yellow)}.rc-main>svg{width:36px;height:36px}.rc-val{font-weight:400}.rc-total{display:inline-flex;align-items:center;gap:4px;margin-left:12px;padding:4px 10px;border-radius:10px;background:#ffffff1a;color:#fff;font-size:16px}.rc-total svg{width:17px;height:17px}.rc-total b{font-weight:400}.rc-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px;margin:5px 0 2px;font-size:13px;opacity:.92}.rc-lines b{font-weight:400;color:var(--yellow)}.double-coins{min-width:0;margin-top:6px;gap:8px;font-size:18px}.double-coins:disabled{filter:saturate(.4);opacity:.75;pointer-events:none}@container (max-width: 470px){.kit-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(max-width:720px){.howto-cards{grid-template-columns:1fr}.hc-icon{margin-top:-10px}.btn-xl{font-size:32px;min-width:250px}.btn{min-width:210px;font-size:22px}.panel{padding:20px 16px}.panel h2{font-size:30px;padding:0 44px}.menu{padding-top:calc(62px + var(--safe-top))}.menu-coins{top:calc(10px + var(--safe-top));right:10px;font-size:20px}.menu-coins svg{width:26px;height:26px}.menu-stats{position:relative;right:auto;bottom:auto;align-self:center}.panel-coins{position:static;margin:-6px auto 10px}.name-row{flex-direction:column;gap:6px}.name-row input{width:100%}.team-body{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"side" "main" "done";gap:14px}.kc-name{font-size:13px}}@media(max-height:500px){.meter-hint{display:none!important}.menu{padding-top:6px;padding-bottom:6px}.logo-top{font-size:42px}.logo-bottom{font-size:54px}.menu-buttons{gap:7px}.menu-buttons .btn{padding-top:8px;padding-bottom:10px;font-size:18px;box-shadow:0 4px 0 var(--ink),0 6px 12px #00000040,inset 0 3px #ffffff59}.menu-buttons .btn-xl{font-size:26px;min-width:220px}.menu-coins{top:8px;right:10px;font-size:18px;border-width:3px}.menu-coins svg{width:22px;height:22px}.menu-stats{display:flex;position:absolute;right:calc(10px + env(safe-area-inset-right,0px));bottom:8px;padding:4px 10px 4px 4px;font-size:13px}.menu-stats svg{width:28px;height:28px}.menu-stats b{font-size:17px}.panel{padding:14px 18px}.panel h2{margin-bottom:8px;font-size:30px}.menu{padding-top:6px}.menu-buttons .btn{min-width:220px}.callout{top:30%}.prompt.top{top:calc(24% + var(--safe-top))}.banner{top:24%}}@media(max-height:500px)and (min-aspect-ratio:4/3){.results-panel{--sp: var(--spl, .6);display:flex;gap:20px;align-items:center;width:min(880px,calc(96vw / var(--sp)));padding:18px 22px}.res-col{flex:1;min-width:0}.res-right .res-coins{margin-top:0}}@media(max-height:500px){.howto-cards{grid-template-columns:1fr 1fr;gap:12px}.hcard{padding:10px 12px}.hcard h3{font-size:22px;margin-bottom:4px}.hcard p{font-size:12px;margin:5px 0}.hc-icon{width:40px;height:40px;margin-top:-28px}.howto-foot{margin:10px 0;font-size:17px}.team-panel{padding-top:14px;padding-bottom:16px}.team-panel h2{margin-bottom:6px}.name-row{margin-bottom:10px}.player-card{--np-h: 124px;padding:8px}.pc-shirt{width:106px;height:106px}.kc-img{width:46px;height:46px}.kit-card{padding-top:18px}}@media(max-height:500px)and (max-width:720px){.panel-coins{position:absolute;margin:0}.name-row{flex-direction:row}.team-body{grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"side main" "done main"}}.hud.tutorial~.prompt.top{top:calc(var(--hud-top, 12px) + var(--safe-top) + 36px * var(--sh, 1))}.hud.tutorial~.prompt.top .prompt-text{font-size:clamp(22px,min(5vw,6.2vh),48px);-webkit-text-stroke-width:8px}@media(hover:none)and (pointer:coarse),(max-width:720px),(max-height:500px){.prompt.low{bottom:calc(clamp(50px,9vh,70px) + 30px + var(--safe-bottom))}.dive{gap:10px}.dive-btn{flex-basis:140px;height:clamp(50px,9vh,70px);font-size:17px;border-width:4px;border-radius:17px;box-shadow:0 5px 0 var(--ink),0 8px 14px #00000047,inset 0 3px #ffffff59}.dive-btn .db-arrow{font-size:21px;-webkit-text-stroke-width:4px}.dive-btn .db-dot{font-size:18px}.dive-btn .db-label{-webkit-text-stroke-width:4px}}@media(max-height:500px){.dive{bottom:calc(10px + var(--safe-bottom));gap:12px}.dive-btn{flex:0 1 132px;height:50px}.prompt.low{bottom:calc(76px + var(--safe-bottom))}.role-pill{display:none}}.ui-root.paused .wipe-band,.ui-root.paused .wipe-text,.ui-root.paused .banner *,.ui-root.paused .vs *,.ui-root.paused .toast,.ui-root.paused .meter,.ui-root.paused .meter *,.ui-root.paused .dive *{animation-play-state:paused!important}.meter-tag{position:absolute;bottom:100%;margin-bottom:18px;transform:translate(-50%);font-size:20px;white-space:nowrap;z-index:3;padding:2px 10px;border-radius:10px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);animation:tagPop .7s ease-out forwards}.meter-tag.good{background:#62f080}.meter-tag.bad{background:#ff5a6a;color:#fff}@keyframes tagPop{0%{transform:translate(-50%) scale(.4);opacity:0}25%{transform:translate(-50%) scale(1.15);opacity:1}70%{opacity:1}to{transform:translate(-50%) translateY(-18px);opacity:0}}.panenka-btn{--pk: var(--s, 1);position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(var(--safe-bottom) + 22px + 128px * var(--s, 1));display:flex;align-items:center;gap:6px;padding:8px 14px 9px 9px;border:4px solid var(--ink);border-radius:18px;color:#fff;font-size:19px;line-height:1;letter-spacing:1px;background:linear-gradient(180deg,#c7b3ff 0%,var(--purple) 50%,var(--purple-d) 100%);box-shadow:0 5px 0 var(--ink),0 8px 16px #00000047,inset 0 3px #ffffff59;transform-origin:100% 100%;transform:scale(var(--pk));transition:filter .15s}.panenka-btn svg{width:30px;height:30px;color:#fff}.panenka-btn span{paint-order:stroke fill;-webkit-text-stroke:4px var(--ink)}.panenka-btn:hover{filter:brightness(1.1)}.panenka-btn:active{transform:scale(var(--pk)) translateY(4px);box-shadow:0 1px 0 var(--ink)}.panenka-btn.pk-in{animation:pkIn .3s cubic-bezier(.2,1.6,.4,1) both}@keyframes pkIn{0%{transform:scale(calc(var(--pk) * .5));opacity:0}}@media(max-width:720px),(max-height:500px){.panenka-btn{--pk: min(var(--s, 1), .78)}}.survbar{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:20px;border:4px solid var(--ink);white-space:nowrap;background:linear-gradient(180deg,#5a2233,#2a1020);box-shadow:0 5px 0 var(--ink),0 10px 20px #0000004d}.sv-box{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:2px 10px 3px;border-radius:12px;background:#0b0f1c;line-height:1}.sv-box small{font-size:11px;letter-spacing:1px;opacity:.75;margin-bottom:2px}.sv-box b{font-weight:400;font-size:30px;color:var(--yellow);display:inline-block}.sv-bestbox b{color:#fff;font-size:24px}.sv-bestbox.beaten b{color:#6dff8a}.sv-lives{display:flex;gap:4px}.sv-heart svg{width:30px;height:30px;display:block;fill:#ff4d6a;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.sv-heart.lost svg{fill:#4a4f66}.sv-heart.breaking{animation:heartBreak .6s ease-out}@keyframes heartBreak{0%{transform:scale(1.5)}30%{transform:scale(1.5) rotate(-12deg)}60%{transform:scale(.8) rotate(8deg)}to{transform:none}}.shout{position:absolute;left:0;right:0;bottom:calc(7% + var(--safe-bottom));text-align:center;pointer-events:none;z-index:8}.shout-text{display:inline-block;font-size:clamp(52px,min(15vw,19vh),170px);line-height:1;transform:rotate(-6deg);filter:drop-shadow(0 .06em 0 var(--ink)) drop-shadow(0 16px 20px rgba(0,0,0,.35))}.shout .gt{background-image:linear-gradient(180deg,#fff9c4,#ffe45c 45%,#ffae00 55%,#ff7a00)}.shout.show .shout-text{animation:shoutIn .45s cubic-bezier(.2,1.8,.3,1) both,bannerOut .3s ease-in 1.4s forwards}@keyframes shoutIn{0%{transform:scale(3) rotate(-16deg);opacity:0}60%{transform:scale(.92) rotate(-4deg);opacity:1}to{transform:scale(1) rotate(-6deg)}}.mission-toast{position:absolute;top:calc(78px + var(--safe-top));right:12px;z-index:12;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 14px 8px 8px;border-radius:18px;border:4px solid var(--ink);background:linear-gradient(180deg,#3ed866,#1c9a3c);box-shadow:0 5px 0 var(--ink),0 10px 20px #0000004d;pointer-events:none;transform-origin:100% 0}.mission-toast>svg{width:34px;height:34px;flex-shrink:0;padding:4px;border-radius:50%;background:#fff;color:var(--green-d);border:3px solid var(--ink)}.mission-toast small{display:block;font-size:12px;letter-spacing:1px;color:#eaffea;line-height:1}.mission-toast .mt-name{display:block;font-size:18px;line-height:1.1;text-shadow:0 2px 0 var(--ink)}.mission-toast b{display:inline-flex;align-items:center;gap:3px;font-weight:400;font-size:20px;color:var(--yellow);padding:3px 8px;border-radius:10px;background:var(--ink);white-space:nowrap}.mission-toast b svg{width:20px;height:20px}.mission-toast.show{animation:toastIn .4s cubic-bezier(.2,1.5,.4,1) both,toastOut .3s ease-in 2.3s forwards}@keyframes toastIn{0%{transform:translate(120%)}}@keyframes toastOut{to{transform:translate(120%);opacity:0}}.vs-label{position:absolute;top:calc(28% - 52px);left:50%;transform:translate(-50%) rotate(-2deg);z-index:3;width:max-content;max-width:92vw;padding:6px 18px;border-radius:14px;background:var(--yellow);color:var(--ink);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);font-size:clamp(16px,min(4vw,5vh),30px);opacity:0}.vs.go .vs-label{animation:vsLabel 1.5s ease forwards}@keyframes vsLabel{0%,10%{opacity:0;transform:translate(-50%) translateY(-20px) rotate(-2deg)}22%,82%{opacity:1;transform:translate(-50%) rotate(-2deg)}to{opacity:0}}.shop-tabs{width:100%}.shop-tabs button{flex:1;font-size:16px;padding:7px 6px;min-width:0;white-space:nowrap}.shop-hint{margin-top:2px}.pc-stage{position:relative;width:132px;height:138px}.pc-stage .pc-3d{position:absolute;inset:0;width:100%;height:100%;display:none}.pc-stage.live .pc-3d{display:block}.pc-stage.live .pc-shirt{display:none}.pc-stage .pc-shirt{position:absolute;left:2px;top:5px}.pc-tag{position:absolute;left:50%;bottom:2px;transform:translate(-50%) rotate(-4deg);max-width:130px;padding:2px 9px;border-radius:9px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 var(--ink);z-index:2}.kc-pic{position:relative;display:grid;place-items:center;width:54px;height:54px}.kc-ball .kc-img{width:50px;height:50px;border-radius:50%}.kc-celebration .kc-img{width:56px;height:56px}.kc-shout{position:absolute;left:50%;bottom:-4px;transform:translate(-50%) rotate(-5deg);padding:1px 5px;border-radius:6px;background:var(--ink);color:var(--yellow);font-size:11px;white-space:nowrap}.cup-panel{background:linear-gradient(180deg,#2f5fd0,#1d3f9a 60%,#162f78)}.cup-panel.champion,.cup.champion .cup-panel{background:linear-gradient(180deg,#ffcf3f,#ff9f1c)}.cup-panel h2{margin-bottom:2px}.cup-sub{font-size:15px;letter-spacing:1px;opacity:.85;margin-bottom:14px;text-shadow:0 2px 0 var(--ink)}.bracket{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:left}.br-col{display:flex;flex-direction:column;min-width:0}.br-h{font-size:13px;letter-spacing:1px;text-align:center;margin-bottom:6px;opacity:.9;text-shadow:0 2px 0 var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-ties{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.br-tie{display:flex;flex-direction:column;gap:3px;padding:5px;border-radius:12px;background:#0b0f1c8c;border:3px solid transparent}.br-tie.current{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd23f4d;animation:tieGlow 1.4s ease-in-out infinite}@keyframes tieGlow{50%{box-shadow:0 0 0 7px #ffd23f26}}.br-team{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:8px;background:#ffffff1a;font-size:16px;line-height:1;min-width:0}.br-team img{width:27px;height:18px;border-radius:3px;border:2px solid #0b0f1c;flex-shrink:0}.br-team span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.br-team b{font-weight:400;color:#fff;min-width:14px;text-align:right}.br-team.you{background:var(--yellow);color:var(--ink)}.br-team.you b{color:var(--ink)}.br-team.win b{color:#6dff8a}.br-team.you.win b{color:#0d7a2e}.br-team.lose{opacity:.5}.br-team.tbd{color:#ffffff80}.br-team.tbd i{width:27px;height:18px;border-radius:3px;border:2px dashed rgba(255,255,255,.35);flex-shrink:0}.br-champ .br-cup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.br-cup>svg{width:64px;height:64px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}.br-cup.you>svg{animation:cupBounce 1s ease-in-out infinite}@keyframes cupBounce{50%{transform:translateY(-6px) rotate(-6deg)}}.br-cup .br-team{width:100%}.cup-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px;font-size:22px;text-shadow:0 2px 0 var(--ink)}.cup-status img{width:33px;height:22px;border-radius:4px;border:2px solid var(--ink)}.cup-status em{font-style:normal;font-size:13px;padding:3px 8px;border-radius:8px;background:#0b1330;color:#9fd0ff;text-shadow:none}.cs-round{color:var(--yellow)}.cs-place.gold{color:#fff}.cs-prize{display:inline-flex;align-items:center;gap:4px;font-weight:400;padding:3px 10px;border-radius:10px;background:var(--ink);color:var(--yellow)}.cs-prize svg{width:22px;height:22px}.cup-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.cup-prizes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:13px}.cup-prizes span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:10px;background:#0b0f1c80}.cup-prizes b{display:inline-flex;align-items:center;gap:2px;font-weight:400;color:var(--yellow)}.cup-prizes svg{width:16px;height:16px}.cup-prizes .cp-gold>svg{width:20px;height:20px}.cup-play{min-width:280px;animation:pulseBtn 1.4s ease-in-out infinite}.cup-next{font-size:18px;padding:8px 16px;border-radius:14px;background:#0b0f1c99}.cup-next b{font-weight:400;color:var(--yellow);margin-left:6px;font-variant-numeric:tabular-nums}.missions-panel h2{margin-bottom:4px}.ms-reset{font-size:15px;opacity:.9;margin-bottom:14px;text-shadow:0 2px 0 var(--ink)}.ms-reset b{font-weight:400;color:var(--yellow);font-variant-numeric:tabular-nums}.ms-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ms-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;border:4px solid var(--ink);background:#fff;color:var(--ink);box-shadow:0 5px 0 var(--ink);text-align:left}.ms-card.done{background:linear-gradient(180deg,#eaffea,#c4f5cf)}.ms-card.claimed{opacity:.72}.ms-info{flex:1;min-width:0}.ms-text{font-size:19px;line-height:1.1;margin-bottom:6px}.ms-bar{position:relative;height:20px;border-radius:10px;border:3px solid var(--ink);background:#e3e9f7;overflow:hidden}.ms-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#62f080,#22b848);transition:width .5s ease}.ms-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--ink)}.ms-reward{display:inline-flex;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;background:var(--ink);color:var(--yellow);font-size:18px;white-space:nowrap}.ms-reward svg,.ms-claim svg{width:20px;height:20px}.ms-claim{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px 7px;border:4px solid var(--ink);border-radius:14px;color:#fff;font-size:17px;line-height:1;background:linear-gradient(180deg,#8ef0a4,var(--green) 50%,var(--green-d));box-shadow:0 4px 0 var(--ink);animation:dotPulse .9s ease-in-out infinite}.ms-claim b{display:inline-flex;align-items:center;gap:2px;font-weight:400;color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:3px var(--ink)}.ms-claim:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.ms-ok{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;border:4px solid var(--ink);flex-shrink:0}.ms-ok svg{width:24px;height:24px}.howto-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-2px 0 14px;text-align:left}.howto-modes div{padding:8px 10px;border-radius:14px;background:#0b0f1c73;font-family:system-ui,sans-serif;font-weight:700;font-size:12.5px;line-height:1.3}.howto-modes b{display:block;font-family:var(--font);font-weight:400;font-size:17px;color:var(--yellow);letter-spacing:.5px;margin-bottom:2px}.pause-note{font-size:13px;opacity:.85;margin-top:-8px;text-shadow:0 2px 0 var(--ink)}.results.surv .results-panel{background:linear-gradient(180deg,#ff6f7f,#c42a45)}.results.surv.win .results-panel{background:linear-gradient(180deg,#ffcf3f,#ff9f1c)}.res-surv{display:flex;justify-content:center;gap:14px;margin:4px 0 16px}.results.surv .res-title{margin-bottom:16px}.res-surv>div{position:relative;display:flex;flex-direction:column;align-items:center;min-width:110px;padding:6px 14px 8px;border-radius:18px;background:var(--ink);line-height:1}.res-surv small{font-size:13px;opacity:.8;letter-spacing:1px;margin-bottom:4px}.rs-score b{font-weight:400;font-size:56px;color:var(--yellow)}.rs-best b{font-weight:400;font-size:40px;color:#fff;margin-top:8px}.rs-new{position:absolute;bottom:-13px;left:50%;margin-left:-52px;width:104px;text-align:center;font-style:normal;font-size:13px;padding:3px 8px;border-radius:9px;background:var(--green);border:3px solid var(--ink);transform:rotate(-4deg);animation:dotPulse .9s ease-in-out infinite;white-space:nowrap}@media(max-width:720px){.mission-chip{top:calc(10px + var(--safe-top));left:10px;font-size:14px;padding-right:10px}.mission-chip svg{width:26px;height:26px}.mission-chip b{font-size:17px}.howto-modes{grid-template-columns:1fr}.shop-tabs button{font-size:14px;padding:9px 4px}.bracket{gap:6px}.br-team{font-size:14px;padding:3px 4px;gap:4px}.br-team img,.br-team.tbd i{width:21px;height:14px}.br-h{font-size:11px}.br-cup>svg{width:48px;height:48px}.cup-play{min-width:0;width:100%}}@media(max-width:420px){.mc-label{display:none}}@media(max-height:500px){.menu-row .btn{min-width:0}.menu-buttons{width:min(400px,calc(100vw - 32px))}.mode-btn{gap:2px;padding-top:5px;padding-bottom:6px}.mode-tag{font-size:11px}.btn-half{font-size:16px}.mission-chip{top:8px;left:10px;font-size:13px;border-width:3px}.mission-chip svg{width:22px;height:22px}.mission-toast{top:calc(66px + var(--safe-top))}.br-tie{padding:3px}.br-ties{gap:5px}.cup-sub{margin-bottom:8px}.ms-list{gap:7px;margin-bottom:12px}.ms-card{padding:6px 10px}.howto-modes{grid-template-columns:repeat(3,1fr)}.pc-stage{width:112px;height:116px}.kc-pic{width:46px;height:46px}.kc-celebration .kc-img{width:48px;height:48px}.kc-ball .kc-img{width:42px;height:42px}}.ui-root.paused .panenka-btn,.ui-root.paused .shout *,.ui-root.paused .mission-toast{animation-play-state:paused!important}@container (max-width: 470px){.shop-tabs button{font-size:13px;padding-left:2px;padding-right:2px;letter-spacing:0}.kc-name{font-size:11.5px;letter-spacing:0;white-space:normal;line-height:1;text-align:center}}.dev-toggle{position:absolute;left:0;top:46%;z-index:50;padding:8px 7px;border:3px solid var(--ink);border-left:0;border-radius:0 12px 12px 0;background:#ff3d9a;color:#fff;font-size:14px;letter-spacing:1px;writing-mode:vertical-rl;box-shadow:0 3px 0 var(--ink);opacity:.85}.dev-panel{position:absolute;left:40px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;width:220px;padding:10px;border:4px solid var(--ink);border-radius:16px;background:#1d2233;box-shadow:0 6px 0 var(--ink),0 10px 24px #0006;pointer-events:auto}.dev-title{font-size:16px;color:#ff7ac0;text-align:center;letter-spacing:2px}.dev-panel button{border:3px solid var(--ink);border-radius:10px;padding:7px 8px;background:#ffd23f;color:var(--ink);font-size:14px;box-shadow:0 3px 0 var(--ink)}.dev-panel button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.y8-tools{width:100%;margin-top:calc(6px * var(--s))}.y8-row{display:flex;gap:calc(6px * var(--s))}.y8-btn{flex:1;min-width:0;border:2px solid #15203b;border-radius:9px;background:#203e79;color:#fff;font-family:inherit;font-size:max(10px,calc(12px * var(--s)));min-height:calc(34px * var(--s));padding:3px;cursor:pointer;box-shadow:0 2px #102448}.y8-btn:hover{background:#315498}.y8-btn:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}.y8-btn:disabled{opacity:.55;cursor:default}.y8-status{color:#d5e7ff;text-align:center;font-size:max(9px,calc(11px * var(--s)));line-height:1.25;padding-top:5px}.y8-banner{display:none;width:320px;position:fixed;left:16px;bottom:12px}.y8-banner-visible{display:block}.y8-banner small{display:block;color:#d5e7ff;font:9px Arial,sans-serif;text-align:center;margin-bottom:2px}#y8-lobby-banner{width:320px;height:50px;overflow:hidden;background:#1024482e}