@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{color:#e7e6d9;font-synthesis:none;--bg:#17241f;--panel:#203027;--line:#52614b55;--muted:#a1ad9b;--accent:#d7ba7e;--green:#abd0ad;--red:#e08d76;background:#17241f;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}.guest-play-note{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.guest-play-note strong,.guest-play-note span{display:block}.guest-play-note span{color:var(--muted);margin-top:5px;font-size:12px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:wait}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}a{color:inherit;text-decoration:none}p{line-height:1.85}h1,h2,h3,h4,p{margin-top:0}small,.muted{color:var(--muted)}.topbar{border-bottom:1px solid var(--line);background:#16231f;justify-content:space-between;align-items:center;gap:32px;height:92px;padding:0 4.5%;display:flex}.topbar>a{align-items:center;gap:13px;display:flex}.emblem{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);color:#d8c78f;border:2px solid #c7bd92;place-items:center;width:38px;height:42px;font:700 34px Barlow Condensed,sans-serif;display:grid}.wordmark{letter-spacing:2px;font:800 29px/1 Barlow Condensed,sans-serif}.wordmark small{letter-spacing:7px;text-align:center;margin-top:7px;font:500 9px Noto Sans JP;display:block}.topbar nav{gap:28px;height:100%;display:flex}.nav{font-size:13px;position:relative}.nav.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.identity{align-items:center;gap:10px;font-size:12px;display:flex}.identity button{margin-left:12px;font-size:22px}.online-dot,.eyebrow i{background:#b8d399;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #acd28240}.home{max-width:1420px;margin:auto;padding:0 5%}.edition{letter-spacing:2px;color:#99a68e;justify-content:space-between;padding:25px 0 0;font:500 10px Barlow Condensed,sans-serif;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5%;min-height:645px;display:grid}.hero-copy{padding:34px 0}.eyebrow{letter-spacing:2.5px;color:var(--accent);font-size:10px;display:block}.eyebrow i{margin-right:9px}.hero h1{letter-spacing:.025em;margin:22px 0;font-size:clamp(35px,4vw,58px);font-weight:800;line-height:1.58}.hero h1 span{color:var(--accent)}.intro{color:#b8c0b0;margin-bottom:25px;font-size:13px;line-height:2.1}.mission-meta{color:#b7c2ae;gap:18px;margin-bottom:27px;font-size:10px;display:flex}.mission-meta span+span{border-left:1px solid #55614c;padding-left:18px}.hero-actions{align-items:stretch;gap:10px;display:flex}.primary,.secondary{justify-content:center;align-items:center;gap:26px;min-height:46px;padding:14px 22px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.primary{background:var(--accent);color:#202b23}.primary span{font-size:21px}.secondary{background:#26342b;border:1px solid #75806570}.primary.large{min-width:225px;padding:14px 25px;font-size:14px}.compact{min-height:38px;padding:10px 17px;font-size:11px}.text-button{color:#b7c4aa;padding:12px 0;font-size:11px}.hero .text-button{margin-top:11px}.operation-map{background:#202f26;border:1px solid #6c725345;padding:13px;position:relative;transform:rotate(1deg);box-shadow:18px 18px #111d1750}.operation-map svg{filter:saturate(.7);width:100%;height:auto;max-height:500px;display:block}.map-caption{justify-content:space-between;align-items:center;gap:15px;padding:18px 13px 9px;display:flex}.map-caption span{letter-spacing:1px;color:#9fae92;font-size:9px}.map-caption b{white-space:nowrap;font-size:14px}.section-heading{justify-content:space-between;align-items:center;gap:20px;padding:27px 0 23px;display:flex}.section-heading h2{letter-spacing:.08em;margin:6px 0 0;font-size:23px;font-weight:600}.section-heading .eyebrow{letter-spacing:2px;font:500 10px Barlow Condensed}.briefing{border-top:1px solid #64705470}.briefing-row{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:20px 0;display:grid}.briefing-row>div{border-left:1px solid var(--line);padding-left:26px}.briefing-row>div:first-child{border:0;padding-left:0}.briefing-row small{margin-bottom:10px;font-size:10px;display:block}.briefing-row strong{font-size:15px;font-weight:500}.loadout-title{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.loadout-title h3{font-size:14px;font-weight:500}.loadout-title span{color:var(--muted);font-size:10px}.role-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.role{text-align:left;border:1px solid var(--line);background:#203027;min-height:125px;padding:19px 18px;position:relative}.role.selected{background:#2c3b2d;border-color:#c1b47b}.role small{letter-spacing:1.7px;color:#b4c0a9;font:500 11px Barlow Condensed;display:block}.role b{margin:6px 0 8px;font-size:19px;font-weight:600;display:block}.role>span:last-child{color:#aab8a2;font-size:10px}.role-symbol{color:#b6b887;font-size:28px;position:absolute;top:15px;right:18px}.equipment{grid-template-columns:230px 1fr;gap:30px;margin-top:26px;display:grid}.appearance{grid-template-columns:1fr 60px;gap:12px;display:grid}.appearance label{color:var(--muted);font-size:10px}label select,label input:not([type=checkbox],[type=range]){margin-top:8px;display:block}input,select{color:#e6e6d6;background:#26372c;border:1px solid #64715770;border-radius:0;max-width:100%;padding:10px;font-size:12px}input[type=color]{width:100%;height:38px;padding:5px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}input[type=range]{accent-color:var(--accent);width:100%}.appearance select{width:100%}.character-stats{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;gap:17px;padding-top:15px;font-size:9px;display:flex}.character-stats b{color:#dddcc9;margin-top:5px;font-size:14px;font-weight:500;display:block}.weight-label{justify-content:space-between;font-size:12px;display:flex}.weight-label b{font-weight:500}.weight-label span{color:var(--accent);font-family:Barlow Condensed;font-size:18px}.weight-track{background:#48553d;height:3px;margin:10px 0 15px}.weight-track i{height:100%;display:block}.weapon-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.weapon{border:1px solid var(--line);cursor:pointer;background:#22332a;align-items:center;gap:5px;padding:8px;font-size:10px;display:flex}.weapon small{margin-left:auto;font:12px Barlow Condensed}.weapon.selected{border-color:#acb18190}.weapon input{width:11px;margin:0 3px 0 0}.grenades{align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.grenades input{width:57px;padding:6px;margin:0!important;display:inline!important}.grenades span{color:var(--muted);font-size:10px}.custom-attributes{background:#22332a;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px;padding:20px;font-size:11px;display:grid}.custom-attributes>b{grid-column:1/-1}.custom-attributes label{grid-template-columns:1fr 3fr 16px;align-items:center;gap:7px;display:grid}.rooms{border-top:1px solid var(--line);margin-top:40px}.room-list{border-top:1px solid var(--line)}.empty-rooms{background:#203027;align-items:center;gap:20px;padding:25px 20px;display:flex}.empty-rooms>span{color:var(--accent);font-size:30px}.empty-rooms b{font-size:13px;font-weight:500}.empty-rooms p{color:var(--muted);margin:5px 0 0;font-size:11px}.room-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:20px;font-size:12px;display:flex}.room-row small{margin-top:7px;display:block}.room-row>span:last-child{gap:35px;display:flex}.room-row>span:last-child b{color:var(--accent)}#join-form{align-items:center;gap:15px;margin-top:20px;font-size:11px;display:flex}#join-form input{width:200px}footer{border-top:1px solid var(--line);color:#8d9d87;letter-spacing:1px;justify-content:space-between;margin-top:55px;padding:25px 0 35px;font-size:9px;display:flex}.danger{color:var(--red)!important}dialog{color:#e9e5d4;background:#1d2c24;border:1px solid #9d9c7190;width:100%;max-width:min(720px,90vw);max-height:90vh;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1512ce}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dialog-top h2{margin:0;font-size:22px}.close{color:var(--muted);font-size:28px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid label{color:#b8c4ad;font-size:11px}.form-grid select,.form-grid input{width:100%}.checks{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;font-size:12px;display:grid}dialog p{font-size:12px}dialog .primary{width:100%;margin-top:10px}.check{margin-top:20px;font-size:12px;display:block}.key-settings{grid-template-columns:repeat(3,1fr);margin-top:25px}.document-page{max-width:1100px;margin:65px auto;padding:0 35px}.document-page h1{letter-spacing:.04em;font-size:42px}.document-page>p{color:var(--muted);font-size:13px}.rating-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0 60px;display:grid}.rating-grid>div{border-block:1px solid var(--line);padding:25px 10px}.rating-grid b{margin:12px 0;font:600 60px Barlow Condensed;display:block}.rating-grid span{color:var(--muted);font-size:12px}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:17px 10px}th{color:var(--muted);font-size:11px}.guide-grid{grid-template-columns:1fr 1fr;gap:35px;margin:40px 0;display:grid}.guide-grid article{border-top:1px solid var(--line);padding-top:22px}.guide-grid article>span{color:var(--accent);font:600 36px Barlow Condensed}.guide-grid h2{margin-top:18px;font-size:20px}.guide-grid p{color:var(--muted);font-size:13px}.arena-page{max-width:1500px;margin:auto;padding:18px 25px}.arena-page+.topbar{height:65px}.battle-top{grid-template-columns:1fr 230px 1fr;align-items:center;gap:50px;max-width:1000px;margin:auto auto 17px;display:grid}.base-status{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.base-status small{letter-spacing:2px;font-size:11px}.base-status b{color:var(--green);font:500 21px Barlow Condensed}.base-status.enemy b{color:var(--red)}.bar{background:#52634755;grid-column:1/-1;height:5px}.bar i{background:var(--green);width:100%;height:100%;transition:width .1s;display:block}.enemy .bar i{background:var(--red)}.battle-clock{text-align:center}.battle-clock span,.battle-clock small{letter-spacing:2px;color:var(--accent);font-size:10px;display:block}.battle-clock strong{letter-spacing:3px;font:600 38px/1.2 Barlow Condensed;display:block}.battle-clock small{letter-spacing:2px;color:var(--muted);font:11px Barlow Condensed}.battle-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.tactical-panel{border:1px solid var(--line);scrollbar-width:thin;background:#1e2d25;min-height:500px;max-height:calc(100vh - 295px);padding:17px;font-size:11px;overflow:auto}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px;display:flex}.panel-title span{font-size:13px;font-weight:600}.panel-title small{color:var(--accent)}#phase-panel p{color:var(--muted);font-size:10px}#phase-panel .primary,#phase-panel .secondary{width:100%;margin-top:12px;padding:11px 8px;font-size:11px}.placement-tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.placement-tools button{text-align:left;background:#2c3b2e;border:1px solid #75806440;padding:9px 6px;font-size:10px}.placement-tools small{color:var(--accent);margin-top:5px;font-size:10px;display:block}.placement-tools button.selected{border-color:var(--accent)}.selection-actions{gap:12px;margin-top:10px;display:flex}.selection-actions button{border-bottom:1px solid var(--accent);padding:6px;font-size:10px}.minimap-wrap{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:20px;padding-top:20px;display:flex}.minimap-wrap canvas{border:1px solid #75806560;width:76px;height:133px}.minimap-wrap b{font-size:10px;line-height:1.7;display:block}.minimap-wrap span{color:var(--accent);margin-top:10px;font-size:9px;display:block}#roster h4{justify-content:space-between;margin:20px 0 12px;font-size:11px;font-weight:500;display:flex}.roster-row{border-bottom:1px solid #47533d55;align-items:center;gap:6px;padding:7px 0;font-size:9px;display:flex}.roster-row i{background:var(--green);border-radius:50%;width:5px;height:5px}.roster-row i.dead{background:var(--red)}.roster-row span{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.roster-row small{margin-left:auto;font-size:8px}.roster-row button{color:var(--accent);font-size:9px}.battle-stage{background:#101d16;border:1px solid #7b84624d;min-width:0;height:calc(100vh - 295px);min-height:500px;position:relative;overflow:hidden}#canvas{position:absolute;inset:0}#canvas canvas{cursor:crosshair;max-width:100%;max-height:100%}.stage-notice{color:#e4d4a3;white-space:nowrap;pointer-events:none;background:#19271de8;border:1px solid #bdac6755;padding:14px 25px;font-size:12px;display:none;position:absolute;top:24px;left:50%;transform:translate(-50%)}.stage-notice.shown{display:block}.stage-notice:has(+*){cursor:pointer}#connection-status{text-align:center;color:var(--accent);font-size:13px;position:absolute;top:80px;left:0;right:0}#tutorial-hint:not(:empty){border-left:3px solid var(--accent);pointer-events:none;background:#1a2c22e8;padding:12px 17px;font-size:11px;line-height:1.8;position:absolute;bottom:20px;left:20px;right:20px}#tutorial-hint b{color:var(--accent);display:block}.destruction-guide{border-top:1px solid var(--line);color:#babfad;margin:18px 0 0;padding-top:12px;font-size:10px;line-height:1.8}.destruction-guide b{color:#e8cd90;display:block}#destruction-target{color:#f0e9d3;pointer-events:none;background:#13231eef;border:1px solid #e8cd9070;border-left:3px solid #e8cd90;width:min(280px,40%);padding:12px 14px;font-size:12px;line-height:1.6;position:absolute;top:115px;right:16px}#destruction-target[data-tone=enemy]{border-color:#f49b7f90}#destruction-target[data-tone=ally]{border-color:#a9d9b590}#destruction-target strong,#destruction-target span{display:block}#destruction-target span{font-variant-numeric:tabular-nums;margin:4px 0}#destruction-target p{color:#c5cabb;margin:8px 0 0;font-size:11px}#destruction-target .bar i{background:#e8cd90}#destruction-target[data-tone=enemy] .bar i{background:#f49b7f}#destruction-target[data-tone=ally] .bar i{background:#a9d9b5}.soldier-hud{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding:17px 0;display:flex}.vitals{flex-shrink:0;grid-template-columns:1fr auto;gap:7px;width:210px;display:grid}.vitals>span{align-self:center;font-size:10px}.vitals strong{font:600 24px Barlow Condensed}.vitals small{color:var(--muted);grid-column:1/-1;font-size:9px}#weapon-hud{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}#weapon-hud button{text-align:left;border:1px solid #73795950;min-width:112px;padding:8px 12px 8px 29px;position:relative}#weapon-hud button.selected{border-color:var(--accent);background:#2d3b2c}#weapon-hud kbd{position:absolute;top:10px;left:8px}#weapon-hud b{font-size:10px;font-weight:500;display:block}#weapon-hud small{color:var(--accent);margin-top:5px;font:16px Barlow Condensed;display:block}.grenade-count{color:var(--muted);margin-left:15px;font-size:10px}.morale{grid-template-columns:1fr auto;gap:0 10px;display:grid}.morale small{align-self:center;font-size:9px}.morale strong{color:var(--accent);font:600 30px Barlow Condensed}.morale span{text-align:right;color:var(--muted);grid-column:1/-1;font:12px Barlow Condensed}.controls-line{color:#8fa28c;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.controls-line span{line-height:2}kbd{color:#c9ccb3;white-space:nowrap;border:1px solid #78816560;padding:2px 4px;font:9px monospace}.orders{gap:4px;margin-bottom:20px;display:flex}.orders button{border:1px solid var(--line);background:#30412f;flex:1;padding:9px 5px;font-size:9px}.techniques{gap:6px;display:grid}.techniques button{border:1px solid #75806540;justify-content:space-between;padding:10px 7px;font-size:10px;display:flex}.techniques small{font-size:8px}#phase-panel h4{font-size:11px}#phase-panel h4 small{margin-top:8px;font-size:8px;display:block}.invite button{border:1px solid var(--line);letter-spacing:2px;width:100%;color:var(--accent);margin-top:9px;padding:10px;font:22px monospace;display:block}.result-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1713d9;place-items:center;padding:30px;display:grid;position:fixed;inset:0;overflow:auto}.result{text-align:center;background:#203026;border:1px solid #b5ae7380;width:560px;max-width:100%;padding:40px 50px}.result h2{letter-spacing:4px;color:var(--accent);margin:25px 0 18px;font:700 68px/.95 Barlow Condensed}.result p{font-size:12px}.result-score{justify-content:center;gap:35px;margin:20px;font:600 50px Barlow Condensed;display:flex}.result-score span{color:var(--muted);align-self:center;font-size:30px}.round-results>div{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 0;font-size:11px;display:flex}.round-results small{text-align:right;width:100%;font-size:10px}.round-results b{letter-spacing:1px;font:12px Barlow Condensed}.result-stats{justify-content:space-around;margin:20px 0 28px;display:flex}.result-stats span{color:var(--muted);font-size:10px}.result-stats b{color:#e4e1c7;margin-bottom:6px;font:36px Barlow Condensed;display:block}.result .primary{width:100%}#toast{color:#243022;opacity:0;pointer-events:none;z-index:300;background:#e1d3a7;max-width:85vw;padding:15px 25px;font-size:12px;transition:all .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 40px #0004}#toast.visible{opacity:1;transform:translate(-50%)}.loading{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-brand{letter-spacing:7px;color:var(--accent);font:700 64px Barlow Condensed}.loading p{color:var(--muted);font-size:12px}.busy .primary{opacity:.6;cursor:wait}@media (min-width:1600px){.battle-stage,.tactical-panel{height:790px;max-height:790px}}@media (max-width:1000px){.topbar{height:75px;padding:0 25px}.topbar nav{gap:15px}.identity{font-size:10px}.hero{min-height:570px}.hero h1{font-size:36px}.hero-actions{flex-wrap:wrap}.primary.large{min-width:200px}.map-caption{flex-wrap:wrap}.mission-meta{gap:9px;font-size:9px}.mission-meta span+span{padding-left:9px}.equipment{grid-template-columns:185px 1fr;gap:20px}.weapon-grid{grid-template-columns:repeat(3,1fr)}.role{padding:14px 12px}.role-symbol{font-size:20px;right:12px}.role>span:last-child{font-size:9px}.battle-layout{grid-template-columns:190px 1fr}.tactical-panel{padding:12px}.soldier-hud{gap:15px}.vitals{width:180px}#weapon-hud button{min-width:100px}.battle-top{gap:30px}.controls-line{font-size:8px}}@media (max-width:720px){.topbar nav{display:none}.home{padding:0 6%}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:35px 0}.hero h1{font-size:43px}.operation-map{max-height:380px;margin-bottom:45px;overflow:hidden}.operation-map svg{max-height:290px}.briefing-row{grid-template-columns:1fr 1fr;gap:22px}.briefing-row>div:nth-child(3){border:0;padding-left:0}.role-grid{grid-template-columns:1fr 1fr}.equipment{grid-template-columns:1fr}.appearance{grid-template-columns:1fr 80px}.weapon-grid{grid-template-columns:repeat(3,1fr)}.custom-attributes{grid-template-columns:1fr 1fr}.grenades span{font-size:9px}footer{flex-direction:column;gap:15px}.battle-layout{grid-template-columns:145px minmax(0,1fr);gap:8px}.arena-page{padding:12px 8px}.battle-top{grid-template-columns:1fr 150px 1fr;gap:15px}.tactical-panel{padding:8px}.minimap-wrap{display:none}.soldier-hud{flex-wrap:wrap}.battle-stage{min-height:470px}.stage-notice{white-space:normal;width:90%;padding:10px;font-size:10px}.guide-grid{grid-template-columns:1fr}.document-page h1{font-size:30px}.form-grid{gap:15px}.rating-grid{gap:10px}.rating-grid span{font-size:10px}.identity>span:not(.online-dot){max-width:80px;overflow:hidden}.result{padding:30px}.controls-line{display:none}}.stage-notice.shown{pointer-events:auto}.identity .display-button{color:#eee3bf;white-space:nowrap;background:#26392e;border:1px solid #7b846280;margin-left:0;padding:8px 12px;font-size:11px}.display-button[aria-pressed=true]{border-color:#d1b974}.display-button:disabled{opacity:.45;cursor:default}#mouse-capture-hint{color:#e5d8ae;white-space:nowrap;pointer-events:none;background:#14251ee8;padding:5px 10px;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.game-fullscreen:has(.arena-page){overflow:hidden}.game-fullscreen:has(.arena-page) .topbar{height:56px;padding:0 24px}.game-fullscreen .arena-page{box-sizing:border-box;flex-direction:column;height:calc(100dvh - 56px);padding:8px 18px;display:flex}.game-fullscreen .battle-top{flex-shrink:0;padding:8px 0 12px}.game-fullscreen .battle-layout{flex:1;min-height:0}.game-fullscreen .battle-layout .battle-stage,.game-fullscreen .battle-layout .tactical-panel{height:100%;min-height:0;max-height:100%}.game-fullscreen .soldier-hud{flex-shrink:0;padding:9px 0}.game-fullscreen .controls-line{flex-shrink:0}.battle-stage{height:calc(100vh - 335px)}.tactical-panel{max-height:calc(100vh - 335px)}#home-deployment-plan{background:#202e25;border:1px solid #a89b5a66;grid-template-columns:2fr 1fr;align-items:center;gap:30px;margin-top:28px;padding:22px 26px;display:grid}#home-deployment-plan h3{margin:8px 0;font-size:21px}#home-deployment-plan h3 span{color:#bca76b;padding:0 12px;font-size:13px}#home-deployment-plan p{color:#a9b8a8;margin:0;font-size:12px;line-height:1.8}.arena-page.is-lobby>.battle-top,.arena-page.is-lobby>.battle-layout,.arena-page.is-lobby>.soldier-hud,.arena-page.is-lobby>.controls-line{display:none}.arena-page.is-lobby{max-width:1500px;margin:auto;padding:28px 36px}.deployment-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.deployment-title h1{margin:5px 0;font-size:34px}.deployment-title p{color:#b7c2b0;margin:5px 0;font-size:13px}.deployment-title .eyebrow{color:#c7af70;font-size:10px}.deployment-steps{color:#829382;gap:18px;font-size:12px;display:flex}.deployment-steps b{color:#e4d6a5}.deployment-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:22px;display:grid}.deployment-layout>aside{gap:18px;display:grid}.deployment-kicker{letter-spacing:.09em;color:#b6bf9e;font-size:10px;display:block}.personal-card,.commander-settings{background:#202f26;border:1px solid #687a515e;min-width:0;padding:22px}.personal-heading{align-items:center;gap:14px;margin:18px 0 8px;display:flex}.member-emblem{color:#d4c794;background:#324b3b;border:1px solid #88956b88;flex-shrink:0;place-items:center;width:60px;height:72px;font-size:38px;display:grid}.personal-heading h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:19px}.personal-heading h2 small{color:#a9cbb2;font-size:10px;display:inline-block}.personal-heading p,.personal-role{color:#b6c1ae;margin:0;font-size:12px;line-height:1.7}.personal-stats{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.personal-stats dt{color:#9aa88f;font-size:10px}.personal-stats dd{color:#eee6c9;margin:5px 0 0;font-size:17px;font-weight:700}.personal-equipment{border-top:1px solid #6c80524d;margin-bottom:18px;padding-top:15px}.personal-equipment small{color:#a6b296;font-size:10px}.personal-equipment p{margin:6px 0;font-size:12px;line-height:1.8}.personal-card>button,.commander-settings>button{width:100%;padding:12px 6px;font-size:12px}.commander-settings h3{margin:8px 0 12px;font-size:18px}.commander-settings p{color:#bac5b1;font-size:12px;line-height:1.8}.commander-settings button[aria-pressed=true]{color:#e5d6a1;border-color:#c4b176}.deployment-teams{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.team-card{background:#1c2b23;border:1px solid #77997688;min-width:0}.team-card.team-enemy{border-color:#a8796488}.team-card>header{border-top:3px solid #93b990;justify-content:space-between;align-items:center;gap:12px;padding:20px 18px 12px;display:flex}.team-card.team-enemy>header{border-top-color:#ca9277}.team-card h3{margin:8px 0 0;font-size:25px}.team-card h3 small{color:#afbea6;font-size:12px;font-weight:400}.team-capacity{color:#d5cdae;text-align:right;flex-shrink:0;font-size:20px}.team-capacity small{color:#a6b89b;margin-top:4px;font-size:9px;font-weight:400;display:block}.team-composition{color:#aabca3;min-height:34px;margin:0;padding:0 18px 16px;font-size:11px;line-height:1.7}.leader-summary{background:#344334;border:1px solid #a39d6855;margin:0 14px 10px;padding:12px}.leader-summary>span{color:#c3c8a9;justify-content:space-between;gap:8px;font-size:10px;display:flex}.leader-summary small{color:#e4c888}.leader-summary strong{overflow-wrap:anywhere;color:#f0e3b8;margin-top:8px;font-size:14px;display:block}.member-row{border-top:1px solid #75876933;align-items:center;gap:10px;min-height:96px;padding:14px 12px;display:flex}.member-row.is-self{background:#3d5f353d;box-shadow:inset 3px 0 #a5c592}.member-slot{color:#859779;align-self:flex-start;padding-top:3px;font:11px monospace}.member-details{flex:1;min-width:0}.member-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-name strong{overflow-wrap:anywhere;font-size:13px}.member-name>small{color:#b4bd9b;font-size:9px}.self-badge,.leader-badge{color:#dce7c4;background:#536c4488;padding:2px 5px;font-size:9px;font-weight:400}.leader-badge{color:#ffe8a9;background:#8d764077}.member-details p{color:#b2bca9;margin:5px 0;font-size:11px;line-height:1.6}.member-state{color:#bcd3b2;margin-left:4px;font-size:10px}.member-equipment{color:#95a78b;font-size:10px;line-height:1.6;display:block}.candidate-status{color:#c3b987;margin-top:6px;font-size:9px}.vote-button{color:#d7dfc1;border:1px solid #778c5e99;max-width:74px;padding:7px 9px;font-size:10px}.vote-button[aria-pressed=true]{color:#f1d993;background:#5a503655;border-color:#c2a966}.pending-member{background:#16251d;border-top-style:dashed}.pending-member .member-name strong{color:#a6b39b}.team-card>footer{color:#a5b698;border-top:1px solid #72856355;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:14px;font-size:10px;display:flex}.team-card button:disabled{opacity:.45;cursor:default}.deployment-launch{background:#303c29;border:1px solid #b29e6080;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:20px;display:flex}.deployment-launch b{font-size:12px}.deployment-launch p{color:#b8c0a5;margin:7px 0 0;font-size:11px;line-height:1.7}.deployment-launch>button{padding:15px 18px;font-size:13px}.deployment-invite{border-top:1px solid #66795366;align-items:center;gap:18px;margin-top:22px;padding:18px 0;display:flex}.deployment-invite>div{flex:1}.deployment-invite b{font-size:12px;display:block}.deployment-invite span{color:#a6b19b;margin-top:6px;font-size:11px;display:block}#team-briefing:not([hidden]){border-bottom:1px solid #687b5155;flex-shrink:0;align-items:center;gap:12px;padding:6px 0 10px;display:flex}#team-briefing>div{flex:1}#team-briefing b{font-size:12px;display:block}#team-briefing span{color:#abb99f;margin-top:5px;font-size:10px;display:block}.compact-commander{color:#b8c3a3;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.loadout-dialog,.team-dialog{width:min(1120px,94vw);max-width:min(1120px,94vw);max-height:90dvh;overflow-y:auto}.loadout-dialog .role-grid{gap:10px}.loadout-dialog .role{min-height:135px;padding:15px}.loadout-dialog #save-room-loadout{margin-top:24px}.team-dialog .personal-card{margin-bottom:18px}.team-dialog .personal-stats{grid-template-columns:repeat(3,1fr)}.team-dialog .personal-heading{margin:12px 0}.game-fullscreen:has(.arena-page.is-lobby){overflow:auto}.game-fullscreen .arena-page.is-lobby{height:auto;padding:24px;display:block}html:not(.game-fullscreen) .arena-page:not(.is-lobby) .battle-stage{height:calc(100vh - 390px)}html:not(.game-fullscreen) .arena-page:not(.is-lobby) .tactical-panel{max-height:calc(100vh - 390px)}@media (max-width:1150px){.deployment-layout{grid-template-columns:260px minmax(0,1fr);gap:15px}.deployment-teams{gap:12px}.personal-card,.commander-settings{padding:16px}.member-row{flex-wrap:wrap}.vote-button{max-width:none;margin-left:26px}.team-card h3{font-size:22px}}@media (max-width:850px){.arena-page.is-lobby{padding:20px 14px}.deployment-layout{grid-template-columns:1fr}.deployment-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.deployment-steps{display:none}#home-deployment-plan{grid-template-columns:1fr;gap:12px}#team-briefing:not([hidden]){flex-wrap:wrap}}@media (max-width:560px){.deployment-teams,.deployment-layout>aside{grid-template-columns:1fr}.deployment-invite{flex-wrap:wrap}.deployment-invite>div{flex-basis:100%}}@media (max-width:720px){.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:92px;padding:12px 14px}.topbar .identity{justify-content:flex-end;width:100%}}.loadout-title{gap:20px;margin:40px 0 24px}.loadout-title h3{margin:8px 0 0;font-size:25px;font-weight:700}.character-picker{grid-template-columns:186px minmax(250px,1fr) minmax(240px,.8fr);align-items:start;gap:22px;display:grid}.character-step{letter-spacing:.12em;color:var(--character-accent,#bdcaa5);margin:0 0 16px;font-size:10px;font-weight:700}.character-portrait{aspect-ratio:1;background:#efe5ce;display:block;position:relative;overflow:hidden}.character-portrait img{width:200%;max-width:none;height:200%;left:calc(-1 * var(--portrait-x));top:calc(-1 * var(--portrait-y));object-fit:fill;-webkit-user-select:none;user-select:none;display:block;position:absolute}.character-picker .role-grid{grid-template-columns:1fr;gap:10px}.character-picker .role{border-color:#566751;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:99px;padding:7px 7px 7px 0;transition:border-color .15s,transform .15s,background .15s;display:grid}.character-picker .role:hover{background:#324330;transform:translate(3px)}.character-picker .role.selected{border-color:var(--character-accent);box-shadow:inset 3px 0 var(--character-accent);background:#344632}.character-picker .role-portrait{width:78px;height:78px;margin-left:4px}.character-picker .role-copy{min-width:0}.character-picker .role-copy small{letter-spacing:.07em;font-size:9px}.character-picker .role-copy b{margin:6px 0;font-size:17px}.character-picker .role-copy>span{color:#c2c9b6;font-size:9px;line-height:1.5;display:block}.character-picker .role .role-check{color:var(--character-accent);font-size:10px;position:absolute;top:5px;right:6px}.character-showcase{min-width:0}.portrait-stage{background:#efe5ce;border:1px solid #d4c59d;padding:32px 8px 38px;position:relative;overflow:hidden;box-shadow:0 14px 24px #09110c33}.portrait-label{z-index:2;color:#4d563d;letter-spacing:.14em;font-size:9px;font-weight:700;position:absolute;top:14px;left:18px}.portrait-number{color:#687750;opacity:.65;font:700 29px Barlow Condensed,sans-serif;position:absolute;top:5px;right:15px}.hero-portrait{width:100%;animation:.23s ease-out portrait-entrance}.portrait-stamp{color:#43503b;letter-spacing:.16em;border-bottom:2px solid #9a8b61;padding-bottom:3px;font-size:14px;font-weight:800;position:absolute;bottom:13px;right:17px}.appearance-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:12px;display:grid}.appearance-options button{color:#cbd1c1;background:#26362b;border:1px solid #5b6b50;min-height:44px;padding:11px 3px;font-size:10px}.appearance-options button:hover{border-color:var(--character-accent)}.appearance-options button.selected{background:var(--character-accent);border-color:var(--character-accent);color:#17261e;font-weight:800}.appearance-note{color:#a8b59c;text-align:center;margin:11px 0 0;font-size:9px}.character-profile{min-width:0;padding:8px 0 0}.character-profile .character-step{margin-bottom:10px}.character-profile h3{color:#f1ead7;margin:0;font-size:clamp(32px,3vw,46px);font-weight:800;line-height:1.15}.character-profile h4{color:var(--character-accent);margin:16px 0 0;font-size:15px;line-height:1.6}.character-profile blockquote{border-left:3px solid var(--character-accent);color:#e3dec9;background:#31402e;margin:16px 0;padding:12px 10px;font-size:11px;line-height:1.8}.character-traits{flex-wrap:wrap;gap:5px;display:flex}.character-traits span{color:var(--character-accent);border:1px solid #6a795355;padding:5px 7px;font-size:9px}.character-tactic{color:#d5dcc7;margin:17px 0 10px;font-size:12px;line-height:1.85}.character-caution{color:#a4b29b;margin:0 0 16px;font-size:10px;line-height:1.8}.character-meters{border-top:1px solid #5c6d4555;gap:12px;margin:0;padding-top:17px;display:grid}.character-meters>div{grid-template-columns:1fr auto;gap:6px;display:grid}.character-meters dt{color:#b5c2a7;font-size:10px}.character-meters dd{margin:0;font:700 21px/1 Barlow Condensed,sans-serif}.character-meters dd small{color:#b5c2a7;margin-left:4px;font:10px sans-serif}.character-meter{background:#3c4b35;grid-column:1/-1;height:4px;display:block}.character-meter i{background:var(--character-accent);height:100%;display:block}.character-live-weight{color:#d3d8bf;margin:15px 0 0;font-size:11px}.character-live-weight span{color:#8f9e83;margin-top:4px;font-size:9px;display:block}.equipment{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.equipment-intro{grid-column:1/-1}.equipment-intro h4{color:#e5e4d2;margin:8px 0;font-size:16px}.avatar-color-control{grid-column:1/-1}.avatar-color-control input{max-width:160px}.personal-portrait{border:1px solid #c5b88c;width:140px;margin:20px auto 0}.loadout-dialog .character-picker{grid-template-columns:170px minmax(200px,1fr) minmax(210px,.85fr);gap:17px}.loadout-dialog .character-picker .role{min-height:99px;padding:7px 5px 7px 0}.loadout-dialog .loadout-title{margin-top:12px}.loadout-dialog .loadout-title h3{font-size:22px}@keyframes portrait-entrance{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.character-picker,.loadout-dialog .character-picker{grid-template-columns:minmax(240px,1fr) minmax(220px,.9fr)}.character-roster{grid-column:1/-1}.character-picker .role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-picker .role{grid-template-columns:54px minmax(0,1fr);gap:7px}.character-picker .role-portrait{width:54px;height:54px}.character-picker .role-copy b{font-size:16px}.character-roster .character-step{margin-bottom:11px}.character-picker .role:hover{transform:translateY(-2px)}}@media (max-width:720px){.character-picker,.loadout-dialog .character-picker{grid-template-columns:minmax(0,1fr);gap:22px}.character-picker .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-picker .role,.loadout-dialog .character-picker .role{min-height:85px}.character-picker .role-copy b{font-size:17px}.character-picker .role-copy>span{font-size:9px}.character-showcase{width:100%;max-width:440px;margin:auto}.character-profile{padding-top:0}.character-profile h3{font-size:34px}.character-profile h4{margin-top:10px}.character-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-meters dt{grid-column:1/-1}.character-meters dd{grid-row:2}.loadout-title{display:block}.loadout-title>span{margin-top:10px;display:block}.loadout-title h3,.loadout-dialog .loadout-title h3{font-size:21px}.character-tactic{font-size:13px}.personal-portrait{width:130px}}@media (prefers-reduced-motion:reduce){.hero-portrait{animation:none}.character-picker .role{transition:none}}.character-allocation{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.character-allocation>p{justify-content:space-between;gap:12px;margin:0 0 12px;font-size:11px;display:flex}.character-allocation strong{color:var(--character-accent)}.character-allocation dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;display:grid}.character-allocation dl>div{grid-template-columns:1fr 30px;gap:8px;display:grid}.character-allocation dt,.character-allocation dd{margin:0;font-size:10px}.character-allocation dt{color:#b8c4ac}.character-allocation dd{text-align:right;padding-bottom:5px;position:relative}.character-allocation i{background:var(--character-accent);height:2px;position:absolute;bottom:0;right:0}.character-allocation>small{margin-top:12px;font-size:9px;line-height:1.7;display:block}.custom-attributes>p{color:#b4c2a8;grid-column:1/-1;margin:0;font-size:11px}.custom-attributes>b span{color:#d9c180;margin-left:12px}.leave-button{color:#edc1a8;background:#443831;border:1px solid #be8e7680;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;font-size:12px;display:inline-flex}.topbar .identity #header-leave{margin:0;padding:8px 12px;font-size:11px}.dialog-actions{border-top:1px solid var(--line);z-index:5;background:#1d2c24;justify-content:flex-end;gap:12px;margin-top:22px;padding:16px 0;display:flex;position:sticky;bottom:-30px}.dialog-actions>button,.loadout-dialog #save-room-loadout{flex:1;width:auto;margin:0}#team-briefing:not([hidden]){flex-wrap:wrap}#team-briefing>.preparation-actions{background:#2c3c2c;border:1px solid #bdac6766;flex:1 0 100%;align-items:center;gap:12px;padding:14px 16px;display:flex}.preparation-actions>div{flex:1;min-width:0}.preparation-actions #ready{min-width:190px;min-height:44px}.preparation-actions #ready[aria-pressed=true]{color:#f1dba1;border-color:#dec886}@media (max-width:850px){#team-briefing>.preparation-actions{flex-wrap:wrap}.preparation-actions>div{flex-basis:100%}.preparation-actions>button{flex:1}}@media (max-width:480px){.topbar .identity{flex-wrap:wrap;gap:7px}.dialog-actions{gap:8px}.dialog-actions>button{padding:12px 8px;font-size:11px}}#team-chat-host{z-index:90;flex:none;margin-bottom:12px;position:sticky;top:0}.chat-toggle{color:#f2efdf;text-align:left;background:#23372e;border:1px solid #72896c;border-radius:6px;align-items:center;gap:12px;width:100%;padding:11px 16px;display:flex}.chat-toggle strong{white-space:nowrap;font-size:13px}.chat-scope{color:#b8d3a7;white-space:nowrap;font-size:11px}#chat-preview{text-overflow:ellipsis;white-space:nowrap;color:#bbc6b5;flex:1;min-width:0;font-size:12px;overflow:hidden}#chat-unread{color:#223226;white-space:nowrap;background:#ebd477;border-radius:12px;padding:2px 6px;font-size:11px}.chat-toggle kbd{margin-left:auto}.chat-drawer{background:#192c25;border:1px solid #84916d;border-radius:8px;flex-direction:column;width:min(430px,100%);max-height:min(590px,100dvh - 165px);display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 16px 50px #0008}.chat-drawer[hidden],#chat-unread[hidden],#chat-latest[hidden]{display:none}.chat-heading{border-bottom:1px solid #74816255;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.chat-heading b{font-size:14px}.chat-heading small{color:#b3c3a6;margin-top:4px;font-size:11px;display:block}#chat-close{color:#d5dccb;white-space:nowrap;background:0 0;border:0;padding:5px;font-size:12px}.chat-log{overscroll-behavior:contain;flex:auto;height:235px;min-height:90px;padding:12px 16px;overflow-y:auto}.chat-empty{color:#adbaa7;padding:25px 5px;font-size:12px;line-height:1.9}.chat-message{overflow-wrap:anywhere;background:#ffffff09;border-left:2px solid #61765d;border-radius:5px;margin:0 0 13px;padding:10px 12px}.chat-message.is-self{background:#a7c78f10;border-left-color:#bdd482}.chat-message>div{flex-wrap:wrap;justify-content:space-between;gap:4px;display:flex}.chat-message b{color:#e0e8cd;font-size:12px}.chat-message small{color:#a2b49d;font-size:10px}.chat-message p{white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.7}#chat-form{border-top:1px solid #74816255;padding:12px 16px}#chat-form label{color:#c7d1bd;font-size:11px}#chat-input{resize:vertical;box-sizing:border-box;color:#f0f1dc;width:100%;min-height:60px;max-height:120px;font:inherit;background:#10231d;border:1px solid #788a6a;border-radius:4px;margin:7px 0;padding:10px;font-size:13px;line-height:1.5;display:block}#chat-input:focus{outline-offset:1px;outline:2px solid #d4c26f}.chat-compose-actions{align-items:center;gap:10px;display:flex}#chat-count{color:#a4b49c;text-align:right;flex:1;font-size:11px}#chat-voice[aria-pressed=true]{color:#ffe2bc;background:#723e2c;border-color:#e4a77d}#chat-status{color:#ebcb8a;margin:9px 0 0;font-size:11px;line-height:1.6}#chat-status:empty{display:none}#chat-help,.chat-privacy{color:#a6b69e;margin:8px 0 0;font-size:10px;line-height:1.7}.chat-privacy summary{cursor:pointer}.chat-privacy p{margin:6px 0 0}@media (max-width:650px){.chat-toggle{gap:7px;padding:10px}#chat-preview{display:none}.chat-drawer{max-height:calc(100dvh - 180px)}}.map-brief{background:#1b3028;border:1px solid #496151;grid-template-columns:110px 1fr;gap:22px;margin-bottom:22px;padding:18px;display:grid}.map-brief svg{width:100%;height:180px;display:block}.map-brief h3{margin:12px 0;font-size:23px}.map-brief small{color:#bfcaad}.map-brief p{color:#d4d6c4;line-height:1.8}.map-brief b{color:#e3c78f;font-size:13px}.techniques button em{color:#c4c5ae;margin-top:4px;font-size:10px;font-style:normal;display:block}.techniques button:disabled{opacity:.5;cursor:default}.techniques .tech-ready{background:#2e4d35;border-color:#a2d58e;box-shadow:inset 3px 0 #c8eba4}.techniques .tech-rally{border-color:#e2bd78}.techniques kbd{color:#eccd8d;background:#16251d;padding:1px 3px;font-size:10px}#technique-status{color:#e3cb98;min-height:28px;font-size:11px}#interaction-hint{pointer-events:none;background:#142820ed;border:1px solid #c9d7a4;border-radius:7px;align-items:center;gap:12px;width:max-content;max-width:85%;padding:12px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0006}#interaction-hint[hidden]{display:none}#interaction-hint kbd{color:#ffe7aa;border:1px solid #718975;border-radius:4px;padding:4px 10px;font-size:22px}#interaction-hint small{color:#c6d1bc;margin-top:4px;display:block}#combat-cue{pointer-events:none;text-align:center;letter-spacing:.12em;text-shadow:0 2px 9px #000;color:#ffe1a0;font-size:23px;font-weight:900;position:absolute;top:22px;left:50%;transform:translate(-50%)}#combat-cue:empty{display:none}@media (max-width:600px){.map-brief{grid-template-columns:75px 1fr;gap:12px}.map-brief h3{font-size:19px}#interaction-hint{padding:8px;font-size:11px}}.battlefields{padding:22px 0 44px}.battlefields>.section-heading>span{color:#b4bc9f;font-size:12px}.map-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.map-option{text-align:left;background:#1c2f26;border:1px solid #405548;border-radius:5px;min-width:0;padding:12px;display:block}.map-option>div{background:#14251e;height:150px;margin-bottom:14px;overflow:hidden}.map-option svg{width:100%;height:100%}.map-option small{color:#bcc4a6;font-size:10px}.map-option b{color:#e6d4aa;margin:8px 0;font-size:16px;display:block}.map-option p{color:#c1c7b2;margin:0;font-size:11px;line-height:1.7}.map-option.selected{background:#2a4030;border-color:#c8da9f;box-shadow:inset 0 -3px #b2c788}.map-option:hover{border-color:#92b48e}@media (max-width:800px){.map-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.map-options{grid-template-columns:repeat(2,minmax(0,1fr))}.map-option>div{height:110px}.battlefields>.section-heading>span{display:none}}:root{--muted:#b2bdad;--line:#70877445}button:disabled{cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}.primary,.secondary,.display-button{border-radius:5px}.primary{box-shadow:0 2px #877443,0 6px 18px #0002}.primary:hover{background:#e9ce93}.hero{gap:4%;min-height:455px}.hero h1{margin:18px 0;font-size:clamp(32px,3.45vw,50px);line-height:1.45}.hero .intro{margin-bottom:18px}.hero .mission-meta{margin-bottom:22px}.operation-map{border:1px solid #a5ae7955;border-radius:9px;height:360px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 55px #0003}.operation-art{object-fit:cover;object-position:65% center;width:100%;height:100%;display:block}.operation-map:after{content:"";pointer-events:none;background:linear-gradient(#0000 20%,#0d211ff2);position:absolute;inset:0}.operation-copy{z-index:1;position:absolute;bottom:88px;left:24px;right:105px}.operation-copy small{color:#f6ddad;margin-bottom:10px;font-size:10px;display:block}.operation-copy b{font-size:23px;line-height:1.5;display:block}.operation-copy span{color:#d7dfd2;margin-top:8px;font-size:12px;display:block}.operation-preview{z-index:1;background:#12271ede;border:1px solid #d8c48c66;width:75px;height:128px;position:absolute;bottom:82px;right:16px}.operation-preview svg{width:100%;height:100%}.operation-map .map-caption{z-index:1;background:#15271ceb;border-top:1px solid #b2be8b40;padding:18px 22px;position:absolute;bottom:0;left:0;right:0}.operation-map .map-caption b{font-size:16px}.briefing-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#192c25f7;border:1px solid #78917460;border-radius:7px;align-items:center;gap:6px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 10px 20px #0a181530}.briefing-nav a{color:#d9e2d2;white-space:nowrap;border-radius:4px;padding:12px 16px;font-size:13px}.briefing-nav a:hover{background:#344733}.briefing-nav button{background:var(--accent);color:#1b2c21;white-space:nowrap;border-radius:4px;min-height:44px;margin-left:auto;padding:10px 22px;font-weight:700}#loadout,#battlefields,#briefing,#operations{scroll-margin-top:88px}.battlefields{padding-top:30px}.map-option{border-radius:8px;padding:13px;transition:background .15s,border-color .15s,transform .15s;position:relative}.map-option>div{background:radial-gradient(#4d5e40,#15271e);border-radius:4px;height:124px}.map-option:hover{transform:translateY(-3px)}.map-option.selected:after{content:"✓ 選択中";color:#233326;background:#e3d59d;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:700;position:absolute;top:18px;right:17px}.map-option small,.map-option p{font-size:12px}.map-option b{font-size:17px}.deployment-title{margin-bottom:20px}.deployment-layout{gap:20px}.personal-card,.team-card,.commander-settings{border-radius:8px;overflow:hidden}.team-card{box-shadow:0 8px 25px #08191120}.team-card header{padding:18px}.member-row{align-items:center;gap:10px;padding:13px 12px;position:relative}.member-row .member-slot{z-index:1;color:#fff8c8;font-size:9px;position:absolute;top:8px;left:12px}.member-portrait{background:#ebe2c0;border:1px solid #d6bb7850;border-radius:4px;width:48px;min-width:48px;height:62px}.member-details{min-width:0}.member-name strong{font-size:13px}.member-row .member-equipment{line-height:1.7}.pending-member{opacity:1;background:linear-gradient(110deg,#263a2c55,#0000)}.member-state{font-size:10px}.deployment-launch{border-radius:7px;box-shadow:0 4px 28px #0004}.interface-icon{flex-shrink:0;width:24px;height:24px}.intel-panel{border:1px solid var(--line);scrollbar-width:thin;background:#1e3027;min-width:0;padding:14px;overflow:auto}.intel-panel .minimap-wrap{border-top:0;border-bottom:1px solid var(--line);gap:12px;margin:0;padding:0 0 12px}.intel-panel .minimap-wrap canvas{width:74px;height:128px}.intel-panel .minimap-wrap b{font-size:12px}.intel-panel .minimap-wrap span{font-size:11px}.intel-panel .compact-commander{margin:12px 0;font-size:11px}.intel-panel #roster h4{margin:12px 0 6px;font-size:13px}.intel-panel .roster-row{gap:8px;padding:9px 0}.intel-panel .roster-row span{flex:1;min-width:0;max-width:none;font-size:12px}.roster-row em{color:#adbda7;margin-top:3px;font-size:10px;font-style:normal;display:block}.intel-panel .roster-row small{color:#d7dfc5;white-space:nowrap;font-size:11px}.field-guide{margin-top:14px;font-size:11px}.field-guide summary{cursor:pointer;color:#d5ceac;padding:12px 0}.field-guide .destruction-guide{border:0;margin:0 0 12px;padding:0}.tactical-panel{border-radius:6px;padding:16px}#phase-panel p{font-size:12px;line-height:1.65}.panel-title{padding-bottom:12px}.panel-title span{font-size:14px}#phase-panel{padding-top:12px}.orders{gap:6px;margin-bottom:18px}.orders button{border-radius:4px;min-height:40px;font-size:12px}.orders button[aria-pressed=true]{color:#f7d89c;background:#41543b;border-color:#d3b87f}#phase-panel h4{margin:16px 0 12px;font-size:14px}#phase-panel h4 small{font-size:11px}.techniques{gap:8px}.techniques button{text-align:left;background:linear-gradient(to right, #56713b36 var(--tech-progress,0%), #11241e22 var(--tech-progress,0%));border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:11px 12px;display:grid}.techniques .tech-name{grid-column:1/-1;align-items:center;gap:7px;min-width:0;display:flex}.tech-name b{font-size:13px;line-height:1.5}.tech-name .interface-icon{color:#d6c086;width:21px;height:21px}.techniques kbd{font-size:11px}.techniques small{color:#b5c4ae;font-size:11px}.techniques button em{text-align:right;margin:0;font-size:11px}.techniques button:disabled{opacity:1;color:#c1cbb9;border-color:#70877440}.techniques button:disabled:hover{filter:none}.techniques button.tech-ready{background:#375339;border-color:#bcd69c}.techniques .tech-ready .tech-name b{color:#f4eed4}.techniques .tech-ready em{color:#dbf4b1}#technique-status{min-height:0;margin:10px 0 0}#technique-status:empty{display:none}.placement-tools button{border-radius:5px;min-height:53px;font-size:12px}.placement-tools small{font-size:11px}.placement-tools .selected{background:#41543a;box-shadow:inset 0 0 0 1px #d7ba7e}.battle-stage{border-radius:7px;box-shadow:0 10px 32px #0003}.soldier-hud{background:#1d3027;border:1px solid #758c6740;border-radius:6px;gap:20px;padding:12px 16px}.vitals strong{font-size:26px}.vitals>span,.vitals small{font-size:11px}#weapon-hud{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}#weapon-hud button{border-radius:4px;flex-shrink:0;grid-template-columns:30px 1fr;column-gap:7px;min-width:120px;padding:9px 12px 9px 32px;display:grid}#weapon-hud .interface-icon{color:#cbd2ae;grid-row:1/3;align-self:center;width:29px;height:29px}#weapon-hud b{white-space:nowrap;font-size:12px}#weapon-hud small{font-size:18px}.grenade-count{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.morale small{font-size:11px}.controls-line,.controls-line kbd{font-size:10px}#destruction-target{border-radius:5px;width:min(250px,43%);top:14px;right:14px}.chat-toggle{min-height:40px;padding:8px 12px}.chat-toggle strong{font-size:12px}@media (min-width:1000px) and (min-height:650px){html:has(.arena-page:not(.is-lobby)){overflow:hidden}body:has(.arena-page) .topbar{gap:20px;height:60px;padding:0 24px}body:has(.arena-page) .wordmark{font-size:25px}body:has(.arena-page) .wordmark small{font-size:8px}body:has(.arena-page) .emblem{width:30px;height:34px;font-size:27px}.arena-page:not(.is-lobby),.game-fullscreen .arena-page:not(.is-lobby){grid-template:"brief chat""score score"58px"battle battle"minmax(0,1fr)"hud hud"78px"controls controls"22px/1fr 1fr;gap:8px;max-width:1780px;height:calc(100dvh - 60px);padding:10px 18px;display:grid}.arena-page:not(.is-lobby) #team-chat-host{grid-area:chat;align-self:start;margin:0;position:relative}.arena-page:not(.is-lobby) #team-briefing{border:0;grid-area:brief;gap:8px;margin:0;padding:0}.arena-page:not(.is-lobby) #team-briefing>div:first-child{min-width:0}.arena-page:not(.is-lobby) #team-briefing b{font-size:12px}.arena-page:not(.is-lobby) #team-briefing span{font-size:10px}.arena-page:not(.is-lobby) #team-briefing .compact{min-height:36px;padding:8px 10px;font-size:10px}.arena-page[data-phase=prep]:not(.is-lobby){grid-template-rows:40px auto 50px minmax(0,1fr) 72px 22px;grid-template-areas:"chat chat""brief brief""score score""battle battle""hud hud""controls controls"}.arena-page:not(.is-lobby) .battle-top{grid-area:score;grid-template-columns:1fr 190px 1fr;gap:36px;width:100%;max-width:none;margin:0;padding:0 12px}.battle-clock strong{font-size:32px;line-height:1.1}.battle-clock span{font-size:11px}.arena-page:not(.is-lobby) .battle-layout{grid-area:battle;grid-template-columns:minmax(245px,1fr) auto minmax(190px,.75fr);gap:12px;min-height:0;display:grid;container-type:size}html:not(.game-fullscreen) .arena-page:not(.is-lobby) .battle-stage,html:not(.game-fullscreen) .arena-page:not(.is-lobby) .tactical-panel,.game-fullscreen .battle-layout .battle-stage,.game-fullscreen .battle-layout .tactical-panel,.arena-page:not(.is-lobby) .intel-panel{height:100%;min-height:0;max-height:100%}.arena-page:not(.is-lobby) .soldier-hud{grid-area:hud;min-width:0;padding:9px 14px}.arena-page:not(.is-lobby) .controls-line{grid-area:controls;min-width:0}.arena-page.is-lobby{padding-bottom:105px}.arena-page.is-lobby .deployment-launch{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2c3d2bf5;margin:0;padding:14px 20px;position:fixed;bottom:15px;left:max(22px,50vw - 725px);right:max(22px,50vw - 725px)}}@media (max-width:999px),(max-height:649px){.battle-layout{grid-template-columns:225px minmax(0,1fr)}.intel-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.intel-panel .field-guide{grid-column:1/-1}}@media (max-width:720px){.hero{min-height:0}.hero h1{font-size:38px}.operation-map{height:300px;margin-bottom:20px}.operation-copy b{font-size:18px}.briefing-nav{gap:0;overflow-x:auto}.briefing-nav a{padding:10px;font-size:11px}.briefing-nav button{padding:8px 12px;font-size:11px}.map-option p{font-size:11px}.map-option.selected:after{top:8px;right:8px}.battle-layout{grid-template-columns:160px minmax(0,1fr)}.techniques button{grid-template-columns:1fr;padding:8px}.techniques button em{text-align:left}.tech-name b{font-size:11px}.tech-name .interface-icon{display:none}.intel-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.map-option:hover{transform:none}}@media (min-width:1000px) and (min-height:650px){.arena-page:not(.is-lobby) .battle-stage{width:min(133.333cqh,100cqw - 459px)}}.tactical-panel{container:tactics/inline-size}#weapon-hud .grenade-count kbd{position:static}.vitals.is-critical strong{color:#ffb399}.vitals.is-critical .bar i{background:#f3987e}dialog.result-v2{width:min(760px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text,#e7e6d9);text-align:left;border:1px solid #a7b18170;border-radius:12px;padding:24px 28px 0;overflow:auto;box-shadow:0 30px 100px #0009}.result-v2::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071710d9}.result-v2 .result-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-v2 .eyebrow{margin:0 0 10px;font-size:11px}.result-v2 h2{letter-spacing:2px;margin:0;font-size:48px}.result-v2 h2:focus{outline:none}.result-v2[data-outcome=loss] h2{color:#f1aa90}.result-v2[data-outcome=draw] h2{color:#c3d6c9}.result-v2 .result-verdict{margin:10px 0 0}.result-match-score{text-align:center;min-width:112px}.result-match-score>*{display:block}.result-match-score span,.result-match-score small{color:#b4c3aa;font-size:10px}.result-match-score b{color:#f2d795;font:600 42px Barlow Condensed}.result-match-score i{color:#99ad98;padding:0 9px;font-style:normal}#result-reason{background:#2e443335;border-left:3px solid #bfc799;padding:10px 12px}.result-personal h3{color:#c0cdb7;margin:0;font-size:12px}.result-v2 .result-stats{text-align:center;background:#152a224d;border-radius:6px;margin:8px 0 18px;padding:10px 0}.result-v2 .result-stats b{margin-bottom:0;font-size:27px}.round-report{border:1px solid #87966a55;border-radius:6px;margin:8px 0;overflow:hidden}.round-report summary{cursor:pointer;background:#2e4234;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:11px 14px;font-size:12px;display:flex}.round-report summary:before{content:"▸";color:#dfc38a}.round-report[open] summary:before{content:"▾"}.round-report summary strong{color:#ead49e;font-variant-numeric:tabular-nums;margin-left:auto}.result-comparison{table-layout:fixed;border-collapse:collapse;width:100%;font-size:12px}.result-comparison caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.result-comparison th,.result-comparison td{border-bottom:1px solid #8ca77620;padding:7px 14px}.result-comparison thead{color:#c0d1b8;background:#142e2433;font-size:11px}.result-comparison small{color:#aabc9f;margin-left:8px;font-size:10px;font-weight:400;display:inline-block}.result-comparison td{font-variant-numeric:tabular-nums}.result-comparison .own-value b{color:#bbdfbf}.result-comparison .enemy-value b{color:#f2b097}.comparison-bar{background:#061c1655;height:3px;margin-top:5px;display:block}.comparison-bar i{background:#accd9e;height:100%;display:block}.enemy-value .comparison-bar i{background:#d89376}.score-total{color:#f1ddb0;font-weight:700}.result-v2 .result-explanation,.result-v2 .result-record-note{color:#b3c2aa;font-size:11px;line-height:1.7}.result-conditions{padding:8px 0;font-size:11px}.result-conditions summary{cursor:pointer}.result-actions{background:#203026fa;border-top:1px solid #93a27a40;flex-wrap:wrap;gap:10px;padding:14px 0;display:flex;position:sticky;bottom:0}.result-v2 .result-actions button{flex:1;width:auto;min-width:180px;min-height:44px}#result-error{color:#f6b49b;width:100%;margin:0}#result-error:empty{display:none}@media (max-width:520px){dialog.result-v2{padding:18px 16px 0}.result-v2 h2{font-size:36px}.result-match-score{min-width:84px}.result-match-score b{font-size:34px}.result-comparison th,.result-comparison td{padding:7px 10px}.result-comparison small{margin:3px 0 0;display:block}.result-v2 .result-actions button{min-width:125px;font-size:11px}}#coordination-panel{background:linear-gradient(135deg,#3b5136,#203529);border:1px solid #a4ba78;border-radius:6px;padding:14px}#coordination-panel[hidden],#cancel-rally[hidden],.techniques[hidden],#technique-help[hidden]{display:none}.coordination-heading{color:#f6dfaa;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}#coordination-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.coordination-steps{gap:5px;margin:16px 0;padding:0;list-style:none;display:flex}.coordination-steps li{text-align:center;color:#bcc9b2;border-bottom:2px solid #899b8050;flex:1;padding:7px 2px;font-size:11px}.coordination-steps [aria-current]{color:#fff1ba;background:#6e865039;border-color:#dec181}.coordination-count{justify-content:space-between;gap:8px;font-size:12px;display:flex}#coordination-seats{letter-spacing:4px;color:#e1d6a2}.coordination-progress{background:#102b22;border-radius:2px;height:4px;margin:10px 0 14px;overflow:hidden}.coordination-progress i{background:#d7c78c;height:100%;display:block}#coordination-detail{color:#e0e9cf;margin:0}#cancel-rally{min-height:38px;margin-top:12px}#coordination-panel[data-stage=active]{border-color:#e3c883;box-shadow:inset 0 0 24px #baba6320}#weapon-hud button{grid-template-rows:15px 20px 13px;align-content:center;min-width:151px;height:60px;padding:5px 9px 5px 28px;position:relative;overflow:hidden}#weapon-hud .interface-icon{grid-row:1/4}#weapon-hud .weapon-state{color:#b6c5ad;white-space:nowrap;grid-column:2;font-size:10px;line-height:13px}#weapon-hud button>b{line-height:15px}#weapon-hud .weapon-ammo{margin:0;line-height:20px}#weapon-hud button[data-state=reloading] .weapon-state{color:#c7e8d0}#weapon-hud button[data-state=low] .weapon-state{color:#f3d993}#weapon-hud button[data-state=empty]{border-color:#d7977f}#weapon-hud button[data-state=empty] .weapon-state{color:#ffbba1}.weapon-reload-bar{width:var(--reload-progress,0%);pointer-events:none;background:#b2ddbc;height:3px;position:absolute;bottom:0;left:0}@container tactics (width>=320px){.techniques{grid-template-columns:1fr 1fr}.techniques button{grid-template-columns:1fr;align-content:start;padding:10px}.techniques button em{text-align:left;min-height:30px;line-height:1.5}.techniques .tech-name{gap:5px}.tech-name .interface-icon{width:18px;height:18px}.tech-name b{font-size:12px}}@media (min-width:1000px) and (min-height:650px){.arena-page[data-phase=prep]:not(.is-lobby){grid-template-rows:40px auto 60px minmax(0,1fr) 72px 22px}.arena-page[data-phase=prep] .preparation-actions{padding:10px 14px}}#audio-toggle{white-space:nowrap;min-width:66px}#audio-toggle[aria-pressed=true]{color:#d3e8b9;border-color:#749271}.preferences-dialog{width:min(720px,100vw - 32px)}.audio-settings{background:#17251f;border:1px solid #53624f;border-radius:12px;margin:22px 0;padding:18px}.audio-settings legend{color:#e5ce96;padding:0 8px;font-size:17px;font-weight:700}.audio-settings .check{align-items:center;gap:8px;display:flex}.audio-settings .check input{width:auto;margin:0}.audio-sliders{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.audio-sliders label{grid-template-columns:1fr auto;gap:7px;font-size:13px;display:grid}.audio-sliders output{color:#e5ce96;font-variant-numeric:tabular-nums}.audio-sliders input{accent-color:#c5b17f;cursor:pointer;grid-column:1/-1;width:100%;padding:0}.audio-preview-row{align-items:end;gap:12px;margin-top:16px;display:flex}.audio-preview-row label{flex:1;min-width:0}.audio-preview-row select{width:100%}.audio-preview-row button{white-space:nowrap;min-height:42px;margin:0}.audio-now{color:#d3e8b9;min-height:22px;font-size:13px}@media (max-width:600px){.audio-sliders{grid-template-columns:1fr}.audio-preview-row{flex-wrap:wrap}}@media (max-width:1150px){.topbar .identity>span:not(.online-dot){display:none}}
