:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#e8ecf7;background:#0c101b;font-synthesis:none;--gold:#ecc795;--muted:#929aaf;--line:rgba(165,182,220,.14);--panel:#151c2c;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px;background:radial-gradient(ellipse at 60% 0,#1c264244,transparent 50%),#0c101b}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer}button,a,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{border:0;color:inherit;background:none}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,h4,p{margin:0}button{transition:background .18s,border-color .18s,color .18s,transform .18s}::selection{background:#eac39355}#app{max-width:1600px;margin:auto;padding:0 4.2%}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand>svg{color:var(--gold);width:39px;height:39px}.brand>span{font-size:22px;letter-spacing:4px;font-weight:700}.brand small{font-family:Arial,sans-serif;display:block;font-size:9px;letter-spacing:2.45px;font-weight:400;color:#8995b0;margin-top:3px}.header-center{font-size:12px;color:#737e95;display:flex;align-items:center;gap:17px;letter-spacing:3px}.tiny-star{color:#a79479;font-size:10px}.header-actions{display:flex;align-items:center;gap:17px}.text-button{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#aab3c6;padding:8px 0;white-space:nowrap}.text-button:hover{color:var(--gold)}.text-button svg{width:17px;height:17px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#aab3c6}.icon-button:hover{background:#ffffff0c;color:var(--gold)}.nav-divider{height:21px;width:1px;background:var(--line)}.selection-shell{position:relative;isolation:isolate;border:1px solid #56688d3b;border-radius:13px;overflow:hidden;background:#121a2c;box-shadow:0 18px 90px #03071140}.selection-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(95deg,#101729ec,#101a35cd 64%,#111b35d9),url(/assets/arena.png) center 35%/cover;opacity:1}.selection-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 55% 65%,#506abc20,transparent 70%)}.selection-heading{display:flex;justify-content:space-between;align-items:center;padding:37px 38px 27px}.eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:#b7a98f;display:flex;align-items:center;gap:12px}.gold-line{display:inline-block;width:26px;height:1px;background:var(--gold)}.selection-heading h1{font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:3px;margin:12px 0 9px}.selection-heading h1>span{color:var(--gold);margin-left:-3px}.selection-subtitle{color:#949fb8;font-size:13px;letter-spacing:.5px}.stage-stamp{display:flex;align-items:center;gap:12px;border:1px solid #8094c829;background:#10172a55;border-radius:8px;padding:13px 19px;margin-top:4px}.stage-stamp>svg{color:#9cadd4;width:27px;height:27px}.stage-stamp strong{display:block;font-size:13px;letter-spacing:2px;font-weight:500}.stage-stamp span{display:block;font:8px Arial,sans-serif;letter-spacing:1.8px;color:#727f9c;margin-top:5px}.selection-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:31px;padding:0 38px 22px}.roster-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.target-tabs{display:flex;gap:24px}.target-tabs button{font-size:12px;padding:0 0 9px;color:#7d8aa7;border-bottom:2px solid transparent}.target-tabs button b{font:9px Arial,sans-serif;padding:3px 5px;display:inline-block;background:#5765862b;color:#a7b6d2;margin-right:7px;border-radius:2px}.target-tabs button.active{color:#edf2ff;border-color:var(--gold)}.target-tabs button.active b{background:var(--gold);color:#202737}.roster-count{font:14px Arial,sans-serif;font-weight:600;letter-spacing:1px;color:#a2b0cd}.roster-count>span{font-size:8px;color:#586883;margin-left:5px}.roster-area{min-width:0}.fighter-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:12px;max-height:min(680px,65vh);overflow-y:auto;overflow-x:hidden;align-content:start;padding:7px 5px 8px;margin:-7px -5px -8px;scroll-padding-block:8px;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#65749670 #101a2c}.fighter-card{position:relative;isolation:isolate;height:323px;min-width:0;text-align:left;overflow:hidden;padding:0;border:1px solid #ffffff16;border-radius:5px;transform:translateY(0);background:#20335a}.card-art{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:saturate(.65) brightness(.78);transition:filter .25s,transform .5s;transform:scale(1.015)}.card-scrim{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07152b3b,transparent 40%,#0d172b36 55%,#080f20e8)}.fighter-card:hover{transform:translateY(-3px);border-color:#ffffff70}.fighter-card:hover .card-art,.fighter-card.active-target .card-art{filter:saturate(.95) brightness(1)}.fighter-card.active-target{border-color:var(--fighter-color);box-shadow:0 0 0 3px #8bb5ff0c,0 10px 35px #060b2570;transform:translateY(-5px)}.fighter-card.active-target .card-art{transform:scale(1.04)}.card-number{position:absolute;left:13px;top:13px;color:#ffffffa0;font:10px Arial,sans-serif;letter-spacing:1px}.selection-marker{position:absolute;top:0;right:0;background:#162642dd;color:#d9e4ff;font:11px Arial,sans-serif;font-weight:700;min-width:27px;text-align:center;padding:8px 9px;opacity:0}.selected .selection-marker{background:var(--fighter-color);color:#161b2a;opacity:1}.opponent:not(.selected) .selection-marker{opacity:1;background:#142037db;color:#dae4ff}.card-caption{position:absolute;left:18px;right:10px;bottom:21px}.card-caption>span{font:8px Arial,sans-serif;letter-spacing:2px;color:var(--fighter-color);opacity:.9}.card-caption h2{font-size:26px;letter-spacing:3px;font-weight:600;margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption p{font-size:11px;letter-spacing:3px;color:#adb7d0}.card-bottom{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--fighter-color);opacity:0}.active-target .card-bottom{opacity:1}.fighter-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.roster-hint{display:flex;align-items:center;gap:8px;color:#657493;font-size:10px;letter-spacing:.2px;margin-top:17px}.roster-hint>svg{width:15px;height:15px}.recommended{margin-left:auto;color:#bbad97;font-size:10px;white-space:nowrap}.fighter-detail{padding:15px 0 0 26px;border-left:1px solid #65749630;align-self:stretch}.detail-topline{display:flex;justify-content:space-between;align-items:center;font:9px Arial,sans-serif;letter-spacing:2px;color:#6e7f9f}.detail-star{font-size:22px;color:var(--fighter-color)}.fighter-epithet{font-size:12px;letter-spacing:4px;color:var(--fighter-color);margin-top:27px}.fighter-detail h2{font-size:35px;letter-spacing:4px;font-weight:600;margin:6px 0 18px}.fighter-detail h2>span{display:block;font:9px Arial,sans-serif;letter-spacing:4px;color:#8091b0;margin-top:7px}.fighter-description{font-size:12px;line-height:1.9;color:#9ba8c1;min-height:68px}.fighter-stats{margin-top:23px;display:grid;gap:12px}.fighter-stats>div{display:flex;align-items:center;justify-content:space-between}.fighter-stats>div>span{font-size:11px;color:#b4bed1;letter-spacing:3px}.stat-pips{display:flex;gap:5px}.stat-pips i{width:18px;height:4px;transform:skew(-22deg);background:#2b3753}.stat-pips i.filled{background:var(--fighter-color)}.signature{display:flex;align-items:center;gap:8px;margin-top:29px;padding-top:17px;border-top:1px solid #899bd124}.signature>span{font-size:10px;color:#7585a2}.signature strong{font-size:12px;letter-spacing:1px;font-weight:500;margin-left:auto}.signature kbd{font-size:11px;padding:2px 5px;min-width:22px;height:23px;line-height:18px;margin-left:4px}.detail-footnote{font-size:10px;margin-top:10px;color:#5d6f93}.match-setup{border-top:1px solid #788ab729;background:#0c1426bd;padding:23px 38px;display:flex;gap:27px;align-items:center}.mode-switch{display:flex;gap:7px}.mode-switch>button{border:1px solid transparent;border-radius:5px;padding:11px 13px;display:flex;align-items:center;gap:11px;text-align:left;color:#7584a1;white-space:nowrap}.mode-switch>button>svg{width:17px;height:17px}.mode-switch>button>span{font-size:12px}.mode-switch>button small{display:block;font-size:9px;margin-top:3px;color:#576b91}.mode-switch>button.active{background:#bcd0ff0b;border-color:#a3b9e827;color:#e6ebfa}.mode-switch>button.active>svg{color:var(--gold)}.mode-switch>button.active small{color:#8090ad}.difficulty{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:26px;min-width:152px}.difficulty label{font-size:10px;color:#75829b}.difficulty select{border:0;background:transparent;color:#c2cee4;font-size:12px;padding:0;cursor:pointer;max-width:155px}.difficulty select>option{background:#162137}.training-descriptor{font-size:11px;color:#b3c1d9;white-space:nowrap}.versus-preview{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#97a7c4}.versus-preview b{color:#586b8b;font:italic 10px Georgia,serif}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:linear-gradient(120deg,#f0d3a4,#ddb17c);color:#2b2b33;padding:15px 23px;border-radius:5px;font-size:14px;letter-spacing:2px;font-weight:700;white-space:nowrap;border:1px solid #f9dfb7;box-shadow:0 3px 16px #efc28410}.primary-button:hover{background:#f9deb2;transform:translateY(-1px);box-shadow:0 5px 26px #efc28425}.primary-button>svg{width:15px;height:15px;fill:currentColor;stroke-width:1}.primary-button.wide{width:100%;margin-top:22px}.quick-start{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:25px 0 14px;padding:8px 0}.quick-start-title{padding-right:30px;border-right:1px solid var(--line)}.quick-start-title span{display:block;font-size:10px;color:#606d87;margin-bottom:5px}.quick-start-title strong{font-size:13px;color:#a6b0c5;letter-spacing:1px;font-weight:500;white-space:nowrap}.quick-start>div:not(:first-child){display:flex;align-items:center;gap:14px}.step-no{font:10px Arial,sans-serif;color:#55617a;align-self:flex-start;padding-top:4px}.key-group{display:flex;gap:5px;align-items:center}.key-group>span{font:11px Arial,sans-serif;color:#7b879e}.quick-start p{font-size:12px;white-space:nowrap;color:#b4bed3}.quick-start small{display:block;font-size:10px;color:#65738d;margin-top:4px}kbd{display:inline-block;background:linear-gradient(#283147,#1c2538);color:#bac7e1;border:1px solid #56658166;border-bottom:3px solid #0b1325;border-radius:4px;min-width:29px;height:30px;line-height:25px;text-align:center;padding:0 6px;font:12px/25px Consolas,monospace;box-shadow:inset 0 1px #ffffff08;white-space:nowrap}.quick-start>.text-button{font-size:11px;color:#667796}.site-footer{display:flex;justify-content:space-between;font:9px Arial,Microsoft YaHei,sans-serif;letter-spacing:1px;color:#454f66;margin:30px 0 20px}.site-footer b{font-weight:400;margin:0 8px;color:#273653}.site-footer i{font-style:normal;margin:0 9px}.modal{width:min(790px,calc(100vw - 40px));max-height:88vh;border:1px solid #5d729b55;background:linear-gradient(145deg,#1a243a,#10182a);color:#e4ecff;border-radius:12px;padding:28px;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#050a15bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.modal-top h2{font-size:25px;letter-spacing:2px;margin:10px 0}.modal-top p:not(.eyebrow){font-size:12px;color:#8b9ab7;line-height:1.8}.modal-close{margin-right:-7px;margin-top:-7px}.guide-tabs{display:flex;justify-content:space-between;color:#687e9f;font-size:12px;margin-bottom:25px}.guide-tabs .active{color:var(--gold)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide-grid h3,.key-settings-head h3{font-size:14px;font-weight:600;margin:0 0 15px}.guide-grid h3 em{font-size:10px;color:#657b9b;font-style:normal;font-weight:400;margin-left:10px}.guide-grid dl{display:grid;grid-template-columns:100px 1fr;row-gap:14px;align-items:center;margin:0 0 22px}.guide-grid dt{font-size:12px;color:#b4c1d9}.guide-grid dd{margin:0;font-size:12px;color:#a7b4cd;line-height:1.7}.guide-tip{font-size:11px;line-height:1.9;color:#7185a5;margin:10px 0}.compact-rules{font-size:12px;line-height:2.1;color:#a7b4cd}.super-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 12px;border-top:1px solid var(--line);padding-top:25px}.super-guide>div>span{color:var(--gold);font:12px Arial,sans-serif}.super-guide small{font-family:Microsoft YaHei,sans-serif;color:#7c89a7;font-size:10px;margin-left:7px}.super-guide h4{font-size:17px;margin:10px 0;font-weight:500;letter-spacing:2px}.super-guide p{color:#b0bdd5;font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.setting-row label{display:block}.setting-row label span{font:12px Arial,sans-serif;color:#a0b4d9;margin-left:12px}.setting-row label small{display:block;color:#768aa9;font-size:11px;margin-top:7px}.setting-row input{accent-color:var(--gold)}.setting-row input[type=range]{width:200px}.setting-row input[type=checkbox]{width:19px;height:19px}.key-settings-head{display:flex;justify-content:space-between;align-items:center;margin-top:27px}.key-settings-head h3{margin:0}.key-settings{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.key-settings>button{border:1px solid var(--line);border-radius:5px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#0d172888}.key-settings>button>span{font-size:11px;color:#7e92b4}.key-settings>button.listening{border-color:var(--gold)}.key-test{background:#080f1c80;padding:15px;margin-top:17px;border-radius:5px;color:#899fbe;font-size:12px}.welcome-steps{display:grid;gap:24px}.welcome-steps>div{padding-left:44px;position:relative}.welcome-steps>div>b{position:absolute;top:1px;left:0;font:16px Georgia,serif;color:var(--gold)}.welcome-steps h3{font-size:16px;font-weight:500;margin-bottom:8px}.welcome-steps p{font-size:13px;color:#90a3c1;line-height:2}.dialog-note{font-size:14px;line-height:1.9;color:#a2b3cc}#toast{position:fixed;bottom:32px;left:50%;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#26344e;border:1px solid #8ca7da44;box-shadow:0 8px 30px #0007;padding:13px 23px;border-radius:8px;font-size:13px;transition:all .2s;max-width:80vw;text-align:center}#toast.visible{transform:translate(-50%);opacity:1}.arena-section{border:1px solid #56688d44;border-radius:11px;overflow:hidden;background:#111c31;box-shadow:0 25px 70px #03071170}.arena-topbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#131c2d;border-bottom:1px solid var(--line)}.arena-topbar>div{display:flex;align-items:center;gap:12px}.arena-mode{font-size:10px;letter-spacing:1px;color:var(--gold);padding:4px 8px;background:#edc3910a;border:1px solid #edc39125;border-radius:3px}.arena-location{font-size:11px;color:#8195b5}.arena-shortcuts{font-size:10px;color:#536c90}.arena-topbar button{width:29px;height:29px}.arena-topbar svg{width:15px;height:15px}.arena-viewport{position:relative;width:100%;aspect-ratio:16/9;background:#101b36;overflow:hidden}.arena-viewport canvas{display:block;width:100%;height:100%;outline:none}.arena-hud{position:absolute;top:5.2%;left:3.7%;right:3.7%;display:grid;grid-template-columns:1fr 100px 1fr;gap:22px;pointer-events:none}.hud-fighter{min-width:0}.hud-name-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.hud-player{font:9px Arial,sans-serif;padding:3px 5px;color:#15253d;background:#a3ccff;border-radius:2px}.hud-fighter.enemy .hud-player{background:#ecc79f}.hud-name{font-size:19px;font-weight:600;letter-spacing:2px;color:#fff;text-shadow:0 2px 10px #000}.hud-name-en{font:8px Arial,sans-serif;color:#abc0e5;letter-spacing:2px;margin-left:auto}.health-outer{height:19px;transform:skew(-12deg);border:1px solid #d2e5ff7a;background:#08142bb3;padding:3px;box-shadow:0 2px 15px #06142e6b}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#6ca5ef,#c2e9ff);transition:width .09s linear;box-shadow:0 0 10px #89c5ff55}.hud-fighter.enemy .health-fill{background:linear-gradient(90deg,#fce6be,#e3a16e);margin-left:auto}.hud-fighter.enemy .health-outer{transform:skew(12deg)}.hud-fighter.enemy .hud-name-row{flex-direction:row-reverse}.hud-fighter.enemy .hud-name-en{margin-right:auto;margin-left:0}.hud-meta{display:flex;align-items:center;gap:7px;margin-top:8px}.hud-fighter.enemy .hud-meta{flex-direction:row-reverse}.round-pip{width:9px;height:9px;border:1px solid #dddfef77;transform:rotate(45deg);margin:0 2px;box-shadow:0 0 6px #233151}.round-pip.won{background:var(--gold);border-color:#ffe1a9;box-shadow:0 0 10px #f6cf9555}.hud-hp{font:9px Arial,sans-serif;color:#c1cee5;margin-left:7px;text-shadow:0 1px 4px #000}.hud-timer{text-align:center;margin-top:-7px}.hud-timer strong{display:block;font:600 43px/1.2 Georgia,serif;color:#f8e5ba;text-shadow:0 3px 15px #07112a}.hud-timer span{font:8px Arial,sans-serif;letter-spacing:2px;color:#aebedf}.hud-bottom{position:absolute;bottom:4%;left:3.7%;right:3.7%;display:flex;justify-content:space-between;pointer-events:none}.energy-group{width:35%}.energy-group.enemy{text-align:right}.energy-label{display:flex;align-items:center;gap:9px;color:#bdd7f9;font:9px Arial,sans-serif;letter-spacing:2px;margin-bottom:8px;text-shadow:0 1px 5px #000}.energy-label b{font-size:22px;line-height:1;color:#deedff}.energy-group.enemy .energy-label{flex-direction:row-reverse;color:#ecd7c1}.energy-group.enemy .energy-label b{color:#ffe7c6}.energy-bars{display:flex;gap:5px}.energy-segment{flex:1;height:8px;border:1px solid #bacce88a;background:#122144ae;transform:skew(-20deg);padding:1px}.energy-segment>i{display:block;height:100%;background:#98c9ff;box-shadow:0 0 8px #78b7ff80}.energy-group.enemy .energy-segment>i{background:#f2c78c;box-shadow:0 0 8px #ffc67b80}.energy-keys{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:9px;color:#a7bad9;letter-spacing:.5px}.energy-keys span{opacity:.4}.energy-keys .ready{opacity:1;color:wheat;text-shadow:0 0 9px #f4c48f77}.form-label{color:#d7eebc;font-size:10px;letter-spacing:1px;margin-bottom:7px}.arena-message{position:absolute;left:0;right:0;top:39%;text-align:center;pointer-events:none;color:#f9e6be;text-shadow:0 3px 4px #15214b,0 0 60px #4d87ed88}.arena-message strong{font:italic 700 clamp(32px,5vw,72px) Georgia,serif;letter-spacing:9px;display:block}.arena-message p{font-size:14px;letter-spacing:6px;margin-top:14px;color:#f5eddf}.combat-caption{position:absolute;top:35%;left:4%;font-size:12px;color:#d3e5ff;text-shadow:0 2px 4px #071f45}.combat-caption.enemy{left:auto;right:4%;text-align:right}.combat-caption strong{display:block;color:#f9d697;font:italic 600 29px Georgia,serif;letter-spacing:2px;margin-top:5px}.combat-caption small{display:block;font:10px Arial,sans-serif;color:#c1d0e7;margin-top:5px}.recognition-toast{position:absolute;bottom:17%;left:50%;transform:translate(-50%);background:#0c193cab;border:1px solid #9ab7ed33;border-radius:5px;padding:7px 14px;font-size:11px;color:#e4edff;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .12s}.recognition-toast.visible{opacity:1}.battle-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 23px;background:#10192a}.battle-controls>div{display:flex;align-items:center;gap:9px}.battle-controls span{font-size:11px;color:#7d90af}.battle-controls kbd{font-size:10px;height:25px;min-width:24px;line-height:21px;border-bottom-width:2px}.battle-controls .text-button{font-size:11px}.battle-controls .separator{width:1px;height:26px;background:var(--line);margin:0 7px}.skill-panel{display:flex;align-items:center;gap:19px;padding:20px 0 0}.skill-panel .skill-label{font-size:11px;color:#7385a2;writing-mode:vertical-rl;letter-spacing:3px}.skill-item{flex:1;border-right:1px solid var(--line);padding-right:15px}.skill-item:last-child{border:0}.skill-item b{font-size:12px;display:block;font-weight:500;color:#adbad1;margin-bottom:5px}.skill-item p{font-size:10px;color:#536b90}.skill-item .gold{color:#ccb590}.skill-item.active b{color:var(--gold)}.training-panel{display:grid;grid-template-columns:minmax(220px,1.1fr) 1fr 1.4fr;gap:23px;border:1px solid var(--line);background:#141d2dcc;padding:21px;border-radius:9px;margin-top:20px}.training-panel h3{font-size:11px;letter-spacing:2px;color:#b5c5df;margin-bottom:14px}.training-options{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:11px;color:#7e93b2}.training-options label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.training-options select{font-size:11px;background:#101a2d;border:1px solid #6f88b53b;padding:5px 7px;border-radius:4px;color:#b4c5df;max-width:130px}.training-options input{accent-color:var(--gold)}.training-debug{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;gap:9px}.debug-buttons{display:flex;gap:8px;flex-wrap:wrap}.small-button{font-size:10px;border:1px solid #647da43f;padding:6px 10px;border-radius:4px;color:#aabbd4;display:inline-flex;align-items:center;gap:6px}.small-button:hover{border-color:var(--gold);color:var(--gold)}.small-button svg{width:13px;height:13px}.input-history{font:11px/1.9 Consolas,monospace;color:#8ca7cb;white-space:pre-wrap;min-height:43px;max-height:96px;overflow:auto}.training-stats{font:11px Consolas,monospace;color:#adbed7;line-height:2;display:flex;gap:15px;flex-wrap:wrap}.training-stats b{color:var(--gold);font-weight:400}.pause-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#08102bbb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:10}.pause-card{text-align:center;width:330px;max-height:94%;overflow:auto;padding:26px}.pause-card .eyebrow{justify-content:center}.pause-card h2{font-size:31px;letter-spacing:8px;margin:15px 0 9px;font-weight:500}.pause-card>p:not(.eyebrow){font-size:11px;color:#91a6c8;margin-bottom:22px}.pause-card button{display:flex;width:100%;justify-content:center;margin-top:10px}.secondary-button{background:#becffc0b;border:1px solid #adbee637;padding:12px;border-radius:5px;color:#acbfdf;font-size:12px;letter-spacing:1px}.secondary-button:hover{background:#becffc18;border-color:#adbee670}.result-score{font:35px Georgia,serif;letter-spacing:18px;color:var(--gold);margin:19px 0 25px}.replay-info{font-size:11px;color:#aac0e5;position:absolute;top:20%;left:50%;transform:translate(-50%);border:1px solid #aecff855;background:#122246b3;padding:7px 15px;border-radius:5px;z-index:5}.replay-input,.touch-notice{display:none}.arena-section:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;background:#070e20}.arena-section:fullscreen .arena-viewport{flex:1;min-height:0;aspect-ratio:auto}.arena-section:fullscreen canvas{object-fit:contain}.arena-section:fullscreen .battle-controls{justify-content:center;gap:36px}.arena-section:fullscreen .arena-topbar{height:40px}.arena-section:fullscreen .arena-hud{top:4%}@media(min-width:1550px){.fighter-card{height:374px}.selection-content{grid-template-columns:minmax(0,1fr) 260px;gap:38px}.fighter-detail{padding-top:27px}.fighter-stats{margin-top:33px}.signature{margin-top:39px}.selection-heading{padding-top:42px;padding-bottom:35px}.match-setup{gap:35px;padding-top:26px;padding-bottom:26px}}@media(max-width:1190px){#app{padding:0 3%}.site-header{height:85px}.header-center{display:none}.selection-heading{padding:30px 26px 25px}.selection-content{padding:0 26px 20px;grid-template-columns:minmax(0,1fr) 190px;gap:22px}.fighter-detail{padding-left:20px}.fighter-card{height:290px}.card-caption{left:13px}.card-caption h2{font-size:22px}.fighter-detail h2{font-size:29px}.fighter-epithet{margin-top:18px}.fighter-description{font-size:11px}.fighter-stats{margin-top:20px}.stat-pips i{width:14px}.signature{margin-top:24px}.signature>span{display:none}.signature strong{margin-left:0}.match-setup{padding:18px 25px;gap:15px}.mode-switch>button{padding:9px}.mode-switch>button small{font-size:8px}.difficulty{padding-left:15px;min-width:133px}.versus-preview{display:none}.primary-button{margin-left:auto;padding:14px 19px}.quick-start{gap:14px}.quick-start>div:not(:first-child){gap:8px}.quick-start-title{padding-right:18px}.quick-start>.text-button{display:none}.quick-start small{font-size:9px}.skill-panel{gap:12px}.skill-item{padding-right:10px}.skill-item b{font-size:11px}.battle-controls{gap:6px;padding:12px 15px}.battle-controls>div{gap:6px}.battle-controls span{font-size:10px}}@media(max-width:880px){.selection-content{grid-template-columns:minmax(0,1fr)}.fighter-detail{display:none}.fighter-card{height:330px}.card-caption h2{font-size:26px}.stage-stamp{padding:10px 13px}.selection-heading h1{font-size:31px}.selection-subtitle{font-size:11px}.match-setup{flex-wrap:wrap;gap:16px}.mode-switch{flex:1}.difficulty{min-width:145px}.primary-button{padding:13px 20px}.quick-start-title{display:none}.quick-start{padding:0 4px}.quick-start p{font-size:11px}.battle-controls .optional{display:none}.skill-panel{display:grid;grid-template-columns:repeat(3,1fr)}.skill-panel .skill-label{display:none}.skill-item:nth-child(4){border:0}.training-panel{grid-template-columns:1fr 1fr}.training-panel>.training-debug:last-child{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}.hud-name{font-size:15px}.hud-timer strong{font-size:34px}.health-outer{height:16px}.hud-name-en{display:none}.arena-hud{grid-template-columns:1fr 60px 1fr;gap:15px}.hud-name-row{margin-bottom:6px}.hud-meta{margin-top:6px}.energy-keys{font-size:7px}.energy-label b{font-size:19px}.energy-label{font-size:7px}.arena-shortcuts{display:none}.combat-caption{font-size:10px}.combat-caption strong{font-size:24px}.site-footer{font-size:8px;letter-spacing:.4px}}@media(max-width:600px){#app{padding:0 14px}.site-header{height:76px;gap:10px}.brand>span{font-size:18px;letter-spacing:2px}.brand>svg{width:31px;height:31px}.brand small{font-size:7px;letter-spacing:1.8px}.brand,.header-actions{gap:8px}.header-actions .text-button span,.nav-divider{display:none}.selection-heading{padding:27px 19px 22px}.selection-heading h1{font-size:28px;letter-spacing:1px}.selection-subtitle{font-size:10px}.selection-heading .eyebrow{font-size:8px;letter-spacing:2px}.stage-stamp{display:none}.selection-content{padding:0 18px 18px}.fighter-roster{grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr));gap:12px}.fighter-card{height:238px}.card-caption{bottom:17px;left:15px}.card-caption h2{font-size:24px}.card-caption p{font-size:10px}.card-caption>span{font-size:8px}.target-tabs{gap:22px}.target-tabs button{font-size:11px}.roster-hint{font-size:9px;flex-wrap:wrap}.recommended{font-size:9px}.match-setup{padding:18px}.mode-switch{width:100%;flex:auto;justify-content:space-between}.mode-switch>button{flex:1;padding:12px 10px}.mode-switch>button small{font-size:8px}.difficulty{padding-left:0;border:0;flex:1}.match-setup .primary-button{font-size:12px;gap:13px;padding:13px 18px}.quick-start{flex-wrap:wrap;justify-content:flex-start;gap:17px 30px;padding:0 4px}.quick-start .step-no{display:none}.quick-start p{font-size:10px}.quick-start small{font-size:9px}.quick-start>div:last-of-type{display:none}.quick-start kbd{min-width:24px;height:26px;font-size:10px;line-height:21px}.site-footer{flex-direction:column;gap:10px;margin-top:25px;font-size:8px}.modal{padding:21px;width:calc(100vw - 25px)}.modal-top h2{font-size:23px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-grid dl{grid-template-columns:100px 1fr}.super-guide{gap:10px}.super-guide h4{font-size:13px;letter-spacing:1px}.super-guide p{font-size:10px}.super-guide small{display:block;margin:6px 0}.key-settings{grid-template-columns:repeat(3,1fr)}.setting-row input[type=range]{width:130px}.arena-topbar{height:39px;padding:0 11px}.arena-location{font-size:9px}.arena-mode{font-size:8px}.arena-hud{grid-template-columns:1fr 39px 1fr;gap:9px;top:5%}.hud-name{font-size:11px;letter-spacing:1px}.hud-player{font-size:6px;padding:2px 3px}.hud-name-row{gap:5px;margin-bottom:4px}.hud-timer strong{font-size:24px}.hud-timer{margin-top:-3px}.hud-timer span{font-size:5px;letter-spacing:1px}.health-outer{height:10px;padding:1px}.hud-meta{gap:4px;margin-top:5px}.round-pip{width:5px;height:5px;margin:0 1px}.hud-hp{font-size:6px;margin-left:2px}.energy-group{width:36%}.energy-label{font-size:5px;letter-spacing:1px;margin-bottom:5px;gap:4px}.energy-label b{font-size:13px}.energy-bars{gap:3px}.energy-segment{height:6px;padding:1px}.energy-keys{display:none}.form-label{font-size:6px;margin-bottom:3px}.combat-caption{font-size:7px}.combat-caption strong{font-size:17px}.combat-caption small{font-size:6px}.arena-message strong{font-size:24px;letter-spacing:6px}.arena-message p{font-size:8px;letter-spacing:3px;margin-top:5px}.recognition-toast{font-size:7px;padding:3px 7px}.battle-controls{padding:10px;flex-wrap:wrap;gap:10px}.battle-controls .separator{display:none}.battle-controls kbd{height:22px;min-width:20px;line-height:18px;font-size:9px;padding:0 3px}.battle-controls span,.battle-controls .text-button{font-size:9px}.battle-controls svg{width:12px;height:12px}.skill-panel{gap:15px}.skill-item b{font-size:10px}.skill-item p{font-size:8px}.training-panel{display:flex;flex-direction:column;gap:17px;padding:15px}.training-debug{padding-left:0;border-left:0}.training-panel>.training-debug:last-child{padding-top:13px}.pause-card{width:260px;padding:12px;max-height:100%}.pause-card h2{font-size:20px;margin:10px 0 5px}.pause-card .eyebrow{font-size:7px}.pause-card>p:not(.eyebrow){font-size:9px;margin-bottom:9px}.pause-card button{padding:7px;margin-top:5px;font-size:10px}.result-score{font-size:25px;margin:10px 0}.touch-notice{display:block;font-size:10px;color:#a49178;text-align:center;margin-top:13px}.replay-info{font-size:7px;padding:4px 8px}.setting-row label{font-size:12px}}.demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}.demo-controls label{font-size:11px;color:#a8bbd8}.demo-controls select{flex:1;min-width:135px;max-width:220px;background:#152238;color:#dbdfed;border:1px solid #607aab44;border-radius:4px;padding:7px;font:11px Microsoft YaHei,sans-serif;color-scheme:dark}.demo-controls button{padding:7px 13px;color:#efd8ad}.tank-guide{margin-top:24px;padding:18px 20px;background:#9ac98809;border:1px solid #add48533;border-radius:7px}.tank-guide h3{color:#cee7a8;font-size:14px;margin:0 0 12px}.tank-guide p{font-size:12px;line-height:1.8;color:#b3c0d4}.tank-key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:12px;color:#d5e2b5}.tank-key-grid kbd{margin-right:8px}@media(max-width:600px){.tank-key-grid{grid-template-columns:repeat(2,1fr)}}.tank-hints{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 20px;border:1px solid #b8de8c30;border-radius:6px;background:#9ac77809;color:#b6c9a4;font-size:11px;margin-top:15px}.tank-hints[hidden]{display:none}.tank-hints strong{color:#def2c5;font-weight:500}.tank-hints kbd{margin-right:5px}@media(max-width:880px){.fighter-detail{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"top top" "epithet description" "name description" "stats signature" "stats footnote";column-gap:20px;row-gap:7px;border-left:0;border-top:1px solid #65749630;padding:18px 0 0}.detail-topline{grid-area:top}.fighter-epithet{grid-area:epithet;margin:0}.fighter-detail h2{grid-area:name;margin:0;font-size:26px}.fighter-description{grid-area:description;min-height:0;align-self:center}.fighter-stats{grid-area:stats;margin-top:8px;gap:8px;max-width:210px}.signature{grid-area:signature;margin-top:0;padding-top:10px;align-self:end}.detail-footnote{grid-area:footnote;margin-top:0}.selection-content{row-gap:20px}}@media(max-width:600px){.fighter-detail{column-gap:14px;row-gap:7px;padding-top:15px}.fighter-epithet{font-size:10px;letter-spacing:2px}.fighter-detail h2{font-size:24px;letter-spacing:2px}.fighter-detail h2>span{font-size:8px;letter-spacing:2px}.fighter-description{font-size:10px;line-height:1.8}.fighter-stats>div>span{font-size:9px}.stat-pips{gap:3px}.stat-pips i{width:11px}.signature{gap:3px}.signature strong{font-size:10px}.signature kbd{display:none}.detail-footnote{font-size:8px;line-height:1.6}.roster-count>span{display:none}.roster-hint{line-height:1.8}}@media(prefers-reduced-motion:reduce){.fighter-card,.card-art{transition:none}.fighter-card:hover,.fighter-card.active-target{transform:none}}.skill-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:13px 20px;padding-top:20px}.skill-panel .skill-label{display:block;grid-column:1/-1;writing-mode:horizontal-tb;letter-spacing:3px;font-size:10px;color:#8ea1bf}.skill-item{min-width:0;padding:0 12px 12px 0;border:0;border-bottom:1px solid var(--line)}.skill-item:nth-child(2){grid-column:span 2}.skill-item b{font-size:12px;line-height:1.6}.skill-item p{font-size:11px;line-height:1.85;color:#8b9dbb;overflow-wrap:anywhere}@media(max-width:900px){.skill-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.skill-item:nth-child(4){border-bottom:1px solid var(--line)}}@media(max-width:600px){.skill-panel{gap:11px 14px}.skill-item b{font-size:11px}.skill-item p{font-size:10px}}.wave-charge-status{color:#bceaff;font-weight:700;line-height:1.6}.wave-charge-status.ready{color:#ffe3a1}.power-gauge{position:relative;height:5px;margin:4px 0;background:#172331;border:1px solid #91b97955;border-radius:3px;overflow:hidden}.power-gauge>i{display:block;height:100%;background:#bce69a}.power-gauge.low>i{background:#e8bb76}.power-gauge.empty>i{background:#e68d8d}.power-threshold{position:absolute;left:50%;top:0;height:100%;border-left:1px solid #fff9}.power-label.low{color:#edc68e}.power-label.empty{color:#f0a5a5}.draft-label{display:flex;align-items:center;gap:6px;color:#b7c3d7}.draft-label.ready{color:#a4eff5}.draft-label>span:last-child{font-size:10px;opacity:.85}.draft-pips{display:inline-flex;gap:4px}.draft-pips i{display:grid;place-items:center;width:18px;height:20px;border:1px solid #7a9ba15c;border-radius:3px;font-style:normal;color:#71939c66;background:#0b182a}.draft-pips i.filled{color:#aefbff;border-color:#8fe3eb;background:#37637377;box-shadow:0 0 7px #67dfe622}.enemy .draft-label{justify-content:flex-end}.match-ending{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.match-ending canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.match-ending canvas[hidden],.finish-victory[hidden]{display:none}.finish-victory{position:absolute;top:21%;left:50%;transform:translate(-50%);text-align:center;padding:12px 28px;color:#f2dfba;background:linear-gradient(90deg,transparent,#09142dda,transparent);white-space:nowrap}.finish-victory strong{display:block;font:italic 26px Georgia,serif;letter-spacing:5px}.finish-victory span{display:block;margin-top:6px;font-size:13px;letter-spacing:3px;color:#d4e0f0}@media(max-width:600px){.finish-victory{padding:5px 12px}.finish-victory strong{font-size:15px;letter-spacing:3px}.finish-victory span{font-size:9px;margin-top:3px}}.story-clear-badge{position:absolute;right:10px;bottom:11px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid #e2cc9690;border-radius:4px;background:#17261ff2;color:#f3dcac;font-size:10px;line-height:1.4;letter-spacing:.4px;pointer-events:none;box-shadow:0 2px 9px #0005}.story-clear-badge>span{color:#c7e5b3}.fighter-card.has-story-clear .card-caption{bottom:44px}.story-ending-access{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 30px;border-top:1px solid #a5b9d022;background:#d7ba8210}.story-ending-access>div>span{font-size:9px;letter-spacing:1px;color:#b7a276}.story-ending-access p{margin:5px 0 0;color:#bac7db;font-size:11px;line-height:1.6}.story-ending-access button{flex-shrink:0}.story-ending-access button:disabled{opacity:.45;cursor:not-allowed}.story-ending{margin:26px 42px 2px;min-width:0}.story-ending-frame{position:relative;display:block;width:100%;min-height:72px;padding:0;border:1px solid #d5bd8255;border-radius:8px;overflow:hidden;background:#090f1b}.story-ending-frame:disabled{cursor:default}.story-ending:not(.ready) .story-ending-frame{max-height:100px}.story-ending:not(.ready) img{opacity:0}.story-ending.ready .story-ending-frame{aspect-ratio:16/9}.story-ending img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.story-ending img[hidden]{display:none}.story-ending-zoom{position:absolute;bottom:12px;right:12px;background:#080e1dde;color:#f4dfb9;border:1px solid #edce8f55;border-radius:4px;padding:6px 10px;font-size:10px;letter-spacing:1px;opacity:0}.story-ending.ready .story-ending-zoom{opacity:1}.story-ending-frame:focus-visible{outline:3px solid #f8da9c;outline-offset:4px}.story-ending figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 0;color:#b8c5d9}.story-ending figcaption>span{font-size:9px;letter-spacing:1px;color:#a18e6e}.story-ending figcaption strong{font-size:12px;font-weight:500}.story-ending-status{font-size:12px;line-height:1.8;color:#a9b8d0;margin:12px 0}.story-ending-status[hidden],.story-ending-retry[hidden]{display:none}.story-ending-retry{margin:0 0 10px}.modal.story-art-modal{width:min(1180px,calc(100vw - 32px));max-height:94dvh;padding:22px}.story-art-modal .modal-top{padding-bottom:14px;margin-bottom:14px}.story-art-modal .modal-top h2{font-size:23px}.story-art-modal .story-ending{margin:0}.story-art-modal .story-ending.ready .story-ending-frame{aspect-ratio:auto;height:min(64dvh,calc(56.25vw - 45px));border:0;background:#080e19}.story-art-modal .story-ending figcaption{padding-bottom:0}@media(max-width:600px){.story-ending-access{padding:13px 18px;gap:10px}.story-ending-access p{font-size:10px}.story-ending-access .small-button{font-size:10px;padding:8px 10px}.story-ending{margin:20px 18px 0}.story-clear-badge{right:8px;bottom:9px;font-size:9px}.fighter-card.has-story-clear .card-caption{bottom:40px}.modal.story-art-modal{padding:14px;width:calc(100vw - 16px)}.story-art-modal .modal-top h2{font-size:20px}.story-art-modal .story-ending.ready .story-ending-frame{height:min(62dvh,calc(56.25vw - 27px))}.story-ending-zoom{bottom:7px;right:7px;font-size:9px;padding:4px 7px}}.difficulty-hint{margin:0;padding:12px 30px;border-top:1px solid #7894bd26;background:#0b14234d;color:#94a6c2;font-size:11px;line-height:1.8}.difficulty-hint.boosted{color:#f0b0a0;background:#b7423310;border-color:#e8987040}.cheat-modifiers{color:#f0b0a0;font-size:11px;line-height:1.8}.arena-topbar #cheat-modifiers{display:block;margin-top:4px}.arena-topbar #cheat-modifiers[hidden]{display:none}.expanded-modes{display:block!important;padding:22px 30px!important}.expanded-modes .mode-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.expanded-modes .mode-switch>button{justify-content:flex-start;text-align:left;border:1px solid #677ea331;border-radius:6px;padding:12px 16px;background:#0b142342}.expanded-modes .mode-switch>button.active{border-color:#e7c18c99;background:#e7c18c0d}.expanded-modes .mode-switch>button small{font-size:10px;line-height:1.6;margin-top:3px}.mode-config{display:flex;align-items:center;gap:20px;padding-top:20px}.mode-config .difficulty{border:0;padding:0}.mode-description{flex:1;color:#94a6c2;font-size:11px;line-height:1.7}.saved-story{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 30px;background:#e4bb7910;border-top:1px solid #e5c99325;color:#d0bd9d;font-size:11px}.saved-story>span{display:flex;align-items:center;gap:8px}.saved-story svg{width:15px;height:15px}.target-tabs button:disabled{opacity:.35;cursor:not-allowed}.story-page{max-width:1000px;margin:22px auto 40px;border:1px solid #7894bd42;border-radius:12px;background:radial-gradient(ellipse at 90% 0%,#293d583d,transparent 50%),#111b2de8;overflow:hidden;box-shadow:0 28px 70px #02071260}.story-hero{padding:38px 42px 28px;border-bottom:1px solid #8299b522}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:15px 0}.story-heading h1{font-size:35px;letter-spacing:3px;color:#f2e9d9;font-weight:500;margin:0 0 12px}.story-heading p{color:#a0b2cc;font-size:12px;letter-spacing:1px}.story-emblem{width:92px;height:92px;display:grid;place-items:center;border:1px solid #dfbd743b;border-radius:50%;color:#a79673;background:#deb97308}.story-emblem svg{width:54px;height:54px}.story-emblem.earned{color:#ffe0a0;background:#edbf7317;box-shadow:0 0 35px #e9bc5920}.story-narrative{max-width:700px;color:#becbe0;font-size:14px;line-height:2.1;margin:22px 0 0}.story-route{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:26px 42px}.story-route li{display:flex;align-items:center;gap:13px;border:1px solid #7186a137;border-radius:7px;background:#0b132b66;padding:20px 14px}.story-route .current{border-color:#e4c28caa;background:#e4c28c0a}.story-route .complete{border-color:#90cba04d}.route-number{font:25px Georgia,serif;color:#667d9e}.complete .route-number{color:#a8d5aa}.current .route-number{color:#f3d6a2}.story-route strong{display:block;font-size:16px;color:#d6e0ef;font-weight:500}.story-route small{display:block;font-size:10px;color:#8096b5;margin-top:6px}.story-rules{padding:0 42px;color:#b0bfd5;font-size:12px;line-height:1.9}.story-rules small{display:block;margin-top:8px;color:#8196b4;font-size:11px}.story-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:25px 42px 34px}.story-actions .primary-button{margin:0}.story-actions .secondary-button{padding:13px 19px}.achievement-summary{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#93a7c6;font-size:12px;line-height:1.8;padding:0 0 18px}.achievement-summary strong{color:#edd4a6;font-size:18px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement-card{padding:17px 18px;border:1px solid #647da137;border-radius:7px;background:#09132980;min-width:0}.achievement-card.unlocked{border-color:#d5b36c75;background:linear-gradient(135deg,#cfaa6615,#0b162f99)}.achievement-category{color:#7f94b4;font-size:10px;letter-spacing:1px}.achievement-card h3{font-size:16px;font-weight:500;color:#bfcce0;margin:9px 0}.achievement-card.unlocked h3{color:#f1d3a1}.achievement-card p{font-size:11px;line-height:1.85;color:#9bacc7;min-height:40px;margin-bottom:13px}.achievement-card progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#24324d;accent-color:#d9b471}.achievement-card progress::-webkit-progress-bar{background:#23314a}.achievement-card progress::-webkit-progress-value{background:#9bbcd5}.achievement-card.unlocked progress::-webkit-progress-value{background:#e5c287}.achievement-card small{display:block;text-align:right;font:10px Consolas,monospace;color:#96aac6;margin-top:6px}.online-placeholder{padding:24px 0 6px;text-align:center;color:#94a6c2;font-size:13px;letter-spacing:1px;line-height:1.8}.header-actions #achievements-button svg{width:21px;height:21px}@media(max-width:880px){.expanded-modes .mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-config{flex-wrap:wrap}.mode-description{min-width:150px}.story-hero{padding:28px}.story-route{padding:22px 28px;gap:9px}.story-rules{padding:0 28px}.story-actions{padding:24px 28px}.story-heading h1{font-size:28px}}@media(max-width:600px){.expanded-modes{padding:18px!important}.expanded-modes .mode-switch>button{padding:10px;gap:8px}.expanded-modes .mode-switch>button small{font-size:8px}.mode-config{gap:12px}.mode-description{flex-basis:100%;order:3}.saved-story{padding:13px 18px;align-items:flex-start}.saved-story>span{font-size:10px;line-height:1.7}.story-heading h1{font-size:23px;letter-spacing:1px}.story-emblem{width:65px;height:65px;flex-shrink:0}.story-emblem svg{width:38px;height:38px}.story-narrative{font-size:12px}.story-route{grid-template-columns:1fr}.story-route li{padding:13px 15px}.story-route li>div{display:flex;align-items:center;gap:18px}.story-route small{margin:0}.achievement-grid{grid-template-columns:1fr}.achievement-card p{min-height:0}.story-actions{gap:10px}.story-actions>button{width:100%;justify-content:center}}