@font-face{font-family:"Baloo 2";src:url(../assets/font/baloo2/Baloo2-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/font/baloo2/Baloo2-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/font/baloo2/Baloo2-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/font/baloo2/Baloo2-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/font/baloo2/Baloo2-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--sp-rail-width: 64px;--sea-light: #28b9e6;--sea-dark: #083367;--menu-surface: #083367;--menu-surface-container: #12345b;--menu-surface-high: #1d558a;--menu-surface-highest: #3086ce;--menu-surface-lowest: #0e2e52;--menu-bright: #3688d0;--menu-accent: #a2ee38;--menu-accent-deep: #3c8209;--menu-accent-shadow: #49930a;--menu-text: #ffffff;--menu-text-soft: #e0f2fe;--menu-text-muted: #bae6fd;--menu-placeholder: #7dd3fc;--play-top: #b2f63f;--play-mid: #76db17;--play-bottom: #62bd10;--play-border: #b8ff4b;--ping-good: #59e81b;--ping-ok: #a2ee38;--ping-bad: #ff5722;--ping-offline: #94a3b8;--font-menu: "Baloo 2", "Quicksand", system-ui, sans-serif;--primary-color: #00ffcc;--primary-glow: rgba(0, 255, 204, .6);--secondary-color: #ff00cc;--secondary-glow: rgba(255, 0, 204, .6);--bg-dark: #0a0a14;--bg-glass: rgba(15, 15, 25, .7);--bg-glass-hover: rgba(25, 25, 40, .85);--border-glass: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a0a0b0;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);overflow:hidden;height:100vh;height:var(--app-height, 100vh);height:100dvh;width:100%}#app{position:relative;width:100%;height:100%}#game-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;font-family:var(--font-menu);color:var(--menu-text);background-color:var(--menu-surface);background-image:url(../assets/background/main-menu-background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;transition:opacity .5s ease,visibility .5s;overflow:hidden}.ui-layer.hidden{opacity:0;visibility:hidden;pointer-events:none}.top-bar{width:100%;padding:clamp(12px,2.5vh,20px) clamp(16px,3vw,24px);padding-top:max(clamp(12px,2.5vh,20px),env(safe-area-inset-top,0px));padding-right:max(clamp(16px,3vw,24px),env(safe-area-inset-right,0px));display:flex;justify-content:flex-end}.icon-btn{background:transparent;border:none;border-radius:50%;width:clamp(40px,5vmin,48px);height:clamp(40px,5vmin,48px);padding:0;display:flex;align-items:center;justify-content:center;color:var(--menu-text);cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .3s ease}.icon-btn svg{width:80%;height:80%}.icon-btn:hover{transform:rotate(45deg)}.icon-btn:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}.main-menu-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;width:100%;--logo-size: clamp(280px, 35vw, 520px);padding:0 clamp(16px,4vw,40px) clamp(16px,6vh,72px);min-height:0;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.main-menu-content::-webkit-scrollbar{display:none}.brand{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;position:relative;z-index:2;margin-bottom:clamp(10px,2vh,22px)}.float-anim{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-logo{display:block;width:var(--logo-size);max-width:100%;height:auto;aspect-ratio:1376 / 768;object-fit:contain}.login-card{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vh,14px);width:100%;max-width:clamp(360px,28vw,420px);padding:clamp(20px,3vh,32px) clamp(18px,2vw,28px) clamp(20px,3vh,32px);background:radial-gradient(circle at 50% 38%,#44b2ed8c,#1166b9bf 75%,#06448ee0);border:2.5px solid rgba(255,255,255,.55);border-radius:clamp(36px,4vw,52px);box-shadow:0 0 35px #2daaf073,inset 0 0 20px #ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.login-card>*{width:100%;max-width:300px}button{font-family:var(--font-heading);font-weight:600;border:none;cursor:pointer;border-radius:12px;transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center;gap:8px}.ui-layer button,.side-panel button,.servers-modal button,.settings-modal button,.connecting-overlay button,.auth-overlay button{font-family:var(--font-menu)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:16px;color:var(--menu-text-muted);pointer-events:none}#nickname-input{width:100%;height:48px;padding:2px 44px 0;font-size:1.125rem;font-family:var(--font-menu);font-weight:700;letter-spacing:.02em;text-align:center;color:var(--menu-text);background:linear-gradient(180deg,var(--menu-surface-high) 0%,#174270 100%);border:2px solid rgba(135,206,250,.6);border-radius:999px;outline:none;box-shadow:inset 0 3px 6px #00000059,0 2px 4px #0003;transition:var(--transition-fast)}#nickname-input::placeholder{color:var(--menu-placeholder);font-weight:600}#nickname-input:focus{border-color:var(--sea-light);box-shadow:inset 0 3px 6px #00000059,0 0 0 3px #28b9e659}.servers-btn{width:100%;max-width:220px;height:40px;padding:2px 14px 0;font-family:var(--font-menu);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:lowercase;color:var(--menu-text);background:linear-gradient(180deg,#4fa5ea 0%,var(--menu-surface-highest) 100%);border-radius:16px;box-shadow:inset 0 1px 2px #ffffff80,0 3px 6px #00000040;transition:filter .1s,transform .1s}.servers-btn:hover{filter:brightness(1.08)}.servers-btn:active{transform:translateY(2px)}.server-indicator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:auto;max-width:100%;padding:5px 20px 4px;font-family:var(--font-menu);font-size:.9rem;font-weight:600;letter-spacing:.02em;background:#0e2e52d9;border-radius:999px;box-shadow:inset 0 2px 4px #0000004d;transition:color var(--transition-fast)}.server-indicator-globe{flex-shrink:0;opacity:.9}.server-indicator-label{color:var(--menu-text-soft);font-weight:600}.server-indicator-name{color:var(--menu-text);font-weight:700}.server-indicator-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.server-indicator-ping{font-weight:700;font-variant-numeric:tabular-nums;min-width:5.5ch;text-align:right}.server-indicator[data-tier=good]{color:var(--ping-good)}.server-indicator[data-tier=ok]{color:var(--ping-ok)}.server-indicator[data-tier=high],.server-indicator[data-tier=bad]{color:var(--ping-bad)}.server-indicator[data-tier=offline]{color:var(--ping-offline)}.server-indicator[data-tier=measuring]{color:var(--menu-text-muted)}.server-indicator[data-tier=measuring] .server-indicator-ping{animation:server-indicator-pulse 1.2s ease-in-out infinite}@keyframes server-indicator-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.server-indicator[data-tier=measuring] .server-indicator-ping{animation:none}}.servers-modal{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;visibility:visible;opacity:1;transition:var(--transition-fast)}.servers-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.servers-modal-backdrop{position:absolute;inset:0;background:#083367b3;backdrop-filter:blur(4px)}.servers-card{position:relative;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;padding:24px;background:#12345bf0;border:2px solid var(--menu-bright);border-radius:28px;box-shadow:0 6px 16px #0006,0 0 35px #2daaf04d;font-family:var(--font-menu)}.servers-card-header{display:flex;align-items:center;justify-content:space-between}.servers-card-header h2{margin:0;font-size:1.7rem;font-weight:800;color:var(--menu-text);text-shadow:0 2px 0 var(--sea-dark)}.servers-icon-btn{width:40px;height:40px;border-radius:50%;background:var(--menu-surface-high);color:var(--menu-text-muted);border-bottom:3px solid rgba(0,0,0,.25);transition:transform .1s,border-bottom-width .1s,background .15s,color .15s}.servers-icon-btn:hover{background:var(--menu-surface-highest);color:var(--menu-text)}.servers-icon-btn:active{transform:translateY(2px);border-bottom-width:2px}.servers-header-actions{display:flex;align-items:center;gap:8px}.servers-refresh-btn:disabled{cursor:default}.servers-refresh-btn.measuring svg{animation:servers-refresh-spin .9s linear infinite}@keyframes servers-refresh-spin{to{transform:rotate(360deg)}}.servers-cards-list.hidden{display:none}.servers-cards-list{list-style:none;margin:0;padding:0 8px 0 0;display:flex;flex-direction:column;gap:8px;max-height:min(60vh,460px);overflow-y:auto}.servers-cards-list::-webkit-scrollbar{width:6px}.servers-cards-list::-webkit-scrollbar-track{background:var(--menu-surface-lowest);border-radius:8px}.servers-cards-list::-webkit-scrollbar-thumb{background:var(--menu-surface-high);border-radius:8px}.servers-cards-list::-webkit-scrollbar-thumb:hover{background:var(--menu-bright)}.server-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#0e2e52b3;border:2px solid transparent;border-bottom:4px solid rgba(0,0,0,.2);border-radius:16px;cursor:pointer;transition:transform .12s,background .15s,border-color .15s}.server-item:hover{background:var(--menu-surface-high);transform:scale(1.02);border-color:#87cefa80}.server-item:active{transform:scale(.98)}.server-item.selected{border-color:var(--menu-accent);background:#a2ee381a}.server-card-left{display:flex;align-items:center;gap:16px}.server-globe{width:48px;height:48px;border-radius:50%;background:var(--menu-surface-lowest);display:flex;align-items:center;justify-content:center;color:var(--menu-text-muted);flex-shrink:0;transition:var(--transition-fast)}.server-item:hover .server-globe,.server-item.selected .server-globe{background:#a2ee3833;color:var(--menu-accent)}.server-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.server-region{font-size:1.15rem;font-weight:700;color:var(--menu-text);transition:var(--transition-fast)}.server-item:hover .server-region,.server-item.selected .server-region{color:var(--menu-accent)}.server-status{font-size:.82rem;font-weight:600;color:var(--menu-text-muted)}.server-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.server-recommended{padding:2px 8px 1px;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;color:var(--menu-accent-deep);background:var(--menu-accent);border-radius:999px;white-space:nowrap}.server-recommended.hidden{display:none}.server-item[data-tier=offline] .server-status{color:var(--ping-bad)}.server-ping-wrap{display:flex;align-items:center;gap:8px;color:var(--menu-text-muted);flex-shrink:0}.server-ping{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:5.5ch;text-align:right}.server-item[data-tier=good] .server-ping-wrap{color:var(--ping-good)}.server-item[data-tier=ok] .server-ping-wrap{color:var(--ping-ok)}.server-item[data-tier=high] .server-ping-wrap,.server-item[data-tier=bad] .server-ping-wrap{color:var(--ping-bad)}.server-item[data-tier=offline] .server-ping-wrap{color:var(--ping-offline)}.server-item[data-tier=offline]{opacity:.7}.server-ping.measuring{animation:server-indicator-pulse 1.2s ease-in-out infinite}.servers-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center;background:#0e2e52b3;border-radius:16px}.servers-error.hidden{display:none}.servers-error-icon{font-size:40px;color:var(--ping-offline)}.servers-error-text{margin:0;font-size:.95rem;font-weight:600;line-height:1.4;color:var(--menu-text-soft)}@media (prefers-reduced-motion: reduce){.server-ping.measuring,.servers-refresh-btn.measuring svg{animation:none}}.servers-card-footer{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid rgba(54,136,208,.35)}.servers-confirm-btn{padding:11px 32px 9px;font-family:var(--font-menu);font-size:1rem;font-weight:800;letter-spacing:.04em;color:var(--menu-text);text-shadow:0 1px 0 rgba(0,0,0,.2);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border:2px solid var(--play-border);border-radius:999px;box-shadow:0 4px 0 var(--menu-accent-deep),inset 0 2px 3px #fff9;transition:transform .1s,filter .15s,box-shadow .1s}.servers-confirm-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.servers-confirm-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--menu-accent-deep)}.play-btn{width:100%;max-width:295px;height:clamp(52px,7vh,64px);padding:4px 24px 0;margin-bottom:8px;font-family:var(--font-menu);font-size:clamp(1.75rem,1.2vw + 1.3rem,2.25rem);font-weight:800;line-height:1;letter-spacing:.06em;color:var(--menu-text);text-shadow:0 2px 0 rgba(255,255,255,.45),0 -1.5px 0 rgba(0,0,0,.15);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border:3px solid var(--play-border);border-radius:28px;box-shadow:0 8px 0 var(--menu-accent-deep),0 14px 18px #00000059,inset 0 2px 4px #ffffffb3;transition:all .1s ease-in-out}.play-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.play-btn:active{transform:translateY(6px);box-shadow:0 2px 0 var(--menu-accent-deep),0 5px 8px #00000059}.menu-footer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(8px,1.4vh,14px) 56px;padding-bottom:max(clamp(8px,1.4vh,14px),env(safe-area-inset-bottom,0px));text-align:center;background:#173b6acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(56,189,248,.4)}.menu-footer-brand{font-family:var(--font-menu);font-size:clamp(.9rem,.4vw + .8rem,1.05rem);font-weight:800;letter-spacing:.1em;color:var(--menu-text-muted);text-shadow:0 1px 2px rgba(0,0,0,.35)}.menu-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}.menu-footer-links a{font-size:.72rem;font-weight:600;color:var(--menu-text-muted);opacity:.8;text-decoration:none;transition:var(--transition-fast)}.menu-footer-links a:hover{color:var(--menu-text);opacity:1;text-decoration:underline}.menu-footer-copy{font-size:.68rem;color:var(--menu-text-muted);opacity:.65}.modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;transition:var(--transition-fast)}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px)}.modal-content{position:relative;width:90%;max-width:500px;background:var(--bg-dark);border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;transform:translateY(0) scale(1);transition:var(--transition-bounce)}.modal.hidden .modal-content{transform:translateY(20px) scale(.95)}.modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.modal-header h2{font-family:var(--font-heading);font-size:1.5rem;margin:0;color:var(--text-main)}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:2rem;line-height:1;padding:0;width:32px;height:32px;border-radius:50%;transition:var(--transition-fast)}.close-btn:hover{color:var(--text-main);background:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-controls-section{width:100%;background:#00000040;border:1px solid var(--border-glass);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(6px)}.mc-section-header{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted)}.mc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mc-label{font-size:.92rem;color:var(--text-main);flex-shrink:0}.mc-side-picker{display:flex;gap:8px}.mc-side-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:.82rem;font-family:var(--font-body);font-weight:600;background:var(--bg-glass);color:var(--text-muted);border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.mc-side-btn.active{background:#00ffcc1f;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 10px #00ffcc26}.mc-size-row{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}#mc-scale-display{font-size:.88rem;font-family:monospace;color:var(--primary-color);min-width:38px;text-align:right}#mc-scale-slider{-webkit-appearance:none;appearance:none;width:110px;height:3px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer}#mc-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px var(--primary-glow);cursor:pointer;border:2px solid rgba(255,255,255,.3)}#mc-scale-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);border:2px solid rgba(255,255,255,.3);cursor:pointer}.connecting-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));overflow:hidden;font-family:var(--font-menu);color:var(--menu-text);background:var(--menu-surface);opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s}.connecting-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.connecting-overlay:before{content:"";position:absolute;inset:-24px;background:url(../assets/background/main-menu-background.png) center bottom / cover no-repeat;filter:blur(6px) brightness(1.05)}.connecting-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,51,103,.4) 0%,transparent 50%,rgba(40,185,230,.2) 100%);pointer-events:none}.connecting-portal{--portal-size: min(470px, 88vw, calc(100vh - 150px) );position:relative;z-index:1;container-type:inline-size;width:var(--portal-size);max-width:100%;aspect-ratio:1 / 1;margin-top:calc(var(--portal-size) * .136);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 calc(var(--portal-size) * .08) calc(var(--portal-size) * .09);text-align:center;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:linear-gradient(180deg,#28b9e659,#3086ce4d,#08336773);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 5px #ffffff59,0 0 40px #28b9e640,0 0 45px #ffffff2e,inset 0 0 25px #ffffff1f;animation:connecting-portal-pulse 5s ease-in-out infinite}@supports (height: 100dvh){.connecting-portal{--portal-size: min(470px, 88vw, calc(100dvh - 150px) )}}.connecting-portal:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffff73;pointer-events:none}@keyframes connecting-portal-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.015);opacity:1}}.connecting-mascot{position:relative;z-index:2;width:60cqi;aspect-ratio:1 / 1;margin-top:-13.6cqi;filter:drop-shadow(0 10px 18px rgba(8,51,103,.55))}.connecting-mascot img{display:block;width:100%;height:100%;object-fit:contain}.connecting-status{display:flex;flex-direction:column;align-items:center;gap:3.4cqi;width:100%}.connecting-title{margin:0;font-size:clamp(1.1rem,6cqi,1.9rem);font-weight:800;line-height:1.15;letter-spacing:.02em;color:var(--menu-text);text-shadow:0 2px 4px rgba(0,0,0,.3)}.connecting-server{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:5px 22px 3px;font-size:clamp(.8rem,3.2cqi,.95rem);font-weight:700;line-height:1.3;background:#083367bf;border:1px solid rgba(125,211,252,.25);border-radius:999px;box-shadow:inset 0 2px 4px #00000040}.connecting-server-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--menu-text)}.connecting-server-divider{flex-shrink:0;width:1px;height:1.1em;background:#7dd3fc66}.connecting-ping{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--ping-good);font-variant-numeric:tabular-nums}.connecting-ping-icon{width:16px;height:14px;margin-bottom:2px;fill:currentColor}#conn-ping-value{min-width:4.5ch;text-align:left}.connecting-progress{width:min(305px,72cqi);height:clamp(14px,4.7cqi,22px);padding:3px;background:#0e2e52cc;border:1px solid rgba(54,136,208,.25);border-radius:999px;box-shadow:inset 0 2px 4px #00000080;overflow:hidden}.connecting-progress-fill{position:relative;width:0%;height:100%;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,var(--sea-light) 0%,var(--ping-good) 100%);box-shadow:0 0 16px #28b9e6a6;transition:width .45s ease-out}.connecting-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);background-size:200% 100%;animation:connecting-shimmer 1.6s linear infinite}@keyframes connecting-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.connecting-cancel-btn{position:relative;z-index:2;min-width:min(160px,40cqi);min-height:44px;padding:.5em 1.6em .4em;font-size:clamp(1rem,4cqi,1.2rem);font-weight:800;letter-spacing:.03em;color:var(--menu-text);text-shadow:0 1px 1px rgba(0,0,0,.25);background:var(--ping-bad);border:none;border-radius:999px;box-shadow:0 4px #00000047,0 8px 15px #00000040,inset 0 2px 3px #fff6;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease}.connecting-cancel-btn:hover{filter:brightness(1.08)}.connecting-cancel-btn:active{transform:translateY(2px);box-shadow:0 1px #00000047,0 3px 6px #00000040}.connecting-cancel-btn:focus-visible{outline:3px solid var(--sea-light);outline-offset:3px}@media (max-height: 500px){.connecting-overlay{padding-top:8px;padding-bottom:8px}.connecting-portal{--portal-size: min(470px, 88vw, calc(100vh - 90px) )}.connecting-status{gap:2.6cqi}}@supports (height: 100dvh){@media (max-height: 500px){.connecting-portal{--portal-size: min(470px, 88vw, calc(100dvh - 90px) )}}}@media (min-width: 2200px) and (min-height: 1200px){.connecting-portal{--portal-size: 600px}}@media (prefers-reduced-motion: reduce){.connecting-portal,.connecting-progress-fill:after{animation:none}.connecting-progress-fill{transition:none}}.gameover-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);padding-top:max(clamp(12px,3vw,24px),env(safe-area-inset-top,0px));padding-bottom:max(clamp(12px,3vw,24px),env(safe-area-inset-bottom,0px));overflow-y:auto;font-family:var(--font-menu);color:var(--menu-text);background:var(--menu-surface);opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s}.gameover-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.gameover-overlay:before{content:"";position:fixed;inset:-24px;background:url(../assets/background/main-menu-background.png) center bottom / cover no-repeat;filter:blur(6px) brightness(.9)}.gameover-overlay:after{content:"";position:fixed;inset:0;background:linear-gradient(to top,#0833678c,#08336740,#28b9e626);pointer-events:none}.gameover-card{position:relative;z-index:1;margin:auto;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,22px);padding:clamp(20px,3vh,32px) clamp(18px,4vw,36px) clamp(20px,3vh,32px);text-align:center;background:linear-gradient(180deg,#28b9e659,#3086ce4d,#08336773);border:2px solid rgba(255,255,255,.55);border-radius:clamp(28px,4vw,38px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px -10px #0833678c,0 0 35px 2px #28b9e640}.gameover-logo{width:clamp(104px,22vmin,176px);aspect-ratio:1 / 1;filter:drop-shadow(0 10px 18px rgba(8,51,103,.55))}.gameover-logo img{display:block;width:100%;height:100%;object-fit:contain}.gameover-title{margin:0;font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--menu-text);-webkit-text-stroke:1.5px var(--sea-dark);text-shadow:0 3px 0 var(--sea-dark),0 6px 14px rgba(0,0,0,.35)}.gameover-stats{display:flex;align-items:stretch;width:100%;padding:clamp(10px,1.6vh,16px) clamp(6px,1.5vw,12px);background:linear-gradient(180deg,#12345bf2,#083367f2);border:1px solid rgba(54,136,208,.35);border-radius:clamp(16px,2vw,22px);box-shadow:inset 0 2px 4px #ffffff1a,0 10px 25px #08336773}.gameover-stat{flex:1 1 0;min-width:0;padding:0 clamp(4px,1vw,10px)}.gameover-stat+.gameover-stat{border-left:1px solid rgba(125,211,252,.2)}.gameover-stat-label{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 2px;font-size:clamp(.62rem,2.2vw,.72rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--menu-text-muted)}.gameover-stat-main .gameover-stat-label{color:var(--menu-placeholder)}.gameover-stat-icon{flex-shrink:0;width:auto;height:.95em;object-fit:contain}.gameover-stat-value{margin:0;font-size:clamp(1.15rem,4.4vw,1.6rem);font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--menu-text)}.gameover-score-value{font-size:clamp(1.6rem,6.4vw,2.3rem);color:var(--ping-good);text-shadow:0 2px 8px rgba(89,232,27,.4)}.gameover-actions{display:flex;flex-direction:column;gap:clamp(10px,1.6vh,14px);width:100%}.gameover-btn-primary,.gameover-btn-secondary{width:100%;font-family:var(--font-menu);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--menu-text);border:none;border-radius:999px;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease}.gameover-btn-primary{min-height:54px;padding:4px 24px 0;font-size:clamp(1.15rem,4.5vw,1.45rem);text-shadow:0 2px 0 rgba(0,0,0,.2);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border:2px solid var(--play-border);box-shadow:0 6px 0 var(--menu-accent-deep),0 10px 18px #00000059,inset 0 2px 3px #fff9}.gameover-btn-secondary{min-height:46px;padding:3px 24px 0;font-size:clamp(.95rem,3.6vw,1.1rem);background:linear-gradient(180deg,var(--menu-surface-high) 0%,var(--menu-surface-lowest) 100%);border:2px solid rgba(135,206,250,.6);box-shadow:0 5px 0 var(--sea-dark),0 10px 18px #0000004d}.gameover-btn-primary:hover,.gameover-btn-secondary:hover{filter:brightness(1.06)}.gameover-btn-primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--menu-accent-deep),0 4px 8px #0000004d}.gameover-btn-secondary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--sea-dark),0 4px 8px #0000004d}.gameover-btn-primary:focus-visible,.gameover-btn-secondary:focus-visible,.gameover-link:focus-visible{outline:3px solid var(--sea-light);outline-offset:3px}.gameover-links{display:flex;justify-content:center;gap:clamp(20px,6vw,32px)}.gameover-link{display:flex;align-items:center;gap:6px;padding:4px;font-family:var(--font-menu);font-size:.85rem;font-weight:700;color:var(--menu-text-soft);background:none;border:none;opacity:.85;transition:color .15s ease,opacity .15s ease}.gameover-link:hover{color:var(--menu-text);opacity:1}.gameover-link .material-symbols-outlined{font-size:18px}@media (max-width: 360px){.gameover-stat-icon{display:none}.gameover-stat-label{letter-spacing:.04em;font-size:.6rem}.gameover-stat{padding:0 4px}}@media (max-height: 560px){.gameover-card{gap:10px;padding:14px 20px 18px;max-width:460px}.gameover-logo{width:clamp(72px,18vmin,104px)}.gameover-title{font-size:clamp(1.4rem,4.5vw,1.9rem)}.gameover-btn-primary{min-height:46px}.gameover-btn-secondary{min-height:40px}.gameover-links{display:none}}@media (prefers-reduced-motion: reduce){.gameover-btn-primary,.gameover-btn-secondary{transition:none}}.settings-modal{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);font-family:var(--font-menu);color:var(--menu-text);visibility:visible;opacity:1;transition:var(--transition-fast)}.settings-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.settings-modal-backdrop{position:absolute;inset:0;background:#08336773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-card{position:relative;width:100%;max-width:490px;max-height:calc(100vh - (2*clamp(12px,3vw,24px)));max-height:calc(100dvh - (2*clamp(12px,3vw,24px)));display:flex;flex-direction:column;padding:24px clamp(20px,4vw,28px) clamp(20px,4vw,28px);background:linear-gradient(180deg,var(--sea-light) 0%,var(--menu-surface-highest) 28%,var(--menu-surface-high) 72%,var(--menu-surface) 100%);border:2.5px solid rgba(255,255,255,.6);border-radius:38px;box-shadow:0 25px 50px -12px #083367bf,inset 0 3px 6px #ffffffb3,inset 0 -8px 16px #08336799;transition:transform .2s ease}.settings-modal.hidden .settings-card{transform:scale(.96)}.settings-card:before{content:"";position:absolute;top:4px;left:32px;right:32px;height:6px;border-radius:999px;background:#fff6;filter:blur(1px);pointer-events:none}.settings-close-btn{position:absolute;top:-14px;right:-14px;z-index:2;width:44px;height:44px;padding:0;color:var(--menu-text);background:var(--ping-bad);border:2px solid var(--menu-text);border-radius:50%;box-shadow:0 4px #00000059,0 6px 10px #00000059,inset 0 2px 3px #ffffff73;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease}.settings-close-btn svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.settings-close-btn:hover{filter:brightness(1.1)}.settings-close-btn:active{transform:translateY(3px);box-shadow:0 1px #00000059,0 3px 5px #0000004d}.settings-header{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin:4px 0 20px;text-align:center}.settings-title{margin:0;font-size:clamp(1.9rem,1vw + 1.5rem,2.125rem);font-weight:800;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--menu-text);text-shadow:0 3px 2px rgba(8,51,103,.85)}.settings-title:after{content:"";display:block;width:112px;height:6px;margin:6px auto 0;border-radius:999px;background:#ffffffe6;box-shadow:0 2px 3px #00000040}.settings-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;margin:0 -6px;padding:2px 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.settings-body::-webkit-scrollbar{width:6px}.settings-body::-webkit-scrollbar-track{background:transparent}.settings-body::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:8px}.settings-group{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}.settings-section-title{margin:0 0 8px;padding:0 0 0 4px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--menu-text-soft);text-shadow:0 1px 1px rgba(8,51,103,.6)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:4px 8px 4px 18px;background:#0e2e52b8;border:1px solid rgba(54,136,208,.5);border-radius:999px;box-shadow:inset 0 3px 6px #00000073,0 1px 2px #fff3;transition:background .15s ease}.settings-row:hover{background:#0e2e52d9}.settings-row-label{padding-top:2px;font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:.02em;white-space:nowrap;color:var(--menu-text);text-shadow:0 1px 1px rgba(0,0,0,.25)}.settings-row-range{padding-right:18px}.settings-row-range .settings-row-label{flex:0 0 auto;min-width:7.25rem}.settings-switch{position:relative;flex-shrink:0;display:inline-block;width:56px;height:28px;margin-right:6px;cursor:pointer}.settings-switch:after{content:"";position:absolute;inset:-8px -6px}.settings-switch input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.settings-switch-track{position:absolute;inset:0;border-radius:999px;background:var(--ping-offline);box-shadow:inset 0 2px 4px #0006;transition:background .2s ease}.settings-switch-track:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,var(--menu-text) 0%,var(--menu-text-soft) 100%);border:1px solid var(--menu-text);box-shadow:0 2px 4px #0000004d;transition:transform .2s ease-in-out}.settings-switch input:checked+.settings-switch-track{background:var(--play-mid);box-shadow:inset 0 2px 4px #0000004d}.settings-switch input:checked+.settings-switch-track:before{transform:translate(28px)}.settings-switch input:focus-visible+.settings-switch-track{outline:3px solid var(--sea-light);outline-offset:2px}.settings-range{--fill: 50%;flex:1 1 auto;min-width:0;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.settings-range:focus{outline:none}.settings-range::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--play-mid) 0%,var(--menu-accent) var(--fill),var(--ping-offline) var(--fill));box-shadow:inset 0 1px 2px #00000059}.settings-range::-moz-range-track{height:10px;border-radius:999px;background:var(--ping-offline);box-shadow:inset 0 1px 2px #00000059}.settings-range::-moz-range-progress{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--play-mid),var(--menu-accent))}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-5px;border-radius:50%;background:linear-gradient(180deg,var(--menu-text) 0%,var(--menu-text-soft) 100%);border:2px solid var(--menu-text-muted);box-shadow:0 2px 5px #00000059,inset 0 1px 2px #ffffffe6;transition:transform .1s ease}.settings-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,var(--menu-text) 0%,var(--menu-text-soft) 100%);border:2px solid var(--menu-text-muted);box-shadow:0 2px 5px #00000059}.settings-range:hover::-webkit-slider-thumb,.settings-range:active::-webkit-slider-thumb{transform:scale(1.15)}.settings-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--sea-light);outline-offset:2px}.settings-range:focus-visible::-moz-range-thumb{outline:3px solid var(--sea-light);outline-offset:2px}.settings-value{flex:0 0 3.25rem;padding-top:2px;text-align:right;font-size:1rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--menu-text);text-shadow:0 1px 1px rgba(0,0,0,.25)}.settings-button-group{display:flex;align-items:center;flex-shrink:0;gap:6px}.settings-group-btn{min-width:64px;height:34px;padding:2px 14px 0;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--menu-text-soft);background:transparent;border:1px solid transparent;border-radius:999px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.settings-group-btn:hover:not(.active){color:var(--menu-text);background:#ffffff14}.settings-group-btn.active{font-weight:800;color:var(--menu-text);text-shadow:0 1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 100%);border-color:#b8ff4b99;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff80}.settings-group-btn:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}.settings-footer{display:flex;align-items:center;flex-shrink:0;gap:14px;margin-top:24px}.settings-save-btn,.settings-reset-btn{height:50px;padding:3px 16px 0;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--menu-text);border-radius:999px;transition:transform .1s ease,filter .15s ease,box-shadow .1s ease}.settings-save-btn{flex:1 1 auto;text-shadow:0 2px 0 rgba(0,0,0,.2);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border:2px solid var(--play-border);box-shadow:0 6px 0 var(--menu-accent-deep),0 10px 14px #00000059,inset 0 2px 3px #fff9}.settings-reset-btn{flex:0 0 auto;min-width:7.5rem;background:linear-gradient(180deg,var(--menu-surface-high) 0%,var(--menu-surface-lowest) 100%);border:2px solid rgba(135,206,250,.6);box-shadow:0 6px 0 var(--sea-dark),0 10px 14px #00000059}.settings-save-btn:hover,.settings-reset-btn:hover{filter:brightness(1.08)}.settings-save-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--menu-accent-deep),0 4px 6px #0000004d}.settings-reset-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--sea-dark),0 4px 6px #0000004d}.settings-save-btn:focus-visible,.settings-reset-btn:focus-visible,.settings-close-btn:focus-visible{outline:3px solid var(--sea-light);outline-offset:3px}@media (max-width: 768px){.settings-modal{z-index:56;padding:0;align-items:stretch}.settings-card{max-width:none;height:100%;max-height:none;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 20px);border:none;border-radius:0}.settings-card:before{display:none}.settings-close-btn{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px}.settings-header{margin-bottom:16px}.settings-body{gap:20px}.settings-row{min-height:56px}.settings-group-btn{height:44px;min-width:72px}.settings-range{height:44px}.settings-footer{margin-top:16px}.settings-save-btn,.settings-reset-btn{height:52px}}@media (max-width: 420px){.settings-row{padding-left:16px}.settings-row-range{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label  value" "slider slider";row-gap:0;padding:10px 18px 2px;border-radius:24px}.settings-row-range .settings-row-label{grid-area:label;min-width:0}.settings-row-range .settings-value{grid-area:value}.settings-row-range .settings-range{grid-area:slider;width:100%}}@media (max-height: 500px) and (min-width: 769px){.settings-modal{padding:8px}.settings-card{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:14px 24px 18px;border-radius:28px}.settings-close-btn{top:6px;right:6px}.settings-header{margin:0 0 10px}.settings-title{font-size:1.5rem}.settings-title:after{height:4px;margin-top:3px}.settings-body{gap:10px}.settings-row{min-height:44px}.settings-footer{margin-top:14px}.settings-save-btn,.settings-reset-btn{height:44px}}@media (prefers-reduced-motion: reduce){.settings-card,.settings-switch-track,.settings-switch-track:before,.settings-range::-webkit-slider-thumb{transition:none}}@media (max-width: 768px){.main-menu-content{--logo-size: min(62vw, 420px);padding:0 16px 3vh calc(16px + var(--sp-rail-width))}:root,.side-panel{--sp-rail-width: 52px}.login-card{max-width:min(420px,100%);border-radius:40px}}@media (max-width: 480px){.main-menu-content{--logo-size: min(72vw, 330px)}}@media (max-width: 480px),(max-height: 700px){.main-menu-content{--logo-size: min(58vw, 260px)}.login-card{gap:8px;padding:14px 14px 16px}.auth-tabs{padding:3px}.auth-tab{padding:7px 8px;font-size:.72rem}.auth-tab-icon{font-size:16px}.social-providers{gap:8px}.social-btn{padding:8px 12px;font-size:.82rem;min-height:38px}.social-btn .social-btn-icon{width:18px;height:18px}#auth-pane-social .auth-pane-hint{display:none}.auth-pane{gap:8px}.auth-pane-hint{font-size:.72rem;line-height:1.25}.login-input{padding:10px 14px 10px 40px;font-size:.9rem}#play-btn{padding:10px 18px;font-size:1.35rem}.servers-btn{padding:8px 14px;font-size:.8rem}}@media (max-width: 400px){.login-card{padding-left:12px;padding-right:12px;border-radius:32px}.social-btn{font-size:.76rem;padding:8px 10px;white-space:nowrap}.social-btn .social-btn-icon{width:16px;height:16px}.server-indicator{font-size:.82rem;padding:4px 14px 3px}.server-indicator-label{display:none}.menu-footer-links{gap:0 12px}}@media (min-width: 2200px) and (min-height: 1200px){.main-menu-content{--logo-size: 620px}.login-card{max-width:500px}.login-card>*{max-width:360px}.side-panel{--sp-width: 440px}}@media (max-height: 500px){.top-bar{padding:10px 20px}.icon-btn{width:36px;height:36px}.main-menu-content{flex-direction:row;align-items:center;justify-content:center;justify-content:safe center;gap:28px;padding:0 16px}.main-menu-content{--logo-size: min(38vw, 300px)}.brand{width:auto;flex-shrink:0;margin-bottom:0}.float-anim{animation:none}.login-card{gap:8px;max-width:min(340px,50vw);padding:16px 18px;border-radius:32px}#nickname-input{height:40px;font-size:1rem}.servers-btn{height:34px}.server-indicator{padding:3px 14px 2px;font-size:.8rem}.server-indicator-label{display:none}.play-btn{height:46px;margin-bottom:5px;font-size:1.5rem;box-shadow:0 5px 0 var(--menu-accent-deep),0 8px 12px #0000004d,inset 0 2px 4px #ffffffb3}.menu-footer{display:none}}#app:fullscreen,#app:-webkit-full-screen{width:100%;height:100%;background-color:var(--bg-dark)}html.view-maximized,html.view-maximized body{overflow:hidden;overscroll-behavior:none}html.view-maximized #app{position:fixed;inset:0;width:100%;height:100vh;height:var(--app-height, 100vh);height:100dvh;z-index:1}[data-fullscreen-toggle][hidden]{display:none!important}.settings-wrapper{display:flex;align-items:center;gap:4px}.fullscreen-btn .material-symbols-outlined{font-size:clamp(28px,3.8vmin,34px)}.fullscreen-btn:hover{transform:scale(1.08)}.hud-fullscreen-btn{padding:5px 8px 4px}.fs-notice{position:fixed;left:50%;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 12px));transform:translate(-50%);z-index:75;display:flex;align-items:flex-start;gap:10px;width:min(460px,calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:12px 12px 12px 14px;font-family:var(--font-menu);color:var(--menu-text);background:#0c2c50f5;border:1px solid rgba(135,206,250,.45);border-radius:16px;box-shadow:0 8px 24px #0006}.fs-notice.hidden{display:none}.fs-notice-icon{flex-shrink:0;font-size:22px;color:var(--menu-accent, #a2ee38)}.fs-notice-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fs-notice-title{font-size:.9rem;font-weight:800}.fs-notice-body{font-size:.8rem;line-height:1.45;color:var(--menu-text-soft, #e0f2fe)}.fs-notice-close{flex-shrink:0;align-self:center;padding:6px 12px 5px;font-family:var(--font-menu);font-size:.75rem;font-weight:800;color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border:0;border-radius:999px;cursor:pointer}.fs-notice-close:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}.game-hud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-menu);color:var(--menu-text)}.game-hud.hidden{display:none}.hud-bubbly-panel{background:#12345be0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 15px #0833674d;pointer-events:auto}.hud-top-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;text-shadow:0 1px 1px rgba(0,0,0,.7)}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.hud-left-top{display:flex;align-items:flex-start;gap:8px}.hud-exit-btn{display:flex;align-items:center;gap:6px;padding:5px 12px 4px;color:var(--menu-text);font-family:var(--font-menu);font-size:13px;font-weight:800;letter-spacing:.02em;line-height:18px;border:1px solid rgba(54,136,208,.5);border-radius:999px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hud-exit-btn:hover{border-color:#87cefae6;background:#3688d059}.hud-exit-btn.is-armed{color:#fff;background:#d63f3feb;border-color:#ff8a8ae6}.hud-exit-icon{font-size:18px}.hud-stats-panel{display:flex;align-items:center;gap:14px;max-width:100%;padding:5px 16px 3px;border:1px solid rgba(54,136,208,.5);border-radius:999px;font-size:13px;font-weight:800;line-height:18px;letter-spacing:.02em}.stat-item{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.stat-label{color:var(--menu-text)}.stat-value{color:var(--ping-good);font-variant-numeric:tabular-nums}#hud-fps{min-width:3ch;color:var(--menu-placeholder)}#hud-ping{min-width:5ch}#hud-coord{min-width:10ch;text-align:right}.stat-item.hidden,.hud-stats-panel.hidden{display:none}.hud-coord-pod{position:absolute;right:calc(var(--minimap-pad, 24px) + env(safe-area-inset-right,0px));bottom:calc(var(--minimap-pad, 24px) + var(--minimap-size, 160px) + 8px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:6px;padding:3px 12px 2px;border:1px solid rgba(54,136,208,.5);border-radius:999px;font-size:13px;font-weight:800;line-height:18px;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.7);pointer-events:none}.hud-coord-pod.hidden{display:none}.hud-coord-icon{display:flex;color:var(--menu-bright)}.hud-score-pod{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-width:96px;padding:3px 16px 1px;border:2px solid rgba(255,255,255,.7);border-radius:999px}.score-orb{position:relative;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--play-top) 0%,var(--play-mid) 55%,var(--menu-accent-deep) 100%);box-shadow:0 0 6px #76db1799,inset -1px -2px 3px #0000004d}.score-orb:after{content:"";position:absolute;top:2px;left:2px;width:4px;height:4px;border-radius:50%;background:#fffc}.score-value{font-size:20px;font-weight:800;line-height:26px;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--menu-text);text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-leaderboard-pod{display:flex;flex-direction:column;flex-shrink:0;width:224px;padding:10px 12px 4px;border:2px solid rgba(255,255,255,.8);border-radius:16px}.hud-leaderboard-pod.hud-bubbly-panel{box-shadow:0 10px 25px #08336766}.leaderboard-header{display:flex;justify-content:center}.leaderboard-title{font-size:13px;font-weight:800;line-height:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--menu-text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.leaderboard-info{padding-bottom:6px;text-align:center;font-size:11px;font-weight:700;line-height:14px;color:var(--menu-text-muted)}#hud-players{color:var(--ping-good);font-variant-numeric:tabular-nums}.leaderboard-entries{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:800;line-height:18px}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px}.leaderboard-entry>div:first-child{flex:1 1 auto;min-width:0}.leaderboard-entry.rank-pinned{margin-top:3px;padding-top:6px;border-top:1px solid rgba(255,255,255,.2)}.rank-number{flex-shrink:0;min-width:20px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--menu-text-muted)}.rank-crown{flex-shrink:0;display:inline-block;width:16px;height:15px;margin-right:4px;background:url(../assets/leaderboard/victory_cup.png) center / contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.player-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--menu-text-soft)}.leaderboard-entry.rank-you .player-name{color:var(--ping-good);letter-spacing:.04em}.player-score{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--ping-good)}.leaderboard-empty{padding:4px;font-size:11px;font-weight:700;line-height:15px;text-align:center;color:var(--menu-text-muted);opacity:.8}.leaderboard-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:22px;margin-top:2px;padding:0;background:transparent;border:none;border-radius:0 0 10px 10px;color:var(--menu-placeholder);cursor:pointer;pointer-events:auto;transition:color .15s ease}.leaderboard-toggle:hover{color:var(--menu-text)}.leaderboard-toggle:focus-visible{outline:2px solid var(--sea-light);outline-offset:-2px}.leaderboard-toggle-icon{font-size:20px;line-height:1;font-variation-settings:"wght" 700}@media (max-width: 768px),(max-height: 500px){.game-hud{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.hud-top-row{gap:8px}.hud-stats-panel{gap:10px;padding:3px 12px 2px;font-size:11px;line-height:15px}.hud-coord-pod{gap:3px;padding:1px 7px 0;font-size:9.5px;line-height:13px;border-radius:999px}.hud-coord-icon svg{width:10px;height:10px}#hud-coord{min-width:8ch}.score-orb{width:12px;height:12px}.score-value{font-size:16px;line-height:22px}.hud-leaderboard-pod{width:164px;padding:7px 8px 3px;border-radius:12px}.leaderboard-title{font-size:11px;line-height:15px}.leaderboard-info{font-size:10px;line-height:13px;padding-bottom:4px}.leaderboard-entries{gap:2px;font-size:11px;line-height:15px}.rank-number{min-width:15px;font-size:9px}.rank-crown{width:12px;height:11px}.leaderboard-entry.rank-pinned{margin-top:2px;padding-top:3px}.leaderboard-toggle{height:16px}.leaderboard-toggle-icon{font-size:15px}.hud-leaderboard-pod{width:142px;padding:5px 7px 2px;border-radius:10px}.leaderboard-title{font-size:10px;line-height:13px;letter-spacing:.02em}.leaderboard-info{font-size:9px;line-height:11px;padding-bottom:3px}.leaderboard-entries{gap:1px;font-size:10px;line-height:13px}.hud-exit-btn{padding:6px 9px 5px;gap:0}.hud-exit-label{display:none}.hud-exit-btn.is-armed .hud-exit-label{display:inline;margin-left:6px;font-size:11px}.hud-exit-icon{font-size:20px}.hud-left-top{gap:6px}}@media (max-width: 768px){.hud-left{flex:1 1 auto}.hud-score-pod{position:static;transform:none;min-width:72px;padding:2px 12px 0}.hud-stats-panel{flex-wrap:wrap;row-gap:0;border-radius:14px}#hud-coord{min-width:11ch}}.service-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));padding:10px 12px 10px 14px;font-size:13.5px;line-height:1.4;color:#ffd9a2;background:#3a2410;border:1px solid rgba(255,170,60,.35);border-radius:14px;box-shadow:0 8px 24px #0a05148c;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s}.service-banner.hidden{opacity:0;visibility:hidden;pointer-events:none}.service-banner-icon{flex:none;font-size:15px}.service-banner-text{flex:1 1 auto;min-width:0}.service-banner-retry{flex:none;padding:5px 12px;font:inherit;font-weight:700;color:#2a1a08;background:#ffc46b;border:none;border-radius:9px;cursor:pointer}.service-banner-retry:hover{background:#ffd48f}.service-banner-retry.hidden{display:none}.service-banner-close{flex:none;width:26px;height:26px;font-size:12px;color:#ffd9a2;background:transparent;border:none;border-radius:8px;cursor:pointer;opacity:.7}.service-banner-close:hover{background:#ffffff14;opacity:1}.auth-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,24px);font-family:var(--font-menu);color:var(--menu-text);background:linear-gradient(#0833678c,#0833678c),url(../assets/background/main-menu-background.png) center bottom / cover no-repeat,var(--menu-surface);opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s}.auth-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);width:100%;max-width:min(420px,100%);padding:clamp(32px,6vh,48px) clamp(20px,4vw,32px);background:radial-gradient(circle at 50% 38%,#44b2ed8c,#1166b9bf 75%,#06448ee0);border:2.5px solid rgba(255,255,255,.55);border-radius:clamp(36px,5vw,52px);box-shadow:0 0 35px #2daaf073,inset 0 0 20px #ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.auth-logo{width:clamp(80px,12vmin,104px);aspect-ratio:1 / 1;object-fit:cover;padding:4px;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#cffafe 50%,var(--menu-placeholder) 100%);box-shadow:0 8px 20px #0006}.auth-title{font-family:var(--font-menu);font-size:clamp(1.4rem,1.5vw + 1rem,1.8rem);font-weight:800;line-height:1.15;color:var(--menu-text);text-shadow:0 3px 0 var(--sea-dark)}.auth-subtitle{max-width:30ch;font-size:.95rem;line-height:1.45;color:var(--menu-text-soft)}.auth-button-slot{display:flex;justify-content:center;min-height:44px;margin-top:6px}.auth-error{max-width:32ch;padding:10px 14px;font-size:13px;line-height:1.45;color:#ffb4ab;background:#ff503c1a;border:1px solid rgba(255,80,60,.25);border-radius:12px}.auth-error.hidden{display:none}.auth-legal{font-size:.75rem;color:var(--menu-text-muted);opacity:.8}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:linear-gradient(180deg,var(--menu-surface-high) 0%,#174270 100%);border:2px solid rgba(135,206,250,.6);border-radius:999px;box-shadow:inset 0 3px 6px #00000059,0 2px 4px #0003}.auth-tabs-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:calc(100% - 8px);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border-radius:999px;box-shadow:0 2px 0 var(--menu-accent-deep),inset 0 1px 2px #fff9;transition:transform var(--transition-bounce);pointer-events:none}.auth-tabs[data-active=social] .auth-tabs-thumb{transform:translate(calc(100% + 4px))}.auth-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 6px 6px;font-family:var(--font-menu);font-size:.9rem;font-weight:800;line-height:1.2;letter-spacing:.04em;color:var(--menu-text-muted);background:transparent;border-radius:999px;transition:color var(--transition-fast)}.auth-tab .auth-tab-label{white-space:nowrap}.auth-tab .auth-tab-icon{font-size:18px;line-height:1}.auth-tab:hover:not(.is-active):not(:disabled){color:var(--menu-text)}.auth-tab.is-active{color:var(--menu-text);text-shadow:0 1px 0 rgba(0,0,0,.25)}.auth-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #28b9e699}.auth-tab:disabled,.auth-tab.is-locked{opacity:.4;cursor:not-allowed}.auth-pane{display:flex;flex-direction:column;gap:12px}.auth-pane.hidden{display:none}.auth-pane-hint{margin:0;font-size:.78rem;line-height:1.45;text-align:center;color:var(--menu-text-muted)}.social-providers{display:flex;flex-direction:column;gap:10px;align-items:center}.social-providers.hidden{display:none}#google-signin-button-inline{display:flex;justify-content:center;width:100%;min-height:44px}.social-btn{width:100%;max-width:320px;height:44px;padding:2px 20px 0;font-family:var(--font-menu);font-size:1rem;font-weight:700;color:var(--menu-text);background:linear-gradient(180deg,var(--menu-surface-high) 0%,#174270 100%);border:2px solid rgba(135,206,250,.6);border-radius:999px;transition:var(--transition-fast)}.social-btn .social-btn-icon{flex-shrink:0}.social-btn:disabled,.social-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.social-badge{padding:1px 8px 0;font-family:var(--font-menu);font-size:.66rem;font-weight:800;line-height:1.5;letter-spacing:.04em;color:var(--sea-dark);background:var(--menu-placeholder);border-radius:999px}.social-signed-in{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0e2e52d9;border:2px solid rgba(89,232,27,.45);border-radius:18px}.social-signed-in.hidden{display:none}.social-signed-in-tick{flex-shrink:0;font-size:26px;color:var(--ping-good)}.social-signed-in-text{display:flex;flex-direction:column;gap:2px;min-width:0}.social-signed-in-name{font-family:var(--font-menu);font-size:1rem;font-weight:700;color:var(--menu-text)}.social-signed-in-email,.social-signed-in-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-signed-in-email{font-size:.78rem;color:var(--menu-text-muted)}.social-nickname-input{width:100%;min-width:0;padding:2px 6px;margin-left:-6px;background:transparent;border:1px dashed transparent;border-radius:8px;cursor:text}.social-nickname-input:hover{border-color:#87cefa8c}.social-nickname-input:focus{outline:none;background:#08336799;border:1px solid var(--play-top);text-overflow:clip}.social-nickname-input:disabled{opacity:.6}.social-nickname-status{min-height:.9rem;font-size:.7rem;color:var(--menu-text-muted)}.social-nickname-status[data-kind=ok]{color:var(--ping-good)}.social-nickname-status[data-kind=error]{color:var(--ping-bad)}.auth-close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;color:var(--menu-text-muted);background:transparent;border-radius:50%;transition:var(--transition-fast)}.auth-close-btn:hover{color:var(--menu-text);background:#ffffff26}@media (max-width: 480px){.auth-tab .auth-tab-label{font-size:.78rem}.auth-tab{padding:10px 4px;gap:5px}}.side-panel{--sp-width: clamp(300px, 24vw, 380px);position:absolute;top:0;left:0;height:100%;z-index:40;display:flex;align-items:stretch;pointer-events:none;overflow:hidden;font-family:var(--font-menu);color:var(--menu-text)}.sp-rail{pointer-events:auto;position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:var(--sp-rail-width);height:100%;padding:10px 6px;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#083367fa,#06264dfa);border-right:2px solid rgba(135,206,250,.55);box-shadow:4px 0 18px #00000059}.sp-rail-grow{flex:1 1 auto}.sp-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px 6px;color:var(--menu-text-muted);background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sp-rail-btn .material-symbols-outlined{font-size:24px}.sp-rail-label{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sp-rail-btn:hover{color:var(--menu-text);background:#3688d038}.sp-rail-btn.is-active{color:var(--menu-text);background:#3688d059;border-color:#87cefa8c}.sp-rail-toggle{color:var(--menu-text);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border-color:var(--play-border)}.sp-rail-toggle:hover{filter:brightness(1.08);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%)}.side-panel[hidden]{display:none}.side-panel-drawer{pointer-events:auto;display:flex;flex-direction:column;width:var(--sp-width);height:100%;background:linear-gradient(180deg,#12345bf7,#083367f7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:2px solid rgba(135,206,250,.6);box-shadow:0 0 35px #2daaf059;transition:transform var(--transition-bounce);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.side-panel.is-collapsed .side-panel-drawer{transform:translate(-100%)}.side-panel.is-expanded .side-panel-drawer{transform:translate(0)}.side-panel-toggle-icon{font-size:22px;transition:transform var(--transition-bounce)}.side-panel.is-expanded .side-panel-toggle-icon{transform:rotate(180deg)}.sp-account{display:flex;flex-direction:column;gap:8px;margin:14px 14px 4px;padding:12px 14px;background:#0833678c;border:1px solid rgba(54,136,208,.45);border-radius:14px}.sp-account-title{font-size:13px;font-weight:800;letter-spacing:.02em}.sp-account-text{font-size:12px;line-height:1.45;color:var(--menu-text-muted)}.sp-account-btn{align-self:flex-start;padding:7px 16px 6px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--menu-text);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);border:2px solid var(--play-border);border-radius:999px;cursor:pointer;transition:filter var(--transition-fast)}.sp-account-btn:hover{filter:brightness(1.08)}.sp-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px}.sp-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#08336773;border:1px solid rgba(54,136,208,.35);border-radius:12px}.sp-stat-value{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ping-good)}.sp-stat-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--menu-text-muted)}.sp-level{margin:10px 14px 0}.sp-level-bar{height:8px;margin-top:6px;background:#083367b3;border:1px solid rgba(54,136,208,.35);border-radius:999px;overflow:hidden}.sp-level-fill{height:100%;background:linear-gradient(90deg,var(--play-mid) 0%,var(--play-top) 100%);transition:width var(--transition-bounce)}.sp-level-caption{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--menu-text-muted)}.side-panel-header{display:flex;align-items:center;gap:12px;padding:20px 16px;background:var(--menu-surface-lowest);border-bottom:1px solid var(--menu-bright)}.sp-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;overflow:hidden;background:var(--menu-surface-high);border:3px solid #cffafe;border-radius:50%;box-shadow:0 4px 10px #00000059}.sp-avatar-img{width:100%;height:100%;object-fit:cover}.sp-avatar-letter{font-family:var(--font-menu);font-size:1.4rem;font-weight:800;line-height:1;color:var(--menu-text)}.sp-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sp-identity-top{display:flex;align-items:center;gap:8px;min-width:0}.sp-nickname{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-menu);font-size:1.12rem;font-weight:800;line-height:1.2;color:var(--menu-text)}.sp-mode-badge{flex-shrink:0;padding:1px 8px 0;font-family:var(--font-menu);font-size:.64rem;font-weight:800;line-height:1.5;letter-spacing:.04em;color:var(--sea-dark);background:var(--menu-placeholder);border-radius:999px}.sp-mode-badge[data-mode=google]{background:var(--menu-accent);color:var(--menu-accent-deep)}.sp-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--menu-text-muted)}.sp-email.is-muted{font-style:italic;opacity:.8}.sp-icon-btn{flex-shrink:0;width:36px;height:36px;color:var(--menu-text-muted);background:transparent;border-radius:50%;transition:var(--transition-fast)}.sp-icon-btn:hover{color:var(--menu-text);background:var(--menu-surface-high)}.sp-icon-btn-sm{width:28px;height:28px}.sp-icon-btn-sm .material-symbols-outlined{font-size:17px}.sp-section{padding:14px 16px;border-bottom:1px solid rgba(54,136,208,.45)}.sp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sp-section-title,.sp-subhead{margin:0;font-family:var(--font-menu);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--menu-text-muted)}.sp-subhead{margin:4px 0 10px}.sp-subhead+.sp-inline-error+div,.sp-subhead+div{margin-bottom:16px}.sp-wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:8px}.sp-balance{display:flex;align-items:center;gap:9px;padding:9px 11px;background:var(--menu-surface-lowest);border:1px solid var(--menu-bright);border-radius:14px}.sp-balance-icon{flex-shrink:0;font-size:20px;color:var(--menu-accent)}.sp-balance-text{display:flex;flex-direction:column;min-width:0}.sp-balance-amount{font-family:var(--font-menu);font-size:1.05rem;font-weight:800;line-height:1.15;color:var(--menu-text);font-variant-numeric:tabular-nums}.sp-balance-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;color:var(--menu-text-muted)}.sp-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 16px}.sp-menu-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px 7px;font-family:var(--font-menu);font-size:.95rem;line-height:1.2;font-weight:700;color:var(--menu-text-muted);background:var(--menu-surface-lowest);border-radius:999px;transition:var(--transition-fast)}.sp-menu-btn .material-symbols-outlined{font-size:18px}.sp-menu-btn:hover:not(.is-active){color:var(--menu-text);background:var(--menu-surface-high)}.sp-menu-btn.is-active{color:var(--menu-text);text-shadow:0 1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,var(--play-top) 0%,var(--play-mid) 55%,var(--play-bottom) 100%);box-shadow:0 3px 0 var(--menu-accent-deep),inset 0 1px 2px #fff9}.sp-body{flex:1;min-height:0;overflow-y:auto;padding:0 16px 20px;scrollbar-width:thin;scrollbar-color:var(--menu-surface-highest) var(--menu-surface-lowest)}.sp-body::-webkit-scrollbar{width:6px}.sp-body::-webkit-scrollbar-track{background:var(--menu-surface-lowest);border-radius:8px}.sp-body::-webkit-scrollbar-thumb{background:var(--menu-surface-highest);border-radius:8px}.sp-body::-webkit-scrollbar-thumb:hover{background:var(--menu-bright)}.sp-view.hidden{display:none}#sp-view-shop{padding-top:14px}.sp-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sp-chip-row:empty{display:none}.sp-chip{padding:5px 13px 3px;font-family:var(--font-menu);font-size:.82rem;font-weight:600;color:var(--menu-text-muted);background:var(--menu-surface-lowest);border:1px solid var(--menu-bright);border-radius:999px;transition:var(--transition-fast)}.sp-chip:hover:not(.is-active){color:var(--menu-text)}.sp-chip.is-active{color:var(--menu-accent-deep);background:var(--menu-accent);border-color:var(--menu-accent)}.sp-list{display:flex;flex-direction:column;gap:8px}.sp-row{display:flex;align-items:center;gap:11px;padding:10px;background:var(--menu-surface-lowest);border:1px solid rgba(54,136,208,.55);border-radius:16px}.sp-thumb{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;overflow:hidden;background:var(--menu-surface-high);border-radius:12px}.sp-thumb img{width:100%;height:100%;object-fit:cover}.sp-thumb-icon{font-size:21px;color:var(--menu-text-muted)}.sp-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-menu);font-size:.95rem;line-height:1.25;font-weight:600;color:var(--menu-text)}.sp-row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;text-transform:capitalize;color:var(--menu-text-muted)}.sp-price-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sp-price{display:flex;align-items:center;gap:4px;padding:3px 9px;background:var(--menu-surface-high);border-radius:999px}.sp-price-icon{font-size:15px;color:var(--menu-accent)}.sp-price-amount{font-family:var(--font-menu);font-size:.85rem;font-weight:800;line-height:1.3;color:var(--menu-text);font-variant-numeric:tabular-nums}.sp-price-empty{font-size:.76rem;color:var(--menu-text-muted)}.sp-qty{flex-shrink:0;font-family:var(--font-menu);font-size:.9rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--menu-accent)}.sp-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.sp-skin{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 8px;background:var(--menu-surface-lowest);border:1px solid rgba(54,136,208,.55);border-radius:16px;transition:var(--transition-fast)}.sp-skin:hover:not(.is-busy){border-color:var(--menu-accent);transform:translateY(-2px)}.sp-skin.is-active{border-color:var(--menu-accent);box-shadow:0 0 0 1px var(--menu-accent),0 4px 14px #a2ee3840;opacity:1;cursor:default}.sp-skin.is-busy:not(.is-active){opacity:.55;cursor:wait}.sp-skin .sp-thumb{width:52px;height:52px}.sp-skin-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.72rem;font-weight:600;color:var(--menu-text)}.sp-skin-state{font-family:var(--font-menu);font-size:.66rem;font-weight:800;line-height:1.2;letter-spacing:.06em;color:var(--menu-text-muted)}.sp-skin.is-active .sp-skin-state{color:var(--menu-accent)}.sp-skin.is-busy .sp-skin-state{animation:sp-pulse 1s ease-in-out infinite}.sp-state{display:flex;align-items:center;gap:9px;padding:13px 14px;font-size:.8rem;line-height:1.4;color:var(--menu-text-muted);background:var(--menu-surface-lowest);border:1px dashed rgba(54,136,208,.7);border-radius:14px}.sp-state-text{flex:1;min-width:0}.sp-state-icon{flex-shrink:0;font-size:19px}.sp-state-error{color:#ffb4ab;border-color:#ffb4ab59}.sp-state-locked .sp-state-icon{color:var(--menu-accent)}.sp-state-btn{flex-shrink:0;padding:4px 12px 2px;font-family:var(--font-menu);font-size:.8rem;font-weight:700;color:var(--menu-accent-deep);background:var(--menu-accent);border-radius:999px}.sp-state-btn:hover{filter:brightness(1.08)}.sp-spinner{flex-shrink:0;width:15px;height:15px;border:2px solid var(--menu-surface-highest);border-top-color:var(--menu-accent);border-radius:50%;animation:sp-spin .8s linear infinite}.sp-skeletons{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sp-skeleton{height:58px;background:linear-gradient(90deg,var(--menu-surface-lowest) 0%,var(--menu-surface-high) 50%,var(--menu-surface-lowest) 100%);background-size:200% 100%;border-radius:16px;animation:sp-shimmer 1.4s ease-in-out infinite}.sp-inline-error{margin:0 0 10px;padding:9px 12px;font-size:.76rem;line-height:1.4;color:#ffb4ab;background:#ff503c1a;border:1px solid rgba(255,80,60,.25);border-radius:12px}.sp-inline-error.hidden{display:none}@keyframes sp-spin{to{transform:rotate(360deg)}}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sp-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.side-panel-drawer,.side-panel-toggle,.side-panel-toggle-icon,.auth-tabs-thumb{transition:none}.sp-spinner,.sp-skeleton,.sp-skin.is-busy .sp-skin-state{animation:none}}@media (max-width: 768px){.side-panel{--sp-width: calc(100vw - var(--sp-rail-width))}.side-panel-drawer{border-right:none;box-shadow:none}.sp-rail{padding:8px 4px}.sp-rail-btn{padding:7px 2px 5px}.sp-rail-btn .material-symbols-outlined{font-size:22px}.side-panel-header{padding:14px}.sp-account{margin:12px 12px 4px}.sp-stat-grid{padding:0 12px}.sp-level{margin:8px 12px 0}.sp-body{padding:0 0 calc(56px + env(safe-area-inset-bottom,0px))}.sp-skin-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-height: 560px){.side-panel-header{padding:12px 16px}.sp-section{padding:10px 16px}.sp-menu{padding:8px 16px}}.splash-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(120% 90% at 50% 0%,#3086ce73,#08336700 60%),linear-gradient(180deg,#0b3b73 0%,var(--menu-surface, #083367) 55%,#041a36 100%);color:var(--menu-text, #fff);font-family:var(--font-menu, "Baloo 2", system-ui, sans-serif);opacity:1;transition:opacity .55s ease}.splash-screen.is-leaving{opacity:0;pointer-events:none}body.splash-active{overflow:hidden}.splash-inner{display:flex;flex-direction:column;align-items:center;width:min(420px,100%);text-align:center}#splash-screen .splash-logo{width:min(260px,70vw)!important;max-width:260px!important;margin:0 0 8px;animation:splash-float 3.2s ease-in-out infinite}.splash-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}@keyframes splash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-brand{margin:0 0 22px;font-size:clamp(2rem,8vw,3rem);font-weight:800;letter-spacing:.08em;line-height:1;color:var(--menu-text, #fff);text-shadow:0 3px 0 rgba(0,0,0,.25),0 0 24px rgba(40,185,230,.35)}.splash-brand-tld{color:var(--menu-accent, #a2ee38)}#splash-screen .splash-progress{width:100%;height:18px;background:#041a36bf;border:2px solid rgba(135,206,250,.35);border-radius:999px;box-shadow:inset 0 3px 6px #00000073;overflow:hidden}#splash-screen .splash-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--play-top, #b2f63f) 0%,var(--play-mid, #76db17) 60%,var(--play-bottom, #62bd10) 100%);box-shadow:0 0 14px #a2ee388c;transition:width .18s linear}#splash-screen .splash-status-row{display:flex;justify-content:space-between;width:100%;margin-top:10px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--menu-text-soft, #e0f2fe)}.splash-percent{font-variant-numeric:tabular-nums;color:var(--menu-accent, #a2ee38)}.splash-file{margin-top:4px;min-height:1.2em;font-size:.8rem;font-weight:500;color:var(--menu-text-muted, #bae6fd);opacity:.85}@media (prefers-reduced-motion: reduce){.splash-logo{animation:none}.splash-screen,.splash-progress-fill{transition:none}}.sp-skin-badge{display:inline-block;align-self:center;margin-top:2px;padding:1px 8px;font-size:.62rem;font-weight:800;letter-spacing:.08em;border-radius:999px;color:var(--menu-text-soft, #e0f2fe);background:#0e2e52d9}.sp-skin-badge.is-free{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38)}.social-nickname-row{display:flex;align-items:center;gap:4px;min-width:0}.nickname-edit-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--menu-text-muted);background:#0833678c;border:1px solid rgba(135,206,250,.35);border-radius:9px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.nickname-edit-btn .material-symbols-outlined{font-size:17px}.nickname-edit-btn:hover,.nickname-edit-btn:focus-visible{color:var(--menu-accent);border-color:var(--menu-accent);background:#083367d9;outline:none}.nickname-edit-btn--inset{position:absolute;right:10px;background:transparent;border-color:transparent}.auth-loading-overlay{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:16px;background:#041630b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-menu);color:var(--menu-text);opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s}.auth-loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-loading-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 34px 22px;background:#083367eb;border:2px solid rgba(135,206,250,.35);border-radius:22px;box-shadow:0 18px 40px #00000073}.auth-loading-spinner{width:44px;height:44px;border:4px solid rgba(135,206,250,.25);border-top-color:var(--menu-accent);border-radius:50%;animation:auth-loading-spin .8s linear infinite}.auth-loading-text{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.03em}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}.sp-skin{position:relative}.sp-skin-main{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;color:inherit;font:inherit;background:none;border:0;cursor:pointer}.sp-skin.is-active .sp-skin-main{cursor:default}.sp-skin.is-busy .sp-skin-main{cursor:wait}.sp-skin.is-guest-locked .sp-skin-state{color:var(--menu-placeholder, #7dd3fc)}.sp-skin-ribbon{position:absolute;top:-7px;right:-5px;padding:1px 7px;font-family:var(--font-menu);font-size:.58rem;font-weight:900;letter-spacing:.06em;color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border-radius:999px;box-shadow:0 2px 6px #00000059;pointer-events:none}.sp-skin-inspect{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:100%;margin-top:2px;padding:4px 6px 3px;font-family:var(--font-menu);font-size:.64rem;font-weight:800;letter-spacing:.04em;color:var(--menu-text-soft);background:#1d558acc;border:1px solid rgba(135,206,250,.3);border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.sp-skin-inspect .material-symbols-outlined{font-size:14px}.sp-skin-inspect:hover,.sp-skin-inspect:focus-visible{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);outline:none}.sp-skin.is-active .sp-skin-inspect{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38)}.skin-inspect{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:12px;background:#001429cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);user-select:none;-webkit-user-select:none;opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}.skin-inspect.hidden{opacity:0;visibility:hidden;pointer-events:none}.skin-inspect-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:32rem;overflow:hidden;color:#fff;font-family:var(--font-menu);background:linear-gradient(180deg,#140a32,#0d1633,#081024);border:2px solid rgba(34,211,238,.5);border-radius:24px;box-shadow:0 25px 60px #000000d9,0 0 35px #35adff40;transform:translateY(0) scale(1);transition:transform .3s ease}.skin-inspect.hidden .skin-inspect-dialog{transform:translateY(12px) scale(.98)}.skin-inspect-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:linear-gradient(90deg,#2e1065cc,#172554cc,#0f172acc);border-bottom:1px solid rgba(6,182,212,.3)}.skin-inspect-heading{display:flex;align-items:center;gap:10px;min-width:0}.skin-inspect-heading-text{min-width:0}.skin-inspect-icon-ring{flex-shrink:0;display:flex;width:36px;height:36px;padding:1.5px;background:linear-gradient(45deg,#22d3ee,#a3e635);border-radius:12px}.skin-inspect-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a3e635;background:#020617;border-radius:10px}.skin-inspect-icon .material-symbols-outlined{font-size:18px}.skin-inspect-title{margin:0;overflow:hidden;font-size:1.125rem;font-weight:900;line-height:1.2;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.skin-inspect-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.skin-inspect-badge{padding:1px 7px;font-size:.6rem;font-weight:900;letter-spacing:.07em;color:#bae6fd;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px}.skin-inspect-badge.is-free{color:#1a2e05;background:#a3e635;border-color:transparent}.skin-inspect-badge.is-equipped{color:#082f49;background:#67e8f9;border-color:transparent}.skin-inspect-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#ddd6fe;background:#ffffff1a;border:0;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.skin-inspect-close .material-symbols-outlined{font-size:16px}.skin-inspect-close:hover,.skin-inspect-close:focus-visible{color:#fff;background:#ef4444cc;outline:none}.skin-inspect-body{display:flex;flex-direction:column;gap:16px;padding:16px}.skin-inspect-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:208px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#12365a99,#0a1e38cc 55%,#040d1e);border:1px solid rgba(34,211,238,.3);border-radius:16px;box-shadow:inset 0 2px 10px #00000073}.skin-inspect-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(109,212,0,.18) 0%,transparent 70%);pointer-events:none}.skin-inspect-bubble{position:absolute;bottom:12px;border-radius:999px;pointer-events:none;animation:skin-inspect-bubble-rise 3.5s ease-in infinite}.skin-inspect-bubble--1{left:40px;bottom:24px;width:8px;height:8px;background:#a5f3fc80}.skin-inspect-bubble--2{left:25%;bottom:12px;width:12px;height:12px;background:#cffafe99;animation-duration:4.2s;animation-delay:1.2s}.skin-inspect-bubble--3{right:64px;bottom:32px;width:6px;height:6px;background:#d9f99d80;animation-duration:3s;animation-delay:.6s}.skin-inspect-bubble--4{right:33%;bottom:16px;width:10px;height:10px;background:#bae6fd66;animation-duration:4.8s;animation-delay:2s}@keyframes skin-inspect-bubble-rise{0%{transform:translateY(0) scale(.9);opacity:0}15%{opacity:1}to{transform:translateY(-190px) scale(1.15);opacity:0}}.skin-inspect-canvas{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(109,212,0,.18))}.skin-inspect-fallback{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:#bae6fd}.skin-inspect-fallback img{max-width:55%;max-height:70%;object-fit:contain}.skin-inspect-fallback .material-symbols-outlined{font-size:42px;color:#67e8f9}.skin-inspect-fallback.hidden{display:none}.skin-inspect-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.skin-inspect-stat{min-width:0;padding:8px 10px;background:#140b2abf;border:1px solid rgba(91,33,182,.55);border-radius:12px}.skin-inspect-stat dt{font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a3e635}.skin-inspect-stat dd{margin:2px 0 0;overflow:hidden;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;color:#fff}.skin-inspect-actions{display:flex;align-items:center;gap:12px;padding-top:4px}.skin-inspect-back{display:flex;align-items:center;justify-content:center;gap:6px;width:33.333%;height:44px;color:#fff;font-family:var(--font-menu);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#4c1d9599;border:1px solid rgba(109,40,217,.6);border-radius:16px;cursor:pointer;transition:background .15s}.skin-inspect-back .material-symbols-outlined{font-size:14px}.skin-inspect-back:hover,.skin-inspect-back:focus-visible{background:#5b21b6;outline:none}.skin-inspect-equip{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;color:#020617;font-family:var(--font-menu);font-size:.875rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#b2f63f,#8be118,#68c70e);border:0;border-radius:16px;box-shadow:0 7px #3c8209,0 14px 20px #0006,inset 0 2px 3px #ffffffb3;text-shadow:0 2px 0 rgba(255,255,255,.4),0 -1.5px 0 rgba(0,0,0,.25);cursor:pointer;transition:all .12s ease-in-out}.skin-inspect-equip .material-symbols-outlined{font-size:18px}.skin-inspect-equip:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.skin-inspect-equip:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #3c8209,0 5px 8px #00000059}.skin-inspect-equip:disabled{cursor:default;filter:saturate(.55) brightness(.9)}.skin-inspect-equip.is-login{color:#fff;background:linear-gradient(180deg,#4fa5ea,#3086ce);box-shadow:0 7px #1d558a,0 14px 20px #0006,inset 0 2px 3px #ffffff73;text-shadow:none}.skin-inspect-error{margin:-6px 0 0;font-size:.75rem;font-weight:700;color:#fca5a5;text-align:center}@media (min-width: 640px){.skin-inspect,.skin-inspect-body{padding:20px}.skin-inspect-stage{height:240px}}@media (max-width: 380px){.skin-inspect-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.skin-inspect-bubble,.auth-loading-spinner{animation:none}.skin-inspect,.skin-inspect-dialog,.auth-loading-overlay{transition:none}}.sp-icon-btn[hidden],.skin-inspect-canvas.hidden{display:none}.settings-hint{margin:2px 2px 0;font-size:.72rem;line-height:1.4;color:var(--menu-text-muted)}.perf-low .skin-inspect-bubble{display:none}.sp-coming-soon{position:relative;overflow:hidden;margin-bottom:12px;background:radial-gradient(120% 140% at 0% 0%,rgba(162,238,56,.16) 0%,transparent 55%),linear-gradient(160deg,#143f6ef2,#0a2444f2);border:1px solid rgba(162,238,56,.45);border-radius:18px;box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff14}.sp-coming-soon-stripes{height:7px;background:repeating-linear-gradient(-45deg,var(--menu-accent, #a2ee38) 0 10px,rgba(8,28,52,.95) 10px 20px);opacity:.85}.sp-coming-soon-content{display:flex;align-items:center;gap:14px;padding:14px 16px 16px}.sp-coming-soon-icon{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#a2ee381f;border:1px solid rgba(162,238,56,.4);border-radius:16px}.sp-coming-soon-icon>.material-symbols-outlined:first-child{font-size:28px;color:var(--menu-accent, #a2ee38)}.sp-coming-soon-lock{position:absolute;right:-6px;bottom:-6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:13px!important;color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border-radius:999px;box-shadow:0 2px 6px #00000059}.sp-coming-soon-text{min-width:0;display:flex;flex-direction:column;gap:2px}.sp-coming-soon-kicker{font-family:var(--font-menu);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--menu-accent, #a2ee38)}.sp-coming-soon-title{margin:0;font-family:var(--font-menu);font-size:1.1rem;font-weight:900;line-height:1.2;color:var(--menu-text)}.sp-coming-soon-sub{margin:0;font-size:.74rem;line-height:1.4;color:var(--menu-text-soft)}.sp-store-row{padding:8px 10px 8px 8px}.sp-store-row.is-owned{border-color:#a2ee388c}.sp-store-main{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:2px;color:inherit;text-align:left;background:transparent;border:0;border-radius:12px;cursor:pointer}.sp-store-main:hover .sp-thumb,.sp-store-main:focus-visible .sp-thumb{box-shadow:0 0 0 2px var(--menu-accent, #a2ee38)}.sp-store-main:focus-visible{outline:2px solid var(--sea-light, #7dd3fc);outline-offset:2px}.sp-store-media{position:relative;flex-shrink:0}.sp-store-inspect-icon{position:absolute;right:-5px;bottom:-5px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:13px;color:var(--menu-text-soft);background:#1d558af2;border:1px solid rgba(135,206,250,.4);border-radius:999px;transition:color .15s,background .15s}.sp-price--inline{padding:1px 7px}.sp-price--inline .sp-price-icon{font-size:13px}.sp-price--inline .sp-price-amount{font-size:.78rem}.sp-store-main:hover .sp-store-inspect-icon,.sp-store-main:focus-visible .sp-store-inspect-icon{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38)}.sp-store-buy{flex-shrink:0}.sp-store-sub{display:flex;align-items:center;gap:6px}.sp-store-buy{display:inline-flex;align-items:center;gap:4px;padding:4px 9px 3px;font-family:var(--font-menu);font-size:.6rem;font-weight:800;letter-spacing:.06em;white-space:nowrap;color:var(--menu-text-muted);background:#081c34b3;border:1px dashed rgba(135,206,250,.35);border-radius:999px;cursor:not-allowed}.sp-store-buy .material-symbols-outlined{font-size:13px}.sp-store-buy.is-owned{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border:1px solid transparent;opacity:.9}.error-overlay{z-index:80;background:#04162c9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error-overlay:before{display:none}.error-card{align-items:center;text-align:center}.error-icon-ring{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 6px;background:radial-gradient(circle at 50% 35%,#ff787859,#78141e8c);border:2px solid rgba(255,140,140,.6);border-radius:999px;box-shadow:0 6px 18px #00000059,inset 0 1px 2px #ffffff59}.error-icon-ring .material-symbols-outlined{font-size:40px;color:#ffe3e3}.error-message{max-width:340px;margin:4px auto 16px;font-size:.95rem;line-height:1.5;white-space:pre-line;color:var(--menu-text-soft, #e0f2fe)}.info-modal{position:absolute;inset:0;z-index:58;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);padding-top:max(clamp(12px,3vw,24px),env(safe-area-inset-top,0px));padding-bottom:max(clamp(12px,3vw,24px),env(safe-area-inset-bottom,0px));font-family:var(--font-menu);color:var(--menu-text);background:#0833678c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-modal.hidden{display:none}.info-card{position:relative;width:100%;max-width:720px;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--menu-surface-highest) 0%,var(--menu-surface-high) 30%,var(--menu-surface) 100%);border:2px solid rgba(255,255,255,.45);border-radius:28px;box-shadow:0 25px 50px -12px #083367bf,inset 0 2px 4px #ffffff59}.info-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:18px 18px 10px 24px}.info-title{flex:1;min-width:0;margin:0;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:900;letter-spacing:.02em;text-shadow:0 2px 0 rgba(8,51,103,.5)}.info-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:linear-gradient(180deg,#ff6b6b,#e03131);border:2px solid rgba(255,255,255,.6);border-radius:999px;box-shadow:0 3px #a61e1e;cursor:pointer}.info-close:focus-visible,.info-tab:focus-visible,.info-faq-q:focus-visible,.info-body:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}.info-tabs{flex-shrink:0;display:flex;gap:6px;padding:0 18px 12px 24px;overflow-x:auto;scrollbar-width:none}.info-tabs::-webkit-scrollbar{display:none}.info-tab{flex-shrink:0;padding:6px 12px 5px;font-size:.75rem;font-weight:800;color:var(--menu-text-soft);text-decoration:none;white-space:nowrap;background:#081c3473;border:1px solid rgba(135,206,250,.3);border-radius:999px}.info-tab.is-active{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border-color:transparent}.info-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 24px 24px;font-family:var(--font-body);font-size:.92rem;line-height:1.6;color:var(--menu-text-soft, #e0f2fe)}.info-updated{margin:0 0 12px;font-size:.8rem;color:var(--menu-text-muted)}.info-section+.info-section{margin-top:18px}.info-h{margin:0 0 6px;font-family:var(--font-menu);font-size:1.02rem;font-weight:800;color:var(--menu-text)}.info-p{margin:0 0 8px}.info-list{margin:0 0 10px;padding-left:20px}.info-list li+li{margin-top:4px}.info-code{padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;color:#fff;background:#081c3499;border-radius:6px}.info-link{color:var(--menu-accent, #a2ee38);font-weight:700;word-break:break-word}.info-placeholder{padding:0 4px;color:#3b2b00;background:#ffd766;border-radius:4px}.info-todo{margin:4px 0 10px;padding:10px 12px;color:#fff3cf;background:#ffc4001f;border:1px dashed rgba(255,215,102,.8);border-radius:12px}.info-todo-label{display:block;margin-bottom:4px;font-family:var(--font-menu);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffd766}.info-todo .info-p{margin:0}.info-draft{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;gap:10px;margin:0 -8px 14px;padding:10px 12px;font-family:var(--font-menu);font-size:.8rem;line-height:1.4;color:#3b2b00;background:#ffd766;border-radius:12px;box-shadow:0 4px 12px #00000040}.info-draft .material-symbols-outlined{font-size:22px}.info-draft-text{display:flex;flex-direction:column;gap:2px}.info-warning{margin:6px 0 12px;padding:12px 14px;color:#ffe3e3;background:#e0313129;border:1px solid rgba(255,120,120,.7);border-left-width:5px;border-radius:12px}.info-warning-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--font-menu);color:#fff}.info-warning-head .material-symbols-outlined{font-size:22px;color:#ff8787}.info-warning .info-list{margin-bottom:0}.info-faq{border-bottom:1px solid rgba(135,206,250,.2)}.info-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;font-family:var(--font-menu);font-size:.98rem;font-weight:800;color:var(--menu-text);cursor:pointer;list-style:none}.info-faq-q::-webkit-details-marker{display:none}.info-faq-q:after{content:"expand_more";font-family:Material Symbols Outlined;font-size:22px;font-weight:400;color:var(--menu-text-muted);transition:transform .2s ease}.info-faq[open] .info-faq-q:after{transform:rotate(180deg)}.info-faq>:not(summary){margin-left:2px}.info-faq[open]{padding-bottom:8px}@media (max-width: 600px){.info-modal{padding:0}.info-card{max-width:none;height:100%;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.info-header{padding:14px 14px 8px 18px}.info-tabs{padding:0 14px 10px 18px}.info-body{padding:4px 18px 20px}}.account-delete{z-index:59}.account-delete-card{max-width:520px}.account-delete-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;font-size:.85rem;cursor:pointer}.account-delete-check input{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--menu-accent, #a2ee38)}.account-delete-type-label{display:block;margin-bottom:6px;font-family:var(--font-menu);font-size:.85rem;font-weight:800;color:var(--menu-text)}.account-delete-input{width:100%;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;letter-spacing:.08em;color:#fff;background:#081c34b3;border:1px solid rgba(135,206,250,.4);border-radius:12px}.account-delete-input:focus-visible{outline:3px solid var(--sea-light);outline-offset:1px}.account-delete-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.account-delete-actions button{padding:9px 18px 8px;font-family:var(--font-menu);font-size:.85rem;font-weight:800;border-radius:999px;cursor:pointer}.account-delete-secondary{color:var(--menu-text);background:#081c3480;border:1px solid rgba(135,206,250,.4)}.account-delete-primary{color:var(--menu-accent-deep, #3c8209);background:var(--menu-accent, #a2ee38);border:0}.account-delete-danger{color:#fff;background:linear-gradient(180deg,#ff6b6b,#e03131);border:1px solid rgba(255,255,255,.5)}.account-delete-danger:disabled{opacity:.45;cursor:not-allowed}.account-delete-actions button:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}.account-delete-google{display:flex;justify-content:center;min-height:44px;margin:10px 0 4px}.account-delete-working{text-align:center;animation:sp-pulse 1s ease-in-out infinite}.account-delete-error{margin:12px 0 0;padding:10px 12px;font-size:.85rem;color:#ffe3e3;background:#e031312e;border:1px solid rgba(255,120,120,.6);border-radius:10px}.account-delete-error[hidden]{display:none}.sp-account-delete{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:8px;padding:4px 10px 3px;font-family:var(--font-menu);font-size:.72rem;font-weight:800;color:#ffb3b3;background:transparent;border:1px solid rgba(255,120,120,.45);border-radius:999px;cursor:pointer}.sp-account-delete .material-symbols-outlined{font-size:15px}.sp-account-delete:hover,.sp-account-delete:focus-visible{color:#fff;background:#e0313159;outline:none}.auth-pane-legal{margin-top:6px;font-size:.72rem;line-height:1.45;text-align:center;color:var(--menu-text-muted)}.auth-pane-legal a,.settings-legal-links a{color:var(--menu-text-soft);font-weight:700;text-decoration:underline;text-underline-offset:2px}.settings-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:14px;font-size:.72rem}.social-btn-apple{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#000;border:1px solid #000;cursor:pointer}.social-btn-apple:hover{background:#1a1a1a}.social-btn-apple:focus-visible{outline:3px solid var(--sea-light);outline-offset:2px}#apple-signin-btn-overlay{margin:10px auto 0}.social-btn.social-btn-apple{height:40px}