*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#151c23;color:#dce2df;font:14px "Courier New",monospace;background-image:radial-gradient(ellipse at 50% 0,#27303877,transparent 60%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d9b675;outline-offset:4px}button:disabled,input:disabled{cursor:not-allowed;opacity:.5}header{height:88px;max-width:1360px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #364048}.brand{display:flex;gap:13px;color:#e2d4aa;align-items:center}.brand>b{font-size:29px;letter-spacing:3px;line-height:1}.brand b>span{display:block;font-size:8px;letter-spacing:1.6px;color:#8d999c;margin-top:8px}.header-right{display:flex;gap:36px;align-items:center}.connection{font-size:9px;letter-spacing:1px;color:#a0aaa6;display:flex;gap:8px;align-items:center}.connection i,.live-tag i{width:5px;height:5px;background:#bc9461;display:inline-block}.connection.ok i{background:#86b29e;box-shadow:0 0 0 3px #86b29e11}.connection.off{color:#d5907b}.quiet-button{background:transparent;border:0;color:#b8c2bd;font-size:10px;letter-spacing:1px;padding:12px 0}.quiet-button span{margin-left:7px;color:#dac29d}main{max-width:1360px;margin:auto;padding:0 40px}.opening{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px}.overline{font-size:9px;letter-spacing:1.8px;color:#899b9e;font-weight:bold;margin:0 0 13px}.opening h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:44px;font-weight:900;letter-spacing:2px;margin:0;color:#e2dfcf}.opening>p{font-size:12px;line-height:1.8;color:#8f9d9f;margin:0;text-align:right}.opening strong{font-weight:normal;color:#c7d0ca}.battle{border:1px solid #47514f;box-shadow:0 5px 0 #0c131a;background:#202b32;position:relative}.battle-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1b252c;border-bottom:1px solid #35454a;font-size:9px;letter-spacing:1px;color:#8c9fa0}.live-tag{display:flex;gap:9px;align-items:center;color:#c1cbbd}.live-tag i{background:#bb9470}.round-time{font-size:15px;color:#dfd5bc;letter-spacing:2px}.round-time small{font-size:10px;color:#758c90;letter-spacing:0}.forts{position:relative;display:grid;grid-template-columns:1fr 90px 1fr;gap:25px;padding:20px 26px 0;z-index:1;background:#202b32}.fort-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:bold;letter-spacing:1px}.fort-title small{font-size:9px;font-weight:normal;letter-spacing:0;color:#9eacaa}.faction-icon{font-style:normal;margin-right:7px}.red{--team:#cd7963;--pale:#e4a183;--dark:#6b443e}.blue{--team:#74b1bb;--pale:#a4d0cd;--dark:#3c5b64}.fort-title>span{color:var(--pale)}.hp-track{height:7px;border:1px solid #526268;background:#17232a;margin-top:12px;padding:1px}.hp-track>div{height:3px;width:100%;background:var(--team);transition:width .25s}.fort-numbers{display:flex;justify-content:space-between;color:#97aaa9;font-size:8px;letter-spacing:1px;margin-top:8px}.versus{color:#718b8d;text-align:center;font-size:14px;align-self:center;letter-spacing:4px}.landscape{position:relative;background:#202b32;overflow:hidden}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;aspect-ratio:768/252}.empty-notice{position:absolute;top:23%;left:50%;transform:translateX(-50%);color:#d1d2b6;background:#202b32c9;border:1px solid #87968144;padding:10px 15px;text-align:center;font-size:9px;letter-spacing:2px;white-space:nowrap;pointer-events:none}.salvos{background:#1b252c;padding:14px 26px;display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid #3b4d4e}.salvo{display:flex;gap:12px;align-items:center;width:36%;position:relative}.rocket-symbol{color:var(--team);font-size:30px}.salvo small{display:block;color:#8f9d9e;font-size:8px;letter-spacing:1px}.salvo strong{display:block;color:var(--pale);font-size:25px;margin-top:4px;font-weight:normal;line-height:1}.salvo strong span{font-size:11px;color:#a5b1aa}.wind-label{font-size:7px;letter-spacing:2px;color:#688084;text-align:center;max-width:160px;line-height:1.8}.charge-track{height:3px;background:#33474d;flex:1;min-width:15px;max-width:95px;margin-left:auto}.charge-track i{display:block;height:3px;background:var(--team);width:0}.control-room{display:grid;grid-template-columns:1fr 285px;gap:24px;margin-top:28px}.station{min-width:0;border:1px solid #47514f;background:#202931;padding:24px 26px;position:relative;box-shadow:0 4px 0 #10171d}.station-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:15px}.station-heading h2{font-size:11px;letter-spacing:1.1px;color:#ddcfaa;margin:0}.station-heading>span{font-size:8px;letter-spacing:1px;color:#728e8d}.enlist>p{font-size:11px;line-height:1.7;color:#a8b4ad;margin:14px 0 20px}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-button{display:flex;align-items:center;gap:12px;text-align:left;background:#263039;border:1px solid var(--dark);color:var(--pale);padding:18px 13px;box-shadow:0 3px 0 #101921;transition:background .15s,transform .15s}.side-button:hover{background:var(--dark)}.side-button:active{transform:translateY(2px)}.side-emblem{font-size:27px}.side-button b{display:block;font-size:10px;letter-spacing:1px}.side-button small{display:block;color:#a6b2ac;font-size:8px;line-height:1.6;margin-top:7px}.side-button i{font-style:normal;margin-left:auto;font-size:20px}.text-button{border:0;background:none;color:#7d9697;text-decoration:underline;font-size:9px;padding:0;margin-right:auto}.station-heading .reward{color:#8da98b;font-size:9px;white-space:nowrap}.phrase-heading{display:flex;justify-content:space-between;color:#859b9c;font-size:8px;letter-spacing:1px;margin-top:24px}.phrase{font-size:22px;line-height:1.55;color:#dedfce;min-height:42px;margin:12px 0 18px;overflow-wrap:anywhere;white-space:pre-wrap}.phrase .correct{color:#91c3a2}.phrase .wrong{color:#f69b86;background:#bd63562d;text-decoration:underline;text-underline-offset:5px}.phrase .cursor{border-bottom:2px solid #ddc69c}.phrase.waiting{color:#859b9c;font-size:16px}#typing-form{display:flex;background:#141e26;border:1px solid #506066;box-shadow:inset 0 2px 0 #10171b}#typing-form:focus-within{border-color:#d2b67c}#typing-input{border:0;outline:0;background:transparent;color:#e5e3d5;padding:15px 16px;width:100%;min-width:0;font-size:16px}#typing-input::placeholder{color:#5d737b;font-size:13px}#send-button{border:0;border-left:1px solid #3e5159;background:#2c3e44;color:#dec69c;font-size:26px;width:54px;flex-shrink:0}#send-button:hover{background:#3c5357}.typing-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;min-height:14px}.typing-bottom>span{color:#839493;font-size:9px;line-height:1.5}.typing-bottom strong{font-size:11px;color:#9ccca3;white-space:nowrap}.message{font-size:11px;line-height:1.6;color:#d89b7f;margin:14px 0 0;min-height:0}.message:empty{display:none}.record{border:1px solid #3b4c50;padding:23px;background:#1c272d}.record>.overline{font-size:8px;color:#9cafab}.personal-stats{display:flex;gap:36px}.personal-stats strong{font-size:36px;display:block;font-weight:normal;color:#dcd8bd;line-height:1.2}.personal-stats span{font-size:7px;letter-spacing:1px;color:#849f9f;display:block;margin-top:6px;white-space:nowrap}.record-rule{height:1px;background:#3a4d4d;margin:18px 0 14px}.record p:not(.overline){font-size:10px;color:#8c9f9a;line-height:1.9;margin:0}.record b{font-weight:normal;color:#c6cdbb}.record-note{font-size:7px;letter-spacing:1px;color:#5f8082;display:block;margin-top:15px}.dispatch{border-top:1px solid #37484b;border-bottom:1px solid #37484b;padding:13px 0;display:flex;gap:20px;align-items:center;margin-top:26px}.dispatch>span{font-size:8px;letter-spacing:1.3px;color:#bb9c70;white-space:nowrap}.dispatch p{font-size:10px;color:#97aaa6;line-height:1.7;margin:0;flex:1}.dispatch .dispatch-dot{font-size:18px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;letter-spacing:1px;color:#657e7f;padding:24px 0 30px}footer p{font-size:8px;letter-spacing:0;text-align:center}.round-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#172127f2;border:1px solid #9d9975;box-shadow:6px 6px 0 #10171b88;padding:24px 30px;text-align:center;width:min(85%,520px)}.round-result>span{font-size:8px;letter-spacing:2px;color:#b99d73}.round-result h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;font-weight:normal;letter-spacing:2px;color:#e4d8b6;margin:13px 0}.round-result p{font-size:11px;line-height:1.7;color:#adbdb2}.round-result>strong{font-size:10px;color:#d9bc8b;letter-spacing:1px}dialog{color:#c6d0c5;background:#202b31;border:1px solid #71817b;padding:36px;max-width:570px;width:calc(100% - 28px);box-shadow:9px 9px 0 #09111477}dialog::backdrop{background:#0c151be8}dialog h2{font:36px/1.1 Impact,"Arial Narrow",sans-serif;letter-spacing:2px;color:#e2d8b6;margin:18px 0 26px}dialog ol{padding-left:19px;font-size:12px;line-height:1.8}dialog li{padding-left:5px;margin-bottom:12px}dialog li b{color:#dec59b}.fine-print{font-size:10px;line-height:1.8;color:#8ea3a1}.dialog-close{position:absolute;right:15px;top:10px;background:none;color:#adb5a7;border:0;font-size:27px}.return-button{background:#d2bf93;color:#1e292c;width:100%;border:0;padding:15px;margin-top:18px;font-size:11px;font-weight:bold;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.opening{padding-top:43px;padding-bottom:34px}}@media(max-width:1000px){header,main{padding-left:24px;padding-right:24px}.forts{gap:16px;grid-template-columns:1fr 30px 1fr}.fort-title{font-size:9px;letter-spacing:.5px}.control-room{grid-template-columns:1fr 230px;gap:16px}.station{padding:21px 20px}.side-buttons{gap:8px}.side-button{padding:14px 10px;gap:8px}.side-button b{font-size:9px}.side-button small{display:none}.side-emblem{font-size:20px}.record{padding:21px 18px}.record-note{font-size:6px}.phrase{font-size:19px}.opening h1{font-size:39px}.personal-stats{gap:28px}.wind-label{font-size:6px}.station-heading{flex-wrap:wrap}}@media(max-width:700px){header{height:74px;padding:0 16px}.brand>b{font-size:23px}.brand svg{width:28px;height:28px}.brand b>span{font-size:6px;letter-spacing:1px}.header-right{gap:14px}.connection{font-size:0;gap:0}.connection i{width:6px;height:6px}.quiet-button{font-size:8px}.quiet-button span{display:none}main{padding:0 14px}.opening{padding:24px 0 21px;display:block}.opening .overline{font-size:7px;letter-spacing:1px}.opening h1{font-size:36px;letter-spacing:1px}.opening>p{font-size:10px;text-align:left;margin-top:10px}.opening>p br{display:none}.opening>p strong{margin-left:4px}.battle-top{padding:10px;font-size:7px;letter-spacing:.4px}.round-time{font-size:12px}.round-time small{font-size:8px}.forts{padding:14px 10px 0;gap:15px;grid-template-columns:1fr 1fr}.versus{display:none}.fort-title{align-items:flex-start;gap:5px;flex-direction:column;font-size:8px;letter-spacing:0}.fort-title small{font-size:8px}.faction-icon{margin-right:3px}.hp-track{margin-top:8px}.fort-numbers{font-size:6px;letter-spacing:0;gap:5px}.landscape{min-height:180px;display:flex;align-items:flex-end}canvas{min-height:180px;object-fit:fill}.empty-notice{font-size:6px;padding:8px 7px;letter-spacing:.8px;top:19%}.salvos{padding:10px;gap:17px}.salvo{width:50%;gap:7px}.rocket-symbol{font-size:24px}.salvo small{font-size:6px;letter-spacing:.5px}.salvo strong{font-size:20px}.salvo strong span{font-size:9px}.wind-label{display:none}.charge-track{max-width:35px}.control-room{grid-template-columns:1fr;margin-top:20px;gap:14px}.station{padding:18px 15px}.station-heading h2{font-size:9px}.station-heading>span{font-size:6px}.side-buttons{grid-template-columns:1fr}.side-button{padding:14px 12px}.side-button b{font-size:10px}.side-button small{display:block;font-size:8px}.side-emblem{font-size:25px}.enlist>p{font-size:10px}.record{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:16px}.record>.overline{grid-column:1/-1;margin-bottom:12px}.record .personal-stats{gap:24px}.personal-stats strong{font-size:29px}.personal-stats span{font-size:6px}.record p:not(.overline){font-size:8px}.record-rule{display:none}.record-note{grid-column:1/-1;margin-top:13px}.phrase{font-size:19px;line-height:1.6}.phrase-heading{margin-top:20px}.station-heading .reward{font-size:8px}.text-button{font-size:8px}.typing-bottom>span{font-size:8px}.typing-bottom{align-items:flex-start}.typing-bottom strong{font-size:9px}#typing-input{font-size:16px;padding:14px 11px}#send-button{width:43px}.dispatch{gap:10px;margin-top:20px}.dispatch>span{font-size:6px}.dispatch p{font-size:8px}.dispatch-dot{display:none}footer{flex-wrap:wrap;gap:6px;padding-top:18px;font-size:6px}footer p{order:3;width:100%;text-align:left;font-size:7px}.round-result{padding:14px 10px}.round-result h2{font-size:24px;margin:8px 0}.round-result>span,.round-result>strong{font-size:7px}.round-result p{font-size:8px;margin:6px 0}dialog{padding:26px 22px}dialog h2{font-size:31px}dialog ol{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}