:root{font-family:DM Sans,sans-serif;color:#fff5f0;background:#171020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #fff5f0;--muted: #a89ab6;--coral: #ff896c;--lavender: #c3a3fb;--outfit: "Outfit", sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-width:280px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid #dfc5ff;outline-offset:5px}svg{display:block;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}::selection{background:#ff896c;color:#271833}.arcade,.game-stage,#arena{position:fixed;inset:0}.game-stage{overflow:hidden;background:#171020}#arena{overflow:hidden;touch-action:none}#arena canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}body[data-phase=playing] #arena canvas,body[data-phase=goal] #arena canvas,body[data-phase=countdown] #arena canvas{cursor:none}#arena:focus-visible{outline:2px solid var(--lavender);outline-offset:-3px}.arena-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#17102066 0%,transparent 24%,transparent 76%,#17102055 100%)}.game-hud{position:fixed;z-index:30;top:max(24px,env(safe-area-inset-top));left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.brand-mascot{transform:rotate(-8deg)}.brand>span{font:700 24px/1 var(--outfit);letter-spacing:-1px}.brand>span>span{font-weight:450}.brand i{color:var(--coral);font-style:normal}.hud-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}.icon-button{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid #f0dcff1a;border-radius:50%;color:#d6c6e3;background:#281d38b8;box-shadow:inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .15s,background .15s,transform .15s}.icon-button:hover{background:#4a345f;color:#fff;transform:translateY(-2px)}.icon-button:active{transform:translateY(1px)}.icon-button:disabled{opacity:.3}.sound-button[aria-pressed=false]{color:#877590;position:relative}.sound-button[aria-pressed=false]:after{content:"";position:absolute;width:23px;height:1.5px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 0 2px #281d38}.scoreboard{position:absolute;left:50%;top:-7px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:19px;padding:12px 21px;border:1px solid #f0dcff1c;background:#271a36cc;border-radius:18px;box-shadow:inset 0 1px #ffffff07,0 6px 26px #110b1829;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.score-team{display:flex;align-items:center;gap:9px}.team-name{font:600 10px/1 var(--outfit);letter-spacing:1.1px}.team-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.player-team{color:var(--coral)}.bot-team{color:var(--lavender)}.score-team strong{font:650 36px/1 var(--outfit);min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.player-team strong{margin-left:7px}.bot-team strong{margin-right:7px}.score-center{display:flex;flex-direction:column;align-items:center;gap:5px}.score-center>span{font:650 9px/1 var(--outfit);color:#82718f;letter-spacing:.5px}.score-center small{font-size:5px;font-weight:600;color:#a994b8;letter-spacing:.8px}.match-status{position:fixed;z-index:10;top:103px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;pointer-events:none;font:550 8px/1 var(--outfit);color:#baa4c9;letter-spacing:1.7px;white-space:nowrap}.status-dot{width:4px;height:4px;border-radius:50%;background:#b7e9bf;box-shadow:0 0 8px #b7e9bf4d}.bottom-hud{position:fixed;z-index:12;bottom:max(23px,env(safe-area-inset-bottom));left:31px;right:31px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#a48bad;pointer-events:none;-webkit-user-select:none;user-select:none}.mode-badge{display:flex;align-items:center;gap:7px;font:500 8px/1 var(--outfit);letter-spacing:1.3px}.mode-badge>span:first-child{width:4px;height:4px;border-radius:50%;background:#d3a5ff}.control-hint{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;font:450 7px/1.5 var(--outfit);letter-spacing:1.2px;white-space:nowrap;color:#bca4c5}.control-hint svg{opacity:.8}.hint-divider{color:#746280;margin:0 9px}kbd{font:inherit;font-size:6px;letter-spacing:.5px;padding:4px 5px;border:1px solid #bfa2d329;border-bottom-width:2px;border-radius:4px;background:#291c3880;color:#bea8cd}.touch-hint{display:none}.match-stats{display:flex;gap:13px;align-items:center;font:500 7px/1 var(--outfit);letter-spacing:1px}.match-stats>span{display:flex;align-items:center;gap:5px}.match-stats strong{font-size:9px;font-weight:500;color:#c2abc9;font-variant-numeric:tabular-nums}.match-stats .stats-divider{width:1px;height:9px;background:#b59bb529}.fps-stat i{width:3px;height:3px;border-radius:50%;background:#a3cba0;margin-right:1px}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:76px 24px 45px}.menu-screen{background:radial-gradient(ellipse 42% 64% at 50% 49%,#20152deb 10%,#21132cd9 47%,#1c1225ac 72%,#17102066)}.menu-card{position:relative;width:440px;max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.menu-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;font:550 8px/1 var(--outfit);letter-spacing:2.6px;color:#baa6c7}.menu-eyebrow>span{width:16px;height:1px;background:#a88fbc7d}.menu-title-wrap{position:relative}h1{display:flex;flex-direction:column;align-items:center;margin:0;font:900 106px/.78 var(--outfit);letter-spacing:-5px;-webkit-user-select:none;user-select:none}h1>span{display:block}.title-jelly{color:#ff9879;transform:rotate(-4deg);text-shadow:0 4px 0 #d85a4d,0 8px 0 #913349,0 12px 30px #100a1980;z-index:1}.title-hockey{font-size:.84em;margin-top:20px;color:#c9a8fa;transform:rotate(2deg);text-shadow:0 4px 0 #8d63ba,0 8px 0 #5f3b7e,0 12px 30px #100a1980;letter-spacing:-4px}.title-dot{color:#ff9879}.menu-spark{position:absolute}.spark-one{top:1px;right:-40px;color:#ead58f;transform:rotate(12deg)}.spark-two{bottom:13px;left:-31px;color:#a4deb7;transform:rotate(-12deg)}.menu-tagline{margin:29px 0 0;color:#ddcedf;font:450 17px/1.3 var(--outfit);letter-spacing:.3px}.menu-rules{display:flex;align-items:center;gap:9px;margin-top:11px;color:#887591;font:550 7px/1 var(--outfit);letter-spacing:1.4px}.menu-rules i{display:block;height:3px;width:3px;background:#80638e;border-radius:50%}.difficulty-setting{width:276px;max-width:100%;margin-top:34px}.field-label{display:block;font:600 7px/1 var(--outfit);letter-spacing:1.8px;color:#ad92be}.difficulty-group{display:flex;gap:5px;padding:5px;border:1px solid #c4a3e126;border-radius:16px;background:#38233e80;box-shadow:inset 0 2px 5px #120b1929;margin-top:11px}.difficulty-group button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:42px;min-width:0;padding:0 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a990b8;font:550 12px/1 var(--outfit);transition:background .15s,color .15s,box-shadow .15s,transform .15s}.difficulty-group button:hover{background:#b48ad11a;color:#edddf8}.difficulty-group button[aria-pressed=true]{background:linear-gradient(180deg,#c2a0e4,#ab87d0);color:#33203f;border-color:#e4c4f9aa;box-shadow:inset 0 2px #edd7ff4d,0 2px #74508e,0 3px 12px #140a1e29}#difficulty-description{min-height:12px;margin:11px -20px 0;color:#9981a8;font-size:9px;line-height:1.5}.gummy-button{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:0 28px;border:1px solid;border-radius:16px;font:750 17px/1 var(--outfit);letter-spacing:1.8px;transition:transform .15s,filter .15s,box-shadow .15s;overflow:hidden}.primary-button{border-color:#ffb296;background:linear-gradient(180deg,#ff9e7a,#ff856b 65%,#f97a63);color:#422435;box-shadow:inset 0 3px #ffe6c766,inset 0 -2px #f96c4e,0 5px #b54d54,0 9px 20px #0e081b45}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 3px #ffe6c766,inset 0 -2px #f96c4e,0 7px #b54d54,0 11px 25px #0e081b55}.primary-button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffe6c766,0 1px #b54d54}.start-button{width:276px;margin-top:24px;min-height:61px;font-size:23px;letter-spacing:2.2px}.start-button svg{width:16px;height:18px}.button-glint{position:absolute;top:6px;left:12px;width:45px;height:3px;border-radius:10px;background:#ffe7cf66;transform:rotate(-2deg);pointer-events:none}.menu-controls{margin-top:24px;display:flex;align-items:center;gap:8px;color:#957e9f;font-size:9px}.menu-controls svg{opacity:.75}.menu-bottom-note{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font:500 7px/1 var(--outfit);letter-spacing:2.8px;color:#876b92;white-space:nowrap}body:has(#menu-screen:not([hidden])) .scoreboard,body:has(#menu-screen:not([hidden])) .bottom-hud,body:has(#menu-screen:not([hidden])) .match-status,body:has(#menu-screen:not([hidden])) #pause-button{visibility:hidden}body:has(#menu-screen:not([hidden])) #pause-button{display:none}.result-screen{background:#171020aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25}.result-card{display:flex;flex-direction:column;align-items:center;width:400px;max-width:100%;padding:32px 37px 22px;border:1px solid #c4a3e12b;border-radius:31px;background:radial-gradient(ellipse at 50% 0%,#493151,#2c1d38 66%);box-shadow:inset 0 2px #c2a0e114,0 20px 80px #0e071945;text-align:center}.result-kicker{font:600 8px/1 var(--outfit);letter-spacing:2px;color:#b497c4}.result-jelly{margin:14px 0 7px;transform:rotate(-5deg);filter:drop-shadow(0 6px 0 #17102133)}.result-card h2{margin:0;max-width:100%;font:800 38px/.95 var(--outfit);letter-spacing:-1.1px;color:#ffaf8e;text-shadow:0 3px 0 #90545d}.result-card>p{margin:17px 0 25px;color:#bba2c7;font-size:11px;line-height:1.7}.result-stats{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:0 0 24px}.result-stats>div{display:flex;flex-direction:column;align-items:center;gap:7px}.result-stats strong{font:600 23px/1 var(--outfit);letter-spacing:-.5px;color:#ddc5ef;font-variant-numeric:tabular-nums}.result-stats span{font:550 5px/1 var(--outfit);color:#9777a7;letter-spacing:.9px}body[data-phase=paused] .result-stats{display:none}.result-actions{width:100%;display:flex;flex-direction:column;gap:15px}.result-actions .gummy-button{width:100%;min-height:51px;font-size:12px;letter-spacing:1.2px;border-radius:14px}.secondary-button{border-color:#9c7fb647;color:#d2b8e7;background:#51366399;box-shadow:inset 0 2px #d0b4e214,0 3px #22162c}.secondary-button:hover{background:#624374;transform:translateY(-1px)}.secondary-button:active{transform:translateY(2px)}.text-button{min-height:40px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#92789f;font:550 8px/1 var(--outfit);letter-spacing:1.5px}.text-button:hover{color:#d4bce2;background:#b998d00a}.result-actions:has(#resume-button[hidden]) .secondary-button{border-color:#ffb296;background:linear-gradient(180deg,#ff9e7a,#ff856b);color:#422435;box-shadow:inset 0 3px #ffe6c766,0 5px #b54d54}.countdown{position:fixed;z-index:18;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);font:900 clamp(96px,17vw,190px)/1 var(--outfit);letter-spacing:-6px;color:#ffe4ae;text-shadow:0 6px 0 #d58868,0 12px 0 #653855,0 20px 60px #1b0d30;pointer-events:none;-webkit-user-select:none;user-select:none}.countdown:not([hidden]){animation:countdown-pop .7s cubic-bezier(.16,.8,.25,1) both}.event-banner{position:fixed;z-index:17;top:25%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);max-width:90vw;text-align:center;color:#fff0b9;font:850 clamp(30px,5vw,65px)/.95 var(--outfit);letter-spacing:-1.7px;text-shadow:0 4px 0 #d68170,0 7px 0 #7c3d66,0 10px 32px #241031;pointer-events:none;-webkit-user-select:none;user-select:none}.event-banner strong{display:block;font:inherit}.event-banner>span{display:block;font:650 9px/1.2 var(--outfit);letter-spacing:2.2px;color:#efdbf4;text-shadow:0 2px 8px #251035;margin-top:15px}.event-banner:not([hidden]){animation:event-pop .28s cubic-bezier(.15,.88,.3,1.3) both}@keyframes countdown-pop{0%{opacity:0;scale:1.45}30%{opacity:1;scale:1}to{opacity:1;scale:.92}}@keyframes event-pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.help-dialog{color:#e8d9ee;background:#2a1b37;border:1px solid #b693d43d;border-radius:25px;padding:22px 27px 25px;width:min(430px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 20px 100px #0c061d66}.help-dialog::backdrop{background:#120b1ca6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-topline .icon-button{width:40px;height:40px}.help-dialog h2{font:800 36px/.94 var(--outfit);letter-spacing:-.9px;color:#ffab87;margin:0 0 22px}.help-dialog h2 span{color:#c0a0ef}.help-dialog p{color:#b9a0c8;font-size:11px;line-height:1.8}.dialog-rule{display:flex;align-items:flex-start;gap:13px;margin:19px 0}.dialog-rule>span{display:grid;place-items:center;width:27px;height:29px;flex-shrink:0;border:1px solid #ba93d329;border-radius:9px;background:#4a2d5c;color:#cba6e7;font:600 10px/1 var(--outfit)}.dialog-rule p{margin:0;font-size:10px}.dialog-rule strong{color:#decae7;font-weight:550}.dialog-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #bb8ed71f;font-size:8px;color:#9a7aaa}.dialog-controls>span{display:flex;align-items:center;gap:6px}.dialog-controls kbd{font-size:7px}@media(min-width:1500px)and (min-height:850px){.game-hud{top:32px;left:42px;right:42px}.bottom-hud{bottom:30px;left:43px;right:43px}.menu-card{scale:1.1}.match-status{top:113px}}@media(max-width:1050px){.game-hud{top:22px;left:22px;right:22px}.brand>span{font-size:21px}.brand-mascot{width:34px;height:34px}.hud-actions{gap:6px}.icon-button{width:40px;height:40px}.scoreboard{gap:13px;padding:11px 17px}.team-name{font-size:8px}.score-team{gap:6px}.score-team strong{font-size:32px}.bottom-hud{left:24px;right:24px;bottom:22px}.control-hint{font-size:6px;letter-spacing:.8px}.mode-badge{font-size:7px;letter-spacing:1px}.match-stats{font-size:6px;gap:9px}}@media(max-width:760px){.game-hud{top:max(17px,env(safe-area-inset-top));left:16px;right:16px;align-items:flex-start}.brand>span{font-size:18px;letter-spacing:-.7px}.brand{gap:4px;height:40px}.brand-mascot{width:31px;height:31px}.scoreboard{top:53px;padding:9px 18px;min-width:264px;border-radius:16px;gap:17px}.score-team strong{font-size:31px}.team-name{font-size:8px}.hud-actions{gap:5px}.icon-button{width:40px;height:40px}.icon-button svg{width:17px;height:17px}.match-status{top:135px;font-size:6px;letter-spacing:1.4px}.bottom-hud{left:18px;right:18px;bottom:max(19px,env(safe-area-inset-bottom))}.control-hint{bottom:27px;font-size:6px;letter-spacing:1px}.mode-badge,.match-stats{font-size:6px}.screen{padding-top:75px}.menu-screen{background:radial-gradient(ellipse 67% 65% at 50% 49%,#20152df0 10%,#21132cdb 48%,#1c1225b3 76%,#17102080)}h1{font-size:97px;letter-spacing:-4px}.title-hockey{letter-spacing:-3.4px}.menu-tagline{font-size:16px}.menu-eyebrow{font-size:7px;letter-spacing:2.1px}.event-banner{top:30%;font-size:45px}}@media(max-width:450px){.game-hud{left:12px;right:12px;top:max(12px,env(safe-area-inset-top))}.brand>span{font-size:16px}.brand-mascot{width:28px;height:28px}.brand,.hud-actions{gap:3px}.icon-button{width:40px;height:40px;background:#281d389e}.icon-button svg{width:16px;height:16px}.scoreboard{top:51px;min-width:252px;padding:8px 15px;gap:14px}.score-team strong{font-size:29px}.team-name{font-size:7px}.match-status{top:122px}.screen{padding:65px 24px 43px}.menu-eyebrow{font-size:6px;letter-spacing:1.8px;margin-bottom:20px;gap:8px}.menu-eyebrow>span{width:12px}h1{font-size:83px;letter-spacing:-3px}.title-hockey{letter-spacing:-2.8px;margin-top:17px}.menu-tagline{font-size:14px;margin-top:25px}.menu-rules{font-size:6px;letter-spacing:1.1px}.spark-one{width:23px;height:23px;right:-26px}.spark-two{width:13px;height:13px;left:-22px}.difficulty-setting{margin-top:29px;width:260px}.difficulty-group{border-radius:15px}.difficulty-group button{font-size:11px}#difficulty-description{font-size:8px}.field-label{font-size:6px}.start-button{width:260px;min-height:57px;font-size:21px;margin-top:21px}.menu-controls{font-size:8px;margin-top:22px}.menu-bottom-note{font-size:6px;letter-spacing:2.1px}.result-card{padding:26px 25px 18px;border-radius:25px}.result-card h2{font-size:34px}.result-card>p{font-size:10px}.event-banner{font-size:37px}}@media(max-width:359px){.brand>span{font-size:14px}.brand-mascot{width:25px;height:25px}.hud-actions{gap:2px}.game-hud{left:9px;right:9px}h1{font-size:74px}.title-hockey{letter-spacing:-2.4px}.menu-tagline{font-size:13px}.difficulty-setting,.start-button{width:248px}.spark-one{right:-20px;width:18px;height:18px}.spark-two{left:-16px;width:11px;height:11px}}@media(max-height:730px){.menu-eyebrow{margin-bottom:16px}h1{font-size:88px}.title-hockey{margin-top:17px}.menu-tagline{margin-top:24px;font-size:15px}.difficulty-setting{margin-top:25px}.start-button{margin-top:19px;min-height:56px}.menu-controls{margin-top:20px}}@media(max-height:640px){.screen{padding-top:61px;padding-bottom:34px}h1{font-size:74px}.title-hockey{margin-top:14px}.menu-eyebrow{margin-bottom:14px;font-size:6px}.menu-tagline{margin-top:22px;font-size:13px}.menu-rules{margin-top:9px;font-size:6px}.difficulty-setting{margin-top:20px}.difficulty-group{margin-top:9px}.difficulty-group button{min-height:40px}#difficulty-description{margin-top:8px;font-size:8px}.start-button{min-height:52px;margin-top:16px;font-size:20px}.menu-controls{margin-top:18px;font-size:8px}.menu-bottom-note{bottom:15px;font-size:5px}.result-card{padding-top:22px;padding-bottom:13px}.result-jelly{margin-block:6px 2px}.result-jelly svg{width:59px;height:59px}.result-card h2{font-size:31px}.result-card>p{margin:14px 0 19px}.result-actions{gap:12px}}@media(max-height:510px)and (min-width:620px){.game-hud{top:12px;left:17px;right:17px}.brand>span{font-size:19px}.scoreboard{top:-1px;padding:8px 15px}.score-team strong{font-size:27px}.match-status{top:76px}.bottom-hud{bottom:13px}.screen{padding:57px 24px 30px}.menu-card{display:grid;grid-template-columns:280px 260px;column-gap:45px;width:585px}.menu-eyebrow{grid-column:1;grid-row:1;margin-bottom:18px;justify-content:center;font-size:6px}.menu-title-wrap{grid-column:1;grid-row:2 / 4}h1{font-size:78px}.menu-tagline{grid-column:1;grid-row:4;margin-top:23px;font-size:13px}.menu-rules{grid-column:1;grid-row:5;justify-content:center;margin-top:9px}.difficulty-setting{grid-column:2;grid-row:1 / 3;margin-top:0;width:260px;align-self:end}.start-button{grid-column:2;grid-row:3 / 5;width:260px;margin-top:22px;align-self:start}.menu-controls{grid-column:2;grid-row:5;justify-content:center;margin-top:0}.menu-bottom-note{bottom:12px}.result-card{width:395px;padding:20px 30px 10px}.result-jelly{display:none}.result-stats{padding-bottom:18px;gap:30px}.result-stats strong{font-size:18px}.result-card h2{margin-top:21px;font-size:30px}.result-card>p{margin:12px 0 18px;font-size:10px}.result-actions{gap:11px}.result-actions .gummy-button{min-height:42px}.result-actions .text-button{min-height:36px}}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}.control-hint>svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bottom-hud:before{content:"";position:fixed;z-index:-1;left:0;right:0;bottom:0;height:76px;background:linear-gradient(transparent,#171020b8 75%);pointer-events:none}.bottom-hud{color:#d2bedd}.control-hint{color:#dcc8e6}.match-stats strong{color:#ead8f3}.event-banner[data-kind=bank]{color:#caffbd;text-shadow:0 4px 0 #568e6a,0 7px 0 #2d4c4d,0 10px 32px #241031}.event-banner[data-kind=bot]{color:#dbc2ff;text-shadow:0 4px 0 #8d62b6,0 7px 0 #56396c,0 10px 32px #241031}.countdown[data-go=true]{color:#d7ffba}@media(max-width:760px){body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .game-hud{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;height:44px;align-items:center}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) :is(.brand,.match-status,#help-button,#fullscreen-button){display:none}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .hud-actions{width:100%;height:44px;justify-content:space-between}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .hud-actions .icon-button{width:40px;height:40px;flex:0 0 40px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .scoreboard{top:0;width:190px;min-width:0;max-width:calc(100% - 96px);height:44px;padding:6px 10px;gap:9px;border-radius:13px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .score-team{gap:4px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .team-name{font-size:6px;letter-spacing:.4px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .team-dot{width:4px;height:4px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .score-team strong{font-size:26px;min-width:18px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .player-team strong{margin-left:3px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .bot-team strong{margin-right:3px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .score-center{gap:3px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .score-center>span{font-size:6px}body:is([data-phase=playing],[data-phase=goal],[data-phase=countdown]) .score-center small{font-size:4px;letter-spacing:.4px}}.gel-settings{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;margin-top:22px;padding-top:18px;border-top:1px solid #b995b72b}.gel-settings label{color:#e4c9dc;font-size:14px;font-weight:600}.gel-settings select{min-height:40px;max-width:100%;padding:7px 12px;border:1px solid #ac81a85c;border-radius:10px;background:#35243e;color:#fff0e9;font:inherit;font-size:13px;cursor:pointer;color-scheme:dark}.gel-settings select:focus-visible{outline:2px solid #dfc5ff;outline-offset:3px}.gel-settings p{grid-column:1 / -1;margin:0;color:#b8a2bb;font-size:12px;line-height:1.5}.game-stage .arena-vignette{opacity:.45}@media(max-width:340px){.gel-settings{grid-template-columns:1fr}.gel-settings select{width:100%}}