#account-button{border:1px solid #d2e2eb;background:#fff;border-radius:999px;padding:8px 14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-size:12px;color:#376779;cursor:pointer}.account-dialog{border:0;border-radius:24px;padding:32px;width:min(460px,94vw);color:#2c4f63;max-height:90dvh;overflow:auto}.account-dialog::backdrop{background:#203b5577;backdrop-filter:blur(5px)}.account-dialog h2{font-size:27px;margin:16px 0}.account-dialog p{font-size:13px;line-height:1.8}.account-dialog form{display:grid;gap:16px;margin:24px 0}.account-dialog label{display:grid;gap:8px;font-size:13px}.account-dialog input,.online-panel input,.editor-deck-name{width:100%;min-width:0;padding:12px;border:1px solid #cbdbe6;border-radius:10px;font:inherit;background:#fff;color:#244b61}.account-dialog .primary{width:100%}#account-error{color:#a34338;min-height:20px}.account-import{padding:15px;background:#edf6f8;border-radius:14px;margin:18px 0}.account-import h3{font-size:15px;margin:0}.account-footnote{color:#8193a5}.online-panel{border:1px solid #dce8ef;background:linear-gradient(130deg,#f3fafb,#f7f8ff);border-radius:22px;padding:24px;max-width:1100px;margin:24px auto}.online-panel h2{margin:0 0 12px}.online-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.online-form select{flex:1 1 200px;padding:12px;border-radius:10px;border:1px solid #d2e1ea;background:white;color:#315a6e;font:inherit}.online-form input{flex:1 1 150px;width:auto;max-width:260px;text-transform:uppercase}.online-form button{white-space:nowrap}.online-panel p{font-size:13px;color:#678293;line-height:1.7}.room-code{font:700 28px monospace;letter-spacing:4px;margin:16px 0;color:#286f82;overflow-wrap:anywhere}.online-status{padding:16px;border-radius:14px;background:#fff;margin-top:16px}.online-deck-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.editor-deck-name{margin:12px 0}.editor-cards button:disabled{opacity:.4;cursor:default}.editor-ownership{display:block;color:#368069;font-size:10px}.table-head-actions #table-skip{font:inherit;font-size:11px;width:auto;padding:8px;border-radius:8px;white-space:nowrap}.table-head-actions #table-connection{font-size:10px;color:#557e8e;max-width:90px}.table-root #battle-error{position:absolute;top:65px;left:10%;right:10%;z-index:45;font-size:12px;pointer-events:none}.table-head-actions #table-surrender{font:inherit;font-size:10px;width:auto;padding:5px}.online-empty{text-align:center;padding:12px}@media(max-width:640px){.online-panel{padding:18px}.online-form{flex-direction:column;align-items:stretch}.online-form select,.online-form input{flex:auto;max-width:none;width:100%}.account-dialog{padding:26px 20px}#account-button{max-width:90px;padding:7px 10px}.table-head-actions #table-connection{max-width:50px}.table-head-actions #table-skip{font-size:10px;padding:5px}.table-head-actions{gap:3px}.table-head-actions #table-history,.table-head-actions #battle-replay{width:28px;height:28px}}