.online-page{padding-bottom:60px}.online-room-header{flex-wrap:wrap}.online-player-statuses{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:13px}[data-connection-quality]{font-variant-numeric:tabular-nums}[data-online-pause-reason],[data-online-revive-note]{font-size:13px}#online-invite-dialog{width:min(360px,calc(100vw - 32px));text-align:center}[data-invite-qr]{display:block;max-width:100%;height:auto;margin:20px auto}.online-invite-url{overflow-wrap:anywhere;font-size:12px}.online-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:35px 0}.online-heading h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(64px,8vw,112px);line-height:.85;margin:15px 0 0;letter-spacing:-2px}.online-heading h1 span{color:#cf482d}.online-heading>p{max-width:360px;line-height:1.65}.online-entry,.online-players{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.online-panel{min-width:0;padding:30px;background:#f7f3e9;border:1px solid #cfc8ba;box-shadow:5px 5px #d9d2c4}.online-panel h2{font-family:Barlow Condensed,sans-serif;font-size:38px;margin:12px 0 24px}.online-panel label{display:grid;gap:8px;font-size:14px;font-weight:700;margin-bottom:20px}.online-panel select,.online-panel input{width:100%;min-height:48px;max-width:100%;border:1px solid #b7aea0;background:#fffdf5;color:#272b28;padding:10px 14px;font:inherit}.online-panel input[data-room-code]{font-size:24px;letter-spacing:5px;text-transform:uppercase}.online-panel p{line-height:1.55}.online-panel button:disabled{opacity:.55;cursor:wait}.online-status{padding:15px 0;min-height:52px}.online-room-header,.online-ready-row,.online-game-top{display:flex;gap:20px;align-items:center;justify-content:space-between}.online-room-header>div{display:grid;gap:8px}[data-room-display]{font-size:32px;letter-spacing:5px}.online-room-options{display:flex;align-items:center;gap:25px;border-top:1px solid #ccc;padding-top:25px;margin-top:25px}.online-room-options label{flex:1}.online-player{display:grid;justify-items:center;background:#e8e3d8;padding:20px;border-bottom:5px solid #cd542f}.online-player+.online-player{border-color:#8178b7}.online-player img{height:220px;max-width:100%;object-fit:contain;margin:15px 0}.online-player label{width:100%}.online-player [data-room-ready]{font-size:13px}.online-ready-row{margin-top:25px}.online-game-top{margin-bottom:15px;font-family:Barlow Condensed,sans-serif;font-size:22px}.online-combat{color:var(--paper);border:1px solid #262e2f}.online-hud .hud-p2{grid-column:3}.online-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;text-align:center;justify-content:start;color:#fff2d5}.online-center strong{font-family:Barlow Condensed,sans-serif;font-size:38px}.online-center span{font-size:10px;line-height:1.4}.online-overlay h2{font-family:Barlow Condensed,sans-serif;font-size:44px;margin:8px 0}.online-overlay .button{margin:3px}.online-overlay .is-ready{outline:3px solid #9ccc8e}.online-contributions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px}.online-controls{text-align:center;font-size:14px;margin-top:18px}[data-online-member] .online-hud .hud-name{gap:6px}@media(max-width:700px){.online-heading{display:block}.online-heading>p{margin-top:24px}.online-entry{grid-template-columns:minmax(0,1fr)}.online-panel{padding:20px}.online-room-header,.online-ready-row,.online-room-options{flex-wrap:wrap}.online-room-header .text-button{margin-left:auto}.online-players{gap:12px}.online-player{padding:12px 6px}.online-player img{height:160px}.online-panel select{padding:8px;font-size:13px}.online-game-top{font-size:17px}.online-center strong{font-size:26px}.online-center span{font-size:8px}.online-hud .trait-resource{font-size:9px}.online-hud .hud-name{font-size:13px}.online-overlay h2{font-size:34px}}.touch-game[data-online-member] .online-status,.touch-game[data-online-member] .online-controls,.touch-game[data-online-member] .online-game-top{display:none}.touch-game[data-online-member] .online-hud{grid-template-columns:1fr 60px 1fr}.touch-game[data-online-member] .online-overlay{overflow:auto;max-height:100dvh}