:root{color-scheme:light;--pp-palette-white: #ffffff;--pp-palette-slate-50: #f8fafc;--pp-palette-slate-100: #f1f5f9;--pp-palette-slate-200: #e2e8f0;--pp-palette-slate-300: #cbd5e1;--pp-palette-slate-500: #64748b;--pp-palette-slate-600: #475569;--pp-palette-slate-700: #334155;--pp-palette-slate-800: #1e293b;--pp-palette-slate-900: #0f172a;--pp-palette-slate-950: #020617;--pp-palette-violet-400: #a78bfa;--pp-palette-violet-500: #8b5cf6;--pp-palette-violet-600: #7c3aed;--pp-palette-violet-700: #6d28d9;--pp-palette-teal-400: #2dd4bf;--pp-palette-teal-500: #14b8a6;--pp-palette-teal-600: #0d9488;--pp-palette-amber-400: #fbbf24;--pp-palette-amber-500: #f59e0b;--pp-palette-rose-400: #fb7185;--pp-palette-rose-500: #f43f5e;--pp-palette-rose-600: #e11d48;--pp-palette-emerald-400: #34d399;--pp-palette-emerald-500: #10b981;--pp-palette-emerald-600: #059669;--pp-color-bg: var(--pp-palette-slate-50);--pp-color-background: var(--pp-color-bg);--pp-color-surface: var(--pp-palette-white);--pp-color-surface-raised: var(--pp-palette-white);--pp-color-border: var(--pp-palette-slate-200);--pp-color-text: var(--pp-palette-slate-900);--pp-color-text-muted: var(--pp-palette-slate-600);--pp-color-text-on-primary: var(--pp-palette-white);--pp-color-primary: var(--pp-palette-violet-600);--pp-color-primary-hover: var(--pp-palette-violet-700);--pp-color-primary-muted: color-mix(in srgb, var(--pp-palette-violet-500) 14%, transparent);--pp-color-accent: var(--pp-palette-teal-500);--pp-color-accent-hover: var(--pp-palette-teal-600);--pp-color-success: var(--pp-palette-emerald-600);--pp-color-success-muted: color-mix(in srgb, var(--pp-palette-emerald-500) 14%, transparent);--pp-color-warning: var(--pp-palette-amber-500);--pp-color-warning-muted: color-mix(in srgb, var(--pp-palette-amber-400) 18%, transparent);--pp-color-danger: var(--pp-palette-rose-600);--pp-color-danger-muted: color-mix(in srgb, var(--pp-palette-rose-500) 14%, transparent);--pp-color-focus-ring: var(--pp-palette-violet-500);--pp-shadow-color: 220 40% 10%;--pp-shadow-sm: 0 1px 2px hsl(var(--pp-shadow-color) / .06);--pp-shadow-md: 0 4px 12px hsl(var(--pp-shadow-color) / .1);--pp-shadow-lg: 0 12px 32px hsl(var(--pp-shadow-color) / .16);--pp-space-1: .25rem;--pp-space-2: .5rem;--pp-space-3: .75rem;--pp-space-4: 1rem;--pp-space-5: 1.5rem;--pp-space-6: 2rem;--pp-space-7: 3rem;--pp-space-8: 4rem;--pp-radius-sm: .375rem;--pp-radius-md: .75rem;--pp-radius-lg: 1.25rem;--pp-radius-full: 999px;--pp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pp-font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--pp-text-xs: .75rem;--pp-text-sm: .875rem;--pp-text-md: 1rem;--pp-text-lg: 1.125rem;--pp-text-xl: 1.5rem;--pp-text-2xl: 2rem;--pp-text-3xl: 2.75rem;--pp-leading-tight: 1.2;--pp-leading-normal: 1.5;--pp-weight-regular: 400;--pp-weight-medium: 500;--pp-weight-semibold: 600;--pp-weight-bold: 700;--pp-transition-fast: .12s ease;--pp-transition-base: .2s ease;--pp-gloss: linear-gradient( 180deg, color-mix(in srgb, var(--pp-palette-white) 16%, transparent) 0%, transparent 60% );--pp-glow-primary: 0 0 0 1px color-mix(in srgb, var(--pp-color-primary) 35%, transparent), 0 0 12px color-mix(in srgb, var(--pp-color-primary) 35%, transparent);--pp-glow-primary-lg: 0 0 0 1px color-mix(in srgb, var(--pp-color-primary) 40%, transparent), 0 0 20px color-mix(in srgb, var(--pp-color-primary) 45%, transparent);--pp-glow-danger: 0 0 0 1px color-mix(in srgb, var(--pp-color-danger) 35%, transparent), 0 0 12px color-mix(in srgb, var(--pp-color-danger) 35%, transparent);--pp-container-max: 40rem;--pp-touch-target-min: 2.75rem;--pp-card-w: 8.5rem;--pp-card-h: 11.75rem;--pp-card-overlap: .55}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--pp-color-bg: var(--pp-palette-slate-950);--pp-color-surface: var(--pp-palette-slate-900);--pp-color-surface-raised: var(--pp-palette-slate-800);--pp-color-border: var(--pp-palette-slate-700);--pp-color-text: var(--pp-palette-slate-50);--pp-color-text-muted: var(--pp-palette-slate-300);--pp-color-text-on-primary: var(--pp-palette-white);--pp-color-primary: var(--pp-palette-violet-400);--pp-color-primary-hover: var(--pp-palette-violet-500);--pp-color-primary-muted: color-mix(in srgb, var(--pp-palette-violet-400) 20%, transparent);--pp-color-accent: var(--pp-palette-teal-400);--pp-color-accent-hover: var(--pp-palette-teal-500);--pp-color-success: var(--pp-palette-emerald-400);--pp-color-success-muted: color-mix(in srgb, var(--pp-palette-emerald-400) 18%, transparent);--pp-color-warning: var(--pp-palette-amber-400);--pp-color-warning-muted: color-mix(in srgb, var(--pp-palette-amber-400) 22%, transparent);--pp-color-danger: var(--pp-palette-rose-400);--pp-color-danger-muted: color-mix(in srgb, var(--pp-palette-rose-400) 18%, transparent);--pp-color-focus-ring: var(--pp-palette-violet-400);--pp-shadow-color: 220 60% 2%}}:root[data-theme=light]{color-scheme:light;--pp-color-bg: var(--pp-palette-slate-50);--pp-color-surface: var(--pp-palette-white);--pp-color-surface-raised: var(--pp-palette-white);--pp-color-border: var(--pp-palette-slate-200);--pp-color-text: var(--pp-palette-slate-900);--pp-color-text-muted: var(--pp-palette-slate-600);--pp-color-primary: var(--pp-palette-violet-600);--pp-color-primary-hover: var(--pp-palette-violet-700);--pp-color-primary-muted: color-mix(in srgb, var(--pp-palette-violet-500) 14%, transparent);--pp-color-accent: var(--pp-palette-teal-500);--pp-color-accent-hover: var(--pp-palette-teal-600);--pp-color-success: var(--pp-palette-emerald-600);--pp-color-success-muted: color-mix(in srgb, var(--pp-palette-emerald-500) 14%, transparent);--pp-color-warning: var(--pp-palette-amber-500);--pp-color-warning-muted: color-mix(in srgb, var(--pp-palette-amber-400) 18%, transparent);--pp-color-danger: var(--pp-palette-rose-600);--pp-color-danger-muted: color-mix(in srgb, var(--pp-palette-rose-500) 14%, transparent);--pp-color-focus-ring: var(--pp-palette-violet-500);--pp-shadow-color: 220 40% 10%}:root[data-theme=dark]{color-scheme:dark;--pp-color-bg: var(--pp-palette-slate-950);--pp-color-surface: var(--pp-palette-slate-900);--pp-color-surface-raised: var(--pp-palette-slate-800);--pp-color-border: var(--pp-palette-slate-700);--pp-color-text: var(--pp-palette-slate-50);--pp-color-text-muted: var(--pp-palette-slate-300);--pp-color-primary: var(--pp-palette-violet-400);--pp-color-primary-hover: var(--pp-palette-violet-500);--pp-color-primary-muted: color-mix(in srgb, var(--pp-palette-violet-400) 20%, transparent);--pp-color-accent: var(--pp-palette-teal-400);--pp-color-accent-hover: var(--pp-palette-teal-500);--pp-color-success: var(--pp-palette-emerald-400);--pp-color-success-muted: color-mix(in srgb, var(--pp-palette-emerald-400) 18%, transparent);--pp-color-warning: var(--pp-palette-amber-400);--pp-color-warning-muted: color-mix(in srgb, var(--pp-palette-amber-400) 22%, transparent);--pp-color-danger: var(--pp-palette-rose-400);--pp-color-danger-muted: color-mix(in srgb, var(--pp-palette-rose-400) 18%, transparent);--pp-color-focus-ring: var(--pp-palette-violet-400);--pp-shadow-color: 220 60% 2%}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%}body{min-height:100%;margin:0;background:var(--pp-color-bg);color:var(--pp-color-text);font-family:var(--pp-font-sans);font-size:var(--pp-text-md);line-height:var(--pp-leading-normal);transition:background-color var(--pp-transition-base),color var(--pp-transition-base);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}h1,h2,h3,h4{margin:0 0 var(--pp-space-3);font-weight:var(--pp-weight-bold);line-height:var(--pp-leading-tight)}h1{font-size:var(--pp-text-2xl)}h2{font-size:var(--pp-text-xl)}h3{font-size:var(--pp-text-lg)}h4{font-size:var(--pp-text-md)}p{margin:0 0 var(--pp-space-3)}a{color:var(--pp-color-primary)}small{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}ul,ol{margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--pp-color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pp-app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:var(--pp-space-4)}@media (min-width: 640px){.pp-app-shell{padding:var(--pp-space-6)}}.pp-container{width:100%;max-width:var(--pp-container-max);margin-inline:auto}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pp-space-2);min-height:var(--pp-touch-target-min);padding:var(--pp-space-2) var(--pp-space-5);border:1px solid transparent;border-radius:var(--pp-radius-md);background:var(--pp-gloss),var(--pp-color-primary);color:var(--pp-color-text-on-primary);font-size:var(--pp-text-md);font-weight:var(--pp-weight-semibold);line-height:1;cursor:pointer;transition:background-color var(--pp-transition-fast),border-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast),opacity var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-btn:hover{background:var(--pp-gloss),var(--pp-color-primary-hover);box-shadow:var(--pp-glow-primary)}.pp-btn:focus-visible{box-shadow:var(--pp-glow-primary)}.pp-btn:active{transform:scale(.98)}.pp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pp-btn--secondary{background:transparent;border-color:var(--pp-color-border);color:var(--pp-color-text)}.pp-btn--secondary:hover{background:var(--pp-color-surface-raised);box-shadow:var(--pp-glow-primary)}.pp-btn--ghost{background:transparent;color:var(--pp-color-primary)}.pp-btn--ghost:hover{background:var(--pp-color-primary-muted);box-shadow:var(--pp-glow-primary)}.pp-btn--danger{background:var(--pp-gloss),var(--pp-color-danger)}.pp-btn--danger:hover{filter:brightness(.92);box-shadow:var(--pp-glow-danger)}.pp-btn--sm{min-height:2rem;padding:var(--pp-space-1) var(--pp-space-3);font-size:var(--pp-text-sm)}.pp-btn--full{width:100%}.pp-form{display:flex;flex-direction:column;gap:var(--pp-space-4);max-width:36rem}.pp-form__group{display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-label{display:block;font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold);color:var(--pp-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.pp-input,.pp-select{width:100%;padding:var(--pp-space-2) var(--pp-space-3);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);color:var(--pp-color-text);font-size:var(--pp-text-base);transition:border-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-input:hover,.pp-select:hover{border-color:var(--pp-color-primary)}.pp-input:focus,.pp-select:focus{outline:none;border-color:var(--pp-color-primary);box-shadow:var(--pp-glow-primary)}.pp-input::placeholder{color:var(--pp-color-text-muted)}.pp-avatar-picker{display:flex;gap:var(--pp-space-2);flex-wrap:wrap}.pp-avatar-picker__option{width:2.5rem;height:2.5rem;border-radius:var(--pp-radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--pp-transition-fast),border-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-avatar-picker__option:hover{transform:scale(1.1);border-color:var(--pp-color-text-muted)}.pp-avatar-picker__option--selected{border-color:var(--pp-color-primary);box-shadow:var(--pp-glow-primary)}.pp-form__avatar-preview{display:flex;justify-content:center;align-items:center;gap:var(--pp-space-4);padding:var(--pp-space-5) var(--pp-space-4);border-radius:var(--pp-radius-lg);background:var(--pp-color-surface-raised);margin-bottom:var(--pp-space-4)}.pp-avatar-preview__content{display:flex;flex-direction:column;align-items:center;gap:var(--pp-space-2)}.pp-avatar-preview__name{font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold);color:var(--pp-color-text);text-align:center;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-avatar-cycler{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);color:var(--pp-color-text);font-size:var(--pp-text-xl);font-weight:var(--pp-weight-bold);cursor:pointer;transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-avatar-cycler:hover{border-color:var(--pp-color-primary);background:var(--pp-color-surface-raised);box-shadow:var(--pp-glow-primary)}.pp-avatar-cycler:active{transform:scale(.95)}.pp-hat-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:var(--pp-space-2)}.pp-hat-picker__option{display:flex;flex-direction:column;align-items:center;gap:var(--pp-space-1);padding:var(--pp-space-2) var(--pp-space-3);border:2px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);cursor:pointer;font-size:var(--pp-text-xs);font-weight:var(--pp-weight-medium);transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-hat-picker__option:hover{border-color:var(--pp-color-primary);background:var(--pp-color-surface-raised)}.pp-hat-picker__option--selected{border-color:var(--pp-color-primary);background:var(--pp-color-surface-raised);box-shadow:var(--pp-glow-primary)}.pp-hat-picker__emoji{font-size:var(--pp-text-lg);line-height:1;height:1.5rem;display:flex;align-items:center;justify-content:center}.pp-hat-picker__label{text-align:center;color:var(--pp-color-text-muted)}.pp-emoji-input-group{display:flex;gap:var(--pp-space-2);align-items:center}.pp-emoji-input{text-align:center;font-size:var(--pp-text-xl);flex:1}.pp-emoji-input-group__clear{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:var(--pp-space-1) var(--pp-space-2);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);color:var(--pp-color-danger);font-size:var(--pp-text-lg);font-weight:var(--pp-weight-bold);cursor:pointer;transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast)}.pp-emoji-input-group__clear:hover{border-color:var(--pp-color-danger);background:color-mix(in srgb,var(--pp-color-danger) 10%,transparent)}.pp-emoji-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:var(--pp-space-1);padding:var(--pp-space-2);background:var(--pp-color-surface);border-radius:var(--pp-radius-md);border:1px solid var(--pp-color-border)}.pp-emoji-picker__option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid transparent;border-radius:var(--pp-radius-md);background:transparent;font-size:var(--pp-text-lg);cursor:pointer;transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-emoji-picker__option:hover{background:var(--pp-color-surface-raised);transform:scale(1.15)}.pp-emoji-picker__option--selected{border-color:var(--pp-color-primary);background:var(--pp-color-surface-raised);box-shadow:var(--pp-glow-primary)}.pp-card{background:var(--pp-color-surface);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-lg);box-shadow:var(--pp-shadow-sm);padding:var(--pp-space-5)}.pp-card--raised{background:var(--pp-color-surface-raised);box-shadow:var(--pp-shadow-md)}.pp-card__title{margin:0 0 var(--pp-space-2);font-size:var(--pp-text-lg);font-weight:var(--pp-weight-bold)}.pp-card__subtitle{margin:0 0 var(--pp-space-4);color:var(--pp-color-text-muted);font-size:var(--pp-text-sm)}.pp-badge{display:inline-flex;align-items:center;gap:var(--pp-space-1);padding:.125rem var(--pp-space-3);border-radius:var(--pp-radius-full);background:var(--pp-color-surface-raised);color:var(--pp-color-text-muted);font-size:var(--pp-text-xs);font-weight:var(--pp-weight-semibold);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.pp-badge--primary{background:var(--pp-color-primary-muted);color:var(--pp-color-primary)}.pp-badge--success{background:var(--pp-color-success-muted);color:var(--pp-color-success)}.pp-badge--warning{background:var(--pp-color-warning-muted);color:var(--pp-color-warning)}.pp-badge--danger{background:var(--pp-color-danger-muted);color:var(--pp-color-danger)}.pp-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-player-list__item{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-2) var(--pp-space-3);border-radius:var(--pp-radius-md);border:1px solid var(--pp-color-border);background:var(--pp-color-surface);transition:background-color var(--pp-transition-fast),border-color var(--pp-transition-fast)}.pp-player-list__item--self{background:var(--pp-color-surface-raised);border-color:var(--pp-color-primary-muted)}.pp-player-list__item--disconnected{opacity:.6}.pp-player-list__info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.pp-player-list__name{font-weight:var(--pp-weight-semibold);font-size:var(--pp-text-base);color:var(--pp-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-player-list__badge{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--pp-weight-medium);margin-left:var(--pp-space-2)}.pp-player-list__status{font-size:var(--pp-text-xs);font-weight:var(--pp-weight-medium)}.pp-player-list__status--ready{color:var(--pp-color-success)}.pp-player-list__status--not-ready{color:var(--pp-color-warning)}.pp-player-list__status--disconnected{color:var(--pp-color-danger)}.pp-player-list__host-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:var(--pp-space-1) var(--pp-space-2);background:var(--pp-color-primary);border-radius:var(--pp-radius-sm);flex-shrink:0}.pp-player-list__host-badge-text{font-size:var(--pp-text-xs);font-weight:var(--pp-weight-semibold);color:var(--pp-color-text-on-primary);text-transform:uppercase;letter-spacing:.04em}.pp-avatar{--pp-avatar-size: var(--pp-avatar-size, 2.5rem);display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--pp-avatar-size) * .08);position:relative;width:var(--pp-avatar-size);height:var(--pp-avatar-size);background:var(--pp-avatar-color, var(--pp-color-primary));color:var(--pp-color-text-on-primary);font-weight:var(--pp-weight-bold);font-size:calc(var(--pp-avatar-size) * .5);flex-shrink:0;-webkit-user-select:none;user-select:none;mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Plain%20droplet%20silhouette%20used%20as%20a%20CSS%20mask%20(see%20`.pp-avatar`%20in%20components.css),%20not%20rendered%20directly.%20Solid%20white%20fill%20so%20it%20works%20for%20both%20luminance-%20and%20alpha-based%20CSS%20masking;%20the%20shape%20must%20exactly%20match%20the%20body%20path%20in%20logo.svg%20/%20logo-lockup.svg%20so%20the%20avatar%20reads%20as%20the%20same%20mark,%20just%20recolored%20per-player.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%204%20C32%204%2012%2030%2012%2042%20C12%2053.5%2020.9%2060%2032%2060%20C43.1%2060%2052%2053.5%2052%2042%20C52%2030%2032%204%2032%204%20Z'%20fill='%23ffffff'%20/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Plain%20droplet%20silhouette%20used%20as%20a%20CSS%20mask%20(see%20`.pp-avatar`%20in%20components.css),%20not%20rendered%20directly.%20Solid%20white%20fill%20so%20it%20works%20for%20both%20luminance-%20and%20alpha-based%20CSS%20masking;%20the%20shape%20must%20exactly%20match%20the%20body%20path%20in%20logo.svg%20/%20logo-lockup.svg%20so%20the%20avatar%20reads%20as%20the%20same%20mark,%20just%20recolored%20per-player.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%204%20C32%204%2012%2030%2012%2042%20C12%2053.5%2020.9%2060%2032%2060%20C43.1%2060%2052%2053.5%2052%2042%20C52%2030%2032%204%2032%204%20Z'%20fill='%23ffffff'%20/%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transform-origin:50% 100%}.pp-avatar--sm{--pp-avatar-size: 1.75rem}.pp-avatar--lg{--pp-avatar-size: 3.5rem}.pp-avatar img{width:100%;height:100%;object-fit:cover}.pp-avatar-frame{--pp-avatar-size: 2.5rem;position:relative;display:inline-flex}.pp-avatar-frame--sm{--pp-avatar-size: 1.75rem}.pp-avatar-frame--md{--pp-avatar-size: 2.25rem}.pp-avatar-frame--lg{--pp-avatar-size: 3.5rem}.pp-avatar__hat{position:absolute;top:calc(var(--pp-avatar-size) * -.34);left:50%;transform:translate(-50%);font-size:calc(var(--pp-avatar-size) * .6);line-height:1;pointer-events:none;z-index:1;filter:drop-shadow(0 1px 1px hsl(var(--pp-shadow-color) / .35))}.pp-avatar__hat--preview{font-size:calc(var(--pp-avatar-size) * .65)}.pp-avatar__hat--party:before{content:"🎉"}.pp-avatar__hat--top-hat:before{content:"🎩"}.pp-avatar__hat--cap:before{content:"🧢";transform:rotate(-8deg);display:inline-block}.pp-avatar__hat--crown:before{content:"👑"}.pp-avatar-frame--active{animation:pp-avatar-jump 1.5s ease-in-out infinite}.pp-avatar-frame--active .pp-avatar{animation:pp-avatar-squash 1.5s ease-in-out infinite}.pp-avatar--active{animation:pp-avatar-jump-squash 1.5s ease-in-out infinite}.pp-avatar-frame--bouncing{animation:pp-avatar-jump 1.5s ease-in-out forwards}.pp-avatar-frame--bouncing .pp-avatar,.pp-avatar-frame--bouncing .pp-avatar-blob{animation:pp-avatar-squash 1.5s ease-in-out forwards}.pp-avatar--bouncing{animation:pp-avatar-jump-squash 1.5s ease-in-out forwards}@media (prefers-reduced-motion: reduce){.pp-avatar-frame--active,.pp-avatar-frame--active .pp-avatar,.pp-avatar--active,.pp-avatar-frame--bouncing,.pp-avatar-frame--bouncing .pp-avatar,.pp-avatar-frame--bouncing .pp-avatar-blob,.pp-avatar--bouncing{animation:none}}@keyframes pp-avatar-jump{0%,18%{transform:translateY(0)}40%{transform:translateY(-38%)}55%{transform:translateY(-46%)}70%{transform:translateY(-38%)}88%{transform:translateY(-4%)}to{transform:translateY(0)}}@keyframes pp-avatar-squash{0%{transform:scale(1)}12%{transform:scale(1.1,.85)}28%{transform:scale(.9,1.18)}45%{transform:scale(.96,1.08)}60%{transform:scale(1)}88%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes pp-avatar-jump-squash{0%,18%{transform:translateY(0) scale(1)}12%{transform:translateY(0) scale(1.1,.85)}28%{transform:translateY(0) scale(.9,1.18)}40%{transform:translateY(-38%) scale(.96,1.08)}55%{transform:translateY(-46%) scale(1)}70%{transform:translateY(-38%) scale(1)}88%{transform:translateY(-4%) scale(1.05,.95)}to{transform:translateY(0) scale(1)}}.pp-field{display:flex;flex-direction:column;gap:var(--pp-space-1);margin-bottom:var(--pp-space-4)}.pp-field__label{font-size:var(--pp-text-sm);font-weight:var(--pp-weight-medium);color:var(--pp-color-text-muted)}.pp-input{min-height:var(--pp-touch-target-min);padding:var(--pp-space-2) var(--pp-space-3);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);color:var(--pp-color-text);font-size:var(--pp-text-md);transition:border-color var(--pp-transition-fast)}.pp-input:focus-visible{border-color:var(--pp-color-primary);box-shadow:var(--pp-glow-primary)}.pp-field__hint{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-select-wrapper{position:relative;display:flex}.pp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--pp-touch-target-min);padding:var(--pp-space-2) var(--pp-space-7) var(--pp-space-2) var(--pp-space-3);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);color:var(--pp-color-text);font-size:var(--pp-text-md);cursor:pointer;transition:border-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-select:focus-visible{border-color:var(--pp-color-primary);box-shadow:var(--pp-glow-primary)}.pp-select-wrapper:after{content:"";position:absolute;right:var(--pp-space-4);top:50%;width:.4rem;height:.4rem;border-right:2px solid var(--pp-color-text-muted);border-bottom:2px solid var(--pp-color-text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.pp-slider-field{display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-slider-field__row{display:flex;align-items:center;justify-content:space-between;gap:var(--pp-space-2)}.pp-slider-field__value{font-variant-numeric:tabular-nums;font-weight:var(--pp-weight-semibold);color:var(--pp-color-primary)}.pp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.375rem;min-height:0;border-radius:var(--pp-radius-full);background:linear-gradient(to right,var(--pp-color-primary) 0%,var(--pp-color-primary) var(--pp-slider-fill, 50%),var(--pp-color-border) var(--pp-slider-fill, 50%),var(--pp-color-border) 100%);cursor:pointer;transition:box-shadow var(--pp-transition-fast)}.pp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border-radius:50%;background:var(--pp-gloss),var(--pp-color-primary);box-shadow:var(--pp-shadow-sm);transition:box-shadow var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-slider::-moz-range-track{height:.375rem;border-radius:var(--pp-radius-full);background:var(--pp-color-border)}.pp-slider::-moz-range-progress{height:.375rem;border-radius:var(--pp-radius-full);background:var(--pp-color-primary)}.pp-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:var(--pp-gloss),var(--pp-color-primary);box-shadow:var(--pp-shadow-sm);transition:box-shadow var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-slider:hover::-webkit-slider-thumb,.pp-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--pp-glow-primary)}.pp-slider:hover::-moz-range-thumb,.pp-slider:focus-visible::-moz-range-thumb{box-shadow:var(--pp-glow-primary)}.pp-slider:active::-webkit-slider-thumb{transform:scale(1.1)}.pp-slider:active::-moz-range-thumb{transform:scale(1.1)}.pp-radio-group,.pp-checkbox-group{display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-radio,.pp-checkbox{display:flex;align-items:center;gap:var(--pp-space-3);min-height:var(--pp-touch-target-min);padding:var(--pp-space-2) var(--pp-space-3);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);cursor:pointer;transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-radio:hover,.pp-checkbox:hover{background:var(--pp-color-surface-raised)}.pp-radio input,.pp-checkbox input{width:1.125rem;height:1.125rem;flex-shrink:0;accent-color:var(--pp-color-primary)}.pp-radio:has(input:checked),.pp-checkbox:has(input:checked){border-color:var(--pp-color-primary);background:var(--pp-color-primary-muted)}.pp-radio:has(input:focus-visible),.pp-checkbox:has(input:focus-visible){box-shadow:var(--pp-glow-primary)}.pp-toggle{position:relative;display:inline-flex;align-items:center;width:3rem;height:1.75rem;border-radius:var(--pp-radius-full);background:var(--pp-color-border);cursor:pointer;transition:background-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast);border:none;padding:.1875rem;flex-shrink:0}.pp-toggle[aria-checked=true]{background:var(--pp-gloss),var(--pp-color-primary);box-shadow:var(--pp-glow-primary)}.pp-toggle__thumb{width:1.375rem;height:1.375rem;border-radius:50%;background:var(--pp-color-surface);box-shadow:var(--pp-shadow-sm);transition:transform var(--pp-transition-fast)}.pp-toggle[aria-checked=true] .pp-toggle__thumb{transform:translate(1.25rem)}.pp-player-list{list-style:none;display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-player-row{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-2) var(--pp-space-3);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);border:1px solid var(--pp-color-border)}.pp-player-row__name{flex:1;font-weight:var(--pp-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-player-row__meta{display:flex;align-items:center;gap:var(--pp-space-2);font-size:var(--pp-text-sm);color:var(--pp-color-text-muted)}.pp-scoreboard{list-style:none;display:flex;flex-direction:column;gap:var(--pp-space-2)}.pp-scoreboard__row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-3);border-radius:var(--pp-radius-md);background:var(--pp-color-surface);border:1px solid var(--pp-color-border)}.pp-scoreboard__row--winner{border-color:var(--pp-color-primary);background:var(--pp-color-primary-muted)}.pp-scoreboard__rank{font-weight:var(--pp-weight-bold);color:var(--pp-color-text-muted);text-align:center}.pp-scoreboard__row--winner .pp-scoreboard__rank{color:var(--pp-color-primary)}.pp-scoreboard__score{font-variant-numeric:tabular-nums;font-weight:var(--pp-weight-bold)}.pp-alert{display:flex;align-items:flex-start;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-4);border-radius:var(--pp-radius-md);border:1px solid transparent;font-size:var(--pp-text-sm)}.pp-alert--info{background:var(--pp-color-primary-muted);border-color:var(--pp-color-primary);color:var(--pp-color-primary)}.pp-alert--success{background:var(--pp-color-success-muted);border-color:var(--pp-color-success);color:var(--pp-color-success)}.pp-alert--warning{background:var(--pp-color-warning-muted);border-color:var(--pp-color-warning);color:var(--pp-color-warning)}.pp-alert--danger{background:var(--pp-color-danger-muted);border-color:var(--pp-color-danger);color:var(--pp-color-danger)}.pp-toast{position:fixed;left:50%;bottom:var(--pp-space-6);transform:translate(-50%);display:flex;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-5);border-radius:var(--pp-radius-full);background:var(--pp-color-surface-raised);color:var(--pp-color-text);box-shadow:var(--pp-shadow-lg);font-size:var(--pp-text-sm);font-weight:var(--pp-weight-medium);z-index:100}.pp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--pp-shadow-color) / .5);display:flex;align-items:flex-end;justify-content:center;padding:var(--pp-space-4);z-index:200}@media (min-width: 640px){.pp-modal-backdrop{align-items:center}}.pp-modal{width:100%;max-width:28rem;background:var(--pp-color-surface);border-radius:var(--pp-radius-lg);box-shadow:var(--pp-shadow-lg);padding:var(--pp-space-5)}.pp-modal__actions{display:flex;justify-content:flex-end;gap:var(--pp-space-2);margin-top:var(--pp-space-5)}.pp-countdown{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;border:3px solid var(--pp-color-primary);color:var(--pp-color-primary);font-size:var(--pp-text-xl);font-weight:var(--pp-weight-bold);font-variant-numeric:tabular-nums}.pp-countdown--locked{border-color:var(--pp-color-danger);color:var(--pp-color-danger)}.pp-game-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-4);border-radius:var(--pp-radius-md);border:1px solid var(--pp-color-border);background:var(--pp-color-surface);text-align:center;cursor:pointer;min-height:6rem;transition:border-color var(--pp-transition-fast),background-color var(--pp-transition-fast),box-shadow var(--pp-transition-fast),transform var(--pp-transition-fast)}.pp-game-tile:hover:not(:disabled){border-color:var(--pp-color-primary);transform:translateY(-2px);box-shadow:var(--pp-glow-primary)}.pp-game-tile:disabled{border-color:var(--pp-color-primary);background:var(--pp-color-primary-muted);cursor:default;opacity:1}.pp-game-tile__thumb{width:100%;aspect-ratio:16 / 9;border-radius:var(--pp-radius-md);background:var(--pp-color-surface-raised);object-fit:cover;display:none}.pp-game-tile__name{font-weight:var(--pp-weight-bold);font-size:var(--pp-text-base)}.pp-game-tile__meta{color:var(--pp-color-text-muted);font-size:var(--pp-text-sm);display:none}.pp-invite-box{display:flex;align-items:stretch;gap:var(--pp-space-2)}.pp-invite-box__link{flex:1;min-width:0;display:flex;align-items:center;padding:var(--pp-space-2) var(--pp-space-3);border:1px dashed var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface-raised);font-family:var(--pp-font-mono);font-size:var(--pp-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-logo-mark{display:inline-block;flex-shrink:0;width:2.75rem;height:2.75rem;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLQogIFB1ZGR5IFBhcnR5IG1hcmsuCgogIERlc2lnbmVkIHRvIHNpdCBvbiAqYW55KiBiYXNlIGNvbG9yLCBpbiBsaWdodCBvciBkYXJrIHRoZW1lcyDigJQgaW5jbHVkaW5nCiAgYSBjdXN0b20gcGVyLXBsYXllciBjYXJkLWJhY2sgY29sb3IuIEFjaGlldmVkIHdpdGggYSAic3RpY2tlciIgdGVjaG5pcXVlCiAgcmF0aGVyIHRoYW4gdGhlbWUgdG9rZW5zOiBhIHdoaXRlIGZpbGwgKHBvcHMgb24gZGFyay9zYXR1cmF0ZWQKICBiYWNrZ3JvdW5kcykgY29tYmluZWQgd2l0aCBhIGJvbGQgZGFyayBvdXRsaW5lIChwb3BzIG9uIGxpZ2h0L3doaXRlCiAgYmFja2dyb3VuZHMpLCBzbyBjb250cmFzdCBuZXZlciBkZXBlbmRzIG9uIGtub3dpbmcgdGhlIGJhY2tncm91bmQgY29sb3IKICBpbiBhZHZhbmNlLiBEbyBub3QgcmVjb2xvciB0aGlzIGZpbGUgcGVyLXRoZW1lOyB0aGF0J3MgdGhlIHdob2xlIHBvaW50LgotLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlB1ZGR5IFBhcnR5Ij4KICA8IS0tIEJvZHk6IGEgZnJpZW5kbHkgcHVkZGxlL2Ryb3BsZXQgc2lsaG91ZXR0ZSAtLT4KICA8cGF0aAogICAgZD0iTTMyIDQKICAgICAgIEMzMiA0IDEyIDMwIDEyIDQyCiAgICAgICBDMTIgNTMuNSAyMC45IDYwIDMyIDYwCiAgICAgICBDNDMuMSA2MCA1MiA1My41IDUyIDQyCiAgICAgICBDNTIgMzAgMzIgNCAzMiA0CiAgICAgICBaIgogICAgZmlsbD0iI2ZmZmZmZiIKICAgIHN0cm9rZT0iIzE0MTMxZiIKICAgIHN0cm9rZS13aWR0aD0iNCIKICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgLz4KICA8IS0tIEZhY2U6IHR3byBleWVzICsgYSBzbWlsZSwgYWx3YXlzIGRhcmstb24td2hpdGUgc28gaXQgcmVhZHMgcmVnYXJkbGVzcwogICAgICAgb2Ygd2hhdCdzIGJlaGluZCB0aGUgbWFyayAtLT4KICA8Y2lyY2xlIGN4PSIyNC41IiBjeT0iNDAiIHI9IjMuNCIgZmlsbD0iIzE0MTMxZiIgLz4KICA8Y2lyY2xlIGN4PSIzOS41IiBjeT0iNDAiIHI9IjMuNCIgZmlsbD0iIzE0MTMxZiIgLz4KICA8cGF0aAogICAgZD0iTTIzIDQ3LjUgQzI2LjUgNTIuNSAzNy41IDUyLjUgNDEgNDcuNSIKICAgIGZpbGw9Im5vbmUiCiAgICBzdHJva2U9IiMxNDEzMWYiCiAgICBzdHJva2Utd2lkdGg9IjMuMiIKICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAvPgogIDwhLS0gSGlnaGxpZ2h0OiBzbWFsbCBzcGVjdWxhciBkb3QgZm9yIGEgYml0IG9mIGxpZmUvc2hpbmUgLS0+CiAgPGVsbGlwc2UgY3g9IjIzIiBjeT0iMjIiIHJ4PSIzLjYiIHJ5PSI1LjQiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4IDIzIDIyKSIgLz4KPC9zdmc+Cg==);background-size:contain;background-repeat:no-repeat;background-position:center}.pp-logo-mark--sm{width:1.75rem;height:1.75rem}.pp-logo-mark--lg{width:4.5rem;height:4.5rem}.pp-logo-lockup{display:inline-block;flex-shrink:0;width:2.75rem;aspect-ratio:64 / 92;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLQogIFB1ZGR5IFBhcnR5IGxvY2t1cDogdGhlIGRyb3BsZXQgbWFyayBwbHVzIGEgIlBQIiBtb25vZ3JhbSB1bmRlcm5lYXRoLgoKICBTYW1lICJzdGlja2VyIiBjb250cmFzdCB0ZWNobmlxdWUgYXMgbG9nby5zdmcgKHdoaXRlIGZpbGwgKyBkYXJrIG91dGxpbmUpCiAgc28gaXQgc3RpbGwgcmVhZHMgb24gYW55IGJhc2UgY29sb3IvdGhlbWUuIFVzZSB0aGlzIHZhcmlhbnQgd2hlcmUgdGhlcmUncwogIHJvb20gdG8gYnJlYXRoZSAocGFnZSBoZWFkZXIsIHNwbGFzaC9sb2FkaW5nIHNjcmVlbnMpOyBrZWVwIHVzaW5nIHRoZQogIHBsYWluIGljb24tb25seSBgbG9nby5zdmdgIHdoZXJldmVyIHNwYWNlIGlzIHRpZ2h0IChjYXJkIGNyZXN0LCBzbWFsbAogIGF2YXRhcnMpIHNvIHRoZSBtYXJrIGRvZXNuJ3QgZ2V0IGNyYW1wZWQgb3IgaWxsZWdpYmxlIGF0IHNtYWxsIHNpemVzLgotLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA5MiIgd2lkdGg9IjY0IiBoZWlnaHQ9IjkyIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlB1ZGR5IFBhcnR5Ij4KICA8IS0tIEJvZHk6IHRoZSBzYW1lIGZyaWVuZGx5IHB1ZGRsZS9kcm9wbGV0IHNpbGhvdWV0dGUgYXMgbG9nby5zdmcgLS0+CiAgPHBhdGgKICAgIGQ9Ik0zMiA0CiAgICAgICBDMzIgNCAxMiAzMCAxMiA0MgogICAgICAgQzEyIDUzLjUgMjAuOSA2MCAzMiA2MAogICAgICAgQzQzLjEgNjAgNTIgNTMuNSA1MiA0MgogICAgICAgQzUyIDMwIDMyIDQgMzIgNAogICAgICAgWiIKICAgIGZpbGw9IiNmZmZmZmYiCiAgICBzdHJva2U9IiMxNDEzMWYiCiAgICBzdHJva2Utd2lkdGg9IjQiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogIC8+CiAgPGNpcmNsZSBjeD0iMjQuNSIgY3k9IjQwIiByPSIzLjQiIGZpbGw9IiMxNDEzMWYiIC8+CiAgPGNpcmNsZSBjeD0iMzkuNSIgY3k9IjQwIiByPSIzLjQiIGZpbGw9IiMxNDEzMWYiIC8+CiAgPHBhdGgKICAgIGQ9Ik0yMyA0Ny41IEMyNi41IDUyLjUgMzcuNSA1Mi41IDQxIDQ3LjUiCiAgICBmaWxsPSJub25lIgogICAgc3Ryb2tlPSIjMTQxMzFmIgogICAgc3Ryb2tlLXdpZHRoPSIzLjIiCiAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgLz4KICA8ZWxsaXBzZSBjeD0iMjMiIGN5PSIyMiIgcng9IjMuNiIgcnk9IjUuNCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMjMgMjIpIiAvPgoKICA8IS0tICJQUCIgbW9ub2dyYW0sIHNhbWUgc3RpY2tlciBmaWxsL291dGxpbmUgYXMgdGhlIGJvZHkgYWJvdmUgLS0+CiAgPHRleHQKICAgIHg9IjMyIgogICAgeT0iODMiCiAgICB0ZXh0LWFuY2hvcj0ibWlkZGxlIgogICAgZm9udC1mYW1pbHk9IidJbnRlcicsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBzYW5zLXNlcmlmIgogICAgZm9udC13ZWlnaHQ9IjgwMCIKICAgIGZvbnQtc2l6ZT0iMjYiCiAgICBsZXR0ZXItc3BhY2luZz0iLTEiCiAgICBmaWxsPSIjZmZmZmZmIgogICAgc3Ryb2tlPSIjMTQxMzFmIgogICAgc3Ryb2tlLXdpZHRoPSIyLjUiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgcGFpbnQtb3JkZXI9InN0cm9rZSIKICA+UFA8L3RleHQ+Cjwvc3ZnPgo=);background-size:contain;background-repeat:no-repeat;background-position:center}.pp-logo-lockup--lg{width:4.5rem}.pp-card-game{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:var(--pp-card-w);height:var(--pp-card-h);padding:var(--pp-space-4);border-radius:var(--pp-radius-lg);border:1px solid var(--pp-color-border);box-shadow:var(--pp-shadow-md);font-weight:var(--pp-weight-semibold);font-size:var(--pp-text-md);line-height:var(--pp-leading-tight);-webkit-user-select:none;user-select:none;transition:transform var(--pp-transition-fast),box-shadow var(--pp-transition-fast)}.pp-card-game__label{align-self:flex-start;font-size:var(--pp-text-xs);font-weight:var(--pp-weight-bold);text-transform:uppercase;letter-spacing:.04em;opacity:.65}.pp-card-game__footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--pp-text-xs);font-weight:var(--pp-weight-medium);opacity:.6}.pp-card-game--light{background:var(--pp-gloss),var(--pp-color-surface);color:var(--pp-color-text)}.pp-card-game--dark{background:var(--pp-gloss),var(--pp-palette-slate-900);border-color:color-mix(in srgb,var(--pp-palette-white) 12%,transparent);color:var(--pp-palette-white)}.pp-card-game--back{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--pp-color-primary) 0,var(--pp-color-primary) 6px,var(--pp-color-primary-hover) 6px,var(--pp-color-primary-hover) 12px);border-color:transparent}.pp-card-game__crest{width:4.5rem;aspect-ratio:64 / 92;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLQogIFB1ZGR5IFBhcnR5IGxvY2t1cDogdGhlIGRyb3BsZXQgbWFyayBwbHVzIGEgIlBQIiBtb25vZ3JhbSB1bmRlcm5lYXRoLgoKICBTYW1lICJzdGlja2VyIiBjb250cmFzdCB0ZWNobmlxdWUgYXMgbG9nby5zdmcgKHdoaXRlIGZpbGwgKyBkYXJrIG91dGxpbmUpCiAgc28gaXQgc3RpbGwgcmVhZHMgb24gYW55IGJhc2UgY29sb3IvdGhlbWUuIFVzZSB0aGlzIHZhcmlhbnQgd2hlcmUgdGhlcmUncwogIHJvb20gdG8gYnJlYXRoZSAocGFnZSBoZWFkZXIsIHNwbGFzaC9sb2FkaW5nIHNjcmVlbnMpOyBrZWVwIHVzaW5nIHRoZQogIHBsYWluIGljb24tb25seSBgbG9nby5zdmdgIHdoZXJldmVyIHNwYWNlIGlzIHRpZ2h0IChjYXJkIGNyZXN0LCBzbWFsbAogIGF2YXRhcnMpIHNvIHRoZSBtYXJrIGRvZXNuJ3QgZ2V0IGNyYW1wZWQgb3IgaWxsZWdpYmxlIGF0IHNtYWxsIHNpemVzLgotLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA5MiIgd2lkdGg9IjY0IiBoZWlnaHQ9IjkyIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlB1ZGR5IFBhcnR5Ij4KICA8IS0tIEJvZHk6IHRoZSBzYW1lIGZyaWVuZGx5IHB1ZGRsZS9kcm9wbGV0IHNpbGhvdWV0dGUgYXMgbG9nby5zdmcgLS0+CiAgPHBhdGgKICAgIGQ9Ik0zMiA0CiAgICAgICBDMzIgNCAxMiAzMCAxMiA0MgogICAgICAgQzEyIDUzLjUgMjAuOSA2MCAzMiA2MAogICAgICAgQzQzLjEgNjAgNTIgNTMuNSA1MiA0MgogICAgICAgQzUyIDMwIDMyIDQgMzIgNAogICAgICAgWiIKICAgIGZpbGw9IiNmZmZmZmYiCiAgICBzdHJva2U9IiMxNDEzMWYiCiAgICBzdHJva2Utd2lkdGg9IjQiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogIC8+CiAgPGNpcmNsZSBjeD0iMjQuNSIgY3k9IjQwIiByPSIzLjQiIGZpbGw9IiMxNDEzMWYiIC8+CiAgPGNpcmNsZSBjeD0iMzkuNSIgY3k9IjQwIiByPSIzLjQiIGZpbGw9IiMxNDEzMWYiIC8+CiAgPHBhdGgKICAgIGQ9Ik0yMyA0Ny41IEMyNi41IDUyLjUgMzcuNSA1Mi41IDQxIDQ3LjUiCiAgICBmaWxsPSJub25lIgogICAgc3Ryb2tlPSIjMTQxMzFmIgogICAgc3Ryb2tlLXdpZHRoPSIzLjIiCiAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgLz4KICA8ZWxsaXBzZSBjeD0iMjMiIGN5PSIyMiIgcng9IjMuNiIgcnk9IjUuNCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMjMgMjIpIiAvPgoKICA8IS0tICJQUCIgbW9ub2dyYW0sIHNhbWUgc3RpY2tlciBmaWxsL291dGxpbmUgYXMgdGhlIGJvZHkgYWJvdmUgLS0+CiAgPHRleHQKICAgIHg9IjMyIgogICAgeT0iODMiCiAgICB0ZXh0LWFuY2hvcj0ibWlkZGxlIgogICAgZm9udC1mYW1pbHk9IidJbnRlcicsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBzYW5zLXNlcmlmIgogICAgZm9udC13ZWlnaHQ9IjgwMCIKICAgIGZvbnQtc2l6ZT0iMjYiCiAgICBsZXR0ZXItc3BhY2luZz0iLTEiCiAgICBmaWxsPSIjZmZmZmZmIgogICAgc3Ryb2tlPSIjMTQxMzFmIgogICAgc3Ryb2tlLXdpZHRoPSIyLjUiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgcGFpbnQtb3JkZXI9InN0cm9rZSIKICA+UFA8L3RleHQ+Cjwvc3ZnPgo=);background-size:contain;background-repeat:no-repeat;background-position:center}.pp-card-hand{display:flex;padding:var(--pp-space-5) 0}.pp-card-hand .pp-card-game{margin-left:calc(var(--pp-card-w) * -1 * var(--pp-card-overlap));transform:rotate(var(--pp-card-rotate, 0deg));transform-origin:bottom center}.pp-card-hand .pp-card-game:first-child{margin-left:0}.pp-card-hand .pp-card-game:hover,.pp-card-hand .pp-card-game:focus-visible{transform:rotate(var(--pp-card-rotate, 0deg)) translateY(-1.25rem);box-shadow:var(--pp-shadow-lg);z-index:5}.pp-card-stack{position:relative;width:var(--pp-card-w);height:var(--pp-card-h)}.pp-card-stack .pp-card-game{position:absolute;top:calc(var(--pp-stack-index, 0) * -2px);left:calc(var(--pp-stack-index, 0) * 2px);z-index:var(--pp-stack-index, 0)}.pp-card-stack__count{position:absolute;right:-.5rem;bottom:-.5rem;z-index:10;background:hsl(var(--pp-shadow-color) / .85);border:1.5px solid color-mix(in srgb,var(--pp-palette-white) 55%,transparent);color:var(--pp-palette-white);box-shadow:var(--pp-shadow-sm)}.pp-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-7) var(--pp-space-4);color:var(--pp-color-text-muted);text-align:center}.pp-spinner{width:1.5rem;height:1.5rem;border-radius:50%;border:3px solid var(--pp-color-border);border-top-color:var(--pp-color-primary);animation:pp-spin .7s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-invite-link{display:flex;flex-direction:column;gap:var(--pp-space-3)}.pp-invite-link__label{margin:0;font-weight:var(--pp-weight-semibold);font-size:var(--pp-text-sm);color:var(--pp-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.pp-invite-link__controls{display:flex;gap:var(--pp-space-2);flex-wrap:wrap;align-items:center}.pp-invite-link__url{flex:1;min-width:0;padding:var(--pp-space-2) var(--pp-space-3);border:1px dashed var(--pp-color-border);border-radius:var(--pp-radius-md);background:var(--pp-color-surface-raised);font-family:var(--pp-font-mono);font-size:var(--pp-text-sm);color:var(--pp-color-text-muted);overflow-x:auto;white-space:nowrap}.pp-invite-link__copy,.pp-invite-link__share{flex-shrink:0}.pp-invite-link__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}.pp-invite-link__copy--copied{background:var(--pp-gloss),var(--pp-color-success);color:var(--pp-color-text-on-success)}.pp-invite-link__error{margin:0;padding:var(--pp-space-2) var(--pp-space-3);border-radius:var(--pp-radius-md);background:var(--pp-palette-red-100);color:var(--pp-palette-red-900);font-size:var(--pp-text-sm)}@media (prefers-color-scheme: dark){.pp-invite-link__error{background:var(--pp-palette-red-950);color:var(--pp-palette-red-200)}}.pp-results-screen{display:flex;flex-direction:column;gap:var(--pp-space-6);padding:var(--pp-space-4);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.pp-results-screen__title{margin:0;margin-top:var(--pp-space-4);text-align:center;font-size:var(--pp-text-2xl);font-weight:var(--pp-weight-bold);color:var(--pp-color-text)}.pp-results-podium{display:flex;align-items:flex-end;justify-content:center;gap:0;max-width:100%;margin:0 auto var(--pp-space-6);position:relative;height:16rem}.pp-results-podium__place{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;flex:0 0 auto;width:8rem;background:linear-gradient(135deg,var(--pp-color-primary) 0%,var(--pp-color-primary-hover) 100%);border-radius:var(--pp-radius-md) var(--pp-radius-md) 0 0;position:relative;overflow:visible}.pp-results-podium__place--2nd{order:1;height:6rem}.pp-results-podium__place--1st{order:2;height:9rem}.pp-results-podium__place--3rd{order:3;height:3rem}.pp-results-podium__avatar-wrapper{position:absolute;top:-3.5rem;left:auto;right:auto;width:4rem;z-index:10}.pp-results-podium__place--1st .pp-results-podium__avatar-wrapper{animation:pp-avatar-jump 1.5s ease-in-out infinite}.pp-results-podium__name{margin:0;font-weight:var(--pp-weight-bold);font-size:var(--pp-text-sm);color:var(--pp-color-text-on-primary);overflow:visible;text-overflow:clip;white-space:nowrap;width:auto;text-align:center;padding:var(--pp-space-2) var(--pp-space-1)}.pp-results-podium__name--empty{color:#ffffff80}.pp-results-scoreboard{display:flex;flex-direction:column;gap:var(--pp-space-3);overflow-x:auto}.pp-results-scoreboard__title{margin:0;font-size:var(--pp-text-md);font-weight:var(--pp-weight-bold);color:var(--pp-color-text)}.pp-results-scoreboard__table{width:100%;border-collapse:collapse;font-size:var(--pp-text-sm)}.pp-results-scoreboard__table thead{border-bottom:2px solid var(--pp-color-border)}.pp-results-scoreboard__table th{padding:var(--pp-space-2) var(--pp-space-3);text-align:left;font-weight:var(--pp-weight-semibold);color:var(--pp-color-text-muted);font-size:var(--pp-text-xs);text-transform:uppercase;letter-spacing:.04em}.pp-results-scoreboard__table td{padding:var(--pp-space-2) var(--pp-space-3);border-bottom:1px solid var(--pp-color-border)}.pp-results-scoreboard__rank{font-weight:var(--pp-weight-semibold);color:var(--pp-color-text-muted);width:3rem}.pp-results-scoreboard__name{font-weight:var(--pp-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-results-scoreboard__score{font-variant-numeric:tabular-nums;font-weight:var(--pp-weight-bold);text-align:right;width:6rem;color:var(--pp-color-primary)}.pp-results-scoreboard__wins{font-variant-numeric:tabular-nums;font-weight:var(--pp-weight-bold);text-align:right;width:6rem}.pp-results-scoreboard__row--medal{background:var(--pp-color-surface-raised);font-weight:var(--pp-weight-semibold)}.pp-results-screen__return{align-self:center;margin-top:var(--pp-space-4)}.pp-page{min-height:100vh;background:var(--pp-color-background);color:var(--pp-color-text);padding:var(--pp-space-4)}.pp-container{max-width:64rem;margin:0 auto}.pp-home-section{margin-top:var(--pp-space-7);padding:var(--pp-space-4);border-radius:var(--pp-radius-lg);background:var(--pp-color-surface-raised)}.pp-home-section h2{margin:0 0 var(--pp-space-4) 0;font-size:var(--pp-text-xl);font-weight:var(--pp-weight-bold);color:var(--pp-color-text)}.pp-home-section:first-of-type{margin-top:var(--pp-space-3)}.pp-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pp-space-5);gap:var(--pp-space-3)}.pp-room-header h1{margin:0;flex:1}.pp-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--pp-space-3)}.pp-game-tile--selected{opacity:.6;cursor:default}.pp-btn--lg{width:100%;padding:var(--pp-space-3) var(--pp-space-5);font-size:var(--pp-text-lg)}.pp-btn--sm{padding:var(--pp-space-1) var(--pp-space-3);font-size:var(--pp-text-sm)}.pp-text-muted{color:var(--pp-color-text-muted)}.pp-avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 3rem);height:var(--avatar-size, 3rem);flex-shrink:0}.pp-avatar-blob{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-weight:var(--pp-weight-bold);color:var(--pp-color-text-on-primary);mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Plain%20droplet%20silhouette%20used%20as%20a%20CSS%20mask%20(see%20`.pp-avatar`%20in%20components.css),%20not%20rendered%20directly.%20Solid%20white%20fill%20so%20it%20works%20for%20both%20luminance-%20and%20alpha-based%20CSS%20masking;%20the%20shape%20must%20exactly%20match%20the%20body%20path%20in%20logo.svg%20/%20logo-lockup.svg%20so%20the%20avatar%20reads%20as%20the%20same%20mark,%20just%20recolored%20per-player.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%204%20C32%204%2012%2030%2012%2042%20C12%2053.5%2020.9%2060%2032%2060%20C43.1%2060%2052%2053.5%2052%2042%20C52%2030%2032%204%2032%204%20Z'%20fill='%23ffffff'%20/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Plain%20droplet%20silhouette%20used%20as%20a%20CSS%20mask%20(see%20`.pp-avatar`%20in%20components.css),%20not%20rendered%20directly.%20Solid%20white%20fill%20so%20it%20works%20for%20both%20luminance-%20and%20alpha-based%20CSS%20masking;%20the%20shape%20must%20exactly%20match%20the%20body%20path%20in%20logo.svg%20/%20logo-lockup.svg%20so%20the%20avatar%20reads%20as%20the%20same%20mark,%20just%20recolored%20per-player.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%204%20C32%204%2012%2030%2012%2042%20C12%2053.5%2020.9%2060%2032%2060%20C43.1%2060%2052%2053.5%2052%2042%20C52%2030%2032%204%2032%204%20Z'%20fill='%23ffffff'%20/%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.pp-avatar-initials{font-size:calc(var(--avatar-size, 3rem) * .4);text-transform:uppercase;line-height:1}.pp-avatar-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--avatar-size, 3rem) * .08);font-size:var(--emoji-size, 1.5rem);line-height:1;z-index:2}.pp-avatar-hat{position:absolute;top:calc(var(--avatar-size, 3rem) * -.25);left:50%;transform:translate(-50%);font-size:calc(var(--avatar-size, 3rem) * .5);line-height:1;z-index:3;filter:drop-shadow(0 1px 2px hsl(var(--pp-shadow-color) / .25))}:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:0}.pp-page{min-height:100dvh;display:flex;flex-direction:column;padding:var(--pp-space-4)}@media (min-width: 640px){.pp-page{padding:var(--pp-space-6)}}.pp-page--with-header{padding-top:calc(var(--pp-space-4) + 3.5rem)}@media (min-width: 640px){.pp-page--with-header{padding-top:calc(var(--pp-space-6) + 3.5rem)}}.pp-room-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--pp-space-3);padding:var(--pp-space-3) var(--pp-space-4);background:color-mix(in srgb,var(--pp-color-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--pp-color-border)}@media (min-width: 640px){.pp-room-header{padding-left:var(--pp-space-6);padding-right:var(--pp-space-6)}}.pp-room-header h1{margin:0;flex:1;font-size:var(--pp-text-lg)}.player-list{list-style:none;padding:0}.player-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.player-list__avatar{display:inline-block;width:1rem;height:1rem;border-radius:50%}.player-list__ready{color:#2e8b57}.player-list__not-ready{color:#ff8c00}.profile-form__avatars{display:flex;gap:.5rem;margin:.5rem 0}.profile-form__avatars button{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent}.profile-form__avatar--selected{border-color:#000}.error-notice,.error-boundary{padding:.75rem 1rem;margin:.75rem 0;border:1px solid firebrick;border-radius:.5rem;background:#b2222214;color:#b22222}.error-notice p,.error-boundary p{margin:0 0 .5rem}.connection-banner{padding:.5rem 1rem;margin-bottom:1rem;border-radius:.5rem;background:#f39c1226;color:#ff8c00;font-weight:600}.pp-results-screen{display:flex;flex-direction:column;gap:var(--pp-space-4);padding:var(--pp-space-4) 0}.pp-results-screen__title{margin:0;font-size:var(--pp-text-3xl);text-align:center}.pp-results-podium-hero{display:flex;justify-content:center;align-items:flex-end;gap:var(--pp-space-4);padding:var(--pp-space-6) var(--pp-space-2);min-height:300px}.pp-podium-place{display:flex;flex-direction:column;align-items:center;gap:var(--pp-space-2)}.pp-podium-place__medal{font-size:2rem;height:2rem}.pp-podium-place__name{margin:0;font-size:var(--pp-text-lg);font-weight:600;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-podium-place__position{margin:0;font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary)}.pp-podium-place--1st{order:2;flex:1}.pp-podium-place--2nd{order:1;flex:.8;transform:translateY(60px)}.pp-podium-place--3rd{order:3;flex:.8;transform:translateY(60px)}.pp-results-scores{display:flex;flex-direction:column;gap:var(--pp-space-3)}.pp-results-scores__title{margin:0;font-size:var(--pp-text-lg);font-weight:600}.pp-results-scores__table{width:100%;border-collapse:collapse;font-size:var(--pp-text-sm)}.pp-results-scores__table thead{background:var(--pp-color-bg-secondary);border-bottom:2px solid var(--pp-color-border)}.pp-results-scores__table th{padding:var(--pp-space-2) var(--pp-space-1);text-align:left;font-weight:600}.pp-results-scores__table td{padding:var(--pp-space-2) var(--pp-space-1);border-bottom:1px solid var(--pp-color-border)}.pp-results-scores__row--medal{background:#daa5201a}.pp-results-scores__rank{font-weight:600;min-width:3rem}.pp-results-scores__score,.pp-results-scores__wins{text-align:center;font-weight:600}.pp-results-screen__return{margin-top:var(--pp-space-4)}