:root{--jr-bg: #141833;--jr-bg-deep: #0e1128;--jr-page: radial-gradient(120% 120% at 50% 0%, #1c2145 0%, #141833 45%, #0e1128 100%);--jr-surface: rgba(255, 255, 255, .045);--jr-surface-hover: rgba(255, 255, 255, .075);--jr-surface-strong: rgba(255, 255, 255, .1);--jr-border: rgba(255, 255, 255, .1);--jr-border-strong: rgba(255, 255, 255, .2);--jr-ink: #f3f5ff;--jr-ink-soft: #b8c0e2;--jr-ink-faint: #838bb0;--jr-accent: #ff7a5c;--jr-accent-deep: #ee5a24;--jr-accent-grad: linear-gradient(135deg, #ff8a5c 0%, #ee5a24 100%);--jr-cool: #48dbfb;--jr-cool-deep: #6c5ce7;--jr-cool-grad: linear-gradient(135deg, #48dbfb 0%, #6c5ce7 100%);--jr-ok: #10ac84;--jr-warn: #feca57;--jr-danger: #ff4757;--jr-ok-soft: rgba(16, 172, 132, .14);--jr-warn-soft: rgba(254, 202, 87, .14);--jr-danger-soft: rgba(255, 71, 87, .14);--jr-cat-soft: #10ac84;--jr-cat-soiree: #a29bfe;--jr-cat-alcool: #feca57;--jr-cat-hot: #ff6b6b;--jr-cat-super-hot: #ff4757;--jr-r-xs: 6px;--jr-r-sm: 10px;--jr-r-md: 16px;--jr-r-lg: 22px;--jr-r-pill: 999px;--jr-shadow-1: 0 1px 2px rgba(0, 0, 0, .28);--jr-shadow-2: 0 10px 28px rgba(0, 0, 0, .34);--jr-shadow-3: 0 22px 56px rgba(0, 0, 0, .46);--jr-glow-accent: 0 8px 26px rgba(238, 90, 36, .35);--jr-glow-cool: 0 8px 26px rgba(72, 219, 251, .28);--jr-1: .25rem;--jr-2: .5rem;--jr-3: .75rem;--jr-4: 1rem;--jr-5: 1.5rem;--jr-6: 2rem;--jr-7: 3rem;--jr-8: 4rem;--jr-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--jr-text-xs: .75rem;--jr-text-sm: .875rem;--jr-text-md: 1rem;--jr-text-lg: clamp(1.05rem, .98rem + .35vw, 1.25rem);--jr-text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.6rem);--jr-text-2xl: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);--jr-display: clamp(2rem, 1.5rem + 2.6vw, 3.25rem);--jr-tracking-label: .08em;--jr-container: 34rem;--jr-container-wide: 62rem;--jr-gutter: clamp(1rem, 4vw, 2rem);--jr-tap: 48px;--jr-ease: cubic-bezier(.22, .61, .36, 1);--jr-fast: .14s;--jr-slow: .28s;--jr-tv-title: clamp(2.5rem, 5vw, 5rem);--jr-tv-text: clamp(1.15rem, 1.6vw, 1.75rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--jr-font);color:var(--jr-ink);background:var(--jr-bg-deep);background-image:var(--jr-page);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.jr-safe{padding-left:max(var(--jr-gutter),env(safe-area-inset-left));padding-right:max(var(--jr-gutter),env(safe-area-inset-right));padding-bottom:max(var(--jr-4),env(safe-area-inset-bottom))}:focus-visible{outline:2px solid var(--jr-cool);outline-offset:2px;border-radius:var(--jr-r-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.jr-container{width:100%;max-width:var(--jr-container);margin-inline:auto;padding-inline:var(--jr-gutter)}.jr-container-wide{max-width:var(--jr-container-wide)}.jr-stack{display:flex;flex-direction:column;gap:var(--jr-4)}.jr-stack-lg{gap:var(--jr-5)}.jr-row{display:flex;align-items:center;gap:var(--jr-3);flex-wrap:wrap}.jr-grid{display:grid;gap:var(--jr-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.jr-card{background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-lg);padding:var(--jr-5);box-shadow:var(--jr-shadow-1)}.jr-card-tight{padding:var(--jr-4);border-radius:var(--jr-r-md)}.jr-section-label{font-size:var(--jr-text-xs);font-weight:600;letter-spacing:var(--jr-tracking-label);text-transform:uppercase;color:var(--jr-ink-faint)}.jr-title{font-size:var(--jr-text-2xl);font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;margin:0}.jr-display-title{font-size:var(--jr-display);font-weight:800;line-height:1.02;letter-spacing:-.02em;background:var(--jr-accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.jr-muted{color:var(--jr-ink-soft)}.jr-faint{color:var(--jr-ink-faint);font-size:var(--jr-text-sm)}.jr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--jr-2);min-height:var(--jr-tap);padding:var(--jr-3) var(--jr-5);border:1px solid transparent;border-radius:var(--jr-r-pill);font:inherit;font-size:var(--jr-text-md);font-weight:600;color:var(--jr-ink);background:var(--jr-surface-strong);cursor:pointer;transition:transform var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease),box-shadow var(--jr-fast) var(--jr-ease)}.jr-btn:hover:not(:disabled){background:var(--jr-surface-hover)}.jr-btn:active:not(:disabled){transform:translateY(1px)}.jr-btn:disabled{opacity:.45;cursor:not-allowed}.jr-btn-primary{background:var(--jr-accent-grad);box-shadow:var(--jr-glow-accent)}.jr-btn-primary:hover:not(:disabled){background:var(--jr-accent-grad);filter:brightness(1.06)}.jr-btn-cool{background:var(--jr-cool-grad);box-shadow:var(--jr-glow-cool)}.jr-btn-ghost{background:transparent;border-color:var(--jr-border-strong);color:var(--jr-ink-soft)}.jr-btn-ghost:hover:not(:disabled){color:var(--jr-ink);background:var(--jr-surface)}.jr-btn-danger{background:var(--jr-danger-soft);border-color:var(--jr-danger);color:#ffd9dd}.jr-btn-block{width:100%}.jr-btn-sm{min-height:38px;padding:var(--jr-2) var(--jr-4);font-size:var(--jr-text-sm)}.jr-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--jr-tap);height:var(--jr-tap);padding:0;border:1px solid var(--jr-border);border-radius:var(--jr-r-pill);background:var(--jr-surface-strong);color:var(--jr-ink);font-size:1.25rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease)}.jr-icon-btn:hover:not(:disabled){background:var(--jr-surface-hover)}.jr-field{display:flex;flex-direction:column;gap:var(--jr-2)}.jr-label{font-size:var(--jr-text-sm);font-weight:600;color:var(--jr-ink-soft)}.jr-input{width:100%;min-height:var(--jr-tap);padding:var(--jr-3) var(--jr-4);font:inherit;font-size:var(--jr-text-md);color:var(--jr-ink);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);transition:border-color var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease)}.jr-input::placeholder{color:var(--jr-ink-faint)}.jr-input:focus{outline:none;border-color:var(--jr-cool);background:var(--jr-surface-hover)}.jr-input-code{text-align:center;font-size:var(--jr-text-xl);font-weight:700;letter-spacing:.25em;text-transform:uppercase}.jr-chip{display:inline-flex;align-items:center;gap:var(--jr-1);padding:var(--jr-1) var(--jr-3);border:1px solid var(--jr-border);border-radius:var(--jr-r-pill);background:var(--jr-surface);font-size:var(--jr-text-xs);font-weight:600;color:var(--jr-ink-soft);white-space:nowrap}.jr-chip-accent{border-color:var(--jr-accent);color:var(--jr-accent);background:#ee5a241f}.jr-chip-ok{border-color:var(--jr-ok);color:var(--jr-ok);background:var(--jr-ok-soft)}.jr-chip-warn{border-color:var(--jr-warn);color:var(--jr-warn);background:var(--jr-warn-soft)}.jr-notice{padding:var(--jr-3) var(--jr-4);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);background:var(--jr-surface);font-size:var(--jr-text-sm);color:var(--jr-ink-soft)}.jr-notice-error{border-color:var(--jr-danger);background:var(--jr-danger-soft);color:#ffd9dd}.jr-notice-warn{border-color:var(--jr-warn);background:var(--jr-warn-soft);color:#ffeec2}.jr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--jr-gutter);background:#0a0c1ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jr-modal{width:100%;max-width:28rem;max-height:85vh;overflow-y:auto;padding:var(--jr-5);background:linear-gradient(180deg,#1d2246,#171b39);border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-lg);box-shadow:var(--jr-shadow-3)}:root{--jr-challenge: clamp(1.5rem, 1.1rem + 2.4vw, 2.75rem);--jr-dock: 4.75rem}[data-cat]{--jr-cat: var(--jr-accent)}[data-cat=soft]{--jr-cat: var(--jr-cat-soft)}[data-cat=soiree]{--jr-cat: var(--jr-cat-soiree)}[data-cat=alcool]{--jr-cat: var(--jr-cat-alcool)}[data-cat=hot]{--jr-cat: var(--jr-cat-hot)}[data-cat=super_hot],[data-cat=super-hot]{--jr-cat: var(--jr-cat-super-hot)}.jr-safe-y{padding-top:max(var(--jr-4),env(safe-area-inset-top));padding-bottom:max(var(--jr-4),env(safe-area-inset-bottom))}@keyframes jr-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.jr-appear{animation:jr-appear var(--jr-slow) var(--jr-ease) both}@keyframes jr-spin{to{transform:rotate(360deg)}}.jr-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--jr-border-strong);border-top-color:var(--jr-cool);border-radius:var(--jr-r-pill);animation:jr-spin .9s linear infinite}[data-cat=SOFT]{--jr-cat: var(--jr-cat-soft)}[data-cat=SOIREE]{--jr-cat: var(--jr-cat-soiree)}[data-cat=ALCOOL]{--jr-cat: var(--jr-cat-alcool)}[data-cat=HOT]{--jr-cat: var(--jr-cat-hot)}[data-cat=SUPER_HOT]{--jr-cat: var(--jr-cat-super-hot)}:root{--jr-tv-container: 100rem;--jr-tv-gutter: clamp(1.25rem, 3vw, 3.25rem);--jr-tv-label: clamp(.8rem, .95vw, 1.15rem);--jr-tv-lead: clamp(1.05rem, 1.5vw, 1.6rem);--jr-tv-hero: clamp(2rem, 4.2vw, 4.25rem);--jr-tv-code: clamp(3rem, 9vw, 9.5rem);--jr-tv-challenge: clamp(1.5rem, 3vw, 3.1rem);--jr-code-tracking: .18em;--jr-code-size: var(--jr-text-2xl);--jr-code-hero: clamp(2.25rem, 1.7rem + 3vw, 3.5rem);--jr-tv-code-inline: clamp(1.35rem, 2.2vw, 2.4rem);--jr-tv-code-pause: clamp(2.5rem, 5.5vw, 7rem);--jr-level-1: var(--jr-cat-soft);--jr-level-2: var(--jr-cool);--jr-level-3: var(--jr-cat-alcool);--jr-level-4: var(--jr-cat-hot);--jr-level-5: var(--jr-cat-super-hot);--jr-cat-soft-tint: rgba(16, 172, 132, .16);--jr-cat-soiree-tint: rgba(162, 155, 254, .16);--jr-cat-alcool-tint: rgba(254, 202, 87, .16);--jr-cat-hot-tint: rgba(255, 107, 107, .16);--jr-cat-super-hot-tint: rgba(255, 71, 87, .16);--jr-podium-1: #ffd76e;--jr-podium-2: #d9dde9;--jr-podium-3: #e2a06d;--jr-tv-prompt: clamp(2rem, 4.6vw, 4.75rem);--jr-tv-word: clamp(1.4rem, 2.6vw, 2.75rem)}.jr-tv{position:relative;display:flex;flex-direction:column;gap:var(--jr-5);min-height:100dvh;padding-block:var(--jr-tv-gutter);padding-left:max(var(--jr-tv-gutter),env(safe-area-inset-left));padding-right:max(var(--jr-tv-gutter),env(safe-area-inset-right))}.jr-tv-container{width:100%;max-width:var(--jr-tv-container);margin-inline:auto}.jr-code{font-weight:800;line-height:1;letter-spacing:.1em;color:var(--jr-cool);text-shadow:var(--jr-glow-cool);overflow-wrap:anywhere}.jr-level[data-level="1"]{color:var(--jr-level-1)}.jr-level[data-level="2"]{color:var(--jr-level-2)}.jr-level[data-level="3"]{color:var(--jr-level-3)}.jr-level[data-level="4"]{color:var(--jr-level-4)}.jr-level[data-level="5"]{color:var(--jr-level-5)}.jr-cat{--jr-cat-color: var(--jr-cat-soft);--jr-cat-tint: var(--jr-cat-soft-tint);color:var(--jr-cat-color);background:var(--jr-cat-tint);border-color:var(--jr-cat-color)}.jr-cat[data-cat=SOIREE]{--jr-cat-color: var(--jr-cat-soiree);--jr-cat-tint: var(--jr-cat-soiree-tint)}.jr-cat[data-cat=ALCOOL]{--jr-cat-color: var(--jr-cat-alcool);--jr-cat-tint: var(--jr-cat-alcool-tint)}.jr-cat[data-cat=HOT]{--jr-cat-color: var(--jr-cat-hot);--jr-cat-tint: var(--jr-cat-hot-tint)}.jr-cat[data-cat=SUPER_HOT]{--jr-cat-color: var(--jr-cat-super-hot);--jr-cat-tint: var(--jr-cat-super-hot-tint)}.jr-notice-ok{border-color:var(--jr-ok);background:var(--jr-ok-soft);color:#b9f2e2}@keyframes jr-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.jr-rise{animation:jr-rise var(--jr-slow) var(--jr-ease) both}@keyframes jr-breathe{0%,to{opacity:1}50%{opacity:.55}}.jr-breathe{animation:jr-breathe 2.4s var(--jr-ease) infinite}.creator-footer{margin-top:auto;padding:var(--jr-3) var(--jr-gutter);padding-bottom:max(var(--jr-3),env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--jr-border)}.creator-footer a{color:var(--jr-ink-faint);font-size:var(--jr-text-xs);text-decoration:none;transition:color var(--jr-fast) var(--jr-ease)}.creator-footer a:hover{color:var(--jr-cool)}.join-page{flex:1;display:flex;flex-direction:column;gap:var(--jr-4);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.join-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:var(--jr-5)}.join-topbar{display:flex}.join-hero{display:flex;flex-direction:column;gap:var(--jr-2);text-align:center}.join-brand{text-align:center}.join-tagline{font-size:var(--jr-text-lg)}.join-page-title,.join-hint{text-align:center}.join-state{text-align:center;align-items:center}.join-state .jr-spinner{margin-bottom:var(--jr-2)}.connection-status{text-align:center}.choice-card{--tone: var(--jr-accent);display:flex;align-items:center;gap:var(--jr-4);width:100%;min-height:5.25rem;padding:var(--jr-4);text-align:left;color:var(--jr-ink);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-lg);box-shadow:var(--jr-shadow-1);cursor:pointer;transition:transform var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease),box-shadow var(--jr-fast) var(--jr-ease)}.choice-card[data-tone=create]{--tone: var(--jr-cool)}.choice-card[data-tone=resume]{--tone: var(--jr-warn);border-color:color-mix(in srgb,var(--jr-warn) 45%,transparent);background:var(--jr-warn-soft)}.choice-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 55%,transparent);background:var(--jr-surface-hover);box-shadow:var(--jr-shadow-2)}.choice-card:active:not(:disabled){transform:translateY(0)}.choice-card:disabled{opacity:.5;cursor:not-allowed}.choice-icon{flex:0 0 auto;display:grid;place-items:center;width:3.25rem;height:3.25rem;font-size:1.65rem;border-radius:var(--jr-r-md);background:color-mix(in srgb,var(--tone) 18%,transparent);border:1px solid color-mix(in srgb,var(--tone) 38%,transparent)}.choice-body{display:flex;flex-direction:column;gap:var(--jr-1);min-width:0}.choice-text{font-size:var(--jr-text-lg);font-weight:700;line-height:1.2}.choice-desc{font-size:var(--jr-text-sm);color:var(--jr-ink-soft)}.room-info-loading{text-align:center}.room-info-status{font-size:var(--jr-text-md);font-weight:700;color:var(--jr-ink);text-align:center}.jr-notice-error .room-info-status{color:inherit}.room-info-block{gap:var(--jr-2)}.room-info-hint{font-size:var(--jr-text-xs);line-height:1.5;color:var(--jr-ink-faint);text-align:center}.room-info-warning{font-size:var(--jr-text-sm);line-height:1.5;color:var(--jr-warn);text-align:center}.slot-list{display:flex;flex-direction:column;gap:var(--jr-2)}.slot-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--jr-3);width:100%;min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-4);font-size:var(--jr-text-md);text-align:left;color:var(--jr-ink);background:var(--jr-surface-strong);border:1px solid var(--jr-warn);border-radius:var(--jr-r-md);cursor:pointer;transition:background-color var(--jr-fast) var(--jr-ease),transform var(--jr-fast) var(--jr-ease)}button.slot-btn{background:var(--jr-warn-soft)}button.slot-btn:hover:not(:disabled){background:color-mix(in srgb,var(--jr-warn) 24%,transparent)}button.slot-btn:active:not(:disabled){transform:translateY(1px)}.slot-btn:disabled{opacity:.55;cursor:not-allowed}.slot-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-action{flex-shrink:0;font-size:var(--jr-text-xs);color:var(--jr-ink-soft)}.slot-taken{background:var(--jr-surface);border-color:var(--jr-border);color:var(--jr-ink-faint);cursor:default}.display-link-section{display:flex;flex-direction:column;align-items:center;gap:var(--jr-3);padding-top:var(--jr-5);border-top:1px solid var(--jr-border);text-align:center}.display-link{text-decoration:none;color:var(--jr-cool)}.display-link:hover{color:var(--jr-ink)}.g-main{flex:1;display:flex;flex-direction:column;gap:var(--jr-4);padding-block:var(--jr-5);min-height:0}.controller-screen.has-dock .g-main{padding-bottom:calc(var(--jr-dock) + var(--jr-4))}.g-body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--jr-4);min-height:0;overflow-y:auto;overscroll-behavior:contain}.g-act{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--jr-3)}.g-lede{margin:0;font-size:var(--jr-text-lg);line-height:1.35;text-align:center;text-wrap:balance;color:var(--jr-ink-soft)}.g-lede strong{color:var(--jr-ink)}.g-center{text-align:center}.g-prompt{margin:0;font-size:var(--jr-challenge);font-weight:800;line-height:1.14;letter-spacing:-.02em;text-align:center;text-wrap:balance;color:var(--jr-ink)}.g-prompt-echo{margin:0;font-size:var(--jr-text-lg);font-weight:700;line-height:1.3;text-align:center;text-wrap:balance;color:var(--jr-ink-soft)}.g-pick-list{display:flex;flex-direction:column;gap:var(--jr-3);margin:0;padding:0;list-style:none}.g-pick{display:flex;align-items:center;justify-content:space-between;gap:var(--jr-3);width:100%;min-height:3.5rem;padding:var(--jr-3) var(--jr-4);font:inherit;font-size:var(--jr-text-lg);font-weight:700;text-align:left;color:var(--jr-ink);background:var(--jr-surface);border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-md);cursor:pointer;transition:transform var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease)}.g-pick:hover:not(:disabled){background:var(--jr-surface-hover)}.g-pick:active:not(:disabled){transform:translateY(1px)}.g-pick:disabled{cursor:not-allowed;opacity:.5}.g-pick.is-picked{opacity:1;color:var(--jr-ink);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 20%,transparent);box-shadow:var(--jr-glow-accent)}.g-pick-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-pick-tag{flex:0 0 auto}.g-wait{align-items:center;gap:var(--jr-3);text-align:center}.g-name-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--jr-2)}.g-tally{display:flex;flex-direction:column;gap:var(--jr-2);margin:0;padding:0;list-style:none}.g-tally-row{--g-share: 0%;position:relative;display:flex;align-items:center;gap:var(--jr-2);min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-3);overflow:hidden;background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md)}.g-tally-row:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--g-share);background:color-mix(in srgb,var(--jr-cool) 20%,transparent)}.g-tally-row.is-winner{border-color:var(--jr-accent)}.g-tally-row.is-winner:before{background:color-mix(in srgb,var(--jr-accent) 24%,transparent)}.g-tally-row.is-me{border-color:var(--jr-border-strong);background:var(--jr-surface-strong)}.g-tally-name,.g-tally-count{position:relative;z-index:1}.g-tally-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.g-secret{align-items:center;gap:var(--jr-2);text-align:center;border-color:var(--jr-border-strong);background:var(--jr-surface-strong)}.g-secret-word{margin:0;font-size:var(--jr-challenge);font-weight:800;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--jr-ink)}.g-secret-word.is-discreet{font-size:var(--jr-text-2xl)}.g-secret-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--jr-2)}.g-role{display:inline-flex;align-items:center;gap:var(--jr-2);align-self:center;padding:var(--jr-1) var(--jr-3);font-size:var(--jr-text-sm);font-weight:700;border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-pill);background:var(--jr-surface);color:var(--jr-ink-soft)}.g-role.is-impostor{color:var(--jr-accent);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 16%,transparent)}.g-turn{display:flex;align-items:center;justify-content:center;gap:var(--jr-2);padding:var(--jr-3) var(--jr-4);font-size:var(--jr-text-lg);font-weight:700;text-align:center;border:1px solid var(--jr-border);border-radius:var(--jr-r-md);background:var(--jr-surface);color:var(--jr-ink-soft)}.g-turn.is-mine{color:var(--jr-ink);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 16%,transparent)}.g-fold{border:1px solid var(--jr-border);border-radius:var(--jr-r-md);background:var(--jr-surface)}.g-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--jr-2);min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-4);font-size:var(--jr-text-sm);font-weight:700;color:var(--jr-ink-soft);cursor:pointer;list-style:none}.g-fold>summary::-webkit-details-marker{display:none}.g-fold[open]>summary{color:var(--jr-ink);border-bottom:1px solid var(--jr-border)}.g-fold-body{display:flex;flex-direction:column;gap:var(--jr-2);padding:var(--jr-3) var(--jr-4)}.g-log{display:flex;flex-direction:column;gap:var(--jr-2);margin:0;padding:0;list-style:none}.g-log-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--jr-2);font-size:var(--jr-text-sm);line-height:1.4;color:var(--jr-ink-soft)}.g-log-word{font-weight:800;color:var(--jr-ink);overflow-wrap:anywhere}.g-empty{margin:0;text-align:center}.g-game-grid{display:grid;gap:var(--jr-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.g-game-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--jr-2);width:100%;min-height:8rem;padding:var(--jr-4);font:inherit;text-align:left;color:var(--jr-ink);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);cursor:pointer;transition:transform var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),box-shadow var(--jr-fast) var(--jr-ease)}.g-game-card:hover{background:var(--jr-surface-hover);border-color:var(--jr-border-strong)}.g-game-card:active{transform:translateY(1px)}.g-game-card.is-selected{border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 12%,transparent);box-shadow:0 0 0 1px var(--jr-accent)}.g-game-card.is-short{border-color:var(--jr-warn)}.g-game-head{display:flex;align-items:center;gap:var(--jr-3);width:100%}.g-game-icon{flex:0 0 auto;font-size:1.75rem;line-height:1}.g-game-name{flex:1 1 auto;min-width:0;font-size:var(--jr-text-lg);font-weight:700;line-height:1.15}.g-game-desc{margin:0;font-size:var(--jr-text-sm);line-height:1.45;color:var(--jr-ink-soft)}.g-game-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jr-2);margin-top:auto}.g-game-banner{display:flex;align-items:center;gap:var(--jr-3);padding:var(--jr-4);border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-md);background:var(--jr-surface-strong)}.g-setup-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jr-3)}.g-rounds{display:flex;flex-wrap:wrap;gap:var(--jr-2)}.g-round-btn{min-width:3.5rem;min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-4);font:inherit;font-size:var(--jr-text-md);font-weight:700;color:var(--jr-ink-soft);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-pill);cursor:pointer;transition:background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),color var(--jr-fast) var(--jr-ease)}.g-round-btn:hover{background:var(--jr-surface-hover);color:var(--jr-ink)}.g-round-btn.is-active{color:var(--jr-ink);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 18%,transparent)}.g-rules{display:flex;flex-direction:column;gap:var(--jr-1);margin:0;padding-left:var(--jr-5);font-size:var(--jr-text-sm);line-height:1.45;color:var(--jr-ink-soft)}[data-cat=ambiance]{--jr-cat: var(--jr-cat-soiree)}[data-cat=bar]{--jr-cat: var(--jr-cat-alcool)}[data-cat=piquant]{--jr-cat: var(--jr-cat-hot)}[data-cat=classique]{--jr-cat: var(--jr-cat-soft)}[data-cat=bistrot]{--jr-cat: var(--jr-cat-alcool)}[data-cat=quotidien]{--jr-cat: var(--jr-cat-soft)}[data-cat=sorties]{--jr-cat: var(--jr-cat-soiree)}[data-cat=culture]{--jr-cat: var(--jr-cool)}.controller-screen{flex:1;display:flex;flex-direction:column;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.ctl-main,.game-view,.lobby{flex:1;display:flex;flex-direction:column;gap:var(--jr-5);padding-block:var(--jr-5)}.ctl-main{justify-content:center}.controller-screen.has-dock .ctl-main,.controller-screen.has-dock .game-view,.controller-screen.has-dock .lobby{padding-bottom:calc(var(--jr-dock) + var(--jr-5))}.ctl-state{align-items:center;text-align:center}.ctl-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--jr-3)}.ctl-state-actions>.jr-btn{flex:1 1 10rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--jr-3)}.chip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--jr-2)}.row-list{display:flex;flex-direction:column;gap:var(--jr-2);margin:0;padding:0;list-style:none}.row-item{display:flex;align-items:center;gap:var(--jr-2);min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-3);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md)}.row-item.is-me{border-color:var(--jr-accent);background:var(--jr-surface-strong)}.row-rank{flex:0 0 auto;min-width:2.25rem;font-weight:700;color:var(--jr-ink-faint)}.row-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.row-action{flex:0 0 auto}.lobby-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jr-3)}.lobby-cols{display:grid;gap:var(--jr-4);align-items:start}@media (min-width: 900px){.lobby-cols{grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:var(--jr-5)}}.lobby-aside,.lobby-main{min-width:0}.room-card{text-align:center}.room-code{font-size:var(--jr-code-size);font-weight:800;letter-spacing:var(--jr-code-tracking);text-transform:uppercase;color:var(--jr-ink);margin-right:calc(-1 * var(--jr-code-tracking))}.jr-chip.code-chip{gap:var(--jr-2);cursor:pointer;transition:background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),transform var(--jr-fast) var(--jr-ease)}.code-chip .room-code{--jr-code-size: var(--jr-text-sm);line-height:1.1}.code-chip:hover{background:var(--jr-surface-hover);border-color:var(--jr-border-strong)}.code-chip:active{transform:translateY(1px)}.code-bar{display:flex;justify-content:center}.cat-grid{width:100%}.cat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--jr-2);min-height:7rem;padding:var(--jr-5) var(--jr-3) var(--jr-3);color:var(--jr-ink);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);cursor:pointer;transition:transform var(--jr-fast) var(--jr-ease),background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),box-shadow var(--jr-fast) var(--jr-ease)}.cat-card:hover{background:var(--jr-surface-hover);border-color:color-mix(in srgb,var(--jr-cat) 50%,transparent)}.cat-card:active{transform:translateY(1px)}.cat-card.is-selected{border-color:var(--jr-cat);background:color-mix(in srgb,var(--jr-cat) 14%,transparent);box-shadow:0 0 0 1px var(--jr-cat),0 10px 26px color-mix(in srgb,var(--jr-cat) 26%,transparent)}.cat-icon{font-size:1.75rem;line-height:1}.cat-name{font-size:var(--jr-text-sm);font-weight:700;text-align:center;text-wrap:balance}.cat-age{position:absolute;top:var(--jr-2);right:var(--jr-2);padding:var(--jr-1) var(--jr-2);font-size:var(--jr-text-xs);font-weight:700;line-height:1.1;color:var(--jr-cat);background:color-mix(in srgb,var(--jr-cat) 20%,transparent);border:1px solid color-mix(in srgb,var(--jr-cat) 55%,transparent);border-radius:var(--jr-r-pill)}.cat-desc{margin-top:var(--jr-1);line-height:1.5}.cat-banner{position:relative;display:flex;align-items:center;gap:var(--jr-3);padding:var(--jr-4);border:1px solid var(--jr-cat);border-radius:var(--jr-r-md);background:color-mix(in srgb,var(--jr-cat) 16%,transparent)}.cat-banner .cat-name{flex:1 1 auto;font-size:var(--jr-text-lg);text-align:left}.cat-banner .cat-age{position:static}.cat-chip{color:var(--jr-cat);border-color:color-mix(in srgb,var(--jr-cat) 55%,transparent);background:color-mix(in srgb,var(--jr-cat) 16%,transparent);overflow:hidden;text-overflow:ellipsis}.opt-list{display:flex;flex-direction:column;gap:var(--jr-2)}.opt-row{flex-direction:row;flex-wrap:wrap}.opt-row>.opt{flex:1 1 7rem}.opt{display:flex;align-items:center;gap:var(--jr-3);min-height:var(--jr-tap);padding:var(--jr-2) var(--jr-4);font-size:var(--jr-text-sm);color:var(--jr-ink-soft);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);cursor:pointer;transition:background-color var(--jr-fast) var(--jr-ease),border-color var(--jr-fast) var(--jr-ease),color var(--jr-fast) var(--jr-ease)}.opt:hover{background:var(--jr-surface-hover);color:var(--jr-ink)}.opt:focus-within{border-color:var(--jr-cool)}.opt.is-active{color:var(--jr-ink);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 14%,transparent)}.opt input[type=radio],.opt input[type=checkbox]{flex:0 0 auto;width:1.15rem;height:1.15rem;accent-color:var(--jr-accent);cursor:pointer}.opt-age{color:var(--jr-ink);border-color:var(--jr-warn);background:var(--jr-warn-soft)}.jr-range{width:100%;height:var(--jr-tap);accent-color:var(--jr-accent);cursor:pointer}.game-btn{min-height:3.5rem;font-size:var(--jr-text-lg)}.waiting-text{text-align:center}.consent-confirmed{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jr-3);padding:var(--jr-3);border:1px solid var(--jr-border);border-radius:var(--jr-r-md);background:var(--jr-surface)}.consent-required-btn{animation:consent-pulse 2.4s var(--jr-ease) infinite}@keyframes consent-pulse{0%,to{box-shadow:var(--jr-glow-accent)}50%{box-shadow:0 8px 34px color-mix(in srgb,var(--jr-accent) 60%,transparent)}}.game-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jr-2) var(--jr-3);padding-bottom:var(--jr-3);border-bottom:1px solid var(--jr-border)}.game-head-id{display:flex;align-items:center;gap:var(--jr-2);min-width:0}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.game-head-meta,.my-game-stats{min-width:0;justify-content:flex-start}.host-game-controls{gap:var(--jr-3)}.approve-btn{color:var(--jr-ok);border-color:var(--jr-ok);background:var(--jr-ok-soft)}.view-title,.hint,.level-info,.turn-line{text-align:center}.turn-line{font-size:var(--jr-text-lg);color:var(--jr-ink-soft)}.turn-line strong{color:var(--jr-ink)}.my-turn .jr-section-label{text-align:center}.game-view>.my-turn,.game-view>.not-my-turn,.game-view>.challenge-view{margin-block:auto}.choice-buttons,.validation-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jr-3)}.choice-truth,.choice-dare,.validate-yes,.validate-no{min-height:5.5rem;font-size:var(--jr-text-xl);font-weight:800}.choice-truth{background:var(--jr-cool-grad);box-shadow:var(--jr-glow-cool)}.choice-dare{background:var(--jr-accent-grad);box-shadow:var(--jr-glow-accent)}.validate-yes{background:var(--jr-ok)}.validate-no{background:var(--jr-danger)}.challenge-view{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.challenge-text{font-size:var(--jr-challenge);font-weight:800;line-height:1.14;letter-spacing:-.02em;text-wrap:balance;color:var(--jr-ink)}.challenge-view.is-spectator{gap:var(--jr-3);padding:var(--jr-5) var(--jr-4);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-lg)}.challenge-view.is-spectator .challenge-text{font-size:var(--jr-text-xl);font-weight:700}.type-chip.truth{color:var(--jr-cool);border-color:var(--jr-cool);background:color-mix(in srgb,var(--jr-cool) 16%,transparent)}.type-chip.dare{color:var(--jr-accent);border-color:var(--jr-accent);background:color-mix(in srgb,var(--jr-accent) 16%,transparent)}.pause-icon{font-size:2.5rem;line-height:1}.pause-reason strong{color:var(--jr-ink)}.pause-count{align-self:center}.pause-screen .pause-code{--jr-code-size: var(--jr-code-hero);align-items:center;width:100%;gap:var(--jr-2);text-align:center;border-color:var(--jr-border-strong);background:var(--jr-surface-strong)}.pause-code .room-code{line-height:1.05}.pause-code-hint{margin-bottom:var(--jr-2)}.finished,.finished-title,.waiting-restart{text-align:center}.my-rank{align-items:center;text-align:center}.rank-number{font-size:var(--jr-display);font-weight:800;line-height:1;background:var(--jr-accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-text{font-size:var(--jr-text-lg);font-weight:600;color:var(--jr-ink-soft)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--jr-3)}.modal-title{font-size:var(--jr-text-xl)}.close-popup{flex:0 0 auto;font-size:var(--jr-text-sm);font-weight:700}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--jr-3);margin-top:var(--jr-2)}.modal-actions>.jr-btn{flex:1 1 8rem}.consent-warning{display:flex;align-items:center;gap:var(--jr-3);padding:var(--jr-4);font-size:var(--jr-text-sm);line-height:1.5;border:1px solid var(--jr-cat);border-radius:var(--jr-r-md);background:color-mix(in srgb,var(--jr-cat) 16%,transparent)}.consent-warning p{margin:0}.consent-warning-icon{font-size:1.5rem;line-height:1}.consent-form{gap:var(--jr-4)}.share-popup{text-align:center}.qr-container{align-self:center;padding:var(--jr-3);line-height:0;background:var(--jr-ink);border-radius:var(--jr-r-md)}.scan-instruction,.scores-legend,.kick-progress{text-align:center}.room-code-display{display:flex;flex-direction:column;align-items:center;gap:var(--jr-2);padding:var(--jr-3);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md)}.share-link{display:flex;flex-direction:column;align-items:center;gap:var(--jr-2)}.join-url{font-size:var(--jr-text-xs);color:var(--jr-ink-faint);overflow-wrap:anywhere}.kick-question{font-size:var(--jr-text-lg);line-height:1.4;color:var(--jr-ink-soft)}.kick-question strong{color:var(--jr-ink)}.tutorial-modal{max-width:32rem}.tutorial-steps{display:flex;flex-direction:column;gap:var(--jr-4);margin:0;padding:0;list-style:none}.tutorial-step{display:flex;align-items:flex-start;gap:var(--jr-3)}.step-number{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;font-weight:800;border-radius:var(--jr-r-pill);background:var(--jr-accent-grad)}.step-content h4{margin:0 0 var(--jr-1);font-size:var(--jr-text-md)}.step-content p{margin:0;font-size:var(--jr-text-sm);line-height:1.5;color:var(--jr-ink-soft)}.step-content strong{color:var(--jr-ink)}.dock{position:fixed;z-index:120;left:max(var(--jr-gutter),env(safe-area-inset-left));right:max(var(--jr-gutter),env(safe-area-inset-right));bottom:max(var(--jr-3),env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--jr-2);pointer-events:none}.dock>*{pointer-events:auto}@media (max-width: 380px){:root{--jr-dock: 9rem}}.controller-screen.has-dock .creator-footer{padding-bottom:calc(var(--jr-dock) + max(var(--jr-3),env(safe-area-inset-bottom)))}.dock-btn{position:relative;box-shadow:var(--jr-shadow-2)}.dock-btn:active{transform:translateY(1px)}.popup-open .dock>:not(.dock-chat){display:none}.chat-badge{position:absolute;top:-2px;right:-2px;min-width:1.25rem;padding:0 var(--jr-1);font-size:var(--jr-text-xs);font-weight:700;line-height:1.25rem;text-align:center;color:var(--jr-ink);background:var(--jr-danger);border-radius:var(--jr-r-pill)}.chat-panel{position:fixed;z-index:130;left:max(var(--jr-gutter),env(safe-area-inset-left));right:max(var(--jr-gutter),env(safe-area-inset-right));bottom:calc(max(var(--jr-3),env(safe-area-inset-bottom)) + var(--jr-dock));display:flex;flex-direction:column;gap:var(--jr-3);width:auto;max-width:24rem;max-height:min(60dvh,28rem);overflow:hidden;margin-left:auto;padding:var(--jr-4);background:linear-gradient(180deg,var(--jr-surface-strong),var(--jr-surface));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-lg);box-shadow:var(--jr-shadow-3)}.chat-messages{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--jr-2);min-height:4rem;overflow-y:auto;overscroll-behavior:contain}.chat-msg{font-size:var(--jr-text-sm);line-height:1.45;color:var(--jr-ink-soft);overflow-wrap:anywhere}.chat-msg strong{color:var(--jr-ink)}.emote-bubble{display:inline-flex;align-items:center;gap:var(--jr-2)}.emote-content{font-size:1.5rem}.no-messages{margin:auto;text-align:center}.chat-input-area{display:flex;align-items:center;gap:var(--jr-2)}.emote-toggle,.chat-send{flex:0 0 auto}.chat-form{display:flex;flex:1 1 auto;align-items:center;gap:var(--jr-2);min-width:0}.chat-form .jr-input{min-width:0}.emote-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:var(--jr-2);max-height:9rem;overflow-y:auto;padding:var(--jr-2);background:var(--jr-surface);border:1px solid var(--jr-border);border-radius:var(--jr-r-md)}.emote-btn{min-height:2.75rem;font-size:1.4rem;border-radius:var(--jr-r-sm);cursor:pointer;transition:background-color var(--jr-fast) var(--jr-ease),transform var(--jr-fast) var(--jr-ease)}.emote-btn:hover{background:var(--jr-surface-hover)}.emote-btn:active{transform:scale(.94)}.reconnect-banner{position:fixed;z-index:300;top:0;left:0;right:0;padding:var(--jr-2) var(--jr-4);padding-top:max(var(--jr-2),env(safe-area-inset-top));font-size:var(--jr-text-sm);font-weight:600;text-align:center;color:var(--jr-warn);background:var(--jr-warn-soft);border-bottom:1px solid var(--jr-warn);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast{position:fixed;z-index:290;top:calc(env(safe-area-inset-top) + var(--jr-7));left:50%;transform:translate(-50%);width:max-content;max-width:min(28rem,calc(100% - 2 * var(--jr-gutter)));padding:var(--jr-3) var(--jr-4);font-size:var(--jr-text-sm);font-weight:600;text-align:center;color:var(--jr-ink);background:var(--jr-surface-strong);border:1px solid var(--jr-border-strong);border-radius:var(--jr-r-md);box-shadow:var(--jr-shadow-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in var(--jr-slow) var(--jr-ease) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.toast~.toast{top:calc(env(safe-area-inset-top) + var(--jr-7) + 4rem)}.toast~.toast~.toast{top:calc(env(safe-area-inset-top) + var(--jr-7) + 8rem)}.toast p{margin:0}.toast-sub{display:block;margin-top:var(--jr-1);font-size:var(--jr-text-xs);font-weight:500;color:var(--jr-ink-soft)}.toast-clickable{cursor:pointer}.toast-ok{border-color:var(--jr-ok);background:var(--jr-ok-soft)}.toast-warn{border-color:var(--jr-warn);background:var(--jr-warn-soft)}.toast-danger{border-color:var(--jr-danger);background:var(--jr-danger-soft)}.toast-info{border-color:var(--jr-cool);background:color-mix(in srgb,var(--jr-cool) 14%,transparent)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}button,input,textarea,select{font-family:inherit;color:inherit}button{background:none;border:none}a{color:var(--jr-cool)}img,svg{max-width:100%}