.casual-action{width:100%;margin-top:12px;padding:16px;border:1px solid #40516a;border-radius:18px;background:#141d2b;color:var(--text);font:800 13px "Manrope";letter-spacing:.8px;cursor:pointer}
.casual-action:hover{border-color:var(--accent);background:#192638}.casual-action:disabled{opacity:.5}.casual-page{padding-bottom:42px}
.casual-page .page-head{position:sticky;top:0;z-index:3;padding:12px 0;background:linear-gradient(#080b12 78%,transparent)}.casual-page .page-head h1{margin:4px 0 0}
.create-table,.direct-join{margin-bottom:14px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-card select{width:100%;margin-top:7px;padding:13px;border:1px solid #344158;border-radius:12px;background:#0d131e;color:var(--text)}
.toggle-row{display:flex!important;align-items:center;gap:12px;margin:14px 0}.toggle-row input{width:22px!important;height:22px;margin:0!important;accent-color:var(--accent)}.toggle-row span,.toggle-row strong,.toggle-row small{display:block}
.casual-list{display:grid;gap:10px}.casual-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#101722}.casual-row>b{font:800 17px "Manrope"}.casual-row div{min-width:0}.casual-row strong,.casual-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casual-row strong{font-size:13px}.casual-row small{margin-top:4px;color:var(--muted);font-size:10px;text-transform:lowercase}.casual-row button{border:0;border-radius:11px;padding:10px 12px;background:#ddecff;color:#111a26;font:800 11px "Manrope"}
.table-code{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.table-code>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:#101722}.table-code small,.table-code strong{display:block}.table-code small{color:var(--muted);font-size:9px;letter-spacing:1px}.table-code strong{margin-top:5px;font:800 16px "Manrope"}.table-code .invite-code{grid-column:1/-1;border-color:#476d45;background:#132319}.invite-code strong{color:var(--accent);font-size:25px;letter-spacing:5px}
.waiting-seats{display:grid;gap:10px}.waiting-seat{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:11px 14px;border:1px solid var(--line);border-radius:17px;background:#101722}.waiting-seat.open{border-style:dashed;color:var(--muted)}.waiting-seat .identity-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#1c2635;font:800 17px "Manrope"}.waiting-seat small,.waiting-seat strong,.waiting-seat span{display:block}.waiting-seat small{color:var(--muted);font-size:9px}.waiting-seat strong{margin:3px 0;font-size:14px}.waiting-seat div>span{color:var(--accent2);font-size:10px}.waiting-seat>b{padding:5px 7px;border-radius:7px;background:#273425;color:var(--accent);font-size:9px}
.lobby-note{margin:18px 4px;color:var(--muted);font-size:12px;line-height:1.5}.casual-close{display:block;margin:18px auto;border:0;background:none}.lobby-error{margin:10px 0;padding:12px;border:1px solid #66343a;border-radius:13px;background:#281319;color:#ffafb4;font-size:12px}
@media(max-width:380px){.choice-row{grid-template-columns:1fr}.casual-row{grid-template-columns:45px 1fr auto}.table-code{grid-template-columns:1fr}}