.settings-overlay.svelte-1vmgblc{z-index:10300;font-family:var(--font-family);pointer-events:auto;backdrop-filter:blur(6px);background:#0a141e8c;justify-content:center;align-items:center;animation:.2s ease-out svelte-1vmgblc-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-1vmgblc-fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel.svelte-1vmgblc{background:#f5fafff7;border-radius:20px;flex-direction:column;width:760px;max-width:95%;height:640px;max-height:90vh;animation:.3s ease-out svelte-1vmgblc-slideIn;display:flex;overflow:hidden;box-shadow:0 24px 50px #0a233c4d}@keyframes svelte-1vmgblc-slideIn{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-header.svelte-1vmgblc{background:linear-gradient(#d7f1ff 0%,#8cc9ff 100%);justify-content:space-between;align-items:center;padding:12px 18px;display:flex;box-shadow:inset 0 -1px #fff9}.header-content.svelte-1vmgblc h2:where(.svelte-1vmgblc){color:#0b2a40;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:22px;font-weight:900}.close-btn.svelte-1vmgblc{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:10px;width:36px;height:36px;font-size:18px;font-weight:900;transition:transform .12s;box-shadow:0 6px 12px #921e1e59}.close-btn.svelte-1vmgblc:hover{transform:translateY(-1px)}.codes-panel.svelte-1vmgblc{background:linear-gradient(#f2fbff 0%,#d5ecff 100%);border:1px solid #0f21361f;border-radius:16px;margin:16px;padding:12px 14px;box-shadow:0 10px 20px #0c23382e}.codes-header.svelte-1vmgblc{letter-spacing:.6px;text-transform:uppercase;color:#2b6cb0;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.codes-icon.svelte-1vmgblc{color:#fff;background:#2b6cb0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.codes-icon.svelte-1vmgblc svg:where(.svelte-1vmgblc){width:16px;height:16px}.codes-input.svelte-1vmgblc{gap:10px;margin-top:10px;display:flex}.codes-input.svelte-1vmgblc input:where(.svelte-1vmgblc){color:#0b1a2b;background:#fff;border:1px solid #0f213626;border-radius:10px;flex:1;padding:8px 12px;font-size:15px}.codes-input.svelte-1vmgblc input:where(.svelte-1vmgblc)::placeholder{color:#0b1a2b80}.codes-redeem.svelte-1vmgblc{color:#0b1a2b;cursor:pointer;background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border:none;border-radius:10px;padding:8px 16px;font-weight:800;box-shadow:0 8px 16px #1238562e}.settings-tabs.svelte-1vmgblc{gap:8px;padding:0 16px 12px;display:flex}.tab.svelte-1vmgblc{color:#2b6cb0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fffc;border:1px solid #0f21361f;border-radius:12px;flex:1;padding:10px 12px;font-size:13px;font-weight:800;transition:all .12s}.tab.active.svelte-1vmgblc{color:#0b1a2b;background:linear-gradient(#cbeaff 0%,#7dbdff 100%);box-shadow:0 8px 16px #1238562e}.settings-content.svelte-1vmgblc{background:#f7fbff;flex:1;padding:16px;overflow-y:auto}.settings-section.svelte-1vmgblc{flex-direction:column;gap:14px;display:flex}.setting-item.svelte-1vmgblc{background:#ffffffe6;border:1px solid #0f21361f;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.setting-item.svelte-1vmgblc label:where(.svelte-1vmgblc),.setting-item.svelte-1vmgblc .setting-label:where(.svelte-1vmgblc){color:#2b6cb0;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.volume-value.svelte-1vmgblc{color:#1e5aa9;font-size:13px;font-weight:900}input[type=range].svelte-1vmgblc{accent-color:#4aa7f5;cursor:pointer;background:#0f21361f;border-radius:999px;width:100%;height:6px}input[type=range].svelte-1vmgblc::-webkit-slider-thumb{appearance:none;background:#4aa7f5;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 8px #12385633}input[type=range].svelte-1vmgblc::-moz-range-thumb{background:#4aa7f5;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 8px #12385633}.checkbox-item.svelte-1vmgblc{flex-direction:row;justify-content:space-between;align-items:center}.checkbox-btn.svelte-1vmgblc{cursor:pointer;background:#0f213626;border:1px solid #0f213633;border-radius:999px;width:54px;height:28px;transition:background .2s;position:relative}.checkbox-btn.svelte-1vmgblc:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0c233833}.checkbox-btn.checked.svelte-1vmgblc{background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border-color:#0f213640}.checkbox-btn.checked.svelte-1vmgblc:after{transform:translate(26px)}.checkmark.svelte-1vmgblc{display:none}.setting-description.svelte-1vmgblc{color:#0b1a2b8c;margin:0;font-size:12px;font-weight:600}.quality-presets.svelte-1vmgblc{gap:8px;display:flex}.preset-btn.svelte-1vmgblc{color:#2b6cb0;font-family:var(--font-family);cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#fffc;border:1px solid #0f213626;border-radius:10px;flex:1;padding:10px 12px;font-size:13px;font-weight:800;transition:all .12s}.preset-btn.active.svelte-1vmgblc{color:#0b1a2b;background:linear-gradient(#cbeaff 0%,#7dbdff 100%);box-shadow:0 6px 14px #1238562e}.keybinds-section.svelte-1vmgblc{gap:12px}.keybind-item.svelte-1vmgblc{background:#ffffffe6;border:1px solid #0f21361f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.keybind-label.svelte-1vmgblc{color:#2b6cb0;min-width:110px;font-size:13px;font-weight:800}.keybind-keys.svelte-1vmgblc{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.keybind-key.svelte-1vmgblc{color:#0b1a2b;background:#2b6cb01f;border:1px solid #2b6cb04d;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:flex}.remove-key-btn.svelte-1vmgblc{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.add-key-btn.svelte-1vmgblc{color:#2b6cb0;cursor:pointer;background:#fffc;border:1px dashed #2b6cb080;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800}.keybind-listening.svelte-1vmgblc{color:#0b1a2b;text-align:center;background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border-radius:14px;padding:14px;font-size:14px;font-weight:900}.cancel-btn.svelte-1vmgblc{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:10px;margin-top:10px;padding:8px 14px;font-size:12px;font-weight:800}.keybind-error.svelte-1vmgblc{color:#e34b4b;text-align:center;background:#ff63631f;border:1px solid #ff636366;border-radius:12px;padding:10px;font-size:12px;font-weight:800}.settings-footer.svelte-1vmgblc{background:#f1f6fb;border-top:1px solid #0f21361a;justify-content:center;gap:12px;padding:14px;display:flex}.reset-btn.svelte-1vmgblc{color:#fff;font-family:var(--font-family);cursor:pointer;letter-spacing:.5px;background:#ff6b6b;border:none;border-radius:12px;padding:8px 18px;font-size:13px;font-weight:800}@media (width<=768px){.settings-panel.svelte-1vmgblc{transform-origin:50%;transform:scale(.9)}}@media (width<=540px){.settings-panel.svelte-1vmgblc{transform:scale(.82)}.codes-input.svelte-1vmgblc{flex-direction:column}}.main-menu.svelte-17d2k3k{z-index:10100;font-family:var(--font-family);backdrop-filter:blur(2px);background:#0a141e4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes svelte-17d2k3k-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-17d2k3k-slideIn{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}button.svelte-17d2k3k:focus,input.svelte-17d2k3k:focus,select.svelte-17d2k3k:focus,button.svelte-17d2k3k:focus-visible,input.svelte-17d2k3k:focus-visible,select.svelte-17d2k3k:focus-visible{outline:none!important}.settings-btn.svelte-17d2k3k{color:#2b6cb0;cursor:pointer;z-index:10200;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .12s;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 12px 24px #0c233840}.settings-btn.svelte-17d2k3k:hover{transform:translateY(-2px)}.menu-panel.svelte-17d2k3k{z-index:10150;background:#fffffff2;border-radius:20px;width:520px;max-width:92%;overflow:hidden;box-shadow:0 24px 50px #0a233c4d}.menu-panel.hidden.svelte-17d2k3k{display:none}.shop-header.svelte-17d2k3k{background:linear-gradient(#d7f1ff 0%,#8cc9ff 100%);border-bottom:1px solid #0f21361a;justify-content:center;align-items:center;height:64px;display:flex}.shop-header.svelte-17d2k3k h2:where(.svelte-17d2k3k){color:#0b1a2b;text-align:center;margin:0;padding:0 16px;font-size:22px;font-weight:900}.shop-content.svelte-17d2k3k{padding:20px}.player-info.svelte-17d2k3k{background:#f1f6fb;border:1px solid #0f21361f;border-radius:16px;margin-bottom:18px;padding:16px}.info-item.svelte-17d2k3k{text-align:center}.info-item.svelte-17d2k3k:not(:first-child){margin-top:12px}.info-item.svelte-17d2k3k .label:where(.svelte-17d2k3k){color:#2b6cb0;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.name-input.svelte-17d2k3k,.server-select.svelte-17d2k3k{color:#0b1a2b;text-align:center;width:100%;font-size:16px;font-family:var(--font-family);box-sizing:border-box;background:#fff;border:1px solid #0f213626;border-radius:12px;padding:10px 12px;font-weight:700}.name-input.svelte-17d2k3k::placeholder{color:#0b1a2b66}.server-select.svelte-17d2k3k{color:#1e5aa9;cursor:pointer}.error-message.svelte-17d2k3k{color:#e34b4b;margin-top:6px;font-size:12px;font-weight:700;display:block}.server-hint.svelte-17d2k3k{color:#0b1a2b99;margin-top:6px;font-size:11px;font-weight:600;display:block}.shop-items.svelte-17d2k3k{margin-bottom:18px}.shop-item.svelte-17d2k3k{text-align:center;cursor:pointer;background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border:none;border-radius:16px;width:100%;padding:14px;transition:transform .12s;box-shadow:0 10px 20px #12385633}.shop-item.svelte-17d2k3k:hover{transform:translateY(-2px)}.play-text.svelte-17d2k3k{color:#0b1a2b;margin:0;font-size:22px;font-weight:900}.room-actions.svelte-17d2k3k{gap:10px;margin-bottom:18px;display:flex}.room-action-btn.svelte-17d2k3k{text-align:center;cursor:pointer;background:linear-gradient(#cbeaff 0%,#7dbdff 100%);border:none;border-radius:14px;flex:1;padding:12px;transition:transform .12s;box-shadow:0 10px 20px #12385633}.room-action-btn.svelte-17d2k3k:hover{transform:translateY(-2px)}.room-action-text.svelte-17d2k3k{color:#0b1a2b;margin:0;font-size:16px;font-weight:800}.controls-info.svelte-17d2k3k{background:#f1f6fb;border:1px solid #0f21361f;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.control-row.svelte-17d2k3k{justify-content:space-between;align-items:center;display:flex}.control-label.svelte-17d2k3k{color:#2b6cb0;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:800}.control-desc.svelte-17d2k3k{color:#0b1a2b;font-size:14px;font-weight:700}.modal-overlay.svelte-17d2k3k{z-index:10250;background:#0a141e99;justify-content:center;align-items:center;animation:.2s ease-out svelte-17d2k3k-fadeIn;display:flex;position:fixed;inset:0}.modal-content.svelte-17d2k3k{background:#fffffff5;border-radius:18px;width:90%;max-width:460px;animation:.3s ease-out svelte-17d2k3k-slideIn;overflow:hidden;box-shadow:0 20px 40px #0a233c4d}.modal-header.svelte-17d2k3k{background:linear-gradient(#d7f1ff 0%,#8cc9ff 100%);justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.modal-header.svelte-17d2k3k h3:where(.svelte-17d2k3k){color:#0b1a2b;margin:0;font-size:18px;font-weight:900}.modal-close.svelte-17d2k3k{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;width:32px;height:32px;font-size:18px;font-weight:900}.modal-body.svelte-17d2k3k{padding:20px}.modal-label.svelte-17d2k3k{color:#2b6cb0;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.room-code-input.svelte-17d2k3k{color:#0b1a2b;width:100%;font-family:var(--font-family);box-sizing:border-box;text-align:center;background:#fff;border:1px solid #0f213626;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:700}.modal-footer.svelte-17d2k3k{gap:12px;padding:16px;display:flex}.modal-btn.svelte-17d2k3k{font-family:var(--font-family);cursor:pointer;color:#0b1a2b;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800}.modal-btn.cancel.svelte-17d2k3k{background:#0f21361a}.modal-btn.confirm.svelte-17d2k3k{background:linear-gradient(#b6f3a1 0%,#59cf6b 100%)}@media (width<=640px){.menu-panel.svelte-17d2k3k{transform-origin:50%;transform:scale(.92)}}.modal-overlay.svelte-130mqcc{z-index:10400;font-family:var(--font-family);background:#0a141e99;justify-content:center;align-items:center;animation:.2s ease-out svelte-130mqcc-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-130mqcc-fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel.svelte-130mqcc{background:#fffffff5;border-radius:18px;width:420px;max-width:92%;animation:.3s ease-out svelte-130mqcc-slideIn;overflow:hidden;box-shadow:0 20px 40px #0a233c4d}@keyframes svelte-130mqcc-slideIn{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header.svelte-130mqcc{background:linear-gradient(#ffd1d1 0%,#ff7a7a 100%);justify-content:center;align-items:center;height:56px;display:flex}.modal-header.svelte-130mqcc h2:where(.svelte-130mqcc){color:#6b1f1f;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:18px;font-weight:900}.modal-content.svelte-130mqcc{flex-direction:column;align-items:center;gap:12px;padding:22px;display:flex}.modal-message.svelte-130mqcc{color:#0b1a2b;text-align:center;margin:0;font-size:16px;font-weight:700;line-height:1.4}.modal-footer.svelte-130mqcc{border-top:1px solid #0f21361f;justify-content:center;gap:12px;padding:16px;display:flex}.cancel-btn.svelte-130mqcc,.confirm-btn.svelte-130mqcc{font-size:14px;font-family:var(--font-family);color:#0b1a2b;cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 16px;font-weight:800}.cancel-btn.svelte-130mqcc{background:#0f21361f}.confirm-btn.svelte-130mqcc{background:linear-gradient(#b6f3a1 0%,#59cf6b 100%)}.joystick-container.svelte-1fwwnke{pointer-events:auto;touch-action:none;user-select:none;z-index:1000;width:120px;height:120px;position:fixed;bottom:70px;right:50px}.joystick-base.svelte-1fwwnke{background:#0b1a2b40;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 12px 22px #0c233840,inset 0 0 0 2px #ffffff40}.joystick-stick.svelte-1fwwnke{pointer-events:none;background:linear-gradient(#cbeaff 0%,#7dbdff 100%);border-radius:50%;width:50px;height:50px;transition:opacity .2s;position:absolute;box-shadow:0 10px 18px #0c233840}@media (width<=768px){.joystick-container.svelte-1fwwnke{transform-origin:100% 100%;transform:scale(.88)}}@media (width<=640px){.joystick-container.svelte-1fwwnke{transform-origin:100% 100%;transform:scale(.78)}}@media (width<=480px){.joystick-container.svelte-1fwwnke{transform-origin:100% 100%;transform:scale(.7)}}@media (height<=700px){.joystick-container.svelte-1fwwnke{transform-origin:100% 100%;transform:scale(.85)}}@media (height<=600px){.joystick-container.svelte-1fwwnke{transform-origin:100% 100%;transform:scale(.75)}}.interact-button.svelte-1e8r8ra{cursor:pointer;pointer-events:auto;touch-action:none;user-select:none;z-index:1001;background:linear-gradient(135deg,#7dd3fc 0%,#4aa7f5 50%,#2b6cb0 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-family:CustomFont,Fredoka,sans-serif;transition:all .1s;display:flex;position:fixed;bottom:120px;left:200px;box-shadow:0 16px 26px #0c23384d,inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff40}.interact-button.svelte-1e8r8ra:before{content:"";pointer-events:none;border:2px solid #fff6;border-radius:50%;position:absolute;inset:8px}.interact-button.svelte-1e8r8ra:active,.interact-button.pressed.svelte-1e8r8ra{transform:translateY(5px);box-shadow:0 8px 18px #0c23384d,inset 0 -2px 4px #0003}.button-inner.svelte-1e8r8ra{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.key-label.svelte-1e8r8ra{color:#fff;letter-spacing:-1px;font-size:42px;font-weight:900;line-height:1}.action-label.svelte-1e8r8ra{color:#fffffff2;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}@media (width<=968px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.92)}}@media (width<=768px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.85)}}@media (width<=640px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.78)}}@media (width<=480px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.7)}}@media (height<=700px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.85)}}@media (height<=600px){.interact-button.svelte-1e8r8ra{transform-origin:0 100%;transform:scale(.75)}}.game-ui.svelte-1k012am{font-family:var(--font-family);pointer-events:none;color:var(--color-text-main);z-index:9;position:fixed;inset:0}.hud-left.svelte-1k012am{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute;top:18px;left:18px}.currency-pill.svelte-1k012am{box-shadow:var(--shadow-panel);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:14px;align-items:center;gap:10px;min-width:120px;padding:8px 12px;display:flex}.currency-icon.svelte-1k012am{color:#fff;background:linear-gradient(#cbeaff 0%,#7dbdff 100%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:inset 0 1px #ffffff80}.currency-icon.svelte-1k012am svg:where(.svelte-1k012am){width:18px;height:18px}.currency-info.svelte-1k012am{flex-direction:column;gap:2px;display:flex}.currency-label.svelte-1k012am{letter-spacing:.3px;color:#3b5b7a;font-size:12px;font-weight:800}.currency-value.svelte-1k012am{color:#0b1a2b;font-size:20px;font-weight:900}.ko-pill.svelte-1k012am{background:#ffffffe6;border:1px solid #fff9;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 8px 16px #0c182433}.ko-label.svelte-1k012am{letter-spacing:.3px;color:#2b6cb0;font-size:12px;font-weight:800}.ko-value.svelte-1k012am{color:#0b1a2b;font-size:18px;font-weight:900}.left-dock.svelte-1k012am{pointer-events:auto;flex-direction:column;gap:12px;display:flex;position:absolute;top:150px;left:18px}.dock-btn.svelte-1k012am{background:linear-gradient(180deg,var(--dock-start),var(--dock-end));color:#fff;cursor:pointer;border:2px solid #ffffffb3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:86px;height:86px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 10px 22px #0c233840}.dock-btn.svelte-1k012am:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0c23384d}.dock-icon.svelte-1k012am{background:#ffffff38;border:1px solid #ffffff80;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dock-icon.svelte-1k012am svg:where(.svelte-1k012am){width:20px;height:20px}.dock-label.svelte-1k012am{letter-spacing:.2px;font-size:12px;font-weight:800}.dock-btn--shop.svelte-1k012am{--dock-start:#ff6b6b;--dock-end:#e64b4b}.dock-btn--penguin.svelte-1k012am{--dock-start:#a48bff;--dock-end:#6d63e9}.dock-btn--quests.svelte-1k012am{--dock-start:#ffd166;--dock-end:#f4a93b}.dock-btn--index.svelte-1k012am{--dock-start:#8fe29a;--dock-end:#40b36b}.phase-banner.svelte-1k012am{pointer-events:none;background:linear-gradient(#d7f1ff 0%,#8cc9ff 100%);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px 26px 10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px #0a233c40}.phase-line.svelte-1k012am{color:#0b2a40;letter-spacing:.2px;align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex}.phase-text.svelte-1k012am{font-size:22px;font-weight:900}.phase-count.svelte-1k012am{color:#1e5aa9;background:#ffffffbf;border-radius:10px;padding:2px 8px;font-size:20px;font-weight:900}.phase-sub.svelte-1k012am{color:#1e5aa9;letter-spacing:.3px;background:#ffffffb3;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800}.action-flash.svelte-1k012am{letter-spacing:2px;color:#ff6b6b;pointer-events:none;font-size:40px;font-weight:900;animation:.8s ease-out forwards svelte-1k012am-actionFlash;position:absolute;top:86px;left:50%;transform:translate(-50%)}.alive-panel.svelte-1k012am{text-align:center;pointer-events:none;background:#ffffffeb;border-radius:16px;padding:10px 14px;position:absolute;top:18px;right:18px;box-shadow:0 12px 26px #0c233840}.alive-label.svelte-1k012am{letter-spacing:.6px;text-transform:uppercase;color:#2b6cb0;font-size:12px;font-weight:800}.alive-count.svelte-1k012am{color:#0b1a2b;margin-top:4px;font-size:28px;font-weight:900;display:block}.kill-feed.svelte-1k012am{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:140px;left:132px}.kill-line.svelte-1k012am{color:#fff;background:#0b1a2bbf;border-radius:12px;padding:8px 12px;font-size:14px;box-shadow:0 8px 20px #0003}.power-hud.svelte-1k012am{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.power-caption.svelte-1k012am{color:#fff;letter-spacing:.2px;background:#0b1a2be6;border-radius:12px;padding:6px 14px;font-size:16px;font-weight:800}.power-row.svelte-1k012am{align-items:center;gap:12px;display:flex}.keycap.svelte-1k012am{color:#fff;background:#0b1a2bf2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:58px;height:58px;display:flex;box-shadow:0 8px 16px #00000040}.keycap-key.svelte-1k012am{font-size:22px;font-weight:900}.keycap-sub.svelte-1k012am{letter-spacing:.8px;color:#ffffffb3;font-size:9px;font-weight:800}.power-bar.svelte-1k012am{background:#0b1a2beb;border-radius:16px;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:clamp(240px,40vw,420px);padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000040}.power-fill.svelte-1k012am{opacity:.32;pointer-events:none;background:linear-gradient(90deg,#42e695 0%,#fddf67 45%,#ff9f43 70%,#ff6b6b 100%);border-radius:12px;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.power-block.svelte-1k012am{cursor:pointer;z-index:1;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:6px;height:16px;padding:0;transition:transform .12s,background .2s,box-shadow .2s;position:relative}.power-block.svelte-1k012am:hover:not(:disabled){transform:translateY(-2px)}.power-block.svelte-1k012am:disabled{cursor:not-allowed;opacity:.5}.power-block--active.svelte-1k012am{background:var(--block-color);box-shadow:0 0 10px var(--block-color);border-color:#fff9}.power-block--max.svelte-1k012am{animation:.8s ease-in-out infinite svelte-1k012am-maxPulse}.tool-strip.svelte-1k012am{pointer-events:auto;gap:12px;display:flex;position:absolute;bottom:18px;left:18px}.tool-item.svelte-1k012am{flex-direction:column;align-items:center;gap:6px;display:flex}.tool-btn.svelte-1k012am{cursor:pointer;color:#2b6cb0;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 8px 18px #0c233840}.tool-btn.svelte-1k012am svg:where(.svelte-1k012am){width:24px;height:24px}.tool-btn.svelte-1k012am:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0c233847}.tool-btn.svelte-1k012am:disabled{opacity:.5;cursor:not-allowed}.tool-btn--leave.svelte-1k012am{color:#e34b4b}.tool-label.svelte-1k012am{letter-spacing:.2px;color:#0b1a2b;font-size:12px;font-weight:800}.match-overlay.svelte-1k012am{pointer-events:auto;background:#0814208c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-card.svelte-1k012am{text-align:center;background:#fffffff2;border-radius:22px;padding:28px 32px;box-shadow:0 18px 40px #0000004d}.match-card.svelte-1k012am h2:where(.svelte-1k012am){color:#0b1a2b;margin-bottom:12px;font-size:28px}.match-card.svelte-1k012am p:where(.svelte-1k012am){color:#0b1a2bb3;margin:0;font-weight:600}.restart-btn.svelte-1k012am{color:#0b1a2b;cursor:pointer;background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border:none;border-radius:999px;margin-top:16px;padding:10px 22px;font-weight:800;box-shadow:0 8px 16px #12385633}@keyframes svelte-1k012am-actionFlash{0%{opacity:0;transform:translate(-50%)scale(.9)}20%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%)scale(1.2)}}@keyframes svelte-1k012am-maxPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@media (width<=900px){.phase-banner.svelte-1k012am{transform:translate(-50%)scale(.92)}.left-dock.svelte-1k012am{transform-origin:0 0;transform:scale(.92)}.power-hud.svelte-1k012am{transform-origin:bottom;transform:translate(-50%)scale(.92)}}@media (width<=640px){.phase-banner.svelte-1k012am,.power-hud.svelte-1k012am{transform:translate(-50%)scale(.82)}.left-dock.svelte-1k012am{transform:scale(.85)}.kill-feed.svelte-1k012am{top:220px;left:18px}}.popup-overlay.svelte-1k012am{z-index:30;pointer-events:auto;background:#08142099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card.svelte-1k012am{text-align:center;background:#fffffff5;border-radius:20px;width:86vw;max-width:360px;padding:22px 26px;box-shadow:0 18px 40px #0000004d}.popup-card--wide.svelte-1k012am{max-width:420px}.popup-card.svelte-1k012am h3:where(.svelte-1k012am){color:#0b1a2b;margin:0 0 10px;font-size:22px}.popup-card.svelte-1k012am p:where(.svelte-1k012am){color:#0b1a2bb8;margin:0 0 16px;font-weight:600}.popup-btn.svelte-1k012am{color:#0b1a2b;cursor:pointer;background:linear-gradient(#d7f1ff 0%,#8cc9ff 100%);border:none;border-radius:999px;padding:10px 20px;font-weight:800;box-shadow:0 8px 16px #12385633}.color-grid.svelte-1k012am{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px;display:grid}.color-swatch.svelte-1k012am{background:var(--swatch-color);cursor:pointer;border:2px solid #ffffffb3;border-radius:16px;width:56px;height:56px;padding:0;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:inset 0 1px #fff6,0 8px 16px #0c233833}.color-swatch.svelte-1k012am:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 12px 22px #0c233847}.color-swatch.svelte-1k012am:disabled{opacity:.35;cursor:not-allowed;box-shadow:inset 0 1px #fff3}.color-swatch--selected.svelte-1k012am{outline-offset:2px;outline:3px solid #0c233899}.color-note.svelte-1k012am{text-transform:uppercase;letter-spacing:.6px;color:#0b1a2b99;margin-bottom:12px;font-size:12px;font-weight:700}body.loading-active .main-menu .menu-panel,body.loading-active .main-menu .settings-btn{display:none!important}.loading-overlay.svelte-1ugsqai{z-index:10700;font-family:var(--font-family);backdrop-filter:blur(4px);background:#0a141eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card.svelte-1ugsqai{background:#fffffff5;border-radius:18px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:28px 40px;display:flex;box-shadow:0 24px 50px #0a233c4d}.spinner.svelte-1ugsqai{border:4px solid #2b6cb033;border-top-color:#2b6cb0;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite svelte-1ugsqai-spin}.loading-text.svelte-1ugsqai{color:#0b1a2b;font-size:16px;font-weight:800}.progress-container.svelte-1ugsqai{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.progress-bar.svelte-1ugsqai{background:#0f21361f;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill.svelte-1ugsqai{background:linear-gradient(90deg,#4aa7f5 0%,#7dd3fc 100%);height:100%;transition:width .3s}.progress-text.svelte-1ugsqai{color:#2b6cb0;text-align:center;font-size:13px;font-weight:800}.asset-name.svelte-1ugsqai{color:#0b1a2b99;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:12px;font-weight:600;overflow:hidden}@keyframes svelte-1ugsqai-spin{to{transform:rotate(360deg)}}body.error-modal-active .main-menu .menu-panel,body.error-modal-active .main-menu .settings-btn{display:none!important}.modal-overlay.svelte-1tsekdb{z-index:10600;font-family:var(--font-family);background:#0a141e99;justify-content:center;align-items:center;animation:.2s ease-out svelte-1tsekdb-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-1tsekdb-fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel.svelte-1tsekdb{background:#fffffff5;border-radius:18px;width:420px;max-width:92%;animation:.3s ease-out svelte-1tsekdb-slideIn;overflow:hidden;box-shadow:0 20px 40px #0a233c4d}@keyframes svelte-1tsekdb-slideIn{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header.svelte-1tsekdb{background:linear-gradient(#ffd1d1 0%,#ff7a7a 100%);justify-content:center;align-items:center;height:56px;display:flex}.modal-header.svelte-1tsekdb h2:where(.svelte-1tsekdb){color:#6b1f1f;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:18px;font-weight:900}.modal-content.svelte-1tsekdb{text-align:center;border-bottom:1px solid #0f21361f;padding:22px}.modal-message.svelte-1tsekdb{color:#0b1a2b;margin:0;font-size:14px;line-height:1.5}.modal-footer.svelte-1tsekdb{justify-content:center;gap:16px;padding:16px;display:flex}.ok-btn.svelte-1tsekdb{font-size:14px;font-family:var(--font-family);color:#0b1a2b;cursor:pointer;background:linear-gradient(#b6f3a1 0%,#59cf6b 100%);border:none;border-radius:12px;flex:none;padding:10px 22px;font-weight:800;box-shadow:0 8px 16px #1238562e}:root{--spacing-xs:6px;--spacing-sm:10px;--spacing-md:14px;--spacing-lg:18px;--spacing-xl:22px;--spacing-xxl:28px;--spacing-xxxl:36px;--border-width:2px;--border-color:#0f213640;--border-radius:16px;--shadow-3d-primary:0 10px 22px #12385640;--shadow-3d-primary-hover:0 8px 18px #12385638;--shadow-3d-primary-active:0 6px 14px #12385633;--shadow-3d-secondary:0 10px 22px #12385640;--shadow-3d-secondary-hover:0 8px 18px #12385638;--shadow-3d-secondary-active:0 6px 14px #12385633;--shadow-3d-danger:0 10px 22px #56121240;--shadow-3d-danger-hover:0 8px 18px #56121238;--shadow-3d-danger-active:0 6px 14px #56121233;--shadow-3d-gray:0 10px 22px #171e2633;--shadow-3d-gray-hover:0 8px 18px #171e262e;--shadow-3d-gray-active:0 6px 14px #171e2629;--shadow-panel:0 18px 40px #0a213647;--shadow-inset-light:inset 0 1px 0 #ffffff80;--shadow-inset-border:inset 0 0 0 1px #fff6;--color-primary-start:#b6f3a1;--color-primary-end:#59cf6b;--color-primary-gradient:linear-gradient(180deg,#b6f3a1 0%,#59cf6b 100%);--color-primary-shadow:#176d4066;--color-secondary-start:#cbeaff;--color-secondary-end:#7dbdff;--color-secondary-gradient:linear-gradient(180deg,#cbeaff 0%,#7dbdff 100%);--color-secondary-shadow:#114b8759;--color-secondary-bright:#4aa7f5;--color-danger-start:#ff9b9b;--color-danger-end:#ff5c5c;--color-danger:#ff6b6b;--color-danger-gradient:linear-gradient(180deg,#ff9b9b 0%,#ff5c5c 100%);--color-danger-shadow:#921e1e66;--color-gray-start:#d7dee8;--color-gray-end:#a5b3c4;--color-gray-gradient:linear-gradient(180deg,#d7dee8 0%,#a5b3c4 100%);--color-gray-shadow:#1a243033;--color-bg-panel:#ffffffe6;--color-bg-overlay:#0a141e99;--color-bg-input:#ffffffd9;--color-text-white:#fff;--color-text-accent:#2b6cb0;--color-text-yellow:#ffe066;--color-text-main:#0b1a2b;--color-text-muted:#5a6d85;--text-shadow-soft:0 2px 0 #0003;--font-family:"CustomFont",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:28px;--font-size-xxxl:34px;--transition-default:all .18s ease;--transition-fast:all .12s ease;--transition-slow:all .3s ease;--z-main-menu:10100;--z-settings-btn:10200;--z-join-modal:10250;--z-settings-modal:10300;--z-leave-confirm:10400;--z-error-modal:10600;--z-loading:10700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.ds-panel{background:var(--color-bg-panel);box-shadow:var(--shadow-panel),var(--shadow-inset-border);padding:var(--spacing-lg)}.ds-header{background:var(--color-secondary-gradient);height:60px;box-shadow:var(--shadow-3d-secondary);justify-content:center;align-items:center;padding-bottom:6px;display:flex}.ds-header-red{background:var(--color-danger);height:60px;box-shadow:var(--shadow-3d-danger);justify-content:center;align-items:center;padding-bottom:6px;display:flex}.ds-header h2,.ds-header-red h2{color:var(--color-text-white);font-size:var(--font-size-xxl);text-transform:uppercase;margin:0;font-weight:800}.ds-btn-primary{background:var(--color-primary-gradient);color:var(--color-text-white);box-shadow:var(--shadow-inset-light),var(--shadow-3d-primary);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;transition:var(--transition-default);text-shadow:2px 2px #000c;border:none;padding:8px 32px 14px;font-weight:900}.ds-btn-primary:hover{box-shadow:var(--shadow-inset-light),var(--shadow-3d-primary-hover);background:linear-gradient(#f8ff66 0%,#6ee000 100%);transform:translateY(2px)}.ds-btn-primary:active{box-shadow:var(--shadow-inset-light),var(--shadow-3d-primary-active);transform:translateY(6px)}.ds-btn-secondary{background:var(--color-secondary-gradient);color:var(--color-text-white);box-shadow:var(--shadow-inset-light),var(--shadow-3d-secondary);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;transition:var(--transition-default);text-shadow:2px 2px #000c;border:none;padding:8px 32px 14px;font-weight:900}.ds-btn-secondary:hover{box-shadow:var(--shadow-inset-light),var(--shadow-3d-secondary-hover);transform:translateY(2px)}.ds-btn-secondary:active{box-shadow:var(--shadow-inset-light),var(--shadow-3d-secondary-active);transform:translateY(6px)}.ds-btn-danger{background:var(--color-danger-gradient);color:var(--color-text-white);box-shadow:var(--shadow-inset-light),var(--shadow-3d-danger);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;transition:var(--transition-default);text-shadow:2px 2px #000c;border:none;padding:8px 32px 14px;font-weight:900}.ds-btn-danger:hover{box-shadow:var(--shadow-inset-light),var(--shadow-3d-danger-hover);transform:translateY(2px)}.ds-btn-danger:active{box-shadow:var(--shadow-inset-light),var(--shadow-3d-danger-active);transform:translateY(6px)}.ds-btn-gray{background:var(--color-gray-gradient);color:var(--color-text-white);box-shadow:inset 0 2px 0 #ffffff4d,var(--shadow-3d-gray);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;transition:var(--transition-default);text-shadow:2px 2px #000c;border:none;padding:8px 32px 14px;font-weight:900}.ds-btn-gray:hover{box-shadow:inset 0 2px 0 #ffffff4d,var(--shadow-3d-gray-hover);background:linear-gradient(#999 0%,#666 100%);transform:translateY(2px)}.ds-btn-gray:active{box-shadow:inset 0 2px 0 #ffffff4d,var(--shadow-3d-gray-active);transform:translateY(6px)}.ds-input{width:100%;font-size:var(--font-size-lg);background:var(--color-bg-input);box-shadow:0 0 0 3px var(--border-color),var(--shadow-inset-border);color:var(--color-text-white);font-family:var(--font-family);transition:var(--transition-default);box-sizing:border-box;border:none;padding:8px 12px;font-weight:700}.ds-input:focus{box-shadow:0 0 0 3px var(--color-secondary-bright);background:#00000080;outline:none}.ds-modal-overlay{background:var(--color-bg-overlay);width:100%;height:100%;font-family:var(--font-family);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.ds-modal-panel{background:var(--color-bg-panel);max-width:95%;box-shadow:var(--shadow-panel);animation:.3s ease-out slideIn;overflow:hidden}.ds-modal-content{padding:var(--spacing-xxxl)var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.ds-modal-footer{gap:var(--spacing-lg);padding:var(--spacing-md);border-top:var(--border-width)solid var(--border-color);justify-content:center;display:flex}.ds-content-box{padding:var(--spacing-lg);background:var(--color-bg-panel);box-shadow:inset 0 0 0 var(--border-width)var(--border-color),var(--shadow-inset-border)}button:focus,input:focus,select:focus,button:focus-visible,input:focus-visible,select:focus-visible{outline:none!important}@font-face{font-family:CustomFont;src:url(../font.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);text-shadow:var(--text-shadow-soft);margin:0;padding:0;font-family:CustomFont,sans-serif;font-size:18px;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:56px}h2{font-size:44px}h3{font-size:36px}h4{font-size:30px}h5{font-size:24px}h6{font-size:20px}canvas{touch-action:none;user-select:none;width:100%;height:100%;position:fixed;top:0;left:0}