:root{--color-bg: #0d0b12;--color-surface: #131118;--color-surface-2: #1a1820;--color-surface-offset: #211f28;--color-divider: #2c2a35;--color-border: #38364a;--color-text: #ffdc8c;--color-text-muted: #a89060;--color-text-faint: #5a4e38;--color-text-inverse: #0d0b12;--color-primary: #ffaf28;--color-primary-hover: #ff7814;--color-primary-active: #e05a00;--color-primary-highlight: #2a1c06;--color-wild-card: #dc50b4;--color-wild-card-hover: #f06bcc;--color-wild-card-surface: #1e0a1a;--color-wild-card-text: #f9c7ee;--color-vibe-icebreaker: #3ec9d6;--color-vibe-icebreaker-surface: #061e22;--color-vibe-hot-takes: #ff5533;--color-vibe-hot-takes-surface: #28080a;--color-vibe-most-likely: #4a9eff;--color-vibe-most-likely-surface: #071828;--color-vibe-never-have-i-ever: #a855f7;--color-vibe-never-have-i-ever-surface: #150e24;--color-vibe-dilemma: #e8c048;--color-vibe-dilemma-surface: #221a04;--color-vibe-confessions: #e0608a;--color-vibe-confessions-surface: #25081a;--color-error: #e05c7a;--color-success: #5cc98f;--color-warning: #e0a050;--radius-card: 16px;--radius-pill: 9999px;--radius-full: 9999px;--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 4px;--shadow-sm: 0 1px 3px oklch(.08 .03 60 / .5);--shadow-md: 0 4px 16px oklch(.08 .03 60 / .6);--shadow-lg: 0 8px 32px oklch(.08 .04 60 / .7);--shadow-glow: 0 0 24px oklch(from var(--color-primary) l c h / .4);--shadow-wild-card-glow: 0 0 28px oklch(from var(--color-wild-card) l c h / .45);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--font-display: "Clash Display", "Inter", sans-serif;--font-body: "Satoshi", "Inter", sans-serif;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--game-btn-clearance: 80px;--end-content-width: 320px}[data-theme=light]{--color-bg: #f5f3ff;--color-surface: #ffffff;--color-surface-2: #faf9ff;--color-surface-offset: #ece8ff;--color-divider: #ddd8f5;--color-border: #c9c2e8;--color-text: #1a1530;--color-text-muted: #5a5278;--color-text-faint: #a09bba;--color-text-inverse: #f0eeff;--color-primary: #6d28d9;--color-primary-hover: #7c3aed;--color-primary-active: #5b21b6;--color-primary-highlight: #ede9fe;--shadow-sm: 0 1px 3px oklch(.15 .03 60 / .12);--shadow-md: 0 4px 16px oklch(.15 .03 60 / .14);--shadow-lg: 0 8px 32px oklch(.15 .04 60 / .18)}@media (min-width: 640px){:root{--end-content-width: 360px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .3);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],[role=link],input,textarea,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;width:100%}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active);box-shadow:var(--shadow-glow)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--ghost:active{color:var(--color-text);background:var(--color-surface-offset)}.btn--disabled{opacity:.4}.btn--wild-card{background:var(--color-wild-card);color:#fff;border-color:var(--color-wild-card)}.btn--wild-card:hover{background:var(--color-wild-card-hover);border-color:var(--color-wild-card-hover)}.btn--wild-card:active{background:var(--color-wild-card);box-shadow:var(--shadow-wild-card-glow)}.page-layout{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin-inline:auto;padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.page-layout--centered{align-items:center;text-align:center}.page-layout--game{height:100dvh;overflow:hidden;padding-bottom:calc(var(--game-btn-clearance) + max(var(--space-6),env(safe-area-inset-bottom)))}.page-content-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.page-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}@media (min-width: 640px){.page-actions{gap:var(--space-4)}}.game-content-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.lobby-title{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-2)}.lobby-tagline{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.end-pack-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:var(--end-content-width);padding:var(--space-8) var(--space-6);margin-bottom:var(--space-5);background:var(--vibe-surface, var(--color-surface-2));border:1px solid oklch(from var(--vibe-color, var(--color-primary)) l c h / .2);border-radius:var(--radius-card);text-align:center;position:relative;overflow:hidden}.end-pack-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--vibe-color, transparent);opacity:.05;pointer-events:none}.end-pack-hero--loading{min-height:160px}.end-pack-hero__skeleton{width:100%;height:100%;min-height:120px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-2) 50%,var(--color-surface-offset) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.end-pack-hero__skeleton{animation:none}}.end-pack-hero__icon{display:flex;align-items:center;justify-content:center;color:var(--vibe-color, var(--color-primary));opacity:.9}.end-pack-hero__fallback-emoji{font-size:48px;line-height:1}.end-pack-hero__label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.2;max-width:unset}.end-pack-hero__intensity-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid oklch(from var(--vibe-color, var(--color-primary)) l c h / .3);background:oklch(from var(--vibe-color, var(--color-primary)) l c h / .08);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--vibe-color, var(--color-primary))}.end-stats-row{display:flex;flex-direction:row;gap:var(--space-3);justify-content:center;width:100%;max-width:var(--end-content-width);margin-bottom:var(--space-5)}.end-stat-pill{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0}.end-stat-pill__emoji{font-size:18px;line-height:1}.end-stat-pill__count{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums}.end-stat-pill__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;line-height:1;max-width:unset}.end-heading{font-size:var(--text-xl);margin-bottom:var(--space-6)}.player-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.player-pill{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-2);border:1px solid oklch(from var(--color-primary) l c h / .2);min-width:80px}.player-pill__name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.player-pill__stats{display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.player-pill__stat{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.player-pill__stat-count{font-weight:600;color:var(--color-text)}.most-grilled-callout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-6);margin-bottom:var(--space-4);background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md)}.most-grilled-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);max-width:unset}.most-grilled-names{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-weight:700}@media (min-width: 640px){.end-actions{gap:var(--space-5)}}.nudge-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:var(--end-content-width);margin-bottom:var(--space-4)}.nudge-heading{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);max-width:unset}.nudge-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-5);background:var(--nudge-surface, var(--color-surface-2));border:1px solid oklch(from var(--nudge-accent, var(--color-primary)) l c h / .25);border-radius:var(--radius-card);cursor:pointer;text-align:left;transition:background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.nudge-card:hover{background:color-mix(in oklch,var(--nudge-surface, var(--color-surface-2)) 80%,var(--nudge-accent, var(--color-primary)) 20%);border-color:oklch(from var(--nudge-accent, var(--color-primary)) l c h / .5);box-shadow:var(--shadow-md)}.nudge-card:active{background:color-mix(in oklch,var(--nudge-accent, var(--color-primary)) 15%,var(--color-surface-2))}.nudge-card__emoji{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--nudge-accent, var(--color-primary))}.nudge-card__text{display:flex;flex-direction:column;gap:var(--space-2)}.nudge-card__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--nudge-accent, var(--color-primary));max-width:unset}.nudge-card__intensity{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);max-width:unset}.qr-trigger{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2) var(--space-4);min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-faint);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:color var(--transition-interactive),border-color var(--transition-interactive),background var(--transition-interactive)}.qr-trigger:hover{color:var(--color-text-muted);border-color:var(--color-text-faint)}.qr-trigger:active{background:var(--color-surface-offset);color:var(--color-text)}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#040100bf;background:oklch(.08 .04 60 / .75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:backdrop-in .2s cubic-bezier(.16,1,.3,1) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.qr-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:340px;padding:var(--space-8) var(--space-6);background:var(--color-surface-2);border-radius:var(--radius-card);border:1px solid oklch(from var(--color-primary) l c h / .3);box-shadow:var(--shadow-lg),0 0 48px oklch(from var(--color-primary) l c h / .25),inset 0 1px oklch(from var(--color-primary) l c h / .1);animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.qr-modal-backdrop,.qr-modal{animation:none}}.qr-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-faint);background:transparent;border:none;cursor:pointer;transition:color var(--transition-interactive),background var(--transition-interactive)}.qr-modal__close:hover{color:var(--color-text-muted);background:var(--color-surface-offset)}.qr-modal__close:active{color:var(--color-text)}.qr-modal__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-hover);max-width:unset}.qr-modal__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.qr-modal__code{border-radius:var(--radius-md);padding:var(--space-3);background:#fff;box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .2),0 4px 24px oklch(from var(--color-primary) l c h / .3);line-height:0}.qr-modal__url{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.01em;margin-top:var(--space-1);max-width:unset}.setup-content{width:100%;max-width:480px;margin-inline:auto;display:flex;flex-direction:column;flex:1}.setup-heading{font-size:var(--text-xl);margin-bottom:var(--space-6)}.setup-player-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);width:100%}.setup-player-row{display:flex;align-items:center;gap:var(--space-2);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}.setup-player-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);min-height:48px;padding:0 var(--space-2)}.setup-player-input::placeholder{color:var(--color-text-faint)}.setup-player-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px oklch(from var(--color-primary) l c h / .25);outline:none}.setup-player-input:focus-visible{outline:none}.setup-remove-btn{flex-shrink:0;min-height:44px;min-width:44px;padding:0;color:var(--color-text-faint);border-radius:var(--radius-sm)}.setup-remove-btn:hover{color:var(--color-error);background:oklch(from var(--color-error) l c h / .1)}.setup-add-btn{width:100%;margin-bottom:var(--space-6)}.setup-error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-error);opacity:.85;margin-bottom:var(--space-4)}.setup-start-btn{width:100%;margin-top:auto;padding-top:var(--space-6)}.setup-start-btn .btn{width:100%}.setup-pack-fieldset{border:none;padding:0;margin-bottom:var(--space-6);width:100%}.setup-pack-legend{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.setup-pack-dropdown{position:relative;width:100%}.setup-pack-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.setup-pack-trigger:hover{border-color:var(--color-text-muted)}.setup-pack-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px oklch(from var(--color-primary) l c h / .25)}.setup-pack-dropdown--open .setup-pack-trigger{border-color:var(--color-primary);box-shadow:0 0 0 2px oklch(from var(--color-primary) l c h / .2)}.setup-pack-dropdown:not(.setup-pack-dropdown--has-value) .setup-pack-trigger__label{color:var(--color-text-faint)}.setup-pack-trigger__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-interactive)}.setup-pack-dropdown--open .setup-pack-trigger__chevron{transform:rotate(180deg)}.setup-pack-panel{display:none;position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:10;list-style:none;padding:var(--space-1) 0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),inset 0 0 0 1px oklch(from var(--color-primary) l c h / .08);max-height:280px;overflow-y:auto}.setup-pack-dropdown--open .setup-pack-panel{display:block;animation:pack-panel-in .14s cubic-bezier(.16,1,.3,1) both}@keyframes pack-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.setup-pack-dropdown--open .setup-pack-panel{animation:none}}.setup-pack-item__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);transition:background var(--transition-interactive)}.setup-pack-item__label:hover{background:var(--color-surface-offset)}.setup-pack-item--selected .setup-pack-item__label{color:var(--color-primary-hover);background:var(--color-primary-highlight)}.setup-pack-item--selected .setup-pack-item__label:hover{background:color-mix(in oklch,var(--color-primary-highlight) 80%,var(--color-surface-offset))}.setup-pack-item__name{flex:1}.setup-pack-item__check{flex-shrink:0;color:var(--color-primary-hover)}.setup-preset-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}.setup-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);min-height:64px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),color var(--transition-interactive)}.setup-preset-btn:hover{background:var(--color-surface-offset);border-color:oklch(from var(--color-primary) l c h / .4)}.setup-preset-btn:active{background:color-mix(in oklch,var(--color-primary-highlight) 60%,var(--color-surface))}.setup-preset-btn--selected{background:var(--color-primary-highlight);border-color:var(--color-primary);box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .4)}.setup-preset-btn--selected:hover{background:color-mix(in oklch,var(--color-primary-highlight) 85%,var(--color-surface-offset));border-color:var(--color-primary-hover)}.setup-preset-btn__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1}.setup-preset-btn__count{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1}.setup-preset-btn--selected .setup-preset-btn__label{color:var(--color-primary)}.setup-preset-btn--selected .setup-preset-btn__count{color:oklch(from var(--color-primary) l c h / .8)}.pack-picker-wrapper{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.intensity-pills{display:flex;gap:var(--space-2);width:100%}.intensity-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive)}.intensity-pill:hover{background:var(--color-surface-offset);border-color:var(--color-text-faint);color:var(--color-text)}.intensity-pill:active{background:var(--color-surface-offset)}.intensity-pill--active{font-weight:600;box-shadow:0 0 0 1px currentColor}.intensity-pill--active:hover{filter:brightness(1.1)}.pack-rows{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.pack-row{display:flex;flex-direction:column;gap:var(--space-2)}.pack-row__header{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vibe-color, var(--color-text-muted));max-width:unset;padding-inline:var(--space-1)}.pack-row__scroll{display:flex;flex-direction:row;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.pack-row__scroll::-webkit-scrollbar{display:none}.pack-row__scroll .pack-card{flex-shrink:0;width:clamp(140px,42vw,200px);scroll-snap-align:start}@media (min-width: 640px){.pack-row__scroll .pack-card{width:calc((100% - 2 * var(--space-3)) / 3)}}.pack-card[data-dimmed]{opacity:.3;pointer-events:none}.pack-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);min-height:100px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),opacity var(--transition-interactive)}.pack-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--vibe-color, transparent);opacity:.07;pointer-events:none}.pack-card:hover{background:var(--color-surface-offset);border-color:oklch(from var(--color-primary) l c h / .4)}.pack-card:active{background:color-mix(in oklch,var(--color-primary-highlight) 60%,var(--color-surface))}.pack-card--selected{background:var(--vibe-surface, var(--color-primary-highlight));border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .35)}.pack-card--selected:hover{border-color:var(--color-primary-hover)}.pack-card__vibe-icon{font-size:20px;line-height:1;margin-bottom:var(--space-1)}.pack-card__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.3;flex:1}.pack-card--selected .pack-card__name{color:var(--color-primary)}.pack-card__dots{display:flex;flex-direction:row;gap:4px;margin-top:var(--space-2)}.pack-card__dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor;background:transparent}.game-question-card{display:flex;align-items:center;justify-content:center;min-height:calc(4 * var(--text-xl) * 1.3 + 2 * var(--space-8));background:var(--color-surface-2);border:1px solid oklch(from var(--color-primary) l c h / .35);border-radius:var(--radius-card);padding:var(--space-8);box-shadow:var(--shadow-md),var(--shadow-glow);max-width:480px;width:100%;margin-bottom:var(--space-4)}.game-question-card--wild-card{background:var(--color-wild-card-surface);border-color:var(--color-wild-card);box-shadow:var(--shadow-md),var(--shadow-wild-card-glow)}.game-question-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);line-height:1.3;text-align:center}.game-question-card--wild-card .game-question-text{color:var(--color-wild-card-text)}.game-next-btn{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:linear-gradient(to top,var(--color-bg) 60%,transparent)}.game-next-btn .btn{width:100%;max-width:480px;margin-inline:auto}.wild-card-event{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.wild-card-badge{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-wild-card-hover);max-width:unset}.current-player-chip{display:inline-flex;align-items:center;gap:var(--space-2);justify-content:center;font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;padding:var(--space-3) var(--space-8);border-radius:var(--radius-pill);background-color:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h / .45);box-shadow:0 0 20px oklch(from var(--color-primary) l c h / .3);margin-bottom:var(--space-4);max-width:480px;overflow:hidden;white-space:nowrap}.current-player-chip__name{overflow:hidden;text-overflow:ellipsis;color:var(--color-primary)}.current-player-chip--coloured{background-color:color-mix(in oklch,var(--avatar-color) 15%,var(--color-surface));border-color:color-mix(in oklch,var(--avatar-color) 60%,transparent);box-shadow:0 0 20px color-mix(in oklch,var(--avatar-color) 25%,transparent)}.current-player-chip--coloured .current-player-chip__name{color:var(--avatar-color)}.progress-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:480px;margin-bottom:var(--space-8)}.progress-bar__track{width:100%;height:4px;border-radius:var(--radius-pill);background:var(--color-surface-offset);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width .3s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.progress-bar__fill{transition:none}}.progress-bar__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.packs-error-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#04010099;background:oklch(.08 .04 60 / .6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdrop-in .2s cubic-bezier(.16,1,.3,1) both}.packs-error-dialog{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:360px;padding:var(--space-8) var(--space-6);background:var(--color-surface-2);border-radius:var(--radius-card);border:1px solid oklch(from var(--color-error) l c h / .35);box-shadow:var(--shadow-lg),0 0 48px oklch(from var(--color-error) l c h / .15),inset 0 1px oklch(from var(--color-error) l c h / .08);text-align:center;animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){.packs-error-backdrop,.packs-error-dialog{animation:none}}.packs-error-dialog__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-error);max-width:unset}.packs-error-dialog__heading{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text)}.packs-error-dialog__message{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);max-width:28ch}.packs-error-dialog .btn{width:100%}.manage-players-trigger{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:max(var(--space-4),env(safe-area-inset-right));z-index:10;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-faint);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.manage-players-trigger:hover{color:var(--color-text-muted);border-color:var(--color-text-faint);background:var(--color-surface-offset)}.manage-players-trigger:active{color:var(--color-text);background:var(--color-surface-2)}.manage-players-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#040100bf;background:oklch(.08 .04 60 / .75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:backdrop-in .2s cubic-bezier(.16,1,.3,1) both}@media (min-height: 600px){.manage-players-backdrop{align-items:center}}.manage-players-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:400px;max-height:calc(100dvh - 2 * var(--space-8));overflow:hidden;padding:var(--space-6);background:var(--color-surface-2);border-radius:var(--radius-card);border:1px solid oklch(from var(--color-primary) l c h / .3);box-shadow:var(--shadow-lg),0 0 48px oklch(from var(--color-primary) l c h / .2),inset 0 1px oklch(from var(--color-primary) l c h / .1);animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){.manage-players-backdrop,.manage-players-modal{animation:none}}.manage-players-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-shrink:0}.manage-players-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text)}.manage-players-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-faint)}.manage-players-close:hover{color:var(--color-text-muted);background:var(--color-surface-offset)}.manage-players-list{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.manage-players-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.manage-players-name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text)}.manage-players-remove{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);padding:var(--space-1) var(--space-3);min-height:32px;border-radius:var(--radius-sm);border:1px solid transparent}.manage-players-remove:hover:not(:disabled){color:var(--color-error);background:oklch(from var(--color-error) l c h / .1);border-color:oklch(from var(--color-error) l c h / .2)}.manage-players-remove:disabled{opacity:.3;cursor:not-allowed}.manage-players-min-notice{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;margin-bottom:var(--space-3);flex-shrink:0}.manage-players-add-row{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.manage-players-input{flex:1;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);outline:none}.manage-players-input::placeholder{color:var(--color-text-faint)}.manage-players-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px oklch(from var(--color-primary) l c h / .25)}.manage-players-add-btn{flex-shrink:0;padding-inline:var(--space-5)}.manage-players-add-btn:disabled{opacity:.4;cursor:not-allowed}.avatar-chip{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;line-height:1}.avatar-chip__emoji{font-style:normal;line-height:1}.avatar-chip--sm .avatar-chip__emoji{font-size:12px}.avatar-chip--md .avatar-chip__emoji{font-size:16px}.avatar-chip--lg .avatar-chip__emoji{font-size:20px}.avatar-chip--ring{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2.5px solid var(--avatar-color, var(--color-primary));background:color-mix(in oklch,var(--avatar-color, var(--color-primary)) 12%,var(--color-surface));flex-shrink:0}.avatar-chip--ring .avatar-chip__emoji{font-size:24px}.punishment-picker{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.punishment-picker__heading{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center;max-width:unset}.punishment-picker__list{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.punishment-picker__row{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive)}.punishment-picker__row:hover{background:var(--color-surface-offset);border-color:oklch(from var(--color-primary) l c h / .4);color:var(--color-text)}.punishment-picker__row:active{background:color-mix(in oklch,var(--color-primary-highlight) 60%,var(--color-surface))}.punishment-picker__row--selected{background:var(--color-primary-highlight);border-color:var(--color-primary);color:var(--color-text);box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .4)}.punishment-picker__row--selected:hover{background:color-mix(in oklch,var(--color-primary-highlight) 85%,var(--color-surface-offset));border-color:var(--color-primary-hover)}.punishment-picker__indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid var(--color-border);font-size:11px;font-weight:700;color:transparent;background:transparent;transition:border-color var(--transition-interactive),background var(--transition-interactive),color var(--transition-interactive)}.punishment-picker__row--selected .punishment-picker__indicator{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.punishment-picker__text{flex:1;line-height:1.5}.punishment-picker .btn{width:100%;margin-top:var(--space-1)}.page-top-actions{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:max(var(--space-4),env(safe-area-inset-right));z-index:10;display:flex;align-items:center;gap:var(--space-2)}.game-header-actions{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));left:max(var(--space-4),env(safe-area-inset-left));right:max(var(--space-4),env(safe-area-inset-right));z-index:10;display:flex;align-items:center;justify-content:space-between}.settings-trigger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-faint);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive)}.settings-trigger:hover{color:var(--color-text-muted);border-color:var(--color-text-faint);background:var(--color-surface-offset)}.settings-trigger:active{color:var(--color-text);background:var(--color-surface-2)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#040100bf;background:oklch(.08 .04 60 / .75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:backdrop-in .2s cubic-bezier(.16,1,.3,1) both}@media (min-height: 480px){.settings-backdrop{align-items:center}}.settings-sheet{position:relative;width:100%;max-width:400px;padding:var(--space-6);background:var(--color-surface-2);border-radius:var(--radius-card);border:1px solid oklch(from var(--color-primary) l c h / .3);box-shadow:var(--shadow-lg),0 0 48px oklch(from var(--color-primary) l c h / .2),inset 0 1px oklch(from var(--color-primary) l c h / .1);animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){.settings-backdrop,.settings-sheet{animation:none}}.settings-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.settings-sheet__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text)}.settings-sheet__close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-faint)}.settings-sheet__close:hover{color:var(--color-text-muted);background:var(--color-surface-offset)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.settings-section__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);max-width:unset}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-row__label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text)}.settings-row__description{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);max-width:unset}.settings-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--color-surface-offset);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive)}.settings-toggle input:checked+.settings-toggle__track{background:var(--color-primary);border-color:var(--color-primary)}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--color-text-muted);pointer-events:none;transition:transform var(--transition-interactive),background var(--transition-interactive)}.settings-toggle input:checked~.settings-toggle__thumb{transform:translate(20px);background:var(--color-text-inverse)}.settings-toggle input:focus-visible+.settings-toggle__track{outline:2px solid var(--color-primary);outline-offset:2px}.theme-picker{display:flex;flex-direction:row;background-color:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3px;gap:2px}.theme-picker__option{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:4px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;min-height:48px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;transition:color var(--transition-interactive),background-color var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.theme-picker__option svg{color:var(--color-text-muted);transition:color var(--transition-interactive)}.theme-picker__option--active{background-color:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm)}.theme-picker__option--active svg{color:var(--color-primary)}.theme-picker__option:hover:not(.theme-picker__option--active){background-color:color-mix(in oklch,var(--color-surface-offset) 60%,var(--color-surface-2))}.page-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.details-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:0}@media (min-width: 600px){.details-backdrop{align-items:center;padding:1.5rem}}.details-sheet{background:var(--color-bg);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:560px;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px #0000001f,0 16px 48px #00000047,0 0 0 1px #ffffff0a}@media (min-width: 600px){.details-sheet{border-radius:1.25rem}}.details-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem .875rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.details-sheet__title{font-size:1.125rem;font-weight:700;color:var(--color-text);line-height:1.2}.details-sheet__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-surface-offset);color:var(--color-text-muted);border:none;cursor:pointer;transition:background .14s ease,color .14s ease}.details-sheet__close:hover{background:var(--color-surface-dynamic);color:var(--color-text)}.details-sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.details-sheet__footer{padding:.875rem 1.25rem 1.25rem;border-top:1px solid var(--color-divider);flex-shrink:0}.details-done-btn{width:100%;padding:.875rem;border-radius:.875rem;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;letter-spacing:.02em;transition:background .14s ease}.details-done-btn:hover{background:var(--color-primary-hover)}.details-intro{font-size:.9375rem;color:var(--color-text-muted);line-height:1.55;margin:0}.details-section-title{font-size:1rem;font-weight:700;color:var(--color-text);margin:0}.details-section-title--spaced{margin-top:.5rem}.details-section-subtitle{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 .125rem}.details-grid{display:flex;flex-direction:column;gap:.5rem}.details-card{border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-surface-2);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.375rem}.details-card__header{display:flex;align-items:center;gap:.625rem}.details-card__emoji{font-size:1.25rem;line-height:1;flex-shrink:0}.details-card__name{font-size:.9375rem;font-weight:700;color:var(--color-text)}.details-card__body{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;margin:0}.details-card.vibe--icebreaker{border-color:oklch(from var(--color-blue) l c h / .4);background:oklch(from var(--color-blue) l c h / .07)}.details-card.vibe--icebreaker .details-card__name{color:var(--color-blue)}.details-card.vibe--hot-takes{border-color:oklch(from var(--color-orange) l c h / .4);background:oklch(from var(--color-orange) l c h / .07)}.details-card.vibe--hot-takes .details-card__name{color:var(--color-orange)}.details-card.vibe--most-likely{border-color:oklch(from var(--color-primary) l c h / .4);background:oklch(from var(--color-primary) l c h / .07)}.details-card.vibe--most-likely .details-card__name{color:var(--color-primary)}.details-card.vibe--never-have-i-ever{border-color:oklch(from var(--color-purple) l c h / .4);background:oklch(from var(--color-purple) l c h / .07)}.details-card.vibe--never-have-i-ever .details-card__name{color:var(--color-purple)}.details-card.vibe--dilemma{border-color:oklch(from var(--color-gold) l c h / .4);background:oklch(from var(--color-gold) l c h / .07)}.details-card.vibe--dilemma .details-card__name{color:var(--color-gold)}.details-card.vibe--confessions{border-color:oklch(from var(--color-error) l c h / .4);background:oklch(from var(--color-error) l c h / .07)}.details-card.vibe--confessions .details-card__name{color:var(--color-error)}.details-intensity-list{display:flex;flex-direction:column;gap:.625rem}.details-intensity-row{display:flex;align-items:center;gap:.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:.75rem;padding:.875rem 1rem}.details-intensity-row__emoji{font-size:1.25rem;line-height:1;flex-shrink:0;margin-top:1px}.details-intensity-row__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.details-intensity-row__title-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.details-intensity-row__name{font-size:.9375rem;font-weight:700;color:var(--color-text)}.intensity-tag{font-size:.6875rem;font-weight:600;letter-spacing:.03em;padding:2px 8px;border-radius:99px;border:1px solid transparent}.intensity-tag--mild{background:oklch(from var(--color-success) l c h / .15);border-color:oklch(from var(--color-success) l c h / .4);color:var(--color-success)}.intensity-tag--medium{background:oklch(from var(--color-warning) l c h / .15);border-color:oklch(from var(--color-warning) l c h / .4);color:var(--color-warning)}.intensity-tag--spicy{background:oklch(from var(--color-error) l c h / .15);border-color:oklch(from var(--color-error) l c h / .4);color:var(--color-error)}.details-intensity-row__body{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;margin:0}.details-callout{background:oklch(from var(--color-primary) l c h / .1);border:1px solid oklch(from var(--color-primary) l c h / .35);border-radius:.75rem;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;margin-bottom:1.5rem}.details-callout__title{font-size:.9375rem;font-weight:700;color:var(--color-primary);margin:0}.details-callout__body{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;margin:0}.details-callout__link{font-size:.875rem;color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.details-tldr{border:1px solid var(--color-border);border-radius:var(--radius-lg, .75rem);background:var(--color-surface-2);padding:.875rem;display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.5rem}.details-tldr__divider{height:1px;background:var(--color-divider);margin:0 -.875rem}.details-tldr__chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tldr-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:99px;border:1px solid transparent;font-size:0}.tldr-chip__emoji{font-size:.875rem;line-height:1;flex-shrink:0}.tldr-chip__text{display:flex;flex-direction:column;gap:1px}.tldr-chip__name{font-size:.8125rem;font-weight:600;line-height:1.2}.tldr-chip__tagline{font-size:.6875rem;line-height:1.2;opacity:.65}.tldr-chip.vibe--icebreaker{border-color:oklch(from var(--color-blue) l c h / .35);background:oklch(from var(--color-blue) l c h / .1)}.tldr-chip.vibe--icebreaker .tldr-chip__name,.tldr-chip.vibe--icebreaker .tldr-chip__tagline{color:var(--color-blue)}.tldr-chip.vibe--hot-takes{border-color:oklch(from var(--color-orange) l c h / .35);background:oklch(from var(--color-orange) l c h / .1)}.tldr-chip.vibe--hot-takes .tldr-chip__name,.tldr-chip.vibe--hot-takes .tldr-chip__tagline{color:var(--color-orange)}.tldr-chip.vibe--most-likely{border-color:oklch(from var(--color-primary) l c h / .35);background:oklch(from var(--color-primary) l c h / .1)}.tldr-chip.vibe--most-likely .tldr-chip__name,.tldr-chip.vibe--most-likely .tldr-chip__tagline{color:var(--color-primary)}.tldr-chip.vibe--never-have-i-ever{border-color:oklch(from var(--color-purple) l c h / .35);background:oklch(from var(--color-purple) l c h / .1)}.tldr-chip.vibe--never-have-i-ever .tldr-chip__name,.tldr-chip.vibe--never-have-i-ever .tldr-chip__tagline{color:var(--color-purple)}.tldr-chip.vibe--dilemma{border-color:oklch(from var(--color-gold) l c h / .35);background:oklch(from var(--color-gold) l c h / .1)}.tldr-chip.vibe--dilemma .tldr-chip__name,.tldr-chip.vibe--dilemma .tldr-chip__tagline{color:var(--color-gold)}.tldr-chip.vibe--confessions{border-color:oklch(from var(--color-error) l c h / .35);background:oklch(from var(--color-error) l c h / .1)}.tldr-chip.vibe--confessions .tldr-chip__name,.tldr-chip.vibe--confessions .tldr-chip__tagline{color:var(--color-error)}.details-tldr__packs{display:flex;flex-direction:column;gap:.5rem}.details-tldr__packs-caption{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin:0}.details-tldr__pack-row{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.details-tldr__pack-row::-webkit-scrollbar{display:none}.details-tldr__intensities{display:flex;justify-content:space-around}.tldr-intensity-cell{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.tldr-intensity-cell__name{font-size:.8125rem;font-weight:600;color:var(--color-text)}.tldr-intensity-cell__name.dots--safe{color:var(--color-success)}.tldr-intensity-cell__name.dots--moderate{color:var(--color-warning)}.tldr-intensity-cell__name.dots--spicy{color:var(--color-error)}.tldr-intensity-cell__tagline{font-size:.6875rem;color:var(--color-text-muted);line-height:1.2}.idots{display:inline-flex;gap:4px;align-items:center}.idot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.dots--safe .idot--1{background:var(--color-success)}.dots--moderate .idot--1,.dots--moderate .idot--2{background:var(--color-warning)}.dots--spicy .idot--1,.dots--spicy .idot--2,.dots--spicy .idot--3{background:var(--color-error)}.pack-mini{display:flex;flex-direction:column;gap:.375rem;border-radius:10px;border:1px solid transparent;padding:.75rem;min-width:120px;flex-shrink:0;background:var(--color-surface-2)}.pack-mini__icon{font-size:1.25rem;line-height:1}.pack-mini__name{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.3;flex:1;margin-bottom:12px}.pack-mini.vibe--icebreaker{border-color:oklch(from var(--color-blue) l c h / .4);background:oklch(from var(--color-blue) l c h / .1)}.pack-mini.vibe--hot-takes{border-color:oklch(from var(--color-orange) l c h / .4);background:oklch(from var(--color-orange) l c h / .1)}.pack-mini.vibe--most-likely{border-color:oklch(from var(--color-primary) l c h / .4);background:oklch(from var(--color-primary) l c h / .1)}.pack-mini.vibe--never-have-i-ever{border-color:oklch(from var(--color-purple) l c h / .4);background:oklch(from var(--color-purple) l c h / .1)}.pack-mini.vibe--dilemma{border-color:oklch(from var(--color-gold) l c h / .4);background:oklch(from var(--color-gold) l c h / .1)}.pack-mini.vibe--confessions{border-color:oklch(from var(--color-error) l c h / .4);background:oklch(from var(--color-error) l c h / .1)}.details-anatomy-box{border:1px solid var(--color-border);border-radius:var(--radius-lg, .75rem);background:var(--color-surface-2);padding:.875rem;display:flex;flex-direction:column;gap:.875rem}.details-anatomy-cards{display:flex;gap:.625rem;flex-wrap:wrap}.details-anatomy-divider{height:1px;background:var(--color-divider);margin:0 -.875rem}.details-anatomy-legend{display:flex;flex-direction:column;gap:.625rem}.details-anatomy-row{display:flex;align-items:flex-start;gap:.625rem}.details-anatomy-icon{font-size:.875rem;line-height:1.4;width:24px;flex-shrink:0}.details-anatomy-label{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin:0}.details-anatomy-label strong{color:var(--color-text);font-weight:600}.details-callout__disclaimer{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;opacity:.7}.flip-card{height:80vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;font-size:clamp(1.25rem,3vh,2rem);text-align:center;will-change:transform}@keyframes flip-out{0%{transform:perspective(600px) rotateY(0)}to{transform:perspective(600px) rotateY(-90deg)}}@keyframes flip-in{0%{transform:perspective(600px) rotateY(90deg)}to{transform:perspective(600px) rotateY(0)}}.flip-card--out{animation:flip-out 225ms ease-in forwards}.flip-card--in{animation:flip-in 225ms ease-out forwards}.flip-card--idle{transform:perspective(600px) rotateY(0)}@media (prefers-reduced-motion: reduce){.flip-card--out,.flip-card--in{animation:none!important;transform:none!important}}.onboarding-dialog{border:none;margin:auto;padding:0;background:transparent;max-width:100vw;max-height:100dvh;width:min(400px,calc(100vw - var(--space-8)))}.onboarding-dialog::backdrop{background:#040301bf}@media not (prefers-reduced-motion: reduce){.onboarding-dialog[open]{animation:onboarding-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes onboarding-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}}.onboarding-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-dots{display:flex;gap:var(--space-2);align-items:center}.onboarding-dot{display:block;height:8px;border-radius:var(--radius-full);background:var(--color-border);width:8px;transition:width var(--transition-interactive),background var(--transition-interactive)}.onboarding-dot--active{background:var(--color-primary);width:20px}.onboarding-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.25}.onboarding-image{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.onboarding-image__img{width:95%;border-radius:var(--radius-lg);object-fit:cover;display:block}.onboarding-body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.55;min-height:4.5em;max-width:100%}.onboarding-actions{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.onboarding-btn{border-radius:var(--radius-lg);font-size:var(--text-sm);min-height:44px;padding:0 var(--space-4);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive)}.onboarding-btn--primary{flex:1;background:var(--color-primary);color:var(--color-text-inverse);font-weight:700}.onboarding-btn--primary:hover{background:var(--color-primary-hover)}.onboarding-btn--primary:active{background:var(--color-primary-active)}.onboarding-btn--full{flex:1}.onboarding-btn--secondary{border:1px solid var(--color-border);color:var(--color-text);font-weight:600}.onboarding-btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboarding-btn--ghost{color:var(--color-text-muted);font-weight:500;padding-inline:var(--space-3)}.onboarding-btn--ghost:hover{color:var(--color-text)}.settings-replay-onboarding-btn{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;padding:var(--space-2) 0;text-align:left;transition:color var(--transition-interactive)}.settings-replay-onboarding-btn:hover{color:var(--color-text)}.pack-picker__collapsible{position:relative;overflow:hidden;max-height:var(--pack-picker-full-height, 9999px);transition:max-height .4s cubic-bezier(.4,0,.2,1)}.pack-picker__collapsible--collapsed{max-height:480px}.pack-picker__blur-fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,transparent 10%,color-mix(in srgb,var(--color-bg, #171614) 10%,transparent) 30%,color-mix(in srgb,var(--color-bg, #171614) 30%,transparent) 55%,color-mix(in srgb,var(--color-bg, #171614) 60%,transparent) 75%,color-mix(in srgb,var(--color-bg, #171614) 85%,transparent) 90%,var(--color-bg, #171614) 100%);pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;opacity:1;transition:opacity .3s ease}.pack-picker__blur-fade--hidden{opacity:0}.pack-picker__toggle{pointer-events:auto;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--color-primary);padding:6px 0;line-height:1;transition:color .18s ease}.pack-picker__toggle:hover{color:var(--color-primary-hover, var(--color-primary))}.pack-picker__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.pack-picker__toggle-row{display:flex;justify-content:center;padding:12px 0 4px}.install-btn-wrapper{display:none}@media (pointer: coarse){.install-btn-wrapper{display:block;position:fixed;top:1rem;right:1rem;z-index:100}}.setup-content{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-16)}.setup-heading{font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:1.15}.setup-error{font-size:var(--text-sm);color:var(--color-error)}.player-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.player-badge-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);background:color-mix(in oklch,var(--badge-color, var(--color-primary)) 8%,var(--color-surface));border:1.5px solid color-mix(in oklch,var(--badge-color, var(--color-primary)) 25%,transparent);border-radius:var(--radius-xl);transition:border-color var(--transition-interactive),background var(--transition-interactive)}.player-badge-card:focus-within{border-color:color-mix(in oklch,var(--badge-color, var(--color-primary)) 60%,transparent);background:color-mix(in oklch,var(--badge-color, var(--color-primary)) 12%,var(--color-surface))}.player-badge-card__avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:color-mix(in oklch,var(--badge-color, var(--color-primary)) 20%,var(--color-surface));font-size:26px;line-height:1;border:none;cursor:pointer;transition:background var(--transition-interactive),transform var(--transition-interactive);min-width:44px;min-height:44px}.player-badge-card__avatar:hover{background:color-mix(in oklch,var(--badge-color, var(--color-primary)) 32%,var(--color-surface))}.player-badge-card__avatar:active{transform:scale(.9)}.player-badge-card__input{width:100%;border:none;background:transparent;outline:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-align:center;padding:0;border-bottom:1.5px solid transparent;transition:border-color var(--transition-interactive)}.player-badge-card__input:focus{border-bottom-color:color-mix(in oklch,var(--badge-color, var(--color-primary)) 50%,transparent)}.player-badge-card__input::placeholder{color:var(--color-text-faint);font-weight:400}.player-badge-card__remove{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);color:var(--color-text-faint);opacity:0;transition:opacity var(--transition-interactive),color var(--transition-interactive),background var(--transition-interactive)}.player-badge-card:hover .player-badge-card__remove,.player-badge-card:focus-within .player-badge-card__remove{opacity:1}.player-badge-card__remove:hover{color:var(--color-text);background:color-mix(in oklch,var(--color-text) 10%,transparent)}@media (hover: none){.player-badge-card__remove{opacity:1}}.player-badge-card--add{flex-direction:column;justify-content:center;gap:var(--space-2);min-height:110px;background:transparent;border:1.5px dashed var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:border-color var(--transition-interactive),color var(--transition-interactive),background var(--transition-interactive)}.player-badge-card--add:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 5%,transparent)}.player-badge-card--add:active{background:color-mix(in oklch,var(--color-primary) 10%,transparent)}.setup-pack-fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.setup-pack-legend{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);float:left;width:100%;margin-bottom:var(--space-3)}.setup-preset-group{display:flex;gap:var(--space-2)}.setup-preset-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-muted);transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive)}.setup-preset-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.setup-preset-btn--selected{background:color-mix(in oklch,var(--color-primary) 12%,var(--color-surface));border-color:var(--color-primary);color:var(--color-primary)}.setup-preset-btn__label{font-weight:600;color:inherit}.setup-preset-btn__count{font-size:var(--text-xs);color:var(--color-text-muted)}.setup-preset-btn--selected .setup-preset-btn__count{color:inherit}.setup-start-btn{position:sticky;bottom:var(--space-4);padding-top:var(--space-2)}.page-top-actions{display:flex;justify-content:flex-end;padding:var(--space-3) var(--space-4) 0}.settings-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive)}.settings-trigger:hover{background:var(--color-surface-offset);color:var(--color-text);border-color:var(--color-primary)}.setup-readiness{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease}.setup-readiness--ready{max-height:0;opacity:0;pointer-events:none}.setup-readiness__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);transition:color var(--transition-interactive)}.setup-readiness__item--met{color:var(--color-success)}.end-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.end-actions .btn{width:100%}