:root{color:#293632;font-synthesis:none;background:#f4f7ee;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #83ab2b}main{margin:auto}.operator-dialog-backdrop{z-index:80;background:#253a34a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.operator-dialog{background:#fff;border:2px solid #dce8d7;border-radius:28px;flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 30px 90px #20382d57}.operator-dialog-heading{background:#e3eee2;flex:none;height:190px;padding:30px 36px;position:relative;overflow:hidden}.operator-dialog-heading>img{pointer-events:none;height:330px;position:absolute;bottom:-90px;right:30px}.operator-dialog-heading:after{content:"";pointer-events:none;background:linear-gradient(90deg,#e3eee2 0%,#e3eee2ed 38%,#0000 75%);position:absolute;inset:0}.operator-dialog-heading>div{z-index:1;max-width:52%;position:relative}.operator-dialog-heading small{color:#61766a;font-size:13px}.operator-dialog-heading h2{color:#24352f;margin:7px 0;font-size:38px}.operator-dialog-heading p{color:#53675b;margin:0;font-size:13px;line-height:1.6}.dialog-close{z-index:2;color:#293632;background:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:15px;right:18px}.operator-dialog-body{overscroll-behavior:contain;padding:24px 32px;overflow:auto}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.stat-grid div{background:#f4f8ef;border:1px solid #dae7d8;border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.stat-grid small,.talent-box small{color:#68796c;font-size:12px}.stat-grid strong{color:#25372f;font-size:22px}.progress-note{color:#52675b;font-size:14px;line-height:1.6}.talent-box{background:#edf7d3;border-radius:17px;margin:15px 0;padding:15px 19px}.talent-box strong{margin:4px 0;font-size:18px;display:block}.talent-box p{margin:0;font-size:14px;line-height:1.6}.operator-dialog-body h3{align-items:baseline;gap:12px;margin:22px 0 10px;font-size:20px;display:flex}.operator-dialog-body h3 small{color:#738177;font-size:13px;font-weight:400}.card-choices{gap:9px;display:grid}.card-choices button{text-align:left;color:#273930;background:#f7f9f5;border:2px solid #e0e8dd;border-radius:16px;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:13px;padding:12px;display:grid}.card-choices button.selected{background:#f2fadf;border-color:#91bc33}.card-choices img{object-fit:contain;background:#e7ece4;border-radius:11px;width:64px;height:64px}.card-choices button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.card-choices strong{font-size:17px}.card-choices small{color:#587044;font-size:13px}.card-choices button>span>span{color:#56665a;font-size:14px;line-height:1.55}.operator-dialog-footer{background:#f5f8f1;border-top:1px solid #e1e9dd;justify-content:flex-end;gap:10px;padding:14px 30px;display:flex}.operator-dialog-footer button{color:#283b32;background:#fff;border:1px solid #cedbcc;border-radius:12px;min-height:44px;padding:8px 22px;font-weight:700}.operator-dialog-footer .primary{background:#ccea6f;border-color:#b6d257}.overlay{z-index:90;background:#1c332cae;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.overlay>div{text-align:center;background:#fff;border-radius:28px;width:min(460px,100%);padding:36px;box-shadow:0 25px 80px #172a2490}.overlay small{color:#70875d;font-weight:700}.overlay h2{font-size:32px}.overlay p{color:#607369}@media (width<=700px){.operator-dialog-backdrop{padding:0}.operator-dialog{border:0;border-radius:0;height:100vh;max-height:none}.operator-dialog-heading{height:165px;padding:22px}.operator-dialog-heading>img{height:245px;bottom:-65px;right:-15px}.operator-dialog-heading>div{max-width:65%}.operator-dialog-heading h2{font-size:29px}.operator-dialog-heading p{display:none}.operator-dialog-body{padding:15px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-choices button{grid-template-columns:48px minmax(0,1fr);padding:9px}.card-choices img{width:48px;height:48px}.card-choices strong{font-size:15px}.operator-dialog-footer{padding:10px 14px}}.game-client{--ink:#283b32;--sub:#66796c;--line:#d8e4d6;--lime:#cdea6b;--friend:#c6edf0;--enemy:#ffddd3;min-height:100vh;color:var(--ink);background:#f3f7ed;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}.game-client button{color:inherit}.game-client button:focus-visible{outline-offset:2px;outline:3px solid #70a426}.game-top{border-bottom:1px solid var(--line);color:#5d7062;background:#fff;justify-content:space-between;align-items:center;gap:20px;height:58px;padding:0 clamp(16px,2.5vw,44px);font-size:14px;display:flex}.game-mark{letter-spacing:.04em;color:#2d4033;font-size:22px}.top-step{color:#4b6835;background:#e8f5cd;border-radius:999px;padding:6px 16px}.eyebrow{color:#789d36;letter-spacing:.09em;font-size:13px;font-weight:800;display:block}.game-primary,.game-secondary,.game-text{border:0;border-radius:13px;min-height:44px;padding:9px 18px;font-weight:800;transition:transform .15s,background .15s}.game-primary{background:var(--lime);box-shadow:inset 0 -3px #a9ca4a;color:#283c2d!important}.game-primary:hover:not(:disabled){background:#dcf28e;transform:translateY(-2px)}.game-secondary{background:#fff;border:1px solid #c7d8c9}.game-secondary:hover:not(:disabled){background:#eaf4e2}.game-text{background:0 0;color:#536959!important}.game-alert{color:#934d37;background:#fff0e9;border:1px solid #e6aa95;border-radius:12px;padding:10px 15px;font-size:14px}.lobby-scene{background:radial-gradient(circle at 15% 0,#eaf4d6,#0000 40%),#f4f7ef}.lobby-stage{flex-direction:column;gap:14px;max-width:1700px;height:calc(100vh - 58px);min-height:675px;padding:20px clamp(18px,2.4vw,38px) 14px;display:flex}.lobby-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby-heading h1{margin:5px 0;font-size:clamp(29px,2.4vw,42px);line-height:1.1}.lobby-heading p{color:var(--sub);margin:0;font-size:15px}.squad-count{white-space:nowrap;background:#e2f3be;border-radius:18px;align-items:baseline;gap:5px;padding:7px 18px;display:flex}.squad-count b{font-size:31px}.squad-count span{color:#5d704f;font-size:14px}.operator-gallery{border:1px solid var(--line);background:#fff;border-radius:25px;flex-direction:column;flex:1;min-height:0;padding:14px 18px 18px;display:flex;box-shadow:0 12px 36px #42604a12}.gallery-heading{justify-content:space-between;align-items:center;height:32px;margin-bottom:10px;display:flex}.gallery-heading b{font-size:19px}.gallery-heading span{color:var(--sub);font-size:14px}.gallery-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:0;display:grid}.gallery-card{background:#e7f1e6;border:2px solid #d9e6d9;border-radius:20px;flex-direction:column;min-width:0;min-height:0;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.gallery-card:hover{transform:translateY(-3px)}.gallery-card.in-team{background:#e6f5cf;border-color:#93bd3a}.gallery-card-select{text-align:left;background:#dcebe5;border:0;flex:1;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.gallery-card-select>img{pointer-events:none;width:auto;max-width:none;height:130%;position:absolute;bottom:-24%;left:50%;transform:translate(-50%)}.gallery-gradient{background:linear-gradient(#0000 28%,#e8f2e8c9 73%,#e8f2e8 100%);position:absolute;inset:0}.gallery-number{color:#294034;background:#fffdf0;border-radius:10px;align-items:baseline;gap:3px;padding:3px 11px;font-size:22px;font-weight:900;display:flex;position:absolute;top:9px;left:9px;box-shadow:0 2px 8px #2d443319}.gallery-number small{font-size:12px}.gallery-picked{color:#425448;background:#ffffffd9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:9px;right:8px}.in-team .gallery-picked{background:#cdea6b}.gallery-copy{flex-direction:column;gap:1px;display:flex;position:absolute;bottom:9px;left:13px;right:8px}.gallery-copy small{color:#516b58;font-size:12px}.gallery-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:21px;line-height:1.2;overflow:hidden}.gallery-detail{background:#fff;border:0;border-top:1px solid #d0dfd0;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:700;display:flex}.gallery-detail:hover{background:#f2f9e6}.gallery-detail img{object-fit:contain;background:#e7ebe2;border-radius:5px;width:25px;height:25px}.lobby-bottom{grid-template-columns:minmax(0,1fr) minmax(280px,28%);gap:12px;min-height:94px;display:grid}.squad-tray{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:110px repeat(5,minmax(0,1fr));gap:7px;min-width:0;padding:8px;display:grid}.squad-title{flex-direction:column;justify-content:center;gap:4px;padding-left:8px;display:flex}.squad-title b{font-size:17px}.squad-title span{color:var(--sub);font-size:12px}.squad-slot{color:#7c8c7e;background:#f2f6ef;border:1px dashed #bfd0be;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;font-size:12px;display:flex;position:relative;overflow:hidden}.squad-slot>b{font-size:22px}.squad-slot.filled{text-align:left;background:#e7f3e4;border-style:solid}.squad-slot img{height:155%;position:absolute;bottom:-52%;left:50%;transform:translate(-50%)}.squad-slot.filled:after{content:"";background:linear-gradient(#0000 30%,#f0f7e7 100%);position:absolute;inset:0}.squad-slot.filled span,.squad-slot.filled b{z-index:1;position:relative}.squad-slot.filled span{color:#294039;margin:auto auto 4px 6px;font-size:13px;font-weight:800}.squad-slot.filled b{font-size:18px;position:absolute;top:1px;right:5px}.lobby-start{flex-direction:column;gap:7px;display:flex}.mode-switch{gap:6px;height:38px;display:flex}.mode-switch button{background:#fff;border:1px solid #d2dfcf;border-radius:11px;flex:1;font-size:14px;font-weight:700}.mode-switch button.active{background:#eaf6cd;border-color:#a4cc56}.lobby-start .launch{flex:1;font-size:16px}.online-controls{flex:1;gap:5px;display:flex}.online-controls button{min-height:43px;padding:5px 10px}.online-controls input{text-align:center;border:1px solid #cbdcc8;border-radius:11px;flex:1;width:90px;min-width:0;padding:5px;font-size:13px}.lobby-extras{color:#809083;justify-content:space-between;align-items:center;height:23px;font-size:11px;display:flex}.lobby-extras label{cursor:pointer}.lobby-extras input{max-width:170px;font-size:11px}.draft-stage,.waiting-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:1100px;min-height:calc(100vh - 58px);padding:36px 24px;display:flex}.draft-title h1,.waiting-stage h1{margin:8px 0;font-size:clamp(33px,4vw,50px)}.draft-title p,.waiting-stage p{color:var(--sub);font-size:16px;line-height:1.6}.draft-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.draft-card{text-align:left;background:#fff;border:2px solid #d7e5d6;border-radius:25px;height:min(43vh,340px);min-height:240px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.draft-card:hover,.draft-card.selected{border-color:#88b73e;transform:translateY(-5px)}.draft-index{color:#6a8852;font-size:13px;font-weight:800;position:absolute;top:16px;left:17px}.draft-device-mark{color:#6d9b82;background:radial-gradient(circle,#e9f5d7,#0000 67%);place-items:center;font-size:100px;display:grid;position:absolute;inset:12px 0 75px}.draft-card-foot{background:#fff;flex-direction:column;gap:6px;min-height:124px;padding:13px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.draft-card-foot strong{font-size:23px}.draft-card-foot>span{color:#617167;min-height:40px;font-size:14px;line-height:1.4}.draft-card-foot em{color:#4d6e3b;justify-content:space-between;font-size:14px;font-style:normal;display:flex}.draft-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.draft-wait{color:#537448;font-size:15px}.game-corner{color:#839287;font-size:11px;position:absolute;bottom:12px;right:16px}.room-ticket{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(500px,100%);padding:24px;display:flex;box-shadow:0 18px 50px #526e501a}.room-ticket small{color:#70836c;font-size:13px}.room-ticket strong{letter-spacing:.13em;font-size:clamp(32px,5vw,58px)}.room-ticket span{color:#607566;font-size:14px}.match-scene{background:#edf5ea;height:100vh;min-height:680px;overflow:hidden}.match-stage{flex-direction:column;gap:8px;max-width:none;height:calc(100vh - 58px);min-height:622px;padding:10px clamp(10px,1.4vw,24px) 7px;display:flex;position:relative;overflow:hidden}.match-hud{flex:none;grid-template-columns:145px minmax(190px,1fr) 122px 145px 146px;gap:8px;height:63px;display:grid}.gate-status,.match-phase,.hud-fee{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;min-width:0;padding:7px 13px;display:flex}.gate-status.enemy{background:#fff1eb;border-color:#f0c9bb}.gate-status.friendly{background:#e4f7f4;border-color:#b8dcda}.gate-status small,.hud-fee small{color:#64786b;font-size:12px}.gate-status b{font-size:19px;line-height:1.2}.gate-status.enemy b{color:#ab614f}.match-phase{text-align:center;background:#f9fbee;align-items:center}.match-phase strong{font-size:20px}.match-phase span{color:#63765e;font-size:14px}.hud-fee{text-align:center;background:#e2f3b8;border-color:#c3dd8e}.hud-fee b{font-size:30px;line-height:1}.hud-fee b span{color:#667d57;font-size:14px}.turn-button{background:#365f4c;border:0;border-radius:15px;font-size:16px;font-weight:800;color:#fff!important}.turn-button:not(:disabled):hover{background:#47745c}.match-alert{z-index:11;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #485c3b22}.match-core{flex:1;min-height:0;position:relative}.table-area{--depth-step:clamp(13px,2.25vh,30px);background:#fff;border:1px solid #d3e1d5;border-radius:24px;flex-direction:column;height:100%;min-height:0;padding:6px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #365c4a13}.table-caption{flex:none;justify-content:space-between;align-items:center;height:18px;padding:0 8px;font-size:13px;font-weight:800;display:flex}.table-caption span:last-child{color:#748577;font-weight:400}.table-caption.enemy{color:#b16b59}.table-caption.friendly{color:#3f8380}.table-row{background:repeating-linear-gradient(0deg,#f8faf5 0 calc(33.333% - 1px),#dde9dc calc(33.333% - 1px) 33.333%);border-radius:14px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding:0 5px;display:grid;position:relative}.enemy-row{background:repeating-linear-gradient(0deg,#fff8f5 0 calc(33.333% - 1px),#f2ded5 calc(33.333% - 1px) 33.333%)}.board-lane{min-width:0;min-height:0;position:relative}.lane-caption{z-index:3;color:#708174;pointer-events:none;background:#ffffffd9;border-radius:99px;padding:2px 9px;font-size:11px;position:absolute;top:4px;left:9px}.mine-picker{align-items:center;gap:5px;display:flex}.mine-picker small{color:#95624d;font-size:11px}.mine-picker button{color:#8a5b36;background:#fff1d8;border:1px solid #d9ab83;border-radius:8px;min-height:23px;padding:1px 9px;font-size:11px;font-weight:800}.mine-picker button.drop-hover{background:#ffdc91;border-color:#b57b39}.mine-picker button:disabled{opacity:.38}.mine-marker{z-index:6;color:#79562a;pointer-events:none;background:#fff2b9;border:1px solid #be9551;border-radius:8px;padding:3px 7px;font-size:11px;font-weight:800;position:absolute;right:5px}.board-unit,.board-empty{width:100%;height:calc(100% - 18px - var(--depth-step)*2);border-radius:15px;min-height:94px;transition:top .3s,transform .15s,border-color .15s;position:absolute;left:0;overflow:hidden}.board-unit{text-align:left;isolation:isolate;background:#dff0ea;border:2px solid #b5d5d0;padding:0}.board-unit.enemy{background:#f6ddd5;border-color:#edc3b8}.board-unit.frontline{box-shadow:0 0 0 2px #d1e76a}.board-unit.inspected,.board-unit.targetable,.board-empty.drop-ready{border-color:#77a733;box-shadow:0 0 0 3px #bde66a}.board-unit.tactic-chosen{border-color:#679c48;box-shadow:0 0 0 4px #bde66a}.board-unit.drop-hover,.board-empty.drop-hover{border-color:#4b9f5a;transform:scale(1.02)}.board-unit.event-source{z-index:5;transform:translateY(-4px)scale(1.025);box-shadow:0 0 0 4px #ddf389,0 12px 22px #36594933}.board-unit.event-target{z-index:5;box-shadow:0 0 0 4px #f8bd8b,0 0 24px #f4a66f77}.board-leave{width:100%;height:calc(100% - 18px - var(--depth-step)*2);z-index:8;pointer-events:none;background:#f9e8de;border:2px solid #e3c2aa;border-radius:15px;min-height:94px;animation:.22s ease-in both leave-card;position:absolute;left:0;overflow:hidden}.board-leave img{height:190%;position:absolute;bottom:-45%;right:0}.board-leave b{color:#7d6251;background:#fff9ed;border-radius:7px;padding:3px 8px;font-size:14px;position:absolute;bottom:8px;left:8px}@keyframes leave-card{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:.2;transform:translateY(14px)scale(.94)}}.battle-trails{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.battle-trails line{stroke:#d17e49;stroke-width:4px;stroke-linecap:round;stroke-dasharray:12 8;filter:drop-shadow(0 1px 2px #fff);animation:.22s linear both battle-trail}.battle-trails circle{fill:#f8d17d;stroke:#d48659;stroke-width:3px;animation:.25s ease-out both battle-impact}.event-number{z-index:7;color:#b75d3d;white-space:nowrap;background:#fff9f0;border-radius:9px;padding:2px 8px;font-size:18px;font-weight:900;animation:.34s ease-out both event-rise;position:absolute;top:32%;right:9px;box-shadow:0 2px 9px #3a372537}.event-number.heal{color:#398261;background:#edfff2}@keyframes battle-trail{0%{stroke-dashoffset:35px;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes battle-impact{0%{r:2;opacity:.1}to{r:9;opacity:1}}@keyframes event-rise{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.board-art{pointer-events:none;width:auto;max-width:none;height:190%;position:absolute;bottom:-45%;right:0}.board-unit-shade{background:linear-gradient(90deg,#fffffffa 0%,#ffffffec 38%,#fff4 78%,#0000);position:absolute;inset:0}.board-unit.enemy .board-unit-shade{background:linear-gradient(90deg,#fff7f2fc 0%,#fff7f2ee 38%,#fff7f244 78%,#0000)}.board-unit-top,.board-unit-info,.board-unit-bars,.board-unit-bottom,.board-lock{z-index:1;display:flex;position:absolute;left:11px;right:10px}.board-unit-top{flex-direction:column;gap:1px;top:5px}.board-unit-top b{font-size:18px;line-height:1.16}.board-unit-top em{color:#567568;font-size:12px;font-style:normal;font-weight:700}.board-unit-top b,.board-unit-top em{text-overflow:ellipsis;white-space:nowrap;max-width:62%;overflow:hidden}.board-unit.enemy .board-unit-top em{color:#a76855}.board-unit-info{color:#536657;white-space:nowrap;font-size:11px;font-weight:600;bottom:38px}.board-unit-bars{flex-direction:column;gap:2px;width:50%;max-width:220px;bottom:29px}.board-hp,.board-sp{background:#d1dfd5;border-radius:9px;width:100%;height:5px;display:block;overflow:hidden}.board-hp i,.board-sp i{background:#55a86b;height:100%;display:block}.board-sp i{background:#94b63f}.board-unit.enemy .board-hp i{background:#dc8470}.board-unit-bottom{white-space:nowrap;align-items:center;gap:12px;bottom:5px}.board-unit-bottom b{font-size:14px}.board-unit-bottom em{font-size:12px;font-style:normal;font-weight:700}.board-lock{text-align:right;color:#925d4a;justify-content:flex-end;width:40%;font-size:11px;top:5px;left:auto;right:9px}.board-empty{background:#ffffffc7;border:2px dashed #becfc0;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:13px;font-weight:700;display:flex;color:#6a846d!important}.board-empty.drop-ready{background:#e9f7d8}.empty-cross{font-size:29px;line-height:1}.battle-midline{color:#4b7b61;white-space:nowrap;flex:none;align-items:center;gap:10px;height:22px;font-size:13px;font-weight:800;display:flex}.battle-midline i{background:#bfd5ba;flex:1;height:2px}.battle-midline span{text-overflow:ellipsis;min-width:0;overflow:hidden}.battle-midline button{background:#eef8db;border:1px solid #a8c992;border-radius:7px;flex:none;min-height:20px;padding:1px 7px;font-size:11px;font-weight:800}.match-inspector{z-index:15;background:#fff;border:1px solid #bfd5c3;border-radius:23px;flex-direction:column;width:min(410px,100% - 32px);display:none;position:absolute;top:14px;bottom:14px;right:16px;overflow:hidden;box-shadow:0 18px 60px #25443756}.match-inspector.open{display:flex}.multi-confirm{z-index:18;background:#f2f9e9;border:1px solid #b7d59d;border-radius:12px;align-items:center;gap:8px;max-width:calc(100% - 440px);padding:9px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:16px;left:15px;box-shadow:0 9px 25px #375c3940}.multi-confirm button{background:#dcefb3;border:1px solid #a8ca8a;border-radius:8px;flex:none;padding:6px 8px;font-size:12px;font-weight:800}.multi-confirm button:last-child{background:#fff}.match-inspector-heading{background:#eef7e6;border-bottom:1px solid #d5e7ce;flex:none;justify-content:space-between;align-items:center;height:46px;padding:6px 15px;font-weight:800;display:flex}.match-inspector-heading>div{gap:5px;display:flex}.match-inspector-heading button{background:#fff;border:0;border-radius:9px;padding:5px 9px;font-size:12px}.match-detail-hero{background:#dcece1;flex:none;height:135px;position:relative;overflow:hidden}.match-detail-hero img{height:235%;position:absolute;bottom:-80%;right:0}.match-detail-hero>span{background:linear-gradient(90deg,#e3f1e6 0%,#e3f1e6d9 45%,#0000);position:absolute;inset:0}.match-detail-hero>div{flex-direction:column;display:flex;position:absolute;bottom:13px;left:17px}.match-detail-hero small,.match-detail-hero em{color:#647a69;font-size:12px;font-style:normal}.match-detail-hero strong{font-size:25px}.match-detail-scroll{flex:1;min-height:0;padding:14px 16px;overflow:auto}.match-detail-scroll p{color:#4d6355;font-size:14px;line-height:1.6}.match-detail-scroll p b{color:#345b45}.match-mini-stats{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.match-mini-stats span{color:#69806b;background:#f3f8ef;border-radius:8px;justify-content:space-between;gap:3px;padding:5px;font-size:11px;display:flex}.match-mini-stats b{color:#273f34;font-size:14px}.match-action-area{border-top:1px solid #dde8d9;flex-direction:column;flex:none;gap:7px;padding:10px;display:flex}.context-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.context-actions button,.deploy-controls button{background:#eff6eb;border:1px solid #d2e1d2;border-radius:10px;min-height:38px;padding:5px}.context-actions button:first-child{background:#e5f4bd}.deploy-controls{flex-direction:column;gap:6px;display:flex}.deploy-controls>div{gap:5px;display:flex}.deploy-controls>div button{flex:1}.deploy-controls>div button.active{background:#d6edaa}.match-log{margin:0;padding:12px 16px;list-style:none;overflow:auto}.match-log li{border-bottom:1px solid #e5eee3;padding:8px 2px;font-size:13px;line-height:1.5}.match-log small{color:#669244;margin-right:6px}.inspector-empty{text-align:center;color:#708070;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:25px;font-size:14px;display:flex}.inspector-empty b{color:#304335;font-size:22px}.tactic-preview{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:20px;display:flex}.tactic-preview small{color:#61865c;font-size:13px}.tactic-preview>span{color:#6c9c76;font-size:72px}.tactic-preview strong{font-size:22px}.tactic-preview p{font-size:14px;line-height:1.5}.tactic-preview em{color:#597c45;font-size:14px;font-style:normal}.card-dock{flex:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;height:clamp(148px,18vh,205px);display:grid}.operator-hand,.tactic-hand{background:#fff;border:1px solid #d5e1d3;border-radius:20px;flex-direction:column;gap:6px;min-width:0;min-height:0;padding:8px 10px 10px;display:flex}.dock-heading{flex:none;justify-content:space-between;align-items:center;height:20px;display:flex}.dock-heading b{font-size:15px}.dock-heading span{color:#778b79;font-size:12px}.operator-cards{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-height:0;display:grid}.tactic-cards{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:0;display:grid}.play-card{text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;background:#e2eee5;border:2px solid #d9e4d5;border-radius:13px;min-width:0;min-height:0;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.play-card:hover:not(:disabled),.play-card.selected{border-color:#8bb83c;transform:translateY(-3px)}.play-card.unavailable,.play-card:disabled{filter:saturate(.7);opacity:.76;touch-action:auto}.operator-play-card img{pointer-events:none;width:auto;max-width:none;height:145%;position:absolute;bottom:-33%;left:50%;transform:translate(-50%)}.play-card-shade{background:linear-gradient(#0000 16%,#f2f7eddc 62%,#f2f7ed 100%);position:absolute;inset:0}.play-cost{z-index:2;background:#ddf087;border-radius:9px;place-items:center;min-width:27px;height:28px;padding:0 5px;font-size:18px;font-weight:900;display:grid;position:absolute;top:5px;left:5px}.play-card-copy,.tactic-copy{z-index:2;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:6px;left:8px;right:6px}.play-card-copy small,.tactic-copy small{color:#607361;font-size:11px}.play-card-copy b,.tactic-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.play-card-copy em,.tactic-copy em{color:#5f705f;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;line-height:1.25;overflow:hidden}.gadget-play-card{background:#f6efd8}.order-play-card{background:#e6f1e7}.tactic-symbol{color:#76a782;place-items:center;font-size:48px;display:grid;position:absolute;inset:12px 0 20px}.gadget-play-card .tactic-symbol{color:#c19a52}.tactic-copy{bottom:18px}.tactic-copy em{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.order-wrapper{min-width:0;min-height:0;position:relative}.order-wrapper>.play-card{width:100%;height:100%}.retain-pill{z-index:3;background:#fff;border:1px solid #b8cfb1;border-radius:8px;padding:1px 6px;font-size:11px;position:absolute;bottom:2px;right:5px}.retain-pill.active{background:#d5edaa}.match-bottom{color:#5e735f;flex:none;justify-content:space-between;align-items:center;gap:12px;height:24px;font-size:12px;display:flex}.match-bottom>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-bottom>div{flex:none;gap:7px;display:flex}.match-bottom button{color:#365b47;background:0 0;border:0;font-size:12px;font-weight:700}.drag-layer{z-index:50;pointer-events:none;position:fixed;inset:0}.aim-overlay{position:absolute;inset:0;overflow:visible}.aim-overlay line{stroke:#77b269;stroke-width:4px;filter:drop-shadow(0 2px 2px #fff)}.aim-overlay circle{stroke:#77b269;stroke-width:4px;fill:#e4f3ba}.drag-ghost{background:#fff;border:2px solid #a9d177;border-radius:13px;flex-direction:column;gap:2px;min-width:130px;padding:9px 14px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 25px #2f523c46}.drag-ghost small,.drag-ghost span{color:#5c784f;font-size:12px}.drag-ghost strong{font-size:17px}.drag-ghost-valid{background:#e4f5c5}.match-scene .overlay button{background:#f5f9f0;border:1px solid #c8dbbf;border-radius:10px;min-height:40px;margin:5px;padding:6px 12px}.replay-stage{flex-direction:column;gap:12px;max-width:1650px;height:calc(100vh - 58px);min-height:630px;padding:18px;display:flex}.replay-title{justify-content:space-between;align-items:center;display:flex}.replay-title h1{margin:3px 0;font-size:32px}.replay-layout{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:10px;min-height:0;display:grid}.replay-board{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:6px;min-height:0;padding:13px;display:flex}.replay-side-title{font-size:14px;font-weight:800}.replay-side-title.enemy{color:#a96352}.replay-side-title.friendly{color:#477d75}.replay-row{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.replay-board-card{background:#e3f4ef;border:1px solid #b8dcd5;border-radius:15px;min-width:0;min-height:0;padding:10px;position:relative;overflow:hidden}.replay-board-card.enemy{background:#fff0e9;border-color:#edc9bd}.replay-board-card.event-source{box-shadow:inset 0 0 0 3px #b5d76e,0 7px 22px #47844a33}.replay-board-card.event-target{box-shadow:inset 0 0 0 3px #eeae7f,0 7px 22px #d07f5833}.replay-leave{z-index:1;opacity:.72;position:absolute;inset:0;overflow:hidden}.replay-leave.playing{animation:.22s ease-in both leave-card}.replay-leave img{width:auto;height:160%;position:absolute;bottom:-38%;right:0}.replay-leave b{color:#7d6251;background:#fff9ed;border-radius:6px;padding:3px 6px;font-size:13px;position:absolute;bottom:8px;left:8px}.replay-event-number{z-index:3;color:#b45c3c;background:#fff7df;border-radius:8px;padding:2px 7px;font-size:19px;font-weight:900;animation:.34s ease-out both event-rise;position:absolute;top:35%;right:8px;box-shadow:0 2px 9px #57402934}.replay-event-number.heal{color:#3b8664;background:#ecfff3}.replay-board-card>small{z-index:2;color:#69806a;font-size:12px;position:absolute;top:8px;left:10px}.replay-board-card>img{width:auto;max-width:none;height:165%;position:absolute;bottom:-50%;right:0}.replay-board-card:after{content:"";background:linear-gradient(90deg,#fffffffa,#0000 82%);position:absolute;inset:0}.replay-board-card>div{z-index:1;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:10px;left:11px}.replay-board-card strong{font-size:18px}.replay-board-card span,.replay-board-card em{font-size:13px;font-style:normal}.replay-board-card>b{color:#829788;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replay-report{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:0;padding:13px;display:flex}.replay-report>b{font-size:16px}.replay-report ol{flex:1;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.replay-report li{border-bottom:1px solid #e2ebe0;padding:7px 2px;font-size:13px;line-height:1.5}.replay-report small{color:#638c45;margin-right:5px}.replay-controls-bar{border:1px solid var(--line);background:#fff;border-radius:15px;flex:none;align-items:center;gap:8px;height:54px;padding:7px 12px;display:flex}.replay-controls-bar button{background:#f5f9f2;border:1px solid #d0e0cc;border-radius:9px;min-height:37px;padding:6px 10px;font-size:13px}.replay-controls-bar input{accent-color:#83b145;flex:1}@media (width<=1050px){.match-hud{grid-template-columns:120px minmax(150px,1fr) 100px 120px 120px}.game-mark{font-size:18px}.card-dock{grid-template-columns:1.1fr 1fr}.board-unit-top b{font-size:16px}.board-unit-bottom b{font-size:13px}}@media (width<=800px){.lobby-stage{height:auto;min-height:calc(100vh - 58px)}.gallery-grid{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:205px}.operator-gallery{flex:none}.lobby-bottom{grid-template-columns:1fr}.match-scene{height:auto;min-height:100vh;overflow:visible}.match-stage{height:auto;min-height:calc(100vh - 58px);overflow:visible}.match-core{flex:none;height:440px}.match-hud{grid-template-rows:62px auto;grid-template-columns:1fr 1.4fr 90px 1fr;height:auto}.turn-button{grid-column:1/-1;min-height:40px}.card-dock{grid-template-columns:1fr;height:auto}.operator-hand,.tactic-hand{min-height:160px}.match-inspector{width:auto;position:fixed;inset:8vh 12px}.replay-stage{height:auto}.replay-layout{grid-template-columns:1fr}.replay-board{height:450px}.replay-report{height:220px}}@media (width<=540px){.game-top{height:51px;padding:0 10px;font-size:12px}.game-mark{font-size:17px}.game-top span:last-child{display:none}.lobby-heading h1{font-size:28px}.lobby-heading p{font-size:13px}.lobby-stage{padding:14px 9px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:198px;gap:7px}.gallery-card{border-radius:14px}.gallery-copy strong{font-size:17px}.gallery-detail{height:38px;font-size:11px}.gallery-detail img{width:21px;height:21px}.squad-tray{grid-template-columns:65px repeat(5,minmax(0,1fr));gap:3px}.squad-title b{font-size:13px}.squad-title span{display:none}.squad-slot.filled span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 6px);margin:auto 0 4px 3px;font-size:10px;overflow:hidden}.draft-stage{min-height:calc(100vh - 51px);padding:18px 10px}.draft-cards{gap:6px}.draft-card{border-radius:14px;min-height:235px}.draft-device-mark{font-size:55px}.draft-index{font-size:9px;left:6px}.draft-card-foot{min-height:130px;padding:8px}.draft-card-foot strong{font-size:15px}.draft-card-foot>span,.draft-card-foot em{font-size:11px}.draft-card-foot em{flex-direction:column}.match-stage{padding:5px}.match-hud{grid-template-columns:1fr 1.5fr 73px 1fr;gap:3px}.gate-status,.match-phase,.hud-fee{border-radius:9px;padding:4px}.gate-status small,.hud-fee small{font-size:9px}.gate-status b,.match-phase strong{font-size:12px}.match-phase span{font-size:10px}.hud-fee b{font-size:19px}.turn-button{font-size:13px}.match-core{height:365px}.table-area{--depth-step:17px;padding:5px}.table-row{gap:3px}.board-unit,.board-empty{min-height:78px}.board-unit-top,.board-unit-info,.board-unit-bars,.board-unit-bottom{left:4px;right:3px}.board-unit-top b{font-size:12px}.board-unit-top em,.board-unit-info,.board-unit-bottom em{font-size:9px}.board-unit-info{bottom:31px}.board-unit-bars{bottom:23px}.board-unit-bottom b{font-size:10px}.board-lock{display:none}.lane-caption{font-size:9px}.table-caption,.battle-midline{font-size:10px}.operator-cards,.tactic-cards{display:flex;overflow-x:auto}.operator-play-card{flex:0 0 100px}.order-wrapper,.gadget-play-card{flex:0 0 112px}.play-card-copy b,.tactic-copy b{font-size:13px}.play-card-copy em,.tactic-copy em,.match-bottom,.match-bottom button{font-size:10px}.replay-title h1{font-size:23px}.replay-board{height:370px}.replay-board-card strong{font-size:12px}.replay-board-card span,.replay-board-card em{font-size:10px}}@media (prefers-reduced-motion:reduce){.game-client *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (height<=800px) and (width>=801px){.board-unit-info{display:none}.tactic-symbol{opacity:.25;font-size:34px}.tactic-copy{gap:1px;bottom:8px}.tactic-copy small{display:none}.tactic-copy em{-webkit-line-clamp:1}.order-wrapper .tactic-copy{bottom:22px}}@media (width<=800px){.multi-confirm{flex-wrap:wrap;max-width:none;position:fixed;bottom:10px;left:10px;right:10px}.mine-picker small{display:none}.mine-picker button{padding:1px 5px}}@media (width<=540px){.squad-tray{grid-template-rows:repeat(2,60px);grid-template-columns:65px repeat(3,minmax(0,1fr));min-height:0}.squad-title{grid-row:1/3}.squad-slot.filled span{font-size:13px}.game-top span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-top{padding-right:25px}.draft-stage{gap:14px}.draft-title h1{font-size:30px}.draft-title p{font-size:14px}.draft-cards{grid-template-columns:1fr;gap:8px}.draft-card{height:132px;min-height:132px}.draft-index{font-size:11px;top:9px;left:11px}.draft-device-mark{width:85px;font-size:56px;inset:19px auto 7px 10px}.draft-card-foot{justify-content:center;gap:4px;min-height:0;padding:10px 13px;inset:0 0 0 100px}.draft-card-foot strong{font-size:18px}.draft-card-foot>span{min-height:0;font-size:13px}.draft-card-foot em{flex-direction:row;justify-content:flex-start;gap:15px;font-size:13px}.match-hud{grid-template-rows:58px 50px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.match-phase{grid-area:1/1/auto/3}.hud-fee{grid-area:1/3}.gate-status.enemy{grid-area:2/1}.gate-status.friendly{grid-area:2/2}.turn-button{grid-area:2/3;min-height:0}.match-core{height:440px}.table-area{--depth-step:13px}.board-unit,.board-empty{min-height:92px}.board-unit-top b{font-size:14px}.board-unit-top em{font-size:10px}.board-unit-info{display:none}.board-unit-bars{width:70%;bottom:35px}.board-unit-bottom{flex-direction:column;align-items:flex-start;gap:0;bottom:3px}.board-unit-bottom b{font-size:12px}.board-unit-bottom em,.gate-status small,.hud-fee small{font-size:11px}.gate-status b,.match-phase strong{font-size:15px}.match-phase span{font-size:12px}.table-caption,.battle-midline,.match-bottom,.match-bottom button{font-size:11px}.replay-stage{gap:8px;padding:10px}.replay-board{height:365px;padding:8px}.replay-report{height:170px}.replay-row{gap:4px}.replay-board-card{border-radius:10px;padding:4px}.replay-board-card>small{font-size:10px;top:5px;left:5px}.replay-board-card>img{opacity:.55;height:145%;bottom:-38%;right:-20%}.replay-board-card:after{background:linear-gradient(#0000 10%,#fffffff2)}.replay-board-card>div{z-index:2;gap:1px;bottom:5px;left:5px;right:4px}.replay-board-card strong{font-size:13px}.replay-board-card span{font-size:11px;line-height:1.2}.replay-board-card .replay-secondary{font-size:10px}.replay-board-card em{display:none}.replay-controls-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;height:auto;padding:7px;display:grid}.replay-controls-bar input{grid-area:1/1/auto/-1;width:100%;min-width:0;margin:6px 0}.replay-controls-bar button{white-space:nowrap;min-width:0;min-height:42px;padding:5px;font-size:12px}.replay-controls-bar button:last-child{grid-column:1/-1}}