.sz-online{line-height:1.5;min-width:0}.sz-online h2{font-size:22px;margin:0 0 12px}.sz-online h3{font-size:17px;margin:0 0 10px}.sz-online p{overflow-wrap:anywhere}.sz-online .online-hint{font-size:13px;color:var(--muted);line-height:1.6}.sz-online .online-status{font-size:13px;color:var(--accent);padding:8px 0}.sz-online .online-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin:18px 0}.sz-online .online-panel form,.sz-online form.online-panel{margin-top:18px}.sz-online .online-panel form{border:0;background:transparent;padding:0;border-radius:0}.sz-online .online-field{margin:14px 0}.sz-online .online-field input,.sz-online .online-field select,.sz-online .online-field textarea{min-width:0}.sz-online .online-checkbox{display:flex;align-items:center;gap:10px}.sz-online .online-checkbox input{width:18px;height:18px;margin:0;flex-shrink:0}.sz-online .online-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sz-online .online-heading h2{margin:0}.sz-online .online-error{border:1px solid #946852;background:#402c2b;padding:16px;border-radius:8px;margin:16px 0}.sz-online .online-error p{margin:0 0 12px;color:#ffe7df}.sz-online details summary{cursor:pointer;font-weight:600}.sz-online .online-configuration input{font-size:13px}.sz-online .online-lobby{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sz-online .online-lobby>.online-panel:first-child{grid-column:1/-1}.sz-online .online-campaigns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.sz-online .online-campaign{border:1px solid var(--border);border-radius:8px;padding:16px;min-width:0}.sz-online .online-campaign h3{overflow-wrap:anywhere}.sz-online .online-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sz-online .online-members{font-size:13px;color:var(--muted)}.sz-online .online-room-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:20px;align-items:start}.sz-online .online-grid-scroll{width:100%;overflow:auto;border:1px solid var(--border);border-radius:6px}.sz-online .online-grid{display:grid;grid-template-columns:repeat(20,minmax(26px,1fr));min-width:520px;gap:1px;background:var(--border);padding:1px}.sz-online .online-cell{aspect-ratio:1;padding:0;border:0;border-radius:0;background:var(--panel);font-size:10px;line-height:1.05;overflow:hidden;word-break:break-all;min-width:0;min-height:26px;color:inherit}.sz-online .online-cell.has-token{box-shadow:inset 0 0 0 2px var(--token-color);color:var(--token-color);font-weight:700}.sz-online .online-cell.is-selected{outline:3px solid var(--accent);outline-offset:-3px;background:#2b3754}.sz-online .online-cell:focus-visible{outline:3px solid #fff;outline-offset:-3px;z-index:1}.sz-online .online-cell:disabled{opacity:.68}.sz-online .online-token-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sz-online .online-token-choice{font-size:12px;padding:8px 10px}.sz-online .online-token-choice[aria-pressed=true]{border-color:var(--accent);background:#293550;color:#d7e0ff}.sz-online .online-dm-controls{border-top:1px solid var(--border);padding-top:12px;margin-top:20px}.sz-online .online-dm-controls>button{margin:4px 8px 4px 0}.sz-online .online-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sz-online .online-communication{min-width:0}.sz-online .online-events{height:300px;overflow:auto;list-style:none;margin:16px 0;padding:0 12px 0 0;overscroll-behavior:contain}.sz-online .online-events li{padding:10px 0;border-bottom:1px solid var(--border)}.sz-online .online-events strong{font-size:12px;color:var(--muted)}.sz-online .online-events p{white-space:pre-wrap;margin:5px 0;font-size:14px}.sz-online .online-event-roll p{color:var(--accent)}.sz-online .online-communication form{border-top:1px solid var(--border);padding-top:12px}.sz-online .online-communication form>button{margin:4px 8px 4px 0}.sz-online .online-dice-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sz-online .online-dice-fields input,.sz-online .online-dice-fields select{padding:10px 8px}.sz-online .online-invitations>button{margin:4px 8px 4px 0}.sz-online .online-invitations .online-field{max-width:600px}.sz-online button:focus-visible,.sz-online summary:focus-visible,.sz-online select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body.light .sz-online .online-cell.is-selected,body.light .sz-online .online-token-choice[aria-pressed=true]{background:#dae4ff;color:#182340}body.light .sz-online .online-cell:focus-visible{outline-color:#182340}@media(max-width:1100px){.sz-online .online-room-body{grid-template-columns:minmax(0,1fr)}.sz-online .online-events{height:250px}}@media(max-width:700px){.sz-online .online-lobby{display:block}.sz-online .online-panel{padding:16px}.sz-online .online-heading{align-items:flex-start}.sz-online .online-heading>button{width:100%}.sz-online .online-dice-fields{gap:6px}.sz-online .online-grid{min-width:600px}.sz-online .online-cell{min-height:30px}}