*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ffe1a3;outline-offset:5px}.menu-page{background:#0e191c;color:#eae3cd;font-family:system-ui,Microsoft YaHei,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 70% 30%,#27403480,transparent 65%)}.menu-shell{width:min(1240px,calc(100% - 64px));margin:auto}.menu-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #42564970}.menu-brand{display:flex;align-items:center;gap:15px;color:#ecca85;text-decoration:none;font:900 26px Impact,sans-serif;letter-spacing:1px}.menu-brand span{font:11px monospace;letter-spacing:.28em;color:#b7c6b9}.menu-edition{font-size:12px;color:#afbcad;letter-spacing:.12em}.menu-hero{display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;min-height:650px;align-items:center;gap:30px;padding:45px 0}.menu-content{position:relative;z-index:2;max-width:430px}.menu-eyebrow{font-size:13px;letter-spacing:.3em;color:#d9b87a;margin:0 0 18px}.menu-content h1{font-size:clamp(44px,5.5vw,74px);letter-spacing:.06em;line-height:1.2;margin:0 0 34px;color:#f1e9cf;text-shadow:0 4px 0 #31412f}.menu-content h1>span{display:block;font-size:13px;font-weight:400;line-height:1.7;letter-spacing:.13em;color:#afc0b2;margin-top:16px;text-shadow:none}.mode-menu{display:flex;flex-direction:column;gap:12px}.mode-option{width:100%;display:flex;align-items:center;text-align:left;gap:20px;padding:19px 22px;border:1px solid #647259;background:#1d3028de;color:#e9e4cd;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.mode-option:hover{transform:translate(4px);border-color:#e5c27c;background:#304331}.mode-number{font:12px monospace;color:#a8ba9d}.mode-option b{display:block;font-size:20px;letter-spacing:.12em;font-weight:600}.mode-option small{display:block;color:#aebfae;font-size:11px;margin-top:7px;letter-spacing:.08em}.mode-arrow{margin-left:auto;font-size:23px;color:#d8bf85}.mode-option.menu-primary{background:#e9c27d;border-color:#f5d995;color:#19261f;box-shadow:0 5px #785a2b}.menu-primary:hover{background:#f4d494}.menu-primary .mode-number,.menu-primary small,.menu-primary .mode-arrow{color:#4f5137}.menu-subactions{display:flex;gap:24px;margin-top:28px}.menu-subactions button{padding:8px 0;background:none;border:0;border-bottom:1px solid #61705a;color:#d9ddc6;font-size:13px;letter-spacing:.1em;cursor:pointer}.menu-art{position:relative;height:520px;overflow:hidden;align-self:center;border:1px solid #536b5460;background:linear-gradient(180deg,#11202644,#10201b88),url(/assets/arena-B8jo9rnJ.png) center/cover;box-shadow:0 24px 80px #0003;isolation:isolate}.menu-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10231b15 40%,#10231bba)}.stage-topline{position:absolute;top:25px;left:24px;right:24px;text-align:center;letter-spacing:.3em;font:10px monospace;color:#d3d7bd}.stage-floor{position:absolute;left:7%;right:7%;bottom:112px;height:1px;background:linear-gradient(90deg,transparent,#dbc984,transparent);box-shadow:0 0 55px 25px #d5c87d13}.menu-fighter{position:absolute;left:var(--position);bottom:112px;width:0;height:0;margin:0;z-index:var(--depth)}.fighter-body{position:absolute;left:0;top:0;transform-origin:0 0}.fighter-body img{position:absolute;max-width:none;image-rendering:pixelated;pointer-events:none}.fighter-mirror .fighter-body{transform:scaleX(-1)}.menu-fighter:before{content:"";position:absolute;width:65px;height:11px;left:-32px;top:-3px;border-radius:50%;background:#0b1819a3}.menu-fighter figcaption{position:absolute;top:18px;left:-70px;width:140px;text-align:center;font-size:16px;font-weight:600;letter-spacing:.12em;color:#f1dec1;text-shadow:0 2px 3px #10201e}.menu-fighter figcaption span{display:block;font-size:10px;font-weight:400;letter-spacing:.12em;color:#b5c6af;margin-top:7px}.stage-rule{position:absolute;bottom:21px;width:100%;text-align:center;font-size:11px;color:#d9ccab;letter-spacing:.15em}.stage-rule span{margin:0 12px}.menu-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 28px;border-top:1px solid #42564970;color:#8fa794;font-size:11px;line-height:1.8}.menu-footer p{margin:0}.menu-footer>span{white-space:nowrap}.training-links{display:grid;gap:12px;margin-top:22px}.training-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;background:#243b2e;border:1px solid #63785e;text-decoration:none;color:#efd8aa}.training-links a:hover{border-color:#e7c27d}.training-links span{font-size:12px;color:#b9cbb6}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font-size:14px}.setting-row select{background:#263b2e;border:1px solid #6c805e;color:#eee0be;padding:8px 12px}.menu-settings .combat-audio-controls{background:transparent!important;padding:16px 0!important;flex-wrap:wrap}.menu-settings .combat-audio-controls button,.setting-test{padding:9px 14px;background:#2b4030;color:#e9dfc0;border:1px solid #6b805e;cursor:pointer}.setting-test{font-size:12px}@media(max-width:900px){.menu-shell{width:calc(100% - 40px)}.menu-hero{gap:20px;grid-template-columns:minmax(265px,.9fr) 1.1fr;min-height:570px}.menu-art{height:440px}.menu-content h1{font-size:48px}.mode-option{padding:17px 18px;gap:15px}.menu-fighter .fighter-body{scale:.82}.menu-fighter figcaption{font-size:13px}.menu-fighter,.stage-floor{bottom:105px}}@media(max-width:680px){.menu-header{height:78px}.menu-brand span{font-size:9px;letter-spacing:.15em}.menu-edition{font-size:10px}.menu-hero{grid-template-columns:1fr;padding:32px 0 24px;gap:32px}.menu-content{max-width:none}.menu-content h1{font-size:50px;margin-bottom:26px}.menu-art{height:350px;width:100%}.menu-fighter .fighter-body{scale:.78}.menu-footer{align-items:flex-start;flex-direction:column;gap:4px}.stage-topline{font-size:9px;letter-spacing:.2em}.menu-subactions{margin-top:22px}.mode-option b{font-size:18px}}@media(prefers-reduced-motion:reduce){.mode-option{transition:none}.mode-option:hover{transform:none}}