.pl-app-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent-rgb:245 184 46;--accent:#f5b82e;--accent-hover:#f7c64d;--on-accent:#241a06;--accent-soft:rgb(var(--accent-rgb) / 8%);--accent-ring:rgb(var(--accent-rgb) / 40%);--accent-border:rgb(var(--accent-rgb) / 28%);--bg:#0a0b0f;--bg-sidebar:#0d0e13;--surface:#12141a;--surface-2:#171a21;--surface-hover:#1b1e25;--surface-active:#20232b;--surface-inset:#0b0c10;--border:#272a32;--border-strong:#363a45;--border-hover:#4a4f5c;--text:#eceef1;--text-secondary:#9ba1aa;--text-muted:#6a707a;--text-faint:#4d525b;--live:#ff3158;--success:#3ecf8e;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:14px;--r-full:999px;--shadow-card:0 1px 2px #00000057, 0 10px 24px -22px #000000eb;--shadow-raised:0 18px 34px -20px #000000e6, 0 0 0 1px #ffffff05;--t-fast:.12s cubic-bezier(.4, 0, .2, 1);--t:.16s cubic-bezier(.4, 0, .2, 1);--font-display:"Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;--fs-page:26px;--fs-body:13px;--fs-nick:15px;--fs-meta:12px;--fs-label:11px;--sidebar-w:224px;--page-max:1640px;--page-pad:24px;background:var(--bg);min-height:100dvh;color:var(--text);font-size:var(--fs-body)}@media (max-width:1180px){.pl-app-shell{--sidebar-w:200px}}@media (min-width:1600px){.pl-app-shell{--page-pad:32px}}.pl-shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}@media (max-width:899px){.pl-shell{grid-template-columns:minmax(0,1fr)}}.pl-main{background:linear-gradient(115deg,#ffffff04,#0000 28%);min-width:0;position:relative}.pl-page{max-width:var(--page-max);padding:0 var(--page-pad) 56px;margin:0 auto;position:relative}.pl-sidebar{gap:var(--s1);min-height:100dvh;padding:var(--s6) var(--s3) var(--s3);background:linear-gradient(180deg, #ffffff08, transparent 18%), linear-gradient(180deg, #101016, var(--bg-sidebar) 58%, #0a0a0e);border-right:1px solid var(--border);flex-direction:column;display:flex;box-shadow:10px 0 40px -35px #000}@media (max-width:899px){.pl-sidebar{min-height:0;padding:var(--s3) var(--s3) 0;background:var(--bg-sidebar);border-right:0;border-bottom:1px solid var(--border);box-shadow:none}}.pl-brand{padding:2px var(--s2) 28px;color:var(--text);font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.pl-brand img{object-fit:contain;width:22px;height:22px}.pl-brand span{color:var(--accent)}@media (max-width:899px){.pl-brand{padding:var(--s2) var(--s2) var(--s3)}}.pl-side-label{padding:var(--s6) var(--s2) var(--s2);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.pl-side-nav{gap:var(--s1);display:grid}@media (max-width:899px){.pl-side-label{display:none}.pl-side-nav{gap:var(--s2);padding-bottom:var(--s3);scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.pl-side-nav::-webkit-scrollbar{display:none}}.pl-side-item{align-items:center;gap:var(--s3);width:100%;min-height:34px;padding:0 var(--s2);border-radius:var(--r-md);font-size:var(--fs-body);color:var(--text-secondary);text-align:left;white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);font-weight:500;display:flex}.pl-side-item:hover{background:var(--surface-hover);color:var(--text)}.pl-side-item[aria-current=true]{background:var(--surface-active);color:var(--text);font-weight:600}.pl-game-icon{flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.pl-game-icon img{object-fit:contain;width:18px;height:18px;display:block}.pl-side-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pl-side-badge{border-radius:var(--r-full);background:var(--surface-active);font-variant-numeric:tabular-nums;text-align:center;min-width:20px;color:var(--text-secondary);flex:none;padding:1px 6px;font-size:10px;font-weight:700}.pl-side-item[aria-current=true] .pl-side-badge{background:var(--accent-soft);color:var(--accent-hover)}.pl-side-bottom{padding-top:var(--s4);margin-top:auto}@media (max-width:899px){.pl-side-bottom{display:none}}.pl-page-head{justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;padding:36px 0 28px;display:flex}.pl-eyebrow{font-size:var(--fs-label);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-weight:700;display:flex}.pl-page-title{margin-top:var(--s2);font-family:var(--font-display);font-size:var(--fs-page);letter-spacing:-.5px;color:var(--text);font-weight:600;line-height:1.15}.pl-page-intro{max-width:62ch;margin-top:var(--s3);color:var(--text-secondary);font-size:13.5px;line-height:1.6}.pl-toolbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--s4);min-height:52px;margin:0 calc(var(--page-pad) * -1);padding:var(--s2) var(--page-pad);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;display:flex;position:sticky;top:0}.pl-chip-row{align-items:center;gap:var(--s2);flex-wrap:wrap;min-width:0;display:flex}.pl-tool-actions{align-items:center;gap:var(--s2);flex-wrap:wrap;flex:none;display:flex}.pl-chip{height:30px;padding:0 var(--s3);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:var(--fs-meta);color:var(--text-secondary);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:6px;font-weight:500;display:inline-flex}.pl-chip:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.pl-chip[aria-pressed=true]{background:var(--surface-active);border-color:var(--border-hover);color:var(--text);font-weight:600}.pl-chip:disabled{cursor:default;color:var(--text-faint)}.pl-chip-count{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:11px}.pl-chip[aria-pressed=true] .pl-chip-count{color:var(--text-secondary)}.pl-tool-select{border:1px solid var(--border-strong);border-radius:var(--r-md);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ba1aa' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center, var(--surface);height:30px;font-size:var(--fs-meta);color:var(--text-secondary);appearance:none;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);padding:0 26px 0 10px;font-weight:500}.pl-tool-select:hover{border-color:var(--border-hover);color:var(--text)}.pl-grid{gap:var(--s4);margin-top:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:1120px){.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1500px){.pl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pl-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--t), border-color var(--t), background var(--t), box-shadow var(--t);flex-direction:column;display:flex;position:relative;overflow:hidden}.pl-card:hover{background:linear-gradient(145deg, #ffffff0a, transparent 36%), var(--surface-2);box-shadow:var(--shadow-raised);border-color:#ffffff29;transform:translateY(-3px)}.pl-card-media{aspect-ratio:16/9;background:var(--surface-inset);position:relative;overflow:hidden}.pl-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--t), filter var(--t)}.pl-card:hover .pl-card-media img{filter:brightness(.72);transform:scale(1.03)}.pl-card-media-empty{height:100%;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:radial-gradient(circle at 50% 35%, #ffffff0a, transparent 60%), var(--surface-inset);place-items:center;font-size:13px;font-weight:700;display:grid}.pl-badge-live{top:var(--s2);left:var(--s2);border-radius:var(--r-xs);background:var(--live);letter-spacing:.6px;color:#fff;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute}.pl-badge-live:before{content:"";border-radius:var(--r-full);background:#fff;width:5px;height:5px}.pl-badge-viewers{top:var(--s2);right:var(--s2);border-radius:var(--r-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;color:#f2f3f5;background:#000000b3;padding:3px 7px;font-size:10px;font-weight:600;position:absolute}.pl-badge-meta{bottom:var(--s2);border-radius:var(--r-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-secondary);background:#000000a6;padding:3px 7px;font-size:10px;font-weight:500;position:absolute}.pl-card-body{gap:var(--s3);padding:var(--s3);flex-direction:column;display:flex}.pl-card-person{align-items:flex-start;gap:var(--s2);min-width:0;display:flex}.pl-card-identity{flex:1;min-width:0}.pl-card-open{max-width:100%;font-family:var(--font-display);font-size:var(--fs-nick);color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.pl-card-sub{font-size:var(--fs-meta);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:2px;display:flex;overflow:hidden}.pl-badge-role{border:1px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface-inset);letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);flex:none;align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:700}.pl-card-desc{min-height:2.5em;font-size:var(--fs-meta);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.pl-card-watch{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--fs-meta);color:var(--text);transition:background var(--t-fast), border-color var(--t-fast);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:7px 14px;font-weight:600;display:inline-flex}.pl-card-watch:hover{background:var(--surface-active);border-color:var(--border-hover)}.pl-avatar{border-radius:var(--r-full);border:1px solid var(--border);object-fit:cover;flex:none;width:40px;height:40px}.pl-avatar-fallback{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;font-size:var(--fs-meta);color:var(--text-secondary);flex:none;place-items:center;font-weight:600;display:grid}
