:root{--color-bg: #0a0e17;--color-panel: rgba(10, 20, 40, .85);--color-border: #2a4060;--color-accent: #4488aa;--color-text: #c0d8e8;--color-text-bright: #ffffff;--color-success: #27AE60;--color-danger: #E74C3C;--color-warning: #F1C40F;--font-title: "Orbitron", "Trebuchet MS", "Segoe UI", sans-serif;--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--radius: 6px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#game-canvas canvas{display:block}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}h1,h2,h3,h4{color:var(--color-text-bright);font-weight:600;letter-spacing:2px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);color:var(--color-text);font-family:var(--font-body);font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;user-select:none}.btn:hover{background:#142846e6;border-color:var(--color-accent);color:var(--color-text-bright)}.btn:active{transform:scale(.97)}.btn--primary{border-color:var(--color-accent);background:#48a3;color:var(--color-text-bright)}.btn--primary:hover{background:#48a6}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background:#e74c3c33}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;min-width:300px;max-width:90vw}.modal__title{margin-bottom:16px;font-size:1.2rem;color:var(--color-text-bright);letter-spacing:2px}.modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}#rotate-overlay{display:none}@media(orientation:portrait)and (hover:none)and (pointer:coarse){#rotate-overlay{display:flex;position:fixed;inset:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg)}.rotate-overlay__icon{font-size:72px;color:var(--color-accent);animation:rotate-hint 2s ease-in-out infinite;display:block;line-height:1}.rotate-overlay__text{font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text)}}@keyframes rotate-hint{0%{transform:rotate(0)}30%{transform:rotate(-90deg)}70%{transform:rotate(-90deg)}to{transform:rotate(0)}}html[data-locale=zh]{--font-title: "ZCOOL QingKe HuangYou", "Orbitron", "Noto Sans SC", sans-serif;--font-display: "Noto Sans SC", "Bebas Neue", sans-serif;--font-body: "Noto Sans SC", "Trebuchet MS", sans-serif;--font-mono: "Noto Sans SC", "Consolas", monospace}html[data-locale=ko]{--font-title: "Black Han Sans", "Orbitron", "Noto Sans KR", sans-serif;--font-display: "Noto Sans KR", "Bebas Neue", sans-serif;--font-body: "Noto Sans KR", "Trebuchet MS", sans-serif;--font-mono: "Noto Sans KR", "Consolas", monospace}.menu-bg-root{position:fixed;inset:0;z-index:0;pointer-events:none;background:#000;overflow:hidden}.menu-bg-layer{position:absolute;user-select:none;-webkit-user-drag:none}.menu-bg-layer--blurred-backdrop{inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(var(--bg-blur-px, 72px)) brightness(var(--bg-brightness, .35))}.menu-bg-layer--centered-image{top:50%;left:50%;transform:translate(-50%,-50%);height:var(--center-img-height, 100vh);aspect-ratio:1 / 1;object-fit:cover;box-shadow:0 0 80px #0009}.menu-bg-layer--cover-image{top:50%;left:50%;width:min(max(100vw,100vh),2560px);height:min(max(100vw,100vh),2560px);transform:translate(-50%,-50%);object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%)}.menu-bg-layer--floating-element{transform:translate(-50%,-50%);object-fit:contain}@media(prefers-reduced-motion:reduce){body:not(.accessibility-motion-override) *,body:not(.accessibility-motion-override) *:before,body:not(.accessibility-motion-override) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.reduce-motion .sp-option--pulse{outline:2px solid var(--color-accent, #aaddff);outline-offset:2px}body.reduce-flashing .sp-glitch--subtle,body.reduce-flashing .sp-glitch--medium,body.reduce-flashing .sp-glitch--heavy,body.reduce-flashing .sp-glitch-aberr{animation:none!important;opacity:1!important}body.reduce-flashing .sp-glitch-aberr{display:none!important}.settings-dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:12px;box-sizing:border-box}.settings-dialog{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px 28px;min-width:360px;max-width:90vw;max-height:92vh;font-family:var(--font-body);display:flex;flex-direction:column;box-sizing:border-box}.settings-dialog__title{margin:0 0 14px;color:var(--color-text-bright);font-family:var(--font-title);font-size:1.3rem;letter-spacing:3px;text-align:center;flex-shrink:0}.settings-dialog__tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px;flex-shrink:0}.settings-dialog__tab{flex:1;padding:8px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings-dialog__tab:hover{color:var(--color-text-bright)}.settings-dialog__tab--active{color:var(--color-text-bright);border-bottom-color:var(--color-accent)}.settings-dialog__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.settings-dialog__panel{display:flex;flex-direction:column}.settings-dialog__section-label{display:block;margin-bottom:10px;color:var(--color-text);font-size:.85rem;letter-spacing:2px;text-transform:uppercase}.settings-dialog__lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-dialog__lang-btn{padding:12px 18px;border:1px solid var(--color-border);border-radius:var(--radius);background:#0a142899;color:var(--color-text);font-family:var(--font-body);font-size:1rem;letter-spacing:1.5px;cursor:pointer;transition:all .15s ease}.settings-dialog__lang-btn:hover{background:#4488aa40;border-color:var(--color-accent);color:var(--color-text-bright)}.settings-dialog__lang-btn--active{background:#48a6;border-color:var(--color-accent);color:var(--color-text-bright)}.settings-dialog__close{display:block;margin:16px auto 0;padding:10px 28px;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:.9rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;flex-shrink:0}.settings-dialog__close:hover{border-color:var(--color-accent);color:var(--color-text-bright)}.settings-dialog__a11y-section{display:flex;flex-direction:column;gap:16px}.settings-dialog__a11y-group{display:flex;flex-direction:column;gap:6px}.settings-dialog__a11y-radios{display:flex;gap:16px}.settings-dialog__a11y-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--color-text);font-family:var(--font-body);font-size:.9rem}.settings-dialog__a11y-desc{margin:0;color:var(--color-text);font-size:.8rem;opacity:.85}.settings-dialog__a11y-hint{margin:0;color:var(--color-text);font-size:.75rem;opacity:.65;font-style:italic}@media(max-width:900px),(max-height:500px){.settings-dialog{padding:14px 16px;min-width:0;width:min(560px,94vw);max-height:94vh}.settings-dialog__title{margin:0 0 10px;font-size:1.05rem;letter-spacing:2px}.settings-dialog__tabs{margin-bottom:10px}.settings-dialog__tab{padding:6px 8px;font-size:.75rem;letter-spacing:1px}.settings-dialog__section-label{margin-bottom:6px;font-size:.75rem;letter-spacing:1.5px}.settings-dialog__lang-grid{gap:8px}.settings-dialog__lang-btn{padding:8px 12px;font-size:.9rem;letter-spacing:1px}.settings-dialog__a11y-section,.settings-dialog__a11y-radios{gap:12px}.settings-dialog__a11y-radio{font-size:.8rem}.settings-dialog__a11y-desc{font-size:.72rem}.settings-dialog__a11y-hint{font-size:.68rem}.settings-dialog__close{margin-top:10px;padding:8px 22px;font-size:.8rem;letter-spacing:1.5px}}#main-menu-root{position:absolute;inset:0;pointer-events:none}#main-menu-root>*{pointer-events:auto}.mm-logo{--sun-fx: .5;--sun-fy: .45;--sun-frac: .56;--cover: min(max(100vw, 100vh), 2560px);position:absolute;left:50%;top:50%;width:calc(var(--sun-frac) * var(--cover));height:auto;transform:translate(calc(-50% + (var(--sun-fx) - .5) * var(--cover)),calc(-50% + (var(--sun-fy) - .5) * var(--cover)));user-select:none;pointer-events:none;filter:drop-shadow(0 0 24px rgba(68,204,221,.5))}.mm-party-stack{position:absolute;left:50%;bottom:calc(10% + 70px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;max-width:92vw}.mm-party{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 26px 16px;background:#060e1e9e;border:1px solid rgba(68,204,221,.32);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #44ccdd14,0 8px 32px #00000073;text-align:center}.mm-party__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.45em;color:#4cd;text-transform:uppercase}.mm-party__title:before,.mm-party__title:after{content:"";display:inline-block;width:28px;height:1px;margin:0 12px;vertical-align:middle;background:linear-gradient(90deg,transparent,#44ccdd,transparent)}.mm-party__heroes{display:flex;gap:12px;align-items:center}.mm-hero-mini{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid var(--_fc, #44ccdd);background:#0d1828;overflow:hidden;box-shadow:0 0 0 2px #060a12e6}.mm-hero-mini img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.mm-party__name{font-family:var(--font-title);font-size:15px;font-weight:500;letter-spacing:.28em;color:#fff;text-transform:uppercase}.mm-party+.mm-resume-ribbon{margin-top:10px;position:relative}.mm-party+.mm-resume-ribbon:before{content:"";position:absolute;left:50%;top:-10px;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(to bottom,#44ccdd8c,#f1c40fbf);border-radius:1px}.mm-resume-ribbon{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;background:#060e1eb8;border:1px solid rgba(241,196,15,.4);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;color:inherit;font:inherit;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.mm-resume-ribbon:hover{border-color:var(--color-warning);box-shadow:0 0 18px #dcb43c40;background:#1e1806d9}.mm-resume-ribbon:focus-visible{outline:2px solid var(--color-warning);outline-offset:3px}.mm-resume__dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);box-shadow:0 0 10px var(--color-warning);animation:mm-pulse-amber 1.8s ease-in-out infinite}@keyframes mm-pulse-amber{0%,to{opacity:1}50%{opacity:.45}}.mm-resume__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#f1c40fd9;text-transform:uppercase}.mm-resume__mission{font-family:var(--font-title);font-size:12px;font-weight:500;letter-spacing:.15em;color:#fff;text-transform:uppercase}.mm-resume__arrow{color:var(--color-warning);font-family:var(--font-mono);font-size:14px;margin-left:4px}.mm-actions{position:absolute;left:50%;bottom:10%;transform:translate(-50%);display:flex;gap:14px;align-items:center}.mm-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--color-border);border-radius:6px;background:#0a1428b3;color:var(--color-text);font-family:var(--font-title);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;user-select:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.mm-btn:hover{background:#142846d9;border-color:#48a;color:#fff}.mm-btn--primary{border-color:#4cd;background:#4488aa40;color:#4cd;box-shadow:0 0 0 1px #44ccdd26,0 0 16px #44ccdd40}.mm-btn--primary:hover{background:#4488aa73;box-shadow:0 0 0 1px #44ccdd4d,0 0 28px #44ccdd59,0 0 64px #44ccdd26;color:#fff}.mm-btn--ghost{background:transparent;border-color:#1e2130;color:#8ea0b8}.mm-btn--ghost:hover{background:#14284699}.mm-btn[disabled],.mm-btn[aria-disabled=true]{opacity:.4;cursor:default}.mm-btn[disabled]{pointer-events:none}.mm-btn:focus-visible{outline:2px solid #44ccdd;outline-offset:2px}.mm-btn__chevron{width:14px;height:14px;margin-left:10px;flex-shrink:0;color:currentColor}#main-menu-settings-btn{position:fixed;top:12px;left:60px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0f198c;border:1px solid rgba(255,255,255,.2);color:#cfe3ff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.75;transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);z-index:40}#main-menu-settings-btn:hover,#main-menu-settings-btn:focus-visible{opacity:1;background:#141e32d9;border-color:#4cd;color:#4cd;box-shadow:0 0 16px #44ccdd40}#main-menu-settings-btn svg{width:18px;height:18px}.mm-proto-badge{position:fixed;top:12px;right:12px;padding:5px 10px;border:1px solid rgba(68,204,221,.35);border-radius:999px;background:#060e1e8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#8fd5e0;pointer-events:none;z-index:40}@media(min-width:900px)and (min-height:500px)and ((pointer:coarse)or (hover:none)){.mm-btn{padding:14px 22px;font-size:13px}#main-menu-settings-btn{width:48px;height:48px;left:68px}#main-menu-settings-btn svg{width:22px;height:22px}}@media(max-width:900px),(max-height:500px){.mm-party-stack{bottom:54px}.mm-party{padding:10px 18px 12px;gap:8px}.mm-party__heroes{gap:8px}.mm-hero-mini{width:30px;height:30px;border-width:1.5px}.mm-party__title{font-size:9px;letter-spacing:.3em}.mm-party__title:before,.mm-party__title:after{width:18px;margin:0 8px}.mm-party__name{font-size:12px;letter-spacing:.22em}.mm-party+.mm-resume-ribbon{margin-top:8px}.mm-party+.mm-resume-ribbon:before{top:-8px;height:8px}.mm-resume-ribbon{padding:6px 12px 6px 8px;gap:8px}.mm-resume__label{font-size:8px;letter-spacing:.15em}.mm-resume__mission{font-size:10px}.mm-actions{bottom:10px;flex-wrap:wrap;justify-content:center;max-width:96vw;gap:8px}.mm-btn{padding:9px 14px;font-size:10px;letter-spacing:.14em}body #audio-mixer-button{top:8px;left:8px;width:28px;height:28px}body #audio-mixer-button svg{width:14px;height:14px}#main-menu-settings-btn{top:8px;left:44px;width:32px;height:32px}#main-menu-settings-btn svg{width:14px;height:14px}.mm-proto-badge{top:8px;right:8px;padding:4px 8px;font-size:8px;letter-spacing:.18em}}@media(max-height:440px){.mm-party{top:46%}}