.pcem-page{width:min(1180px,calc(100% - 28px));margin:28px auto 54px;display:grid;gap:22px}.pcem-hero,.pcem-panel,.pcem-step{border:1px solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,var(--panel,#111827) 92%,transparent);box-shadow:0 18px 46px rgba(0,0,0,.18)}.pcem-hero{border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 85% 15%,rgba(37,211,102,.16),transparent 34%),color-mix(in srgb,var(--panel,#111827) 95%,transparent)}.pcem-hero h1,.pcem-panel h2,.pcem-step h3{margin:0}.pcem-hero p{max-width:700px;margin:10px 0 0;line-height:1.65;opacity:.82}.pcem-kicker{margin:0 0 7px!important;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#54e08a}.pcem-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pcem-button,.pcem-copy-button{border:0;border-radius:12px;background:#25d366;color:#07150d!important;font-weight:800;text-decoration:none;cursor:pointer}.pcem-button{padding:12px 16px}.pcem-button--ghost{background:transparent;color:inherit!important;border:1px solid color-mix(in srgb,currentColor 20%,transparent)}.pcem-panel{border-radius:22px;padding:24px}.pcem-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.pcem-live-status{padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:750;background:rgba(148,163,184,.14)}.pcem-live-status.is-online{color:#67e89a;background:rgba(37,211,102,.12)}.pcem-live-status.is-offline{color:#fca5a5;background:rgba(239,68,68,.12)}.pcem-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.pcem-room-card{border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--panel,#111827) 86%,black 8%);display:grid;gap:15px}.pcem-room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pcem-room-platform{display:block;color:#54e08a;text-transform:uppercase;font-size:.7rem;font-weight:850;letter-spacing:.13em;margin-bottom:4px}.pcem-room-title h3{font-size:1.08rem;line-height:1.35}.pcem-room-state{white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.pcem-room-state.is-playing{color:#67e89a;background:rgba(37,211,102,.12)}.pcem-room-state.is-waiting{color:#fbbf24;background:rgba(245,158,11,.12)}.pcem-code-row{display:flex;align-items:center;gap:10px}.pcem-room-code{font-size:1.42rem;letter-spacing:.15em;font-weight:900;flex:1;padding:12px 14px;border-radius:12px;background:rgba(2,6,23,.34);border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.pcem-copy-button{padding:11px 13px}.pcem-room-meta{display:flex;flex-wrap:wrap;gap:8px}.pcem-room-meta span{padding:6px 9px;border-radius:999px;background:rgba(148,163,184,.11);font-size:.78rem;font-weight:700}.pcem-room-help{margin:0;opacity:.72;font-size:.88rem;line-height:1.5}.pcem-empty{border:1px dashed color-mix(in srgb,currentColor 20%,transparent);border-radius:16px;padding:28px;text-align:center}.pcem-empty strong,.pcem-empty span{display:block}.pcem-empty span{margin-top:8px;opacity:.72}.pcem-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pcem-step{border-radius:18px;padding:18px;display:flex;gap:14px}.pcem-step-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(37,211,102,.14);color:#67e89a;font-weight:900}.pcem-step p{margin:7px 0 0;opacity:.74;line-height:1.55;font-size:.9rem}@media(max-width:820px){.pcem-hero{align-items:flex-start;flex-direction:column}.pcem-hero-actions{justify-content:flex-start}.pcem-guide{grid-template-columns:1fr}}@media(max-width:540px){.pcem-page{width:min(100% - 18px,1180px);margin-top:16px}.pcem-hero,.pcem-panel{padding:18px}.pcem-panel-head,.pcem-room-top{align-items:flex-start;flex-direction:column}.pcem-code-row{align-items:stretch;flex-direction:column}.pcem-copy-button{width:100%}}