:root{--ui-scale: 1;--ui-pad: clamp(8px, 1.6vmin, 14px);--minimap-size: clamp(120px, 18vmin, 190px);--hud-width: var(--minimap-size);--skill-btn: clamp(48px, 6.5vmin, 66px);--skill-gap: clamp(8px, 1.6vmin, 12px);--skill-offset: clamp(10px, 2vmin, 18px);--panel-width-sandbox: clamp(260px, 30vw, 360px);--panel-width-lb: clamp(170px, 22vw, 220px);--card-width: min(92vw, 320px)}html,body{margin:0;padding:0;overflow:hidden;background:#111;font-family:Arial,sans-serif}#app{width:100vw;height:100vh}#startUI{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:10}#startCard,#deathCard,#settingsCard{width:var(--card-width);padding:18px;border-radius:12px;background:#141414eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:10px}#gameTitle,#deathTitle,#settingsTitle{font-size:22px;font-weight:700;color:#fff;text-align:center;margin-bottom:4px}#nameInput{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0006;color:#fff;outline:none}#startButtons{display:flex;gap:10px}#playBtn,#respawnBtn{flex:1;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:700;background:#0fc;color:#00110d}.primaryBtn{flex:1;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:800;background:#0fc;color:#000;box-shadow:0 10px 18px #00000059}.unlockSkillPreview{margin:8px 0 10px;display:flex;justify-content:center}.unlockPreviewSlot{min-height:140px;max-width:260px;width:100%;cursor:default}.unlockSkillIcon{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}.unlockSkillName{font-weight:900;letter-spacing:.2px;color:#fffffff2}.unlockInlineCost{display:inline-flex;align-items:center;gap:6px}.unlockInlineCost img{width:18px;height:18px;image-rendering:pixelated}.primaryBtn:hover{filter:brightness(.96)}.primaryBtn:disabled{opacity:.6;cursor:not-allowed}.secondaryBtn{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);cursor:pointer;font-weight:700;background:#00000059;color:#ffffffe6}#playBtn:hover{filter:brightness(.95)}.secondaryBtn:hover{filter:brightness(1.05)}#hintText,#deathHint{font-size:12px;color:#ffffffb3;text-align:center;margin-top:2px}#settingsModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:11}#settingsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.settingLabel{color:#ffffffe6;font-size:14px}.toggle{position:relative;display:inline-block;width:46px;height:26px}.toggle input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;border:1px solid rgba(255,255,255,.16);border-radius:999px;transition:.15s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:4px;top:3px;background:#ffffffe6;border-radius:50%;transition:.15s}.toggle input:checked+.slider{background:#00ffcc40;border-color:#00ffcc80}.toggle input:checked+.slider:before{transform:translate(20px);background:#0fc}#deathUI{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:10}#leaderboard{position:fixed;top:var(--ui-pad);right:var(--ui-pad);width:var(--panel-width-lb);padding:10px;border-radius:12px;background:#141414bf;border:1px solid rgba(255,255,255,.12);color:#fff;z-index:9;display:none}#lbTitle{font-weight:700;font-size:14px;margin-bottom:8px;opacity:.95}#lbList{display:flex;flex-direction:column;gap:6px;font-size:13px}.lbRow{display:flex;justify-content:space-between;gap:10px}.lbName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;opacity:.95}.lbMass{opacity:.85}#pauseUI{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:12}#pauseCard{width:var(--card-width);padding:18px;border-radius:12px;background:#141414eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:12px}#pauseTitle{font-size:20px;font-weight:700;color:#fff;text-align:center}#pauseButtons{display:flex;gap:10px}#quitBtn{flex:1;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:700;background:#ff5a5a;color:#140000}#quitBtn:hover{filter:brightness(.95)}#modeSelect{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.1)}.modeLabel{color:#ffffffd9;font-size:13px;font-weight:700}.modeOption{display:flex;align-items:center;gap:10px;color:#ffffffe6;font-size:13px;-webkit-user-select:none;user-select:none}.modeOption input{transform:scale(1.05)}#sandboxControls{position:fixed;left:var(--ui-pad);bottom:var(--ui-pad);z-index:9;display:none;width:var(--panel-width-sandbox);padding:12px;border-radius:12px;background:#141414bf;border:1px solid rgba(255,255,255,.12);color:#fff}#sbTitle{font-weight:800;font-size:14px;margin-bottom:10px;opacity:.95}.sbRow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sbRowButtons{justify-content:space-between;flex-wrap:wrap}.sbRowButtons .sbBtn,.sbRowButtons .sbBtnPrimary{flex:1;min-width:100px}.sbLabel{width:84px;font-size:12px;opacity:.85}#sbMyMass,#sbDummyMass,#sbBotLevel{flex:1;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#00000059;color:#fff;outline:none}#sbBotLevel{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.75) 50%),linear-gradient(135deg,rgba(255,255,255,.75) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:28px}.sbBtn,.sbBtnPrimary{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);cursor:pointer;font-weight:800;background:#00000059;color:#ffffffe6}.sbBtnPrimary{border:none;background:#0fc;color:#00110d}#sbStatus{font-size:12px;opacity:.7}#topLeftUI{position:fixed;left:var(--ui-pad);top:var(--ui-pad);z-index:9;display:none;flex-direction:column;gap:8px;align-items:flex-start}#minimapRow{display:flex;flex-direction:row;align-items:flex-start;gap:8px}#minimapCanvas{width:var(--minimap-size);height:var(--minimap-size);border-radius:14px;background:#1414148c;border:1px solid rgba(255,255,255,.12);display:block}.mobileMenuBtn{width:clamp(28px,4.2vmin,34px);height:clamp(28px,4.2vmin,34px);border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#121212b3;color:#ffffffeb;font-size:18px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 10px 26px #00000059}.mobileMenuBtn:hover{background:#121212d1}#hud{position:relative;display:block;width:var(--hud-width)}#massHud{padding:8px 10px;border-radius:12px;background:#141414bf;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px;margin-bottom:8px}#placeHud{padding:7px 10px;border-radius:12px;background:#141414a6;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:12px;line-height:1.1}#skillHud{position:fixed;right:var(--skill-offset);bottom:var(--skill-offset);display:none;gap:var(--skill-gap);z-index:999999;pointer-events:auto}.skillBtn{position:relative;overflow:visible}.skillBtn:before{content:"";position:absolute;inset:1px;border-radius:50%;background-image:var(--skill-icon);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.45;pointer-events:none;z-index:0}.skillBtn .cdOverlay,.skillBtn .skillCdText,.skillBtn .skillMiniName{z-index:1}.skillBtn{cursor:default}.skillBtn{width:var(--skill-btn);height:var(--skill-btn);border-radius:50%;position:relative;background:#121212bf;border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 26px #00000059;overflow:visible}.skillBtn .cdOverlay{position:absolute;inset:0;border-radius:50%;opacity:0;background:#0000008c;clip-path:inset(0 0 100% 0)}.skillCdText{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,1.9vmin,14px);font-weight:700;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.55);pointer-events:none;opacity:0}.skillBtn .skillLabel{position:absolute;left:8px;top:6px;font-size:clamp(12px,1.9vmin,14px);font-weight:700;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.6)}.skillBtn .skillMiniName{position:absolute;left:6px;right:6px;bottom:6px;font-size:clamp(10px,1.6vmin,11px);line-height:clamp(11px,1.7vmin,12px);text-align:center;color:#ffffffd9;text-shadow:0 2px 10px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#skillTooltip{position:fixed;transform:translate(-50%,-115%);min-width:220px;max-width:320px;padding:10px 12px;border-radius:14px;background:#101010eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #00000073;color:#fff;z-index:1000000;display:none;pointer-events:none}#skillTooltip .stName{font-weight:800;font-size:14px;margin-bottom:8px}#skillTooltip .stRow{display:flex;justify-content:space-between;font-size:12px;color:#ffffffd9;margin-bottom:4px}#skillTooltip .stDesc{margin-top:8px;font-size:12px;line-height:1.3;color:#ffffffe0}#skillsModal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:999999}#skillsCard{width:min(720px,92vw);max-height:min(720px,90vh);overflow:auto;border-radius:18px;background:#141414eb;border:1px solid rgba(255,255,255,.14);padding:18px;color:#fff}#skillsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}#skillsTitle{font-size:20px;font-weight:900;margin:0;color:#fff}#skillsSubtitle{margin-top:4px;font-size:12px;line-height:1.3;color:#ffffffc7}#deckTop{border-radius:16px;background:#00000038;border:1px solid rgba(255,255,255,.12);padding:14px;margin-bottom:14px;box-shadow:inset 0 0 0 2px #00000024}#deckTopLabel{font-weight:900;letter-spacing:.3px;margin-bottom:10px;color:#fffffff2}#deckTopHint{margin-top:10px;font-size:12px;color:#ffffffb8}#deckSlots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0}.deckReplacePanel{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.14)}.deckReplaceHead{display:flex;align-items:center;gap:12px}.deckReplaceText{display:flex;flex-direction:column;gap:2px}.deckReplaceTitle{font-weight:900;color:#fffffff5}.deckReplaceHint{font-size:12px;color:#ffffffb8}.deckReplaceCancel{padding:8px 12px;border-radius:10px;font-weight:800}.deckSlot{min-height:140px;padding:14px 12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-weight:700;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.deckSlot.hasSkill{background:#0003}.deckSlot.selected{outline:2px solid rgba(0,255,204,.65)}#skillPool{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}#skillPoolHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0}#skillPoolHeader .spTitle{font-weight:900;color:#fffffff2}#skillPoolHeader .spHint{font-size:12px;color:#ffffffb3}.skillCard{text-align:left;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.14);padding:12px;color:#fff;cursor:pointer;position:relative;transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.skillCard:not(.locked):not(.picked):hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 2px #a07d28bf,0 14px 26px #00000052;filter:brightness(1.04)}.skillCard.picked:hover{transform:translateY(-3px) scale(1.01);filter:brightness(1.03)}.skillCard.selected{outline:2px solid rgba(0,255,204,.55)}.skillCard.selected:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 26px #00000052;filter:brightness(1.03)}.skillCard.picked{outline:2px solid rgba(255,205,80,.92);box-shadow:0 0 0 1px #00000038,0 10px 22px #00000040}.skillUseRow{display:flex;justify-content:flex-end;margin-top:10px}.skillUseBtn{padding:8px 14px;border-radius:10px;font-weight:800}.skillCardName{font-weight:800;margin-bottom:6px}.skillCardDesc{font-size:12px;color:#ffffffd9;margin-bottom:6px}.skillCardCd{font-size:12px;color:#ffffffbf}.skillCardRarity{font-size:12px;color:#ffffffc7}.skillRow{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.skillOrb{width:54px;height:54px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 2px #0000002e}.skillInfo{display:flex;flex-direction:column;gap:6px}.skillCardCd{margin:0}.deckSlot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.deckOrb{width:56px;height:56px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 2px #0000002e}.skillOrb,.deckOrb{position:relative;overflow:hidden}.skillOrb:before,.deckOrb:before{content:"";position:absolute;inset:2px;border-radius:50%;background-image:var(--skill-icon);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.deckLabel{font-size:12px;color:#fffc;text-align:center;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-rare{--rarityColor: rgba(80, 150, 255, .95)}.rarity-epic{--rarityColor: rgba(175, 90, 255, .95)}.rarity-legendary{--rarityColor: rgba(255, 205, 80, .95)}.skillOrb,.deckOrb{background:#ffffff1f;border:1px solid rgba(255,255,255,.22)}.skillOrb.rarity-rare,.deckOrb.rarity-rare{background:#5096ff2e;border-color:#5096ff8c}.skillOrb.rarity-epic,.deckOrb.rarity-epic{background:#af5aff2e;border-color:#af5aff8c}.skillOrb.rarity-legendary,.deckOrb.rarity-legendary{background:#ffcd502e;border-color:#ffcd508c}.skillBtn.rarity-rare{border-color:#5096ffb3}.skillBtn.rarity-epic{border-color:#af5affb3}.skillBtn.rarity-legendary{border-color:#ffcd50b3}#startUI{gap:18px}#profilePanel{width:220px;padding:16px;border-radius:14px;background:#141414cc;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}#profileAvatar{display:block;width:58px;height:58px;border-radius:14px;object-fit:cover;background:radial-gradient(circle at 30% 30%,#fff3,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px #00000059}#profileName{font-weight:800;color:#fffffff2;font-size:14px;text-align:center;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.googleBtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#ea4335;color:#fff;cursor:pointer;font-weight:800}.googleBtn:hover{filter:brightness(.96)}.googleBtn:disabled{opacity:.6;cursor:not-allowed}.googleIcon{width:18px;height:18px;border-radius:4px;background:#fff;object-fit:cover}.googleBtn .gText{font-size:13px;letter-spacing:.2px}.dangerBtn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-weight:800;background:#ff5a5af2;color:#140000}.dangerBtn:hover{filter:brightness(.95)}#startUI{padding:36px 28px;overflow:auto;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#startUI:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 520px at 18% 50%,#00ffd01a,#0000 60%),radial-gradient(980px 500px at 52% 30%,#00ff8c14,#0000 62%),radial-gradient(1100px 560px at 86% 62%,#ffaa3c14,#0000 62%),radial-gradient(1000px 700px at 50% 50%,#0000001a,#0000008c 70%,#000000c7);pointer-events:none}#startUI:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 10% 20%,#ffffff14 0 1px,#0000 2px),radial-gradient(circle at 80% 30%,#ffffff0f 0 1px,#0000 2px),radial-gradient(circle at 40% 70%,#ffffff0d 0 1px,#0000 2px),radial-gradient(circle at 70% 85%,#ffffff0d 0 1px,#0000 2px),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);background-size:420px 420px,520px 520px,600px 600px,700px 700px,3px 3px;mix-blend-mode:screen;filter:blur(.35px)}#startUI>*{position:relative;z-index:1}#startCenter{width:100%;display:flex;align-items:center;justify-content:center;position:relative}#menuShell{transform:scale(var(--ui-scale));transform-origin:center top;width:min(1100px,96vw);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch}#menuLeft{--panel-accent: rgba(0, 255, 208, .85);--panel-accent2: rgba(0, 160, 255, .55)}#menuMid{--panel-accent: rgba(0, 255, 165, .85);--panel-accent2: rgba(0, 255, 208, .45)}#menuRight{--panel-accent: rgba(255, 190, 85, .85);--panel-accent2: rgba(255, 120, 60, .5)}.menuPanel{position:relative;overflow:visible;isolation:isolate;border-radius:18px;background:linear-gradient(180deg,#ffffff0d,#0000 22%),#0e0e0edb;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #0000008c,0 0 0 1px #ffffff08 inset,inset 0 1px #ffffff12;padding:18px;display:flex;flex-direction:column;gap:12px}.menuPanel:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),var(--panel-accent, rgba(0,255,208,.55)),var(--panel-accent2, rgba(0,255,208,.25)),rgba(255,255,255,.06));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.98}.menuPanel:after{content:"";position:absolute;inset:-22px;background:radial-gradient(closest-side at 15% 40%,var(--panel-accent, rgba(0,255,208,.45)),rgba(0,0,0,0) 62%),radial-gradient(closest-side at 85% 70%,var(--panel-accent2, rgba(0,255,208,.25)),rgba(0,0,0,0) 68%);filter:blur(24px);opacity:.34;pointer-events:none;mix-blend-mode:screen}.menuPanel>*{position:relative;z-index:1}.subPanel{border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#0000 26%),#00000038;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 24px #0000004d,0 0 0 1px #ffffff05 inset,0 18px 40px #0000003d inset,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panelHeader{font-weight:900;letter-spacing:.8px;font-size:15px;color:#ffffffeb;margin:2px 0}.iconBtn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.iconBtn:hover{filter:brightness(1.08)}.titleRow{position:relative;display:flex;align-items:flex-start}.settingsInTitle{position:absolute;top:0;right:0}#profileCard{padding:14px;display:flex;flex-direction:column;gap:12px;align-items:stretch;box-sizing:border-box}#profileAvatar{display:block;width:58px;height:58px;height:auto;border-radius:14px;object-fit:cover;background:radial-gradient(circle at 30% 30%,#fff3,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px #00000059}#profileName{width:100%;max-width:none;display:block;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000040;font-weight:800;letter-spacing:.2px;color:#ffffffeb;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.shortcutList{display:flex;flex-direction:column;gap:10px}.shortcutBtn{width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0d,#0000 28%),#00000040;color:#ffffffeb;cursor:pointer;font-weight:800;box-sizing:border-box;box-shadow:0 10px 24px #00000040,inset 0 1px #ffffff1a,inset 0 -12px 24px #0000002e;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sText{font-size:14px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sArrow{margin-left:auto;opacity:.55;font-weight:900;transform:translateY(-.5px)}.shortcutBtnDisabled .sArrow{opacity:.35}.shortcutBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}#menuLeft .shortcutBtn:hover{border-color:#ffffff29;box-shadow:0 12px 26px #0000004d,0 0 0 2px #0000001a inset,0 0 18px #00ffd01f}.shortcutBtnDisabled{opacity:.55;cursor:not-allowed}.sIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:16px}#startCard{padding:16px;display:flex;flex-direction:column;gap:12px}.titleRow{position:relative;display:flex;align-items:flex-start;justify-content:center}.settingsInTitle{position:absolute;top:2px;right:2px}#startUI #gameTitle{font-size:44px;font-weight:900;letter-spacing:.5px;margin:6px 0 0;width:100%;text-align:center}#startUI #nameInput{padding:12px 14px;border-radius:14px;background:#0000004d;border:1px solid rgba(255,255,255,.14)}#startUI #playBtn{width:100%;padding:14px;border-radius:14px;font-size:16px;font-weight:900;background:linear-gradient(90deg,#00ffd0f2,#00ffa5f2);color:#00110d;box-shadow:0 18px 40px #00ffd01f,0 10px 22px #00000059,inset 0 1px #ffffff38;transition:filter .15s ease,transform .15s ease}#startUI #playBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}#startUI .googleBtn{width:100%;border-radius:14px;padding:12px 14px;background:#e53935f2;color:#fff}#startUI #hintText{font-size:12px;opacity:.78}.modeTiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modeTile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0d,#0000 30%),#0000003d;color:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 10px 24px #00000040,inset 0 1px #ffffff14,inset 0 -16px 28px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.modeTile:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#ffffff14,#00ffd08c,#00ffd038,#ffffff0f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .15s ease}.modeTile:hover{filter:brightness(1.07);transform:translateY(-1px)}button.modeTile{appearance:none;-webkit-appearance:none;padding:0;font:inherit}.modeTile input{position:absolute;opacity:0;pointer-events:none}.modeTile .mIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:22px}.modeTile .mText{font-weight:900;letter-spacing:.3px}.modeTile:hover{filter:brightness(1.06);transform:translateY(-1px)}.modeTileDisabled:hover{filter:none;transform:none}.modeTile:has(input:checked){border-color:#00ffd0bf;box-shadow:0 0 0 2px #00ffd038 inset,0 18px 40px #00ffd02e,0 0 30px #00ffd024;background:#00ffd01f;transform:translateY(-1px)}.modeTile:has(input:checked):before{opacity:1}.modeTile:has(input:checked):before{opacity:1;padding:1px;background:linear-gradient(135deg,#ffffff1a,#00ffd0d9,#00ffa58c,#ffffff14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.modeTile:has(input:checked) .mIcon{background:#00ffd024;border-color:#00ffd073;box-shadow:0 0 0 1px #00ffd02e inset}.modeTileDisabled{opacity:.55;cursor:not-allowed}.modeTileDisabled .mIcon{filter:grayscale(1)}#toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 14px;border-radius:999px;background:#000000b8;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1000002}#toast.show{opacity:1}#settingsModal,#skillsModal{position:fixed;inset:0}#startCenter{overflow-x:hidden}#menuShell{width:1100px;max-width:none;transform:scale(.95);transform-origin:top center}@media(max-width:1180px){#menuShell{transform:scale(.95)}}@media(max-width:1100px){#menuShell{transform:scale(.9)}}@media(max-width:1020px){#menuShell{transform:scale(.85)}}@media(max-width:940px){#menuShell{transform:scale(.8)}}@media(max-width:860px){#menuShell{transform:scale(.75)}}@media(max-width:780px){#menuShell{transform:scale(.7)}}#profileTopRow{display:flex;align-items:center;gap:12px;width:100%}#profileAvatar{width:58px;height:58px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 18px #00000059}#diamondBar{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px #00000024;box-sizing:border-box}#diamondPlusBtn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#78ff78e6;color:#000000d9;font-weight:900;font-size:22px;line-height:0;cursor:pointer;box-shadow:0 8px 16px #0000004d}#diamondPlusBtn:hover{filter:brightness(1.06)}#diamondAmount{flex:1;min-width:0;font-weight:900;font-size:22px;letter-spacing:.6px;text-align:right;color:#fffffff2;text-shadow:0 2px 10px rgba(0,0,0,.55)}#diamondIcon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#diamondModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:14}#diamondCard{width:min(720px,92vw);max-height:min(740px,92vh);overflow:auto;padding:18px;border-radius:16px;background:#141414f0;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px #00000073;display:flex;flex-direction:column;gap:14px}#diamondHeaderRow{position:relative;display:flex;align-items:center;justify-content:center;gap:12px}#diamondTitle{font-size:22px;font-weight:900;color:#fff;letter-spacing:.4px;width:100%;text-align:center}.diamondCloseBtn{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:12px;font-weight:900;font-size:18px;line-height:0}#diamondShopGrid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}#diamondShopGrid>.diamondPack{flex:1 1 0;min-width:0;scroll-snap-align:start}.diamondPack{border-radius:16px;background:#0000003d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px #0000002e;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.dpName{font-weight:900;font-size:13px;color:#ffffffeb;text-shadow:0 2px 10px rgba(0,0,0,.55)}.dpAmountRow{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border-radius:12px;background:#3c2d6e73;border:1px solid rgba(255,255,255,.1);width:100%}.dpAmount{font-weight:900;font-size:22px;color:#fffffff2;letter-spacing:.6px;text-align:right}.dpDiamondIcon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.dpArtPlaceholder{width:100%;aspect-ratio:16 / 10;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.dpPackIcon{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.dpBuyBtn{width:100%;padding:10px 12px;border-radius:12px;border:none;cursor:pointer;font-weight:900;background:#0fc;color:#00110d}.dpBuyBtn:hover{filter:brightness(.95)}#diamondHeaderRow{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 4px}#diamondBalanceMini{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.12)}#diamondBalanceMiniAmount{font-weight:900;letter-spacing:.5px;color:#ffffffeb}.diamondCloseBtn{position:absolute;top:2px;right:2px;width:38px;height:38px;border-radius:12px}#settingsCard{width:min(320px,92vw);max-height:min(740px,92vh);overflow:auto}.settingsSectionTitle{margin:10px 0 6px;font-size:13px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#ffffffb3}.settingLabelRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.infoIconBtn{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000059;color:#ffffffe6;font-size:12px;font-weight:900;line-height:1;padding:0;cursor:pointer}.keyRow{display:flex;align-items:center;justify-content:space-between}.keySelect{width:92px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0a0a0a8c;color:#ffffffe6;font-weight:800;letter-spacing:.4px;outline:none}.keyBindBtn{width:92px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0a0a0a8c;color:#ffffffeb;font-weight:900;letter-spacing:.6px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.keyBindBtn:hover{filter:brightness(1.05)}.keyBindBtn.capturing{border-color:#78d2ffd9;box-shadow:0 0 0 2px #78d2ff33}.infoPopup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999999;background:#0000008c}#shopInfoPopup{position:fixed;inset:0;z-index:10000000}.infoPopupCard{width:min(360px,92vw);border-radius:18px;padding:14px 14px 12px;background:#121212eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 48px #0000008c}.infoPopupText{font-size:13px;line-height:1.35;color:#ffffffdb}.infoPopupClose{margin-top:12px;width:100%;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#ffffffeb;font-weight:900;cursor:pointer}#skillsCard{width:min(720px,92vw);max-height:min(740px,92vh);overflow:auto}#diamondModal.justOpened #diamondCard{pointer-events:none}#shopModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:12}#shopCard{width:min(720px,92vw);max-height:min(740px,92vh);overflow:auto;padding:18px;border-radius:16px;background:#141414f0;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px #00000073;display:flex;flex-direction:column;gap:14px}#shopHeaderRow{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 4px}#shopTitle{font-size:22px;font-weight:900;color:#fff;letter-spacing:.4px;width:100%;text-align:center}#shopBalanceMini{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.12)}#shopBalanceMiniAmount{font-weight:900;letter-spacing:.5px;color:#ffffffeb}.shopCloseBtn{position:absolute;top:2px;right:2px;width:38px;height:38px;border-radius:12px;font-weight:900;font-size:18px;line-height:0}#shopGrid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}#shopGrid>.shopItem{flex:1 1 0;min-width:0;scroll-snap-align:start}.shopItem{border-radius:16px;background:#0000003d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px #0000002e;padding:12px;display:flex;flex-direction:column;gap:10px}.shopTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.shopName{font-weight:900;font-size:13px;color:#ffffffeb}.shopIconWrap{width:100%;aspect-ratio:16 / 10;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.shopItemIcon{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.shopMeta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.shopOwned,.shopDuration{font-size:12px;color:#ffffffc7}.shopBtns{display:flex;gap:10px}.shopUseBtn,.shopBuyBtn{flex:1}.shopBuyBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.shopBtnDiamond{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#shopModal.justOpened #shopCard{pointer-events:none}#settingsCard,#skillsCard,#diamondCard,#unlockCard,#noDiamondsCard{transform-origin:center center}@media(max-width:940px){#settingsCard,#skillsCard,#diamondCard,#unlockCard,#noDiamondsCard{transform:scale(.95)}}@media(max-width:860px){#settingsCard,#skillsCard,#diamondCard,#unlockCard,#noDiamondsCard{transform:scale(.9)}}@media(max-width:780px){#settingsCard,#skillsCard,#diamondCard,#unlockCard,#noDiamondsCard{transform:scale(.85)}}.skillCard.locked{position:relative;filter:grayscale(.8) brightness(.85);cursor:pointer}.skillCard.locked:before{content:"";position:absolute;inset:-2px;border-radius:14px;padding:2px;background:repeating-linear-gradient(45deg,#dcdcdc8c 0 6px,#0000 6px 12px),repeating-linear-gradient(-45deg,#dcdcdc8c 0 6px,#0000 6px 12px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.skillLockOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:12px;pointer-events:none}.skillLockIcon{font-size:34px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.skillUnlockPrice{position:absolute;top:8px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#0000008c;font-size:13px;font-weight:700;pointer-events:none}.skillUnlockDiamond{width:14px;height:14px;image-rendering:pixelated}#unlockModal{position:fixed;left:0;top:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;z-index:9999;background:#0000008c}#unlockCard{width:min(420px,92vw);border-radius:12px;padding:18px;background:#141414eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 50px #0000008c;color:#fff}#unlockHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#unlockTitle{font-size:20px;font-weight:800;color:#fff}#unlockCostBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#00000073;font-weight:800}#unlockDiamondIcon{width:16px;height:16px;image-rendering:pixelated}#unlockMsg{margin-top:6px;font-size:14px;line-height:1.35;opacity:.95}#unlockButtons{margin-top:14px;display:flex;justify-content:center;gap:10px}#unlockButtons .primaryBtn{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}.unlockCloseBtn{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:10px;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.unlockCloseBtn:hover{background:#ffffff1a}#unlockCostRow{margin-top:18px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:36px;font-weight:900;letter-spacing:.5px}#unlockCostRow img{width:26px;height:26px;image-rendering:pixelated}.unlockMsg{min-height:18px;text-align:center;margin-top:6px;font-size:14px;opacity:.95}#unlockButtons{margin-top:16px;display:flex;justify-content:center}#unlockButtons .primaryBtn,#noDiamondsButtons .primaryBtn{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}#noDiamondsModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:9999}#noDiamondsCard{width:min(460px,92vw);border-radius:12px;padding:18px;background:#141414eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 50px #0000008c;color:#fff}#noDiamondsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#noDiamondsTitle{font-size:18px;font-weight:900;color:#fff}#noDiamondsButtons{margin-top:14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}#leaderboardModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#leaderboardCard{width:min(720px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));overflow:hidden;border-radius:18px;background:#060a0eeb;border:1px solid rgba(0,255,255,.28);box-shadow:0 18px 60px #0009}#leaderboardHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid rgba(0,255,255,.16)}#leaderboardTitle{font-size:18px;letter-spacing:.08em;color:#fff;font-weight:800}#leaderboardSubtitle{margin-top:4px;font-size:12px;color:#ffffffb8}#leaderboardBody{padding:14px 14px 16px}.leaderboardLoading{color:#ffffffbf;font-size:13px;padding:10px 8px}.leaderboardList{display:flex;flex-direction:column;gap:8px;max-height:min(560px,calc(100vh - 220px));overflow:auto;padding-right:4px}.leaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:#00000059;border:1px solid rgba(0,255,255,.14)}.leaderLeft{display:flex;align-items:center;gap:10px;min-width:0}.leaderRank{width:34px;height:28px;display:grid;place-items:center;border-radius:10px;font-weight:900;color:#fff;background:#00ffff29;border:1px solid rgba(0,255,255,.28);flex:0 0 auto}.leaderName{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderMass{display:flex;align-items:center;gap:6px;font-weight:800;color:#fff}.leaderMassLabel{font-size:11px;color:#ffffffa6;font-weight:700;letter-spacing:.04em}#friendsModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:999999}#friendsCard{width:min(560px,92vw);max-height:min(720px,90vh);overflow:auto;border-radius:18px;background:#141414eb;border:1px solid rgba(255,255,255,.14);padding:18px;color:#fff;box-shadow:0 18px 50px #0000008c}#friendsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}#friendsTitle{font-size:20px;font-weight:900;margin:0;color:#fff}#friendsSubtitle{margin-top:4px;font-size:12px;line-height:1.3;color:#ffffffc7}.friendsStep{display:block}.friendsTwoBtns{display:flex;gap:10px}.friendsHint{margin-top:10px;font-size:12px;color:#ffffffb8;text-align:center}.friendsFieldLabel{font-weight:900;color:#ffffffeb;margin-bottom:8px}.friendsInput{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#00000059;color:#fff;outline:none;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:800}.friendsError{margin-top:10px;font-size:12px;color:#ff5a5af2;min-height:16px}.friendsLobbyTop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.12);margin-bottom:12px}.friendsKV{display:flex;flex-direction:column;gap:4px}.friendsK{font-size:11px;color:#ffffffb3;font-weight:800}.friendsV{font-size:13px;color:#fffffff2;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendsReadyLine{font-size:12px;font-weight:900;color:#ffffffe6;text-align:center;margin:6px 0 10px}.friendsList{max-height:320px;overflow:auto;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.12);padding:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.friendsPlayerRow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.friendsPlayerLeft{display:flex;align-items:center;gap:8px;min-width:0}.friendsBadge{font-size:11px;font-weight:900;padding:4px 8px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#ffffffd9}.friendsBadgeOwner{background:#00ffcc2e;border-color:#00ffcc73;color:#fffffff2}.friendsName{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.friendsReadyTag{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#ffffffc7}.friendsReadyTag.on{background:#00ffcc29;border-color:#00ffcc6b;color:#ffffffeb}@media(max-width:520px){.friendsLobbyTop{grid-template-columns:1fr}.friendsTwoBtns{flex-direction:column}}.maskSubBtn{position:absolute;left:0;top:calc(-100% - 10px);width:100%;height:100%;border-radius:50%;background:#121212d9;border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 26px #00000059;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;pointer-events:auto;z-index:5;transform:none}.maskSubBtn:hover{background:#121212eb}.maskSubImg{width:72%;height:72%;opacity:.9;pointer-events:none}.maskSubNum{position:absolute;top:6px;right:6px;min-width:22px;height:22px;border-radius:999px;background:#0009;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;line-height:1;padding:0 6px;pointer-events:none;color:#fff;text-align:center}.maskDurText{position:absolute;left:50%;transform:translate(-50%);bottom:-18px;font-weight:700;font-size:12px;line-height:1;color:#fffffff2;text-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:6}