.online-page{width:min(980px,calc(100% - 24px));margin:36px auto 80px;color:#f4e4c5}.online-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.online-top a{color:#e7c17a}.online-panel{padding:22px;border:1px solid #82613b;border-radius:8px;background:#292522ed;box-shadow:0 12px 36px #08070680}.online-panel h1{margin:0 0 10px;font-size:28px}.online-panel h2{margin:0 0 14px;font-size:18px}.online-form{display:grid;gap:12px;max-width:420px}.online-form label,.online-deck-row label{display:grid;gap:5px;color:#d7c5a7;font-size:13px}.online-form input,.online-deck-row select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #7e6746;border-radius:4px;background:#181817;color:#fff0d2;font:inherit}.online-actions{display:flex;gap:8px;flex-wrap:wrap}.online-panel button{padding:9px 15px;border:1px solid #b28b4c;border-radius:4px;background:#594125;color:#ffe7b4;font:inherit;cursor:pointer}.online-panel button:hover{background:#75572d}.online-panel button:disabled{opacity:.55;cursor:wait}.online-subtle{color:#ad9c80;font-size:13px;line-height:1.7}.online-deck-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:22px 0}.online-status{min-height:24px;margin:12px 0;color:#f0cb80}.online-userbar{display:flex;align-items:center;gap:10px}.online-userbar button{padding:5px 10px}.online-password{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff20}.online-password form{display:flex;gap:8px;flex-wrap:wrap}.online-password input{min-width:170px;padding:8px;border:1px solid #7e6746;border-radius:4px;background:#181817;color:#fff0d2}.online-queue{text-align:center;padding:35px 8px}.online-queue img{width:100px;height:100px;object-fit:contain}.online-error{color:#ff9f8d}@media(max-width:600px){.online-page{margin:18px auto}.online-panel{padding:15px}.online-panel h1{font-size:23px}.online-deck-row{grid-template-columns:1fr}.online-password form{display:grid}.online-password input{width:100%;box-sizing:border-box}}