.home-link{color:inherit;text-decoration:none}.battle header{height:76px}.battle main{height:calc(100dvh - 76px);grid-template-columns:minmax(0,1fr) 330px}.battle .panel{padding:19px 21px}.battle .world{background:#101a1e}.battle .time{align-items:center}.battle #room-label{font-size:11px;color:#a2b8ae;font-family:monospace}.lobby{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 35%,#294b3de8,#0e181af7 65%);backdrop-filter:blur(8px);padding:24px}.lobby[hidden],#battle-actions[hidden],#battle-hint[hidden]{display:none}.lobby-card{width:min(460px,100%);border:1px solid #4d6a5b;background:#14221ff5;border-radius:18px;padding:38px;box-shadow:0 30px 100px #0006}.lobby h1{font-size:32px;margin:17px 0}.lobby-intro{color:#9cb1a7;line-height:1.8;font-size:13px;margin-bottom:28px}.lobby .primary{padding:14px}.lobby-divider{text-align:center;font-size:10px;color:#7b9888;margin:22px 0}.lobby label{display:block;font-size:11px;color:#adc5b8;margin-bottom:8px}.join-row{display:flex;gap:8px}.join-row input{min-width:0;width:100%;border:1px solid #3f5d4c;border-radius:7px;background:#0d1917;color:#def5e5;padding:12px;letter-spacing:3px;font:17px monospace;text-transform:uppercase}.join-row input:focus{outline:2px solid #8de2b5;outline-offset:2px}#resume-room{margin-top:16px}#lobby-error{color:#f2ac96;font-size:12px;line-height:1.6;min-height:18px}.solo-link{display:inline-block;color:#a8c6b3;margin-top:22px;font-size:11px}#connection{position:absolute;top:18px;left:20px;right:20px;max-width:550px;background:#152922e8;border:1px solid #426452;border-radius:8px;padding:11px 15px;font-size:12px;color:#b3d5bf;pointer-events:none}#connection.paused{background:#30271fe8;border-color:#8c6e4e;color:#ebc292}#connection.victory{border-color:#c6b971;background:#323621;color:#f1e6a5}#battle-hint{position:absolute;bottom:94px;left:20px;right:20px;width:fit-content;max-width:calc(100% - 40px);padding:12px 16px;background:#233f31f0;border:1px solid #7caa84;border-radius:8px;color:#ccebd0;pointer-events:none;font-size:12px}#battle-hint.invalid{background:#422c25f0;border-color:#bc816c;color:#f4c1b1}#battle-toast{position:absolute;top:73px;left:20px;right:20px;max-width:500px;color:#d6e8ce;font-size:12px;background:#253c2ff0;border:1px solid #628165;padding:11px 14px;border-radius:7px;opacity:0;transition:opacity .2s;pointer-events:none}#battle-toast.show{opacity:1}.battle-legend{position:absolute;bottom:48px;left:20px;display:flex;align-items:center;gap:8px;color:#92a9a2;font-size:10px;pointer-events:none}.ally-dot{color:#8de2b5}.enemy-dot{color:#ee927b}.attack-button{border-color:#9c6a51;color:#f4b28f}.battle .role{margin-top:12px}.battle .role-label{font-size:11px}.battle .module-buttons{grid-template-columns:1fr 1fr}.battle .module-buttons button{line-height:1.5}.battle .leave-button{font-size:11px;color:#a3b2a8;margin-top:18px}.battle .progress{margin:9px 0}.selection-note{color:#d3ad7e;font-size:11px;line-height:1.7}.battle .role small{margin-left:0}.battle .unit-list{font-size:10px;line-height:1.8;color:#9bb2a7}.battle .unit-list button{padding:2px 5px;font-size:10px;margin:2px}.battle button:focus-visible,.battle a:focus-visible{outline:2px solid #8de2b5;outline-offset:3px}@media(max-width:1000px){.battle .top-stats{gap:9px}.battle .brand{font-size:17px}.battle header{padding:0 16px;gap:10px}.battle main{grid-template-columns:minmax(0,1fr) 290px}.battle .panel{padding:17px}}@media(max-width:720px){.battle header{height:auto;padding:12px;min-height:76px}.battle main{height:auto;display:flex}.battle .world{height:65dvh;min-height:400px}.battle aside{display:block}.lobby-card{padding:26px}.lobby h1{font-size:27px}.battle .time{margin-left:auto}.battle .brand small{font-size:9px}.battle .top-stats{width:100%;justify-content:center}.battle-legend{gap:5px;font-size:9px}.battle .map-help{left:20px}.battle #connection{font-size:11px;left:12px;right:12px}.battle .module-buttons{grid-template-columns:1fr 1fr}}
.battle [hidden]{display:none!important}