.online{background:#d6c394;color:#2f2d24;overflow:hidden;font-family:Georgia,serif}.online button,.online input,.online select{font:inherit}.online button{cursor:pointer}.online button:disabled{cursor:default;opacity:.5}.online [hidden]{display:none!important}#online-header{height:48px;position:relative;background:#1c3038;color:#edddb7;display:flex;align-items:center;padding:0 16px;gap:12px;z-index:4;border-bottom:1px solid #bfaa70}.online-brand{font-weight:700;color:#efdcad;text-decoration:none;white-space:nowrap}.online-tools{margin-left:auto;display:flex;align-items:center;gap:8px;font:12px system-ui}.online-tools button{min-height:32px;padding:4px 10px}.online #weather-bar{position:absolute;inset:0;padding-right:260px;padding-left:15px}.online:has(#weather-bar:not([hidden])) .online-brand{visibility:hidden}.online-tools{position:relative;z-index:2}.online-tools #connection{background:#17272ebd;border-radius:4px;padding:5px 7px}#online-main{height:calc(100dvh - 48px);position:relative}#online-lobby{height:100%;overflow:auto;padding:38px 22px 60px;background:radial-gradient(ellipse at top,#f1e3bb 0,#d6c394 72%)}.online-intro,.online-card{max-width:760px;margin:0 auto 24px}.online-intro .eyebrow{font:700 11px system-ui;text-transform:uppercase;letter-spacing:.17em;color:#75623b}.online-intro h1{font-size:clamp(30px,5vw,46px);line-height:1.1;margin:12px 0}.online-intro p{font:14px/1.6 system-ui;max-width:58ch;color:#67583c}.online-card{border:1px solid #ad945c;background:#efe0b7d9;border-radius:9px;padding:22px;box-shadow:0 6px 25px #51402212}.online-card h2{margin:0 0 14px;font-size:23px}.online-card p{font:13px/1.6 system-ui}.online label{display:block;font:13px system-ui;margin:15px 0 6px}.online input,.online select{color:#283139;background:#fff8e4;border:1px solid #aa935e;border-radius:5px;padding:10px;max-width:100%;box-sizing:border-box}.online input[type=text]{width:100%}.online .primary{background:#253b43;border:1px solid #172c32;color:#fff0c8;padding:11px 18px}.online .secondary{color:#423a28;background:#e1cb99;border-color:#ad945c}.online .gold{color:#302c20;background:#dcbf75;border-color:#e8d594}.online-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.online-row+.online-row{margin-top:12px}.online-ready{font:700 12px system-ui;color:#326144}.online-wait{font:12px system-ui;color:#77623c}.invite-line{display:flex;gap:8px;margin:12px 0}.invite-line input{flex:1;min-width:0;font:12px system-ui}.army-list{display:grid;gap:9px;margin:18px 0}.army-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:16px;border-bottom:1px solid #9f895833;padding-bottom:8px;font:13px system-ui}.army-count{display:flex;align-items:center;gap:8px}.army-count button{padding:3px 10px;min-height:30px}.army-count b{min-width:12px;text-align:center}.army-row small{display:block;font:10px system-ui;color:#796845;margin-top:4px}.online-hint{font:12px/1.6 system-ui;color:#746348}#online-map{width:100%;height:100%;display:block;touch-action:none}#online-sheet{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 24px));box-sizing:border-box;padding:14px 18px;border:1px solid #baa36f;border-radius:10px;background:#1a2e39f2;color:#ebdfc2;box-shadow:0 6px 24px #0004;z-index:2;max-height:46%;overflow:auto;font:13px/1.45 system-ui}#online-sheet h2{font:700 20px Georgia;margin:0 0 8px}#online-sheet p{margin:6px 0}.online-orders{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.online-orders button{font:12px system-ui;padding:7px 10px;min-height:34px}.online-stats{display:flex;align-items:center;gap:20px;margin:10px 0}.online-stats strong{display:block;font:bold 20px Georgia;color:#f8e6b3}.online-stats small{font-size:10px;color:#acbdc1}.formation-options{display:flex;gap:6px;margin:8px 0}.formation-options button{flex:1;font:12px/1.5 system-ui;padding:8px;border:1px solid #78898a}.formation-options button[aria-pressed=true]{background:#d8bd77;color:#25323a;opacity:1;border-color:#ffe6a5}.formation-options small{display:block;font-size:10px}.online .enemy-sheet{background:#653c35f2!important}.online .your-turn{color:#d8c077;font-weight:700}.online .waiting-turn{color:#c2cbd0}#online-message{position:fixed;top:62px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100% - 32px));z-index:8;padding:10px 16px;background:#3f3025ed;color:#fff0cb;border:1px solid #cbb27a;border-radius:6px;font:13px/1.5 system-ui;text-align:center}#online-dialog{width:min(480px,92vw);max-height:85dvh;padding:24px}#online-dialog h2{font-size:28px;margin:0 0 10px}#online-dialog h3{font-size:19px;margin:18px 0 10px}#online-dialog p{font:13px/1.6 system-ui}#online-dialog button{margin:4px;font-size:13px}#online-dialog .menu-action{display:block;width:100%;text-align:left;margin:9px 0;padding:12px}#online-dialog input{width:100%}.connection-offline{color:#ffbc9f!important}.online-title-small{font:12px/1.5 system-ui;color:#bfc8c4}.online-results{text-align:center}.online-results h2{font-size:44px!important}.online-deploy-ready{background:#c8a95f!important;color:#243039!important}@media(max-width:650px){#online-lobby{padding:25px 12px 40px}.online-card{padding:16px}.army-row{gap:8px;grid-template-columns:minmax(88px,1fr) auto auto}.army-count{gap:5px}.army-count button{padding:2px 7px}.online-tools #connection{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.online #weather-bar{padding-right:210px}.online .weather-details{display:none}.online-tools{gap:5px}#online-sheet{bottom:6px;width:calc(100% - 12px);padding:11px;max-height:48%}.online-stats{gap:16px}.online-orders{gap:5px}.online-orders button{padding:7px 8px}.invite-line{flex-direction:column}.online .formation-options{gap:4px}}