.pb-page{flex:1;width:min(1100px,100% - 48px);margin:0 auto;padding:54px 0 72px}.pb-page h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:12px 0 18px;font-size:clamp(27px,3.2vw,40px);font-weight:750;line-height:1.3}.pb-page h2{letter-spacing:-.025em;font-size:20px;font-weight:700}.pb-page h3{overflow-wrap:anywhere;font-weight:650}.pb-eyebrow{color:var(--perabel-blue);letter-spacing:.16em;margin-bottom:8px;font-size:11px;font-weight:750}.pb-hero{justify-content:space-between;align-items:center;gap:28px;margin-bottom:44px;padding:24px 6px;display:flex}.pb-description{color:#667183;font-size:14px;line-height:1.9}.pb-steps{color:#68768c;flex-wrap:wrap;align-items:center;gap:15px;margin-top:28px;font-size:12px;display:flex}.pb-hero-mark{width:200px;height:180px;color:var(--perabel-blue);background:linear-gradient(135deg,#f7f9fc,#e0e7f1);border-radius:38px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:14px;display:flex;transform:rotate(-6deg);box-shadow:14px 14px 32px #cdd4df,-14px -14px 32px #fff}.pb-hero-mark span{letter-spacing:.16em;font-size:9px}.pb-panel{background:#f8fafc85;border:1px solid #ffffffb3;border-radius:22px;padding:28px;box-shadow:6px 6px 18px #cdd4df66,-6px -6px 18px #ffffffa6}.pb-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pb-section-heading .secondary-button{min-height:38px;padding:8px 16px;font-size:12px}.pb-count{color:var(--perabel-blue);vertical-align:middle;margin-left:6px;font-size:14px;display:inline-block}.pb-lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pb-panel>.pb-section-heading{flex-wrap:wrap}.pb-lobby-actions .primary-button{min-height:38px;padding:8px 18px;font-size:12px}.pb-current-room{background:#e3eaf8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.pb-create-dialog{width:min(460px,100% - 32px);max-height:calc(100svh - 48px);color:var(--perabel-ink);background:var(--neu-surface);border:1px solid #fff;border-radius:22px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 80px #17213440}.pb-create-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17213466}.pb-create-form{flex-direction:column;gap:14px;padding:30px;display:flex}.pb-create-form h2{font-size:22px;font-weight:700}.pb-create-form>p{color:#68768c;font-size:13px;line-height:1.8}.pb-create-form label{margin-top:10px;font-size:13px;font-weight:650}.pb-create-form input,.pb-create-form select{background:#f8fafc;border:1px solid #cbd5e3;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.pb-create-form input:focus-visible,.pb-create-form select:focus-visible{outline:2px solid var(--perabel-blue);outline-offset:2px}.pb-create-form .pb-form-hint{font-size:11px}.pb-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.pb-player-id{text-overflow:ellipsis;color:#7d8899;width:100%;font-size:10px;overflow:hidden}.pb-toolbar{border-bottom:1px solid #d6deea;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;display:flex}.pb-search{color:#788498;background:#e9eef5;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:430px;padding:12px 16px;display:flex;box-shadow:inset 2px 2px 5px #ccd4df66}.pb-search input{width:100%;min-width:0;color:var(--perabel-ink);background:0 0;outline:none;font-size:13px}.pb-search:focus-within{outline:2px solid var(--perabel-blue)}.pb-filter{white-space:nowrap;color:#667183;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.pb-filter input{accent-color:var(--perabel-blue)}.pb-empty{text-align:center;color:#68768c;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:260px;padding:32px 16px;display:flex}.pb-empty h3{color:var(--perabel-ink);font-size:17px}.pb-empty p{max-width:460px;font-size:13px;line-height:1.8}.pb-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0 0;list-style:none;display:grid}.pb-room-card{background:#f5f8fc;border:1px solid #dce3ed;border-radius:16px;padding:22px}.pb-room-top{color:#8b9ab1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px;display:flex}.pb-badge{color:#627089;background:#e4e9f1;border-radius:20px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.pb-badge-green{color:#35725e;background:#dfefe8}.pb-room-meta{color:#758196;align-items:center;gap:7px;margin-top:10px;font-size:12px;display:flex}.pb-join{color:var(--perabel-blue);border-top:1px solid #dce3ed;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding-top:16px;font-size:12px;font-weight:650;display:flex}.pb-unavailable{color:#7b8495;font-weight:400}.pb-footnote{color:#748095;text-align:center;margin:24px 0;font-size:12px;line-height:1.8}.pb-room-navigation{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.pb-room-heading{margin:32px 0}.pb-table-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:24px;display:grid}.pb-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;display:grid}.pb-seat{text-align:center;background:#f5f8fc;border:1px solid #dae2ed;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:24px 12px;display:flex}.pb-avatar{width:52px;height:52px;color:var(--perabel-blue);background:#e3eaf8;border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid}.pb-seat h3 small{color:var(--perabel-blue);margin-left:6px;font-size:10px}.pb-seat-role{color:#7d8899;align-items:center;gap:5px;font-size:11px;display:flex}.pb-seat-empty{color:#7d8899;background:0 0;border-style:dashed}.pb-seat-empty p{font-size:11px}.pb-ready-panel{flex-direction:column;gap:17px;display:flex}.pb-ready-panel>p{color:#68768c;font-size:13px;line-height:1.8}.pb-ready-panel .pb-eyebrow{color:var(--perabel-blue)}.pb-ready-panel progress{width:100%;height:7px;accent-color:var(--perabel-blue)}.pb-ready-panel .pb-ready-help{font-size:12px}.pb-page button:disabled{opacity:.5;cursor:not-allowed}.pb-alert{color:#934936;background:#f8e9e1;border-radius:12px;margin:16px 0;padding:14px 18px;font-size:13px;line-height:1.7}.pb-arrow-forward{transform:rotate(180deg)}.pb-game-table{text-align:center;color:#3f675b;background:#e3ebe9;border:8px solid #d7dfee;border-radius:24px;flex-direction:column;align-items:center;gap:15px;margin-top:24px;padding:46px 24px;display:flex}.pb-game-table p{font-size:13px;line-height:1.8}@media (max-width:850px){.pb-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-table-layout{grid-template-columns:1fr}}@media (max-width:560px){.pb-page{width:calc(100% - 32px);padding-top:24px}.pb-hero-mark{display:none}.pb-hero{margin-bottom:24px}.pb-panel{padding:20px}.pb-toolbar{flex-direction:column;align-items:stretch;gap:14px}.pb-room-grid{grid-template-columns:1fr}.pb-seats{gap:10px}.pb-room-navigation{align-items:flex-start}.pb-room-navigation .text-button{padding:4px 0;font-size:12px}.pb-section-heading h2{font-size:17px}}