#quake-rooms{--panel:#1c2521;--text:#efeee7;--muted:#b5beb7;--accent:#efb45b;line-height:1.55;padding-top:26px;min-height:65vh}#quake-rooms .game-links{display:flex;gap:24px;margin-bottom:28px;font-size:14px}#quake-rooms h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:10px 0 28px;letter-spacing:-.035em}#quake-rooms h2{font-size:24px;margin:12px 0}#quake-rooms p{margin:12px 0}#quake-rooms button,#quake-rooms input,#quake-rooms textarea,#quake-rooms select,#quake-rooms .button{font:inherit;color:var(--text);background:#2b3630;border:0;border-radius:9px;padding:13px 18px}#quake-rooms button,#quake-rooms .button{display:inline-block;cursor:pointer;min-height:48px;text-decoration:none}#quake-rooms .primary{background:var(--accent);color:#171b17;font-weight:650}#quake-rooms button:disabled{opacity:.45;cursor:default}#quake-rooms :focus-visible{outline:2px solid var(--accent);outline-offset:3px}#quake-rooms input:not([type=checkbox]),#quake-rooms textarea,#quake-rooms select{display:block;width:100%;margin-top:8px}#quake-rooms input[type=checkbox]{accent-color:var(--accent);width:22px;height:22px}#quake-rooms label{display:block;margin:18px 0}#quake-rooms .check{display:flex;gap:12px;align-items:center}#quake-rooms .check span{flex:1}#quake-rooms .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#quake-rooms .panel,#quake-rooms .card,#quake-rooms .empty{background:var(--panel);padding:26px;border-radius:14px}#quake-rooms .card{display:block}#quake-rooms .meta,#quake-rooms .bar,#quake-rooms .actions,#quake-rooms .split{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#quake-rooms .meta{justify-content:space-between;color:var(--muted);font-size:14px}#quake-rooms .split>label{flex:1;min-width:180px}#quake-rooms .help,#quake-rooms .muted{color:var(--muted)}#quake-rooms .help{font-size:14px}#quake-rooms .eyebrow{letter-spacing:.12em;font-size:12px;color:var(--accent)}#quake-rooms .error{background:#592b22;padding:18px;border-radius:9px;margin:20px 0}#quake-rooms .roster{list-style:none;padding:0;max-height:420px;overflow:auto}#quake-rooms .roster li{display:flex;justify-content:space-between;padding:12px 0;gap:10px}#quake-rooms .ready{color:#cce875}#quake-rooms .qr{background:#fff;display:inline-flex;padding:12px;margin:20px 0;border-radius:10px}#quake-rooms .qr img{width:180px;height:180px;image-rendering:pixelated}#quake-rooms details{margin:20px 0}#quake-rooms summary{cursor:pointer}#quake-rooms form.panel{margin-top:20px}#quake-rooms .empty{text-align:center;margin-top:26px}#quake-rooms .description{overflow-wrap:anywhere}@media(max-width:760px){#quake-rooms .grid{grid-template-columns:1fr}#quake-rooms .panel,#quake-rooms .card{padding:20px}#quake-rooms .bar{align-items:stretch}#quake-rooms .bar>*{flex:1}#quake-rooms .actions{display:grid;grid-template-columns:1fr}#quake-rooms .actions>*{width:100%;text-align:center}}

#quake-rooms .room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:24px}#quake-rooms .room-main{display:grid;gap:24px}#quake-rooms .invite-panel .actions{display:grid;gap:10px;margin-top:14px}#quake-rooms .invite-panel .actions>*{width:100%;text-align:center}#quake-rooms .invite-panel input{font-size:12px}#quake-rooms .invite-panel .qr{display:flex;justify-content:center;width:max-content;margin-inline:auto}#quake-rooms .panel>*:first-child{margin-top:0}@media(max-width:850px){#quake-rooms .room-layout{grid-template-columns:1fr}}