@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Kalam:wght@400;700&family=Nunito:wght@500;600;700;800;900&display=swap";:root{--color-cream-50: #fffdf7;--color-white: #fff;--color-paper-50: #fffef9;--color-paper-100: #fffaf0;--color-paper-200: #f7f0df;--color-paper-300: #efe4cd;--color-navy-50: #f9fafb;--color-navy-300: #aebbd0;--color-navy-500: #5b6473;--color-navy-700: #20304a;--color-navy-750: #1f2937;--color-navy-800: #17243b;--color-navy-850: #172033;--color-navy-900: #111c30;--color-navy-950: #0b1220;--color-orange-300: #fbbf24;--color-orange-400: #f59e0b;--color-orange-500: #d97706;--color-orange-600: #b45309;--color-green-300: #34d399;--color-green-600: #047857;--color-red-300: #f87171;--color-red-500: #ef4444;--color-red-600: #b91c1c;--color-red-800: #7f1d1d;--color-teal-300: #2dd4bf;--color-teal-700: #0f766e;--color-amber-200: #fde68a;--color-neutral-500: #6b7280;--color-border-on-dark: rgba(255, 255, 255, .12);--color-border-on-paper: rgba(23, 32, 51, .14);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-small: 12px;--radius-medium: 14px;--radius-large: 20px;--radius-panel: 28px;--radius-pill: 999px;--radius-round: 50%;--font-interface: "Nunito", ui-rounded, system-ui, -apple-system, sans-serif;--font-display: "Baloo 2", "Nunito", ui-rounded, system-ui, sans-serif;--font-handwritten: "Kalam", cursive;--font-size-tiny: 11px;--font-size-helper: 12px;--font-size-body: 14px;--font-size-control: 14px;--font-size-player: 14px;--type-app-brand: 16px;--type-round-meta: var(--font-size-helper);--type-active-word: clamp(19px, 5vw, 28px);--type-player-name: var(--font-size-player);--type-score: 17px;--type-body: var(--font-size-body);--type-helper: var(--font-size-helper);--type-tiny-meta: var(--font-size-tiny);--motion-fast: .15s;--motion-standard: .22s;--motion-slow: .3s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--z-base: 0;--z-sticky: 30;--z-overlay: 50;--z-sheet: 70;--z-modal: 80;--z-feedback: 90;--z-toast: 100;--color-app-background: var(--color-navy-950);--color-surface: var(--color-navy-900);--color-surface-elevated: var(--color-navy-800);--color-surface-muted: var(--color-navy-700);--color-canvas-surface: var(--color-cream-50);--color-text-primary: var(--color-navy-50);--color-text-secondary: var(--color-navy-300);--color-text-muted: var(--color-navy-300);--color-primary-action: var(--color-orange-400);--color-primary-action-hover: var(--color-orange-300);--color-on-primary-action: var(--color-navy-750);--color-success: var(--color-green-300);--color-warning: var(--color-amber-200);--color-danger: var(--color-red-300);--color-border: var(--color-border-on-dark);--color-focus-ring: var(--color-teal-300);--color-backdrop: rgba(0, 0, 0, .58);--color-accent: var(--color-teal-300);--elevation-card: 0 2px 0 rgba(0, 0, 0, .18), 0 8px 20px rgba(0, 0, 0, .16);--elevation-control: 0 3px 0 rgba(0, 0, 0, .24), 0 8px 16px rgba(0, 0, 0, .14);--elevation-modal: 0 8px 0 rgba(0, 0, 0, .18), 0 22px 48px rgba(0, 0, 0, .28);--elevation-sheet: 0 -8px 32px rgba(0, 0, 0, .24);--elevation-legacy: 0 18px 48px rgba(0, 0, 0, .3);--button-bg: var(--color-primary-action);--button-bg-hover: var(--color-primary-action-hover);--button-fg: var(--color-on-primary-action);--button-secondary-bg: var(--color-surface-muted);--button-secondary-fg: var(--color-text-primary);--button-danger-bg: var(--color-red-600);--button-danger-fg: var(--color-white);--input-bg: var(--color-surface-elevated);--input-fg: var(--color-text-primary);--input-border: var(--color-border);--card-bg: var(--color-surface);--card-fg: var(--color-text-primary);--card-border: var(--color-border);font-family:var(--font-interface);color:var(--color-text-primary);background:var(--color-app-background);font-synthesis:none;--bg: var(--color-app-background);--surface: var(--color-surface);--surface-strong: var(--color-surface-elevated);--surface-soft: var(--color-surface-muted);--text: var(--color-text-primary);--muted: var(--color-text-muted);--border: var(--color-border);--primary: var(--color-primary-action);--primary-hover: var(--color-primary-action-hover);--primary-ink: var(--color-on-primary-action);--accent: var(--color-accent);--danger: var(--color-danger);--success: var(--color-success);--canvas: var(--color-canvas-surface);--shadow: var(--elevation-legacy);--radius-sm: var(--radius-small);--radius: var(--radius-large);--radius-lg: var(--radius-panel);--app-height: 100dvh}:root[data-theme=light]{--color-app-background: var(--color-paper-200);--color-surface: var(--color-paper-100);--color-surface-elevated: var(--color-paper-50);--color-surface-muted: var(--color-paper-300);--color-text-primary: var(--color-navy-850);--color-text-secondary: var(--color-navy-500);--color-text-muted: var(--color-navy-500);--color-primary-action: var(--color-orange-500);--color-primary-action-hover: var(--color-orange-600);--color-on-primary-action: var(--color-white);--color-success: var(--color-green-600);--color-danger: var(--color-red-600);--color-border: var(--color-border-on-paper);--color-focus-ring: var(--color-teal-700);--color-accent: var(--color-teal-700);--elevation-card: 0 2px 0 rgba(71, 52, 27, .1), 0 8px 20px rgba(71, 52, 27, .1);--elevation-control: 0 3px 0 rgba(71, 52, 27, .16), 0 8px 16px rgba(71, 52, 27, .08);--elevation-modal: 0 8px 0 rgba(71, 52, 27, .12), 0 22px 48px rgba(71, 52, 27, .16);--elevation-sheet: 0 -8px 32px rgba(71, 52, 27, .16);--elevation-legacy: 0 18px 48px rgba(71, 52, 27, .14);color:var(--color-text-primary);background:var(--color-app-background)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:var(--app-height);overflow-x:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-shell{min-height:var(--app-height);background:radial-gradient(circle at 15% 0%,rgba(245,158,11,.12),transparent 34rem),var(--bg);color:var(--text);padding-bottom:env(safe-area-inset-bottom)}.skip-link{position:fixed;top:-80px;left:16px;z-index:var(--z-toast);background:var(--text);color:var(--bg);padding:12px 16px;border-radius:10px}.skip-link:focus{top:12px}.app-bar{min-height:68px;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:var(--z-sticky)}.app-bar>span:nth-child(2){display:grid;line-height:1.1}.app-bar strong{font-size:var(--type-app-brand);font-weight:900}.app-bar small{color:var(--muted);font-size:12px;margin-top:3px}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;transform:rotate(-4deg)}.connection-pill{margin-left:auto;min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800;background:var(--surface);border:1px solid var(--border)}.connection-pill.is-online svg{color:var(--success)}.connection-pill.is-offline svg{color:var(--danger)}.reconnect-banner{position:sticky;top:68px;z-index:var(--z-overlay);padding:8px 16px;text-align:center;color:var(--color-navy-750);background:var(--color-warning);font-weight:800;font-size:var(--font-size-body)}.primary-button,.secondary-button,.subtle-button,.danger-button{min-height:48px;border:0;border-radius:var(--radius-medium);padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:var(--font-size-control);font-weight:900;transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.primary-button{color:var(--button-fg);background:var(--button-bg);box-shadow:0 8px 20px color-mix(in srgb,var(--button-bg) 24%,transparent)}.primary-button:hover:not(:disabled){background:var(--button-bg-hover)}.secondary-button{color:var(--button-secondary-fg);background:var(--button-secondary-bg);border:1px solid var(--color-border)}.subtle-button{color:var(--color-text-primary);background:transparent;border:1px solid transparent}.danger-button{color:var(--button-danger-fg);background:var(--button-danger-bg)}.primary-button.is-selected,.secondary-button.is-selected,.subtle-button.is-selected{border-color:var(--color-primary-action);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-action) 28%,transparent)}.primary-button.is-loading,.secondary-button.is-loading,.danger-button.is-loading{cursor:wait;opacity:.72}.compact{min-height:40px;padding:0 12px}.icon-button{width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:13px;display:inline-grid;place-items:center;color:var(--color-text-primary);background:var(--color-surface-muted);transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.icon-button:hover,.icon-button.is-selected{background:color-mix(in srgb,var(--primary) 28%,var(--surface));border-color:var(--primary)}.danger-subtle{color:var(--danger)}.eyebrow{color:var(--primary);text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:900}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.subtle-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.subtle-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-action) 9%,transparent);border-color:var(--color-border)}}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.subtle-button:active:not(:disabled),.danger-button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97)}.loading-state,.fatal-state{min-height:calc(var(--app-height) - 70px);padding:32px;display:grid;place-content:center;justify-items:center;text-align:center}.loading-state h1,.fatal-state h1{margin:18px 0 6px;font-size:clamp(28px,8vw,44px)}.loading-state p,.fatal-state p{color:var(--muted);max-width:38ch}.fatal-state>svg{width:64px;height:64px;color:var(--primary)}.loader{width:50px;height:50px;border:5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-shell{width:min(1040px,100%);margin:0 auto;padding:32px 16px calc(32px + env(safe-area-inset-bottom))}.lobby-hero{max-width:680px;margin:10px auto 28px;text-align:center}.lobby-hero h1{margin:8px 0;font-size:clamp(34px,9vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:900}.lobby-hero p{margin:16px auto;max-width:58ch;color:var(--muted);font-size:17px;line-height:1.6}.room-code{display:inline-flex;gap:10px;align-items:center;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.room-code span{color:var(--muted);font-size:13px}.room-code strong{font-variant-numeric:tabular-nums;letter-spacing:.06em}.lobby-grid{display:grid;gap:16px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-heading{min-height:54px;padding:12px 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.panel-heading h2{margin:0;font-size:17px}.panel-heading>span{margin-left:auto;color:var(--muted);font-weight:800}.player-list{margin:0;padding:8px;list-style:none;display:grid;gap:4px}.player-list li{min-height:56px;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:13px}.player-list li.is-spectator{opacity:.76}.avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface-soft);border:2px solid var(--border);font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.is-offline{filter:grayscale(1);opacity:.55}.avatar.is-idle{opacity:.72;border-style:dashed}.player-copy{display:grid;flex:1;min-width:0}.player-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy small{color:var(--muted)}.host-icon{color:var(--primary)}.player-meta{min-width:42px;display:flex;align-items:center;justify-content:flex-end;gap:5px}.score-number{display:inline-flex;align-items:baseline;gap:2px;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums;animation:score-number-pop .38s cubic-bezier(.2,.9,.3,1.2)}.score-number small{color:var(--muted);font-size:var(--font-size-tiny);font-weight:900}.settings-panel{padding-bottom:16px}.settings-panel label{display:grid;gap:7px;margin:16px;font-weight:800}.settings-panel select{min-height:48px;padding:0 12px;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;font-size:16px}.helper-copy{color:var(--muted);margin:4px 16px;line-height:1.5}.lobby-actions{margin-top:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong)}.lobby-actions p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.app-shell.is-lobby{background:var(--bg)}.app-shell.is-lobby .reconnect-banner{top:0}.scribble-lobby{--paper: #17243b;--paper-raised: #1c2b45;--paper-soft: #22334f;--pencil: #f9fafb;--pencil-muted: #b8c4d7;--desk: #0b1220;--desk-line: rgba(255,255,255,.045);--marker-coral: #fb7185;--marker-blue: #38bdf8;--marker-yellow: #fbbf24;--marker-green: #34d399;min-height:var(--app-height);position:relative;isolation:isolate;overflow:hidden;color:var(--pencil);background:radial-gradient(circle at 9% 14%,color-mix(in srgb,var(--marker-coral) 13%,transparent) 0 90px,transparent 92px),radial-gradient(circle at 91% 76%,color-mix(in srgb,var(--marker-blue) 12%,transparent) 0 120px,transparent 122px),repeating-linear-gradient(0deg,transparent 0 31px,var(--desk-line) 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--desk-line) 32px),var(--desk)}:root[data-theme=light] .scribble-lobby{--paper: #fffaf0;--paper-raised: #fffdf8;--paper-soft: #f3e8d2;--pencil: #172033;--pencil-muted: #667085;--desk: #f4ead4;--desk-line: rgba(58,48,34,.055);--marker-coral: #e84f69;--marker-blue: #1684b8;--marker-yellow: #d99106;--marker-green: #07815c}.scribble-lobby:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;background-image:radial-gradient(circle at 20% 40%,var(--marker-yellow) 0 2px,transparent 3px),radial-gradient(circle at 83% 18%,var(--marker-green) 0 2px,transparent 3px),radial-gradient(circle at 68% 88%,var(--marker-coral) 0 2px,transparent 3px);background-size:73px 71px,91px 89px,113px 109px}.scribble-doodle{position:absolute;z-index:-1;width:150px;height:90px;pointer-events:none;opacity:.28}.scribble-doodle:before,.scribble-doodle:after{content:"";position:absolute;border:5px solid currentColor;border-radius:50%}.scribble-doodle:before{width:70px;height:34px;left:8px;top:20px;rotate:-17deg;border-left-color:transparent}.scribble-doodle:after{width:48px;height:54px;right:8px;bottom:2px;rotate:24deg;border-right-color:transparent}.scribble-doodle--one{color:var(--marker-yellow);left:-38px;top:160px;rotate:-18deg}.scribble-doodle--two{color:var(--marker-coral);right:-30px;bottom:120px;rotate:22deg}.scribble-lobby-topbar{width:min(1080px,100%);min-height:70px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--desk) 90%,transparent);border-bottom:2px dashed color-mix(in srgb,var(--pencil) 13%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scribble-lobby-brand{display:flex;align-items:center;gap:10px;color:var(--pencil)}.scribble-lobby-brand>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px 18px 12px 16px;color:#172033;background:var(--marker-yellow);box-shadow:3px 4px color-mix(in srgb,var(--pencil) 28%,transparent);rotate:-5deg}.scribble-lobby-brand svg{width:23px;height:23px;stroke-width:2.7}.scribble-lobby-brand strong{font-family:Kalam,cursive;font-size:22px;line-height:1;letter-spacing:.07em}.scribble-lobby-topbar__actions{display:flex;align-items:center;gap:8px}.scribble-lobby .connection-pill{color:var(--pencil);background:var(--paper);border:2px solid color-mix(in srgb,var(--pencil) 13%,transparent)}.scribble-room-code{min-height:44px;padding:5px 10px 5px 13px;display:inline-flex;align-items:center;gap:8px;color:var(--pencil);background:var(--paper);border:2px solid color-mix(in srgb,var(--pencil) 13%,transparent);border-radius:14px 10px 15px 11px;box-shadow:2px 3px color-mix(in srgb,var(--pencil) 10%,transparent)}.scribble-room-code span{color:var(--pencil-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.scribble-room-code strong{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.scribble-room-code svg{width:16px;height:16px}.scribble-room-code.is-copied{color:var(--marker-green);border-color:var(--marker-green)}.scribble-lobby-stage{width:min(1000px,100%);margin:0 auto;padding:20px 16px calc(32px + env(safe-area-inset-bottom))}.scribble-lobby-hero{width:min(680px,100%);margin:0 auto 24px;position:relative;text-align:center}.scribble-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--marker-coral);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.scribble-kicker svg{width:13px;height:13px}.scribble-kicker svg:last-child{color:var(--marker-blue)}.scribble-lobby-hero h1{margin:5px 0 4px;font-family:Kalam,cursive;line-height:.92;font-size:clamp(38px,10vw,66px);letter-spacing:-.035em}.scribble-lobby-hero h1 span{color:var(--pencil);font-weight:400}.scribble-lobby-hero h1 strong{color:var(--marker-yellow);font-weight:700;white-space:nowrap;text-shadow:2px 3px 0 color-mix(in srgb,var(--pencil) 20%,transparent)}.scribble-lobby-hero p{max-width:52ch;margin:10px auto 0;color:var(--pencil-muted);font-size:15px;line-height:1.45}.scribble-hero-line{width:156px;height:10px;display:block;margin:8px auto 0;border-top:4px solid var(--marker-blue);border-radius:50%;rotate:-2deg;opacity:.8}.scribble-lobby-desk{display:grid;gap:16px;align-items:start}.scribble-artists,.scribble-recipe{position:relative;color:var(--pencil);background:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--marker-blue) 7%,transparent) 28px),var(--paper);border:2px solid color-mix(in srgb,var(--pencil) 16%,transparent);box-shadow:5px 7px color-mix(in srgb,var(--pencil) 10%,transparent),var(--shadow)}.scribble-artists{border-radius:24px 16px 22px 14px;padding:18px;rotate:-.25deg}.scribble-recipe{border-radius:14px 23px 16px 25px;padding:18px;rotate:.35deg}.scribble-recipe__tape{position:absolute;width:76px;height:22px;left:50%;top:-12px;translate:-50% 0;rotate:-3deg;background:color-mix(in srgb,var(--marker-yellow) 66%,transparent);opacity:.75;clip-path:polygon(3% 6%,97% 0,94% 100%,0 91%)}.scribble-section-title{min-height:48px;display:flex;align-items:center;gap:10px;margin-bottom:13px}.scribble-section-title__icon{width:42px;height:42px;display:grid;place-items:center;border:3px solid currentColor;border-radius:50% 45% 52% 48%;color:var(--marker-blue);rotate:-5deg}.scribble-section-title__icon svg{width:21px;height:21px;stroke-width:2.5}.scribble-section-title>span:nth-child(2){display:grid;line-height:1.05}.scribble-section-title small{color:var(--pencil-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.scribble-section-title h2{margin:2px 0 0;font-family:Kalam,cursive;font-size:22px;line-height:1}.scribble-section-title>b{margin-left:auto;min-width:50px;color:var(--marker-coral);font-family:Kalam,cursive;font-size:24px;text-align:right}.scribble-section-title>b i{color:var(--pencil-muted);font-size:14px;font-style:normal}.scribble-artist-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.scribble-artist-card{--card-ink: var(--marker-coral);min-width:0;min-height:60px;position:relative;padding:8px 9px;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--card-ink) 7%,var(--paper-raised));border:2px solid color-mix(in srgb,var(--card-ink) 70%,var(--pencil) 8%);border-radius:15px 10px 14px 11px;box-shadow:0 3px color-mix(in srgb,var(--card-ink) 24%,transparent)}.scribble-artist-card:nth-child(3n){border-radius:10px 16px 11px 15px}.scribble-artist-card:nth-child(2n){rotate:.4deg}.scribble-artist-card:nth-child(odd){rotate:-.3deg}.scribble-artist-card.ink-1{--card-ink: var(--marker-blue)}.scribble-artist-card.ink-2{--card-ink: var(--marker-yellow)}.scribble-artist-card.ink-3{--card-ink: var(--marker-green)}.scribble-artist-card.is-self{background:color-mix(in srgb,var(--card-ink) 15%,var(--paper-raised));box-shadow:0 3px color-mix(in srgb,var(--card-ink) 42%,transparent),inset 0 0 0 2px var(--paper)}.scribble-artist-card .avatar{width:39px;height:39px;flex:0 0 39px;color:var(--pencil);background:var(--paper-soft);border:2px solid var(--card-ink)}.scribble-artist-copy{min-width:0;display:grid;flex:1;line-height:1.08}.scribble-artist-copy strong{overflow:hidden;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.scribble-artist-copy small{margin-top:4px;color:var(--pencil-muted);overflow:hidden;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.scribble-artist-role{width:25px;height:25px;display:grid;place-items:center;color:var(--marker-yellow);rotate:8deg}.scribble-artist-role svg{width:19px;height:19px;fill:currentColor}.scribble-ready-dot{width:9px;height:9px;margin-right:3px;flex:0 0 9px;border-radius:50%;background:var(--marker-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--marker-green) 18%,transparent)}.scribble-ready-dot.is-idle{background:var(--marker-yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--marker-yellow) 20%,transparent)}.scribble-kick{width:44px;height:44px;padding:7px;position:absolute;right:-12px;top:-13px;display:grid;place-items:center;color:#fff;background:#b91c1c;background-clip:content-box;border:2px solid transparent;border-radius:50%}.scribble-kick svg{width:15px;height:15px;stroke-width:3}.scribble-invite-slot{min-height:38px;margin-top:10px;padding:4px 9px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--pencil-muted);border:2px dashed color-mix(in srgb,var(--marker-blue) 38%,transparent);border-radius:9px 14px 10px 13px}.scribble-invite-slot>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--marker-blue);border:2px solid currentColor;border-radius:50%}.scribble-invite-slot svg{width:15px;height:15px}.scribble-invite-slot p{min-width:0;margin:0;display:flex;align-items:baseline;gap:7px}.scribble-invite-slot strong{color:var(--pencil);font-size:11px}.scribble-invite-slot small{font-size:9px}.scribble-spectators{min-height:46px;margin-top:12px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--pencil-muted);border:2px dashed color-mix(in srgb,var(--pencil) 17%,transparent);border-radius:13px}.scribble-spectators svg{width:18px;height:18px;color:var(--marker-blue)}.scribble-spectators strong{color:var(--pencil);font-size:12px}.scribble-spectators span{margin-left:auto;font-size:10px}.scribble-option{min-width:0;margin:0 0 16px;padding:0;border:0}.scribble-option legend{width:100%;margin-bottom:8px;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.scribble-option legend span{font-size:12px;font-weight:900}.scribble-option legend small{color:var(--pencil-muted);font-size:9px}.scribble-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.scribble-segments--time{grid-template-columns:repeat(3,1fr)}.scribble-segments button{min-width:0;min-height:52px;padding:5px 4px;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--pencil);background:var(--paper-soft);border:2px solid color-mix(in srgb,var(--pencil) 16%,transparent);border-radius:11px 8px 12px 9px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.scribble-segments button:nth-child(2n){rotate:.6deg}.scribble-segments button.is-selected{color:#172033;background:var(--marker-yellow);border-color:color-mix(in srgb,var(--marker-yellow) 64%,#172033);box-shadow:0 3px color-mix(in srgb,var(--marker-yellow) 42%,#172033)}.scribble-segments button:disabled:not(.is-selected){opacity:.55}.scribble-segments button strong{font-size:15px}.scribble-segments button span{font-size:8px;font-weight:900;text-transform:uppercase}.scribble-segments button svg{width:13px;height:13px}.scribble-reward-note{min-height:58px;padding:10px;display:flex;align-items:center;gap:10px;color:#172033;background:#fde68a;border:2px solid #d99b18;border-radius:5px 14px 7px 12px;box-shadow:3px 3px #4d360c33;rotate:-1deg}.scribble-reward-note>svg{width:22px;height:22px;flex:0 0 22px;color:#b45309}.scribble-reward-note>span{display:grid}.scribble-reward-note strong{font-size:11px}.scribble-reward-note small{margin-top:2px;color:#6b4c15;font-size:9px}.scribble-host-note{margin:13px 0 0;color:var(--pencil-muted);font-size:10px;font-weight:800;text-align:center}.scribble-lobby-cta{width:min(760px,calc(100% - 8px));min-height:78px;margin:18px auto 0;padding:10px 10px 10px 13px;position:sticky;z-index:20;bottom:max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;color:var(--pencil);background:color-mix(in srgb,var(--paper) 94%,transparent);border:2px solid color-mix(in srgb,var(--pencil) 17%,transparent);border-radius:21px 16px 22px 15px;box-shadow:4px 6px color-mix(in srgb,var(--pencil) 12%,transparent),var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scribble-lobby-cta__mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:var(--marker-coral);border:3px solid currentColor;border-radius:50% 44% 48% 52%;rotate:-6deg}.scribble-lobby-cta__mark svg{width:23px;height:23px}.scribble-lobby-cta.is-ready .scribble-lobby-cta__mark{color:var(--marker-green)}.scribble-lobby-cta__copy{min-width:0;display:grid;flex:1;line-height:1.15}.scribble-lobby-cta__copy strong{font-family:Kalam,cursive;font-size:17px}.scribble-lobby-cta__copy small{margin-top:3px;color:var(--pencil-muted);overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scribble-start{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#172033;background:var(--marker-yellow);border:2px solid color-mix(in srgb,var(--marker-yellow) 58%,#172033);border-radius:14px 10px 15px 11px;box-shadow:0 4px color-mix(in srgb,var(--marker-yellow) 48%,#172033);font-weight:900;transition:filter .18s ease,box-shadow .18s ease}.scribble-start:not(:disabled):hover{filter:brightness(1.04)}.scribble-start:not(:disabled):active{box-shadow:0 1px color-mix(in srgb,var(--marker-yellow) 48%,#172033);translate:0 3px}.scribble-start svg{width:19px;height:19px}.scribble-start:disabled{box-shadow:none}@property --timer-progress{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.game-shell.game-screen--drawer{--game-role-accent: var(--color-primary-action)}.game-shell.game-screen--guesser{--game-role-accent: var(--color-accent)}.game-shell.game-screen--spectator{--game-role-accent: var(--color-text-muted)}.game-shell.game-screen--choosing{--game-phase-accent: var(--color-primary-action)}.game-shell.game-screen--guessed{--game-phase-accent: var(--color-success)}.game-shell.game-screen--reconnecting{--game-phase-accent: var(--color-warning)}.ui-paper-card{color:var(--card-fg);background-color:var(--card-bg);border-color:var(--card-border);box-shadow:var(--elevation-card)}.ui-info-strip{color:var(--color-text-primary);background-color:var(--color-surface);border-color:var(--color-border);box-shadow:var(--elevation-card)}.ui-floating-surface{padding:var(--space-8);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--elevation-control)}.ui-modal-surface{color:var(--color-text-primary);background-color:var(--color-surface);border-color:var(--color-border);box-shadow:var(--elevation-modal)}.ui-sheet-surface{color:var(--color-text-primary);background-color:var(--color-app-background);border-color:var(--color-border);box-shadow:var(--elevation-sheet)}.ui-feedback-surface{color:var(--color-text-primary);background-color:var(--color-surface-elevated);box-shadow:var(--elevation-modal)}.ui-chip{min-height:24px;padding:3px var(--space-8);display:inline-flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface-elevated);font-size:var(--font-size-tiny);font-weight:800;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.ui-chip--category,.ui-chip--difficulty{color:var(--color-text-secondary)}.ui-chip--connection,.ui-chip--guessed{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border))}.ui-chip--drawer,.ui-chip--host,.ui-chip--score{color:var(--color-primary-action);border-color:color-mix(in srgb,var(--color-primary-action) 45%,var(--color-border))}.ui-chip--spectator{color:var(--color-text-muted);border-style:dashed}.game-shell :where(button,input){min-width:0}.game-shell button[aria-pressed=true]{border-color:var(--color-primary-action)}.game-shell input{color:var(--input-fg);background-color:var(--input-bg);border-color:var(--input-border);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}.game-shell input:focus-visible{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 18%,transparent)}.game-shell input:disabled{background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface))}.game-shell .player-copy strong{font-size:var(--type-player-name)}.game-shell .player-copy small,.game-shell .empty-copy{color:var(--color-text-secondary);font-size:var(--type-helper)}.game-shell .feed-entry{font-size:var(--type-body)}.game-shell .score-number{font-size:var(--type-score);animation-duration:var(--motion-standard);animation-timing-function:var(--ease-enter)}.guess-bar--sending input{cursor:wait}.game-shell{min-height:calc(var(--app-height) - 68px);padding-bottom:104px;position:relative;isolation:isolate;overflow-x:clip;--game-role-accent: var(--color-primary-action);--game-phase-accent: var(--game-role-accent);background:radial-gradient(circle at 8% 24%,color-mix(in srgb,var(--primary) 10%,transparent) 0 88px,transparent 90px),radial-gradient(circle at 92% 76%,color-mix(in srgb,var(--accent) 8%,transparent) 0 110px,transparent 112px),repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--text) 3.5%,transparent) 32px),repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--text) 3.5%,transparent) 32px),var(--bg)}.turn-header{min-height:82px;position:sticky;top:68px;z-index:var(--z-sticky);padding:7px 16px;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:2px dashed color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.round-copy{min-width:0;display:grid;text-align:center;line-height:1.08}.round-copy span{color:var(--color-text-secondary);letter-spacing:.035em;font-size:var(--type-round-meta);font-weight:900}.round-progress{display:inline-flex;align-items:center;justify-content:center;gap:7px}.round-progress b{font:inherit}.round-progress i{color:var(--primary);font-style:normal}.round-copy strong{min-height:27px;font-size:var(--type-active-word);letter-spacing:.02em}.round-copy small{color:var(--color-text-secondary);font-size:var(--font-size-helper);font-weight:700;letter-spacing:0}.timer{flex:0 0 auto;min-width:70px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--primary-ink);background:var(--primary);border:2px solid color-mix(in srgb,var(--primary) 62%,var(--text));border-radius:15px 10px 16px 11px;box-shadow:0 4px color-mix(in srgb,var(--primary) 38%,var(--text));font-variant-numeric:tabular-nums;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard),transform var(--motion-standard) var(--ease-standard)}.timer b{font-size:18px}.timer--normal{color:var(--color-on-primary-action);background:var(--color-primary-action)}.timer--warning{color:var(--color-navy-750);background:var(--color-warning);border-color:var(--color-orange-500);box-shadow:0 4px color-mix(in srgb,var(--color-orange-500) 62%,var(--color-navy-750))}.timer--critical,.timer.is-urgent{color:var(--color-white);background:var(--color-red-600);border-color:var(--color-red-500);box-shadow:0 4px 0 var(--color-red-800);animation:timer-urgent var(--motion-slow) var(--ease-standard) 2 alternate}.drawer-gameplay-header{min-height:0;padding:var(--space-8) max(var(--space-12),env(safe-area-inset-right)) var(--space-8) max(var(--space-12),env(safe-area-inset-left));display:block;animation:turn-start-in var(--motion-standard) var(--ease-enter) both}.drawer-header-stack{width:min(920px,100%);min-width:0;margin:0 auto;display:grid;gap:6px}.drawer-status-strip{min-width:0;min-height:52px;padding:4px var(--space-8);display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity score timer" "meta meta timer";align-items:center;column-gap:var(--space-8);color:var(--color-text-primary);border-bottom:1px dashed color-mix(in srgb,var(--color-text-primary) 16%,transparent)}.drawer-turn-meta{grid-area:meta;min-width:0;display:flex;align-items:center;gap:5px;color:var(--color-text-secondary);font-size:max(11px,var(--type-round-meta));font-weight:800;line-height:1.15;white-space:nowrap}.drawer-turn-meta b{font:inherit}.drawer-turn-meta i{color:var(--color-primary-action);font-style:normal}.drawer-status-identity{grid-area:identity;min-width:0;display:flex;align-items:center;gap:var(--space-8)}.drawer-status-identity .avatar{width:36px;height:36px;flex:0 0 36px;border:2px solid color-mix(in srgb,var(--color-primary-action) 68%,var(--color-border))}.drawer-status-identity>span{min-width:0;display:grid;line-height:1.08}.drawer-status-identity small{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-weight:800}.drawer-status-identity small:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:var(--radius-round);background:var(--color-orange-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-orange-500) 12%,transparent);animation:activity-dot-in var(--motion-standard) var(--ease-enter) 2 alternate}.drawer-status-identity strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;font-size:var(--type-player-name);text-overflow:ellipsis;white-space:nowrap}.drawer-status-identity em{padding:2px 6px;flex:0 0 auto;color:var(--color-primary-action);border:1px solid color-mix(in srgb,var(--color-primary-action) 42%,var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary-action) 9%,var(--color-surface));font-size:11px;font-style:normal;font-weight:900;line-height:1}.drawer-status-score{grid-area:score;min-width:34px;display:inline-flex;align-items:baseline;justify-content:end;gap:2px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.drawer-status-score b{font-size:var(--type-score);line-height:1}.score-number-inline{animation:score-number-pop var(--motion-standard) var(--ease-enter) both}.drawer-status-score small{color:var(--color-text-secondary);font-size:11px;font-weight:800}.drawer-timer,.guesser-timer{--drawer-timer-ring: var(--color-primary-action);--drawer-timer-track: color-mix(in srgb, var(--color-primary-action) 16%, var(--color-border));grid-area:timer;width:56px;height:56px;position:relative;display:grid;place-items:center;flex:0 0 56px;isolation:isolate;overflow:hidden;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--drawer-timer-ring) 36%,var(--color-border));border-radius:var(--radius-round);background:conic-gradient(var(--drawer-timer-ring) var(--timer-progress),var(--drawer-timer-track) 0);box-shadow:var(--elevation-control);font-variant-numeric:tabular-nums;transition:--timer-progress var(--motion-slow) linear,color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard),transform var(--motion-standard) var(--ease-standard)}.drawer-timer:before,.guesser-timer:before{content:"";position:absolute;z-index:-1;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;background:var(--color-surface-elevated)}.drawer-timer b,.guesser-timer b{font-size:20px;line-height:1;transform:translateY(-4px)}.drawer-timer small,.guesser-timer small{position:absolute;bottom:9px;color:var(--color-text-secondary);font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.drawer-timer.timer--warning,.guesser-timer.timer--warning{--drawer-timer-ring: var(--color-orange-500);--drawer-timer-track: color-mix(in srgb, var(--color-warning) 34%, var(--color-border));color:var(--color-navy-750);background:conic-gradient(var(--drawer-timer-ring) var(--timer-progress),var(--drawer-timer-track) 0);border-color:color-mix(in srgb,var(--color-orange-500) 52%,var(--color-border));box-shadow:var(--elevation-control);animation:timer-warning-in var(--motion-standard) var(--ease-enter) both}.drawer-timer.timer--critical,.guesser-timer.timer--critical{--drawer-timer-ring: var(--color-red-600);--drawer-timer-track: color-mix(in srgb, var(--color-red-500) 18%, var(--color-border));color:var(--color-red-600);background:conic-gradient(var(--drawer-timer-ring) var(--timer-progress),var(--drawer-timer-track) 0);border-color:color-mix(in srgb,var(--color-red-600) 55%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-red-500) 12%,transparent),var(--elevation-control);animation:drawer-timer-critical var(--motion-slow) var(--ease-standard) 2 alternate}.drawer-secret-panel{min-width:0;padding:6px var(--space-12) 7px;position:relative;display:grid;gap:1px;overflow:hidden;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 34%,var(--color-border-on-paper));border-radius:var(--radius-medium);background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--color-teal-700) 5%,transparent) 24px),color-mix(in srgb,var(--color-orange-300) 5%,var(--color-paper-50));box-shadow:var(--elevation-card);animation:drawer-secret-in var(--motion-standard) var(--ease-enter) both}.drawer-secret-panel:after{content:"";width:42px;height:8px;position:absolute;right:-6px;top:7px;rotate:8deg;background:color-mix(in srgb,var(--color-orange-300) 48%,transparent);clip-path:polygon(4% 0,100% 7%,94% 100%,0 86%);pointer-events:none}.drawer-secret-panel__topline{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-8)}.drawer-secret-label{min-height:22px;display:inline-flex;align-items:center;gap:5px;color:var(--color-orange-600);font-size:11px;font-weight:900;line-height:1}.drawer-secret-label svg{width:14px;height:14px;stroke-width:2.5}.drawer-word-meta{min-width:0;display:flex;align-items:center;justify-content:end;gap:var(--space-4);flex-wrap:wrap}.drawer-word-meta .ui-chip{min-height:22px;padding-block:2px;color:var(--color-navy-500);border-color:var(--color-border-on-paper);background:var(--color-paper-100);font-size:11px;text-transform:capitalize}.drawer-difficulty-stars{display:inline-flex;color:color-mix(in srgb,var(--color-primary-action) 75%,var(--color-text-secondary));letter-spacing:.03em}.drawer-difficulty-stars i{opacity:.28;font-style:normal}.drawer-secret-word{min-width:0;color:var(--color-navy-850);font-size:clamp(24px,7.2vw,34px);font-weight:900;line-height:1.04;letter-spacing:-.015em;overflow-wrap:anywhere;white-space:normal;animation:word-label-in var(--motion-standard) var(--ease-enter) both}.drawer-secret-helper{color:var(--color-navy-500);font-size:var(--font-size-helper);font-weight:700;line-height:1.2}.guesser-gameplay-header{min-height:0;padding:var(--space-8) max(var(--space-12),env(safe-area-inset-right)) var(--space-8) max(var(--space-12),env(safe-area-inset-left));display:block;animation:turn-start-in var(--motion-standard) var(--ease-enter) both}.guesser-header-stack{width:min(920px,100%);min-width:0;margin:0 auto;display:grid;gap:6px}.guesser-status-strip{min-width:0;min-height:52px;padding:4px var(--space-8);display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity skip timer" "meta meta timer";align-items:center;column-gap:var(--space-8);color:var(--color-text-primary);border-bottom:1px dashed color-mix(in srgb,var(--color-text-primary) 16%,transparent)}.guesser-turn-meta{grid-area:meta;min-width:0;display:flex;align-items:center;gap:5px;color:var(--color-text-secondary);font-size:max(11px,var(--type-round-meta));font-weight:800;line-height:1.15;white-space:nowrap}.guesser-turn-meta b{font:inherit}.guesser-turn-meta i{color:var(--color-primary-action);font-style:normal}.guesser-drawer-identity{grid-area:identity;min-width:0;display:flex;align-items:center;gap:var(--space-8)}.guesser-drawer-identity .avatar{width:36px;height:36px;flex:0 0 36px;border:2px solid color-mix(in srgb,var(--color-primary-action) 58%,var(--color-border))}.guesser-drawer-identity>span{min-width:0;display:grid;line-height:1.08}.guesser-drawer-identity small{color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-weight:800}.guesser-drawer-identity strong{overflow:hidden;font-size:var(--type-player-name);text-overflow:ellipsis;white-space:nowrap}.guesser-skip{grid-area:skip;min-width:64px;min-height:44px;padding-inline:var(--space-8)}.guesser-skip svg{width:18px;height:18px}.guesser-word-panel{min-width:0;padding:6px var(--space-12) 7px;position:relative;display:grid;gap:2px;overflow:hidden;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 28%,var(--color-border-on-paper));border-radius:var(--radius-medium);background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--color-orange-500) 4%,transparent) 24px),color-mix(in srgb,var(--color-warning) 11%,var(--color-paper-50));box-shadow:var(--elevation-card);animation:guesser-mask-in var(--motion-standard) var(--ease-enter) both}.guesser-word-panel:after{content:"";width:38px;height:8px;position:absolute;right:-5px;top:7px;rotate:7deg;background:color-mix(in srgb,var(--color-orange-300) 42%,transparent);clip-path:polygon(4% 0,100% 7%,94% 100%,0 86%);pointer-events:none}.guesser-word-panel.has-hint{border-color:color-mix(in srgb,var(--color-orange-500) 50%,var(--color-border-on-paper))}.guesser-word-panel.is-guessed{border-color:color-mix(in srgb,var(--color-success) 52%,var(--color-border-on-paper));background-color:color-mix(in srgb,var(--color-success) 7%,var(--color-paper-50))}.guesser-word-panel.is-spectator{border-style:dashed}.guesser-word-panel__topline{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.guesser-word-label{min-height:22px;display:inline-flex;align-items:center;gap:5px;color:var(--color-orange-600);font-size:11px;font-weight:900;line-height:1}.guesser-word-label svg,.guesser-word-panel .ui-chip svg{width:14px;height:14px;stroke-width:2.5}.guesser-word-panel .ui-chip{min-height:22px;padding-block:2px;color:var(--color-navy-500);border-color:var(--color-border-on-paper);background:var(--color-paper-100);font-size:11px}.guesser-word-panel .ui-chip--guessed{color:var(--color-green-600);border-color:color-mix(in srgb,var(--color-green-600) 38%,var(--color-border-on-paper))}.guesser-hint-chip{color:var(--color-orange-600)!important;border-color:color-mix(in srgb,var(--color-orange-500) 38%,var(--color-border-on-paper))!important;animation:hint-reveal-in var(--motion-standard) var(--ease-enter) both}.guesser-hint-waiting{color:var(--color-navy-500);font-size:11px;font-weight:800;white-space:nowrap}.guesser-masked-word{min-width:0;color:var(--color-navy-850);font-size:clamp(23px,7vw,34px);font-weight:900;line-height:1.08;letter-spacing:.025em;overflow-wrap:anywhere;white-space:pre-wrap;word-spacing:.12em}.guesser-mask-character{display:inline-block;white-space:pre;transform-origin:50% 70%}.guesser-mask-character.is-revealed{animation:hint-letter-reveal var(--motion-standard) var(--ease-enter) both}.guesser-word-helper{color:var(--color-navy-500);font-size:var(--font-size-helper);font-weight:700;line-height:1.2}.game-grid{width:min(920px,100%);margin:0 auto;padding:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.desktop-rail{display:none}.canvas-column{min-width:0}.drawer-banner{min-height:56px;display:flex;align-items:center;gap:10px;padding:6px 10px;margin-bottom:9px;border-radius:17px 12px 18px 13px;background:var(--surface);border:2px solid var(--border);box-shadow:var(--elevation-card)}.drawer-banner .avatar{width:38px;height:38px}.drawer-banner>span{display:grid}.drawer-banner small{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.drawer-banner .secondary-button{margin-left:0}.drawer-banner__score{min-width:48px;margin-left:auto;text-align:right;line-height:1}.drawer-banner__score b{font-size:var(--type-score);font-variant-numeric:tabular-nums}.drawer-away{min-height:28px;padding:4px 8px;display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:4px;color:var(--color-navy-750);background:var(--color-warning);border:1px solid var(--color-orange-500);border-radius:var(--radius-pill);font-size:var(--font-size-tiny);font-weight:900;white-space:nowrap}.drawer-away svg{width:13px;height:13px}.canvas-stage{min-width:0;position:relative;isolation:isolate;animation:canvas-paper-in var(--motion-standard) var(--ease-enter) both}.canvas-frame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--canvas);background-image:linear-gradient(rgba(30,64,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.035) 1px,transparent 1px);background-size:24px 24px;border:3px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:clamp(14px,4vw,26px);box-shadow:0 8px color-mix(in srgb,var(--text) 8%,transparent),var(--shadow)}.canvas-frame:before,.canvas-frame:after{content:"";position:absolute;z-index:3;top:-5px;width:66px;height:18px;pointer-events:none;background:#f5be4985;clip-path:polygon(4% 8%,98% 0,94% 100%,0 88%)}.canvas-frame:before{left:7%;rotate:-4deg}.canvas-frame:after{right:7%;rotate:4deg}.game-screen--drawer-active .game-grid,.game-screen--guesser.phase-drawing .game-grid,.game-screen--spectator.phase-drawing .game-grid{padding-top:var(--space-8)}.game-screen--drawer-active .canvas-stage:before,.game-screen--drawer-active .canvas-stage:after,.game-screen--guesser.phase-drawing .canvas-stage:before,.game-screen--guesser.phase-drawing .canvas-stage:after,.game-screen--spectator.phase-drawing .canvas-stage:before,.game-screen--spectator.phase-drawing .canvas-stage:after{content:"";width:60px;height:16px;position:absolute;z-index:4;top:-5px;pointer-events:none;background:color-mix(in srgb,var(--color-orange-300) 48%,transparent);clip-path:polygon(4% 8%,98% 0,94% 100%,0 88%)}.game-screen--drawer-active .canvas-stage:before,.game-screen--guesser.phase-drawing .canvas-stage:before,.game-screen--spectator.phase-drawing .canvas-stage:before{left:7%;rotate:-4deg;animation:paper-tape-in var(--motion-standard) var(--ease-enter) both}.game-screen--drawer-active .canvas-stage:after,.game-screen--guesser.phase-drawing .canvas-stage:after,.game-screen--spectator.phase-drawing .canvas-stage:after{right:7%;rotate:4deg;animation:paper-tape-in var(--motion-standard) var(--ease-enter) both}.game-screen--drawer-active .canvas-frame,.game-screen--guesser.phase-drawing .canvas-frame,.game-screen--spectator.phase-drawing .canvas-frame{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-navy-700) 5%,transparent) 0 1px,transparent 1.15px) 0 0 / 24px 24px,color-mix(in srgb,var(--color-paper-200) 72%,var(--color-paper-50));border:2px solid color-mix(in srgb,var(--color-orange-500) 16%,var(--color-paper-300));border-radius:clamp(var(--radius-medium),4vw,var(--radius-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-white) 72%,transparent),0 4px color-mix(in srgb,var(--color-navy-850) 8%,transparent),0 10px 20px color-mix(in srgb,var(--color-navy-950) 10%,transparent)}.game-screen--drawer-active .canvas-frame:before,.game-screen--drawer-active .canvas-frame:after,.game-screen--guesser.phase-drawing .canvas-frame:before,.game-screen--guesser.phase-drawing .canvas-frame:after,.game-screen--spectator.phase-drawing .canvas-frame:before,.game-screen--spectator.phase-drawing .canvas-frame:after{display:none}.drawing-canvas{width:100%;height:100%;display:block;background:transparent}.drawing-canvas.is-drawable{cursor:crosshair;touch-action:none}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-neutral-500);pointer-events:none;font-family:var(--font-handwritten);font-size:18px;font-weight:700}.gameplay-panel-nav{width:min(560px,100%);margin:var(--space-8) auto 0;position:relative;z-index:var(--z-base)}.gameplay-panel-nav__segments{padding:var(--space-4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 17%,var(--color-border-on-paper));border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-paper-100) 96%,transparent);box-shadow:var(--elevation-card)}.gameplay-panel-nav button{min-width:0;min-height:46px;padding:4px 7px;position:relative;display:grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;justify-content:center;gap:5px;overflow:hidden;color:var(--color-navy-700);border:1px solid transparent;border-radius:var(--radius-medium);background:transparent;box-shadow:none;font-size:var(--font-size-control);font-weight:900;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.gameplay-panel-nav button:after{content:"";width:28px;height:3px;position:absolute;left:50%;bottom:2px;border-radius:var(--radius-pill);background:transparent;translate:-50% 0;transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.gameplay-panel-nav button svg{width:19px;height:19px;stroke-width:2.2}.gameplay-panel-nav button.is-selected{color:var(--color-orange-600);border-color:color-mix(in srgb,var(--color-orange-500) 44%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-orange-300) 14%,var(--color-paper-50));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-orange-500) 12%,transparent)}.gameplay-panel-nav button.is-selected:after{background:var(--color-orange-500);transform:scaleX(1)}.gameplay-panel-nav button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.gameplay-panel-nav button:active{transform:scale(.97)}.gameplay-panel-nav__badge{min-width:20px;height:20px;padding-inline:4px;display:grid;place-items:center;color:var(--color-navy-700);border:1px solid var(--color-border-on-paper);border-radius:var(--radius-pill);background:var(--color-paper-50);font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.bottom-action-area{position:fixed;z-index:var(--z-sticky);left:0;right:0;bottom:0;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:2px dashed var(--border)}.game-screen--drawer .bottom-action-area{padding:6px max(var(--space-8),env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(var(--space-8),env(safe-area-inset-left));border-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.drawing-toolbar{width:fit-content;max-width:100%;min-height:56px;margin:0 auto;padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:0;overflow:visible;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 18%,var(--color-border-on-paper));border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-paper-100) 96%,transparent);box-shadow:0 4px color-mix(in srgb,var(--color-navy-850) 12%,transparent),0 12px 24px color-mix(in srgb,var(--color-navy-950) 16%,transparent);pointer-events:auto;touch-action:manipulation}.toolbar-group{min-width:0;display:flex;align-items:center;gap:2px;position:relative}.toolbar-group+.toolbar-group{margin-left:2px;padding-left:2px;border-left:1px solid color-mix(in srgb,var(--color-navy-850) 13%,transparent)}.tool-group{display:flex;gap:2px}.drawing-toolbar .icon-button{width:44px;height:44px;position:relative;flex:0 0 44px;overflow:hidden;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-navy-850) 14%,transparent);border-radius:var(--radius-small);background:var(--color-paper-50);box-shadow:0 2px color-mix(in srgb,var(--color-navy-850) 10%,transparent);transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.drawing-toolbar .icon-button svg{width:20px;height:20px;stroke-width:2.2}.drawing-toolbar .icon-button:active,.width-popover button:active{transform:scale(.96);box-shadow:none}.drawing-toolbar .icon-button:focus-visible,.toolbar-popover button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.drawing-tool-button.is-selected{color:var(--color-orange-600);border-color:var(--color-orange-500);background:color-mix(in srgb,var(--color-orange-300) 17%,var(--color-paper-50));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-orange-500) 13%,transparent),0 2px color-mix(in srgb,var(--color-orange-500) 28%,transparent);animation:selected-control-settle var(--motion-standard) var(--ease-enter) both}.drawing-tool-button.is-selected:after{content:"";width:5px;height:5px;position:absolute;left:50%;bottom:3px;translate:-50% 0;border-radius:var(--radius-round);background:var(--color-orange-500);animation:activity-dot-in var(--motion-fast) var(--ease-enter) both}.toolbar-button--undo{color:var(--color-navy-700)}.drawing-toolbar .toolbar-button--clear{color:var(--color-red-600);border-color:color-mix(in srgb,var(--color-red-500) 24%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-red-300) 7%,var(--color-paper-50));box-shadow:0 2px color-mix(in srgb,var(--color-red-600) 12%,transparent)}.width-picker-wrap{position:relative}.width-trigger>span,.width-popover button>span{display:block;max-width:22px;max-height:22px;border-radius:var(--radius-round);background:var(--color-navy-850)}.toolbar-popover{position:absolute;z-index:var(--z-overlay);bottom:calc(100% + 10px);color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 18%,var(--color-border-on-paper));border-radius:var(--radius-large);background:var(--color-paper-100);box-shadow:var(--elevation-control);animation:toolbar-popover-in var(--motion-fast) var(--ease-enter) both}.toolbar-popover__label{grid-column:1 / -1;color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:900;line-height:1;text-align:left}.width-popover{left:50%;translate:-50% 0;width:218px;max-width:calc(100vw - 16px);padding:var(--space-8);display:grid;grid-template-columns:repeat(4,44px);gap:6px}.width-popover button{width:44px;height:52px;padding:3px;border:1px solid var(--color-border-on-paper);border-radius:var(--radius-small);background:var(--color-paper-50);display:grid;grid-template-rows:1fr auto;place-items:center;color:var(--color-navy-500);transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.width-popover button small{font-size:var(--font-size-tiny);font-weight:900;line-height:1}.width-popover button.is-selected{color:var(--color-orange-600);border-color:var(--color-orange-500);background:color-mix(in srgb,var(--color-orange-300) 15%,var(--color-paper-50));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-orange-500) 15%,transparent);animation:selected-control-settle var(--motion-standard) var(--ease-enter) both}.palette-wrap,.color-trigger{position:relative}.color-trigger>span{position:absolute;width:14px;height:14px;right:4px;bottom:4px;border-radius:var(--radius-round);border:2px solid var(--color-paper-50);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-navy-850) 45%,transparent)}.color-grid{left:50%;translate:-50% 0;width:min(268px,calc(100vw - 16px));padding:var(--space-8);display:grid;grid-template-columns:repeat(5,44px);gap:5px}.color-grid button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:3px solid color-mix(in srgb,var(--color-paper-50) 80%,transparent);border-radius:var(--radius-round);outline:1px solid color-mix(in srgb,var(--color-navy-850) 24%,transparent);outline-offset:-2px;transition:transform var(--motion-fast) var(--ease-standard),outline-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.color-grid button.is-light{border-color:var(--color-paper-300)}.color-grid button.is-selected{outline:2px solid var(--color-orange-500);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-orange-300) 18%,transparent);animation:color-swatch-pop var(--motion-standard) var(--ease-enter) both}.color-grid button svg{width:18px;height:18px;padding:2px;color:var(--color-navy-850);border-radius:var(--radius-round);background:var(--color-paper-50);stroke-width:3;animation:check-mark-in var(--motion-fast) var(--ease-enter) both}@keyframes toolbar-popover-in{0%{opacity:0;transform:translateY(5px) scale(.98)}}.guess-bar{width:min(740px,100%);margin:0 auto;padding:7px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field submit" "helper helper";align-items:end;gap:4px var(--space-8);color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-orange-500) 18%,var(--color-border-on-paper));border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-paper-100) 97%,transparent);box-shadow:0 4px color-mix(in srgb,var(--color-navy-850) 10%,transparent),0 12px 24px color-mix(in srgb,var(--color-navy-950) 14%,transparent);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.guess-bar__field{grid-area:field;min-width:0;display:grid;gap:3px}.guess-bar__label{padding-left:4px;color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:900;line-height:1}.guess-bar__input-shell{min-width:0;min-height:48px;display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-border-on-paper);border-radius:var(--radius-medium);background:var(--color-paper-50);box-shadow:inset 0 1px color-mix(in srgb,var(--color-white) 76%,transparent);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.guess-bar__input-shell:focus-within{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 18%,transparent),inset 0 1px color-mix(in srgb,var(--color-white) 76%,transparent)}.guess-bar__state-icon{width:36px;height:36px;margin-left:5px;flex:0 0 36px;display:grid;place-items:center;color:var(--color-orange-600);border-radius:var(--radius-round);background:color-mix(in srgb,var(--color-orange-300) 13%,var(--color-paper-100))}.guess-bar__state-icon svg{width:18px;height:18px;stroke-width:2.3}.guess-bar input{min-width:0;min-height:46px;padding:0 var(--space-12) 0 var(--space-4);flex:1 1 auto;color:var(--color-navy-850);border:0;outline:0;border-radius:0 var(--radius-medium) var(--radius-medium) 0;background:transparent;box-shadow:none;font-size:16px;font-weight:700}.guess-bar input:focus,.guess-bar input:focus-visible{border:0;outline:0;background:transparent;box-shadow:none}.guess-bar input:disabled{cursor:not-allowed;opacity:1;background:transparent}.guess-bar input::placeholder{color:color-mix(in srgb,var(--color-navy-500) 78%,var(--color-paper-50));opacity:1}.guess-bar__submit{grid-area:submit;min-width:82px;min-height:48px;padding-inline:var(--space-12);border:1px solid color-mix(in srgb,var(--color-orange-600) 42%,transparent);border-radius:var(--radius-medium);box-shadow:0 3px color-mix(in srgb,var(--color-orange-600) 38%,var(--color-navy-850))}.guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit{transform:scale(1.025)}.guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit:active{transform:scale(.97)}.guess-bar__submit svg{width:18px;height:18px}.guess-bar__helper{grid-area:helper;min-width:0;min-height:18px;padding-inline:4px;display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.guess-bar__helper>span{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center}.guess-bar__helper svg{width:14px;height:14px}.guess-bar--close-guess{border-color:color-mix(in srgb,var(--color-orange-500) 58%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-warning) 13%,var(--color-paper-100));animation:guess-bar-nudge var(--motion-standard) var(--ease-standard) both}.guess-bar--close-guess .guess-bar__input-shell{border-color:color-mix(in srgb,var(--color-orange-500) 52%,var(--color-border-on-paper))}.guess-bar--close-guess .guess-bar__state-icon,.guess-bar--close-guess .guess-bar__helper{color:var(--color-orange-600)}.guess-bar--correct{border-color:color-mix(in srgb,var(--color-green-600) 48%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-green-300) 7%,var(--color-paper-100));animation:correct-surface-in var(--motion-standard) var(--ease-enter) both}.guess-bar--correct .guess-bar__input-shell{border-color:color-mix(in srgb,var(--color-green-600) 38%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-green-300) 6%,var(--color-paper-50))}.guess-bar--correct .guess-bar__state-icon{color:var(--color-green-600);background:color-mix(in srgb,var(--color-green-300) 17%,var(--color-paper-50));animation:guess-bar-success-in var(--motion-standard) var(--ease-enter) both}.guess-bar--correct .guess-bar__helper{color:var(--color-green-600)}.guess-bar--spectator{border-style:dashed}.guess-bar--spectator .guess-bar__state-icon,.guess-bar--spectator .guess-bar__helper{color:var(--color-navy-700)}.guess-bar--unavailable,.guess-bar[data-connection=reconnecting],.guess-bar[data-connection=offline],.guess-bar[data-connection=error]{border-color:color-mix(in srgb,var(--color-neutral-500) 36%,var(--color-border-on-paper))}.guess-bar--unavailable .guess-bar__input-shell,.guess-bar[data-connection=reconnecting] .guess-bar__input-shell,.guess-bar[data-connection=offline] .guess-bar__input-shell,.guess-bar[data-connection=error] .guess-bar__input-shell{background:var(--color-paper-200)}.guess-bar--sending .guess-bar__state-icon{animation:guess-bar-sending var(--motion-slow) var(--ease-standard) infinite alternate}.guess-feedback{position:absolute;z-index:var(--z-overlay);left:12px;bottom:calc(100% + 9px);max-width:calc(100% - 24px);min-height:36px;padding:8px 11px 8px 32px;display:inline-flex;align-items:center;color:var(--color-navy-850);background:repeating-linear-gradient(0deg,transparent 0 20px,color-mix(in srgb,var(--color-orange-500) 5%,transparent) 21px),color-mix(in srgb,var(--color-warning) 78%,var(--color-paper-50));border:1px solid var(--color-orange-500);border-radius:var(--radius-small);box-shadow:var(--elevation-control);font-size:var(--font-size-helper);font-weight:900;pointer-events:none;animation:guess-feedback-in 1.6s var(--ease-standard) both;will-change:transform,opacity}.guess-feedback:before{content:"";width:12px;height:12px;position:absolute;left:11px;border:3px solid var(--color-orange-500);border-radius:var(--radius-round);background:var(--color-paper-50)}.guess-feedback.is-info{border-color:var(--color-border-on-paper);background:var(--color-paper-100)}.score-moment-lane{position:fixed;z-index:var(--z-overlay);top:calc(190px + env(safe-area-inset-top));right:max(var(--space-12),env(safe-area-inset-right));width:min(356px,calc(100% - 24px));display:grid;gap:6px;pointer-events:none;contain:layout paint style}.score-moment{min-height:58px;padding:7px 10px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--color-navy-850);background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--color-green-600) 4%,transparent) 24px),var(--color-paper-50);border:1px solid color-mix(in srgb,var(--color-green-600) 44%,var(--color-border-on-paper));border-left:4px solid var(--color-green-600);border-radius:var(--radius-medium);box-shadow:var(--elevation-control);animation:score-moment-life 2.5s var(--ease-standard) both;will-change:transform,opacity}.score-moment.is-self{border-color:color-mix(in srgb,var(--color-orange-500) 62%,var(--color-border-on-paper));border-left-color:var(--color-orange-500);background-color:color-mix(in srgb,var(--color-orange-300) 7%,var(--color-paper-50))}.score-moment__check{width:38px;height:38px;position:relative;z-index:1;display:grid;place-items:center;color:var(--color-white);background:var(--color-green-600);border-radius:50% 44% 51% 46%;rotate:-5deg;box-shadow:0 2px color-mix(in srgb,var(--color-green-600) 50%,var(--color-navy-850))}.score-moment.is-self .score-moment__check{color:var(--color-navy-850);background:var(--color-orange-300)}.score-moment__check svg{width:21px;height:21px;stroke-width:3}.score-moment__copy{min-width:0;display:grid;line-height:1.12}.score-moment__copy strong{overflow:hidden;font-family:var(--font-interface);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.score-moment__copy small{margin-top:3px;color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:800}.score-moment>b{position:relative;z-index:1;color:var(--color-green-600);font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}.score-moment__points{animation:score-number-pop var(--motion-standard) var(--ease-enter) both}.score-moment.is-self>b{color:var(--color-orange-600)}.score-moment>b small{font-size:var(--font-size-tiny)}.score-moment__marker-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.score-moment__marker-burst:before,.score-moment__marker-burst:after{content:"";width:28px;height:4px;position:absolute;right:20%;top:7px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-orange-300) 60%,transparent);rotate:-8deg;animation:marker-stroke-in var(--motion-standard) var(--ease-enter) both}.score-moment__marker-burst:after{width:18px;right:7%;top:auto;bottom:7px;rotate:10deg}.turn-reveal-layer{position:fixed;z-index:var(--z-feedback);top:0;right:0;bottom:0;left:0;padding:max(var(--space-12),env(safe-area-inset-top)) max(var(--space-12),env(safe-area-inset-right)) max(var(--space-12),env(safe-area-inset-bottom)) max(var(--space-12),env(safe-area-inset-left));display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--color-navy-950) 24%,transparent);pointer-events:none;animation:turn-reveal-backdrop 1.85s var(--ease-standard) both}.turn-reveal{width:min(430px,100%);max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:var(--space-20);position:relative;isolation:isolate;overflow-x:hidden;overflow-y:auto;display:grid;justify-items:stretch;gap:var(--space-12);color:var(--color-navy-850);background:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--color-navy-700) 4%,transparent) 28px),var(--color-paper-100);border:2px solid color-mix(in srgb,var(--color-orange-500) 58%,var(--color-border-on-paper));border-radius:var(--radius-panel) var(--radius-large) var(--radius-panel) var(--radius-large);box-shadow:var(--elevation-modal);text-align:left;pointer-events:auto;scrollbar-gutter:stable;overscroll-behavior:contain;animation:turn-reveal-life 1.85s var(--ease-standard) both;will-change:transform,opacity}.turn-reveal__tape{width:84px;height:18px;position:absolute;z-index:2;top:-7px;left:50%;translate:-50% 0;rotate:-2deg;background:color-mix(in srgb,var(--color-orange-300) 53%,transparent);clip-path:polygon(3% 7%,98% 0,94% 100%,0 88%);pointer-events:none}.turn-reveal__header{min-width:0;padding-bottom:var(--space-8);display:grid;gap:2px;border-bottom:1px dashed color-mix(in srgb,var(--color-navy-850) 18%,transparent)}.turn-reveal__header>small{color:var(--color-navy-500);font-size:var(--font-size-helper);font-weight:700}.turn-reveal__kicker{display:inline-flex;align-items:center;gap:6px;color:var(--color-orange-600);font-size:18px;font-weight:900;line-height:1.15}.turn-reveal__kicker svg{width:20px;height:20px;stroke-width:2.5}.turn-reveal__answer{min-width:0;padding:var(--space-12);position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:2px;border:1px solid color-mix(in srgb,var(--color-orange-500) 34%,var(--color-border-on-paper));border-radius:var(--radius-large) var(--radius-medium) var(--radius-large) var(--radius-medium);background:color-mix(in srgb,var(--color-orange-300) 8%,var(--color-paper-50));text-align:center}.turn-reveal__answer:after{content:"";width:min(220px,72%);height:9px;position:absolute;z-index:-1;left:50%;bottom:10px;translate:-50% 0;rotate:-1deg;border-radius:50%;background:color-mix(in srgb,var(--color-orange-300) 43%,transparent);transform:skew(-13deg)}.turn-reveal__answer>small{color:var(--color-navy-500);font-size:var(--font-size-helper);font-weight:800}.turn-reveal__word{min-width:0;max-width:100%;margin:0;color:var(--color-navy-850);font-family:var(--font-interface);font-size:clamp(32px,10vw,48px);font-weight:900;line-height:1;overflow-wrap:anywhere;text-align:center;animation:reveal-detail-in var(--motion-standard) var(--ease-enter) both;animation-delay:45ms}.turn-reveal__drawer{width:100%;min-height:56px;padding:6px var(--space-8);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-8);background:var(--color-paper-50);border:1px solid var(--color-border-on-paper);border-radius:var(--radius-medium)}.turn-reveal__drawer .avatar{width:38px;height:38px}.turn-reveal__drawer>span{min-width:0;display:grid;line-height:1.08}.turn-reveal__drawer>span small{color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:800}.turn-reveal__drawer>span strong{overflow:hidden;font-size:var(--font-size-body);text-overflow:ellipsis;white-space:nowrap}.turn-reveal__drawer>b{color:var(--color-orange-600);font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.turn-reveal__drawer>b small{font-size:var(--font-size-tiny)}.turn-reveal__results{min-width:0;display:grid;gap:6px}.turn-reveal__results>header{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);color:var(--color-navy-700);font-size:var(--font-size-helper);font-weight:900}.turn-reveal__results>header span{display:inline-flex;align-items:center;gap:6px}.turn-reveal__results>header svg{width:16px;height:16px;color:var(--color-green-600)}.turn-reveal__results>header b{min-width:24px;height:24px;display:grid;place-items:center;color:var(--color-green-600);border:1px solid color-mix(in srgb,var(--color-green-600) 34%,var(--color-border-on-paper));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-green-300) 8%,var(--color-paper-50));font-variant-numeric:tabular-nums}.turn-reveal__results ul{max-height:126px;margin:0;padding:0;overflow-y:auto;display:grid;gap:5px;list-style:none;overscroll-behavior:contain}.turn-reveal__results li{min-width:0;min-height:46px;padding:4px 7px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--color-green-600) 24%,var(--color-border-on-paper));border-radius:var(--radius-small);background:color-mix(in srgb,var(--color-green-300) 6%,var(--color-paper-50));animation:reveal-detail-in var(--motion-standard) var(--ease-enter) both;animation-delay:calc(70ms + var(--reveal-row-index, 0) * 30ms)}.turn-reveal__results li.is-self{border-left:3px solid var(--color-orange-500)}.turn-reveal__results li .avatar{width:32px;height:32px}.turn-reveal__results li>span{min-width:0;display:grid;line-height:1.05}.turn-reveal__results li>span strong{overflow:hidden;font-size:var(--font-size-body);text-overflow:ellipsis;white-space:nowrap}.turn-reveal__results li>span small{color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:700}.turn-reveal__results li>b{color:var(--color-green-600);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.turn-reveal__results li>b small{font-size:var(--font-size-tiny)}.turn-reveal__results>p{margin:0;padding:var(--space-8);color:var(--color-navy-500);border:1px dashed var(--color-border-on-paper);border-radius:var(--radius-small);background:color-mix(in srgb,var(--color-paper-200) 58%,transparent);font-size:var(--font-size-helper);font-weight:800;text-align:center}.turn-reveal__next{min-height:34px;padding-top:var(--space-8);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--color-orange-600);border-top:1px dashed var(--color-border-on-paper);font-size:var(--font-size-helper);font-weight:900;text-align:center}.turn-reveal__next svg{width:17px;height:17px}.turn-reveal__celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.turn-reveal__celebration i{width:30px;height:5px;position:absolute;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-orange-300) 65%,transparent);animation:reveal-marker-in var(--motion-slow) var(--ease-enter) both}.turn-reveal__celebration i:nth-child(1){top:58px;left:-8px;rotate:24deg}.turn-reveal__celebration i:nth-child(2){top:94px;right:-10px;rotate:-18deg;animation-delay:45ms}.turn-reveal__celebration i:nth-child(3){bottom:76px;left:-7px;rotate:-20deg;animation-delay:80ms}.turn-reveal__celebration i:nth-child(4){right:-9px;bottom:42px;rotate:17deg;animation-delay:.11s}@keyframes timer-urgent{to{transform:scale(1.035)}}@keyframes timer-warning-in{0%{opacity:.76;transform:scale(.96)}}@keyframes drawer-timer-critical{to{transform:scale(1.035);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-red-500) 10%,transparent),var(--elevation-control)}}@keyframes drawer-secret-in{0%{opacity:0;transform:translateY(4px)}}@keyframes guesser-mask-in{0%{opacity:0;transform:translateY(3px) scale(.995)}}@keyframes turn-start-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes hint-reveal-in{0%{opacity:0;transform:translateY(3px) scale(.96)}}@keyframes hint-letter-reveal{0%{opacity:.25;transform:translateY(2px) scale(.78)}72%{transform:translateY(0) scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes word-label-in{0%{opacity:.45;transform:translateY(3px)}}@keyframes canvas-paper-in{0%{opacity:.72}}@keyframes paper-tape-in{0%{opacity:0;transform:translateY(-3px) scaleX(.82)}}@keyframes activity-dot-in{0%{opacity:.38;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes selected-control-settle{0%{transform:scale(.96)}70%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes color-swatch-pop{0%{transform:scale(.78)}72%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes check-mark-in{0%{opacity:0;transform:scale(.55) rotate(-10deg)}}@keyframes correct-surface-in{0%{opacity:.78;transform:scale(.99)}70%{transform:scale(1.008)}}@keyframes guess-bar-nudge{35%{transform:translate(-3px)}70%{transform:translate(2px)}}@keyframes guess-bar-success-in{0%{opacity:.5;transform:scale(.82)}72%{transform:scale(1.08)}}@keyframes guess-bar-sending{to{opacity:.58;transform:translate(2px)}}@keyframes score-number-pop{0%{opacity:.45;transform:translateY(3px) scale(.84)}72%{transform:translateY(0) scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes guess-feedback-in{0%{opacity:0;transform:translateY(6px) scale(.96)}12%,78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.98)}}@keyframes score-moment-life{0%{opacity:0;transform:translate3d(0,-12px,0) scale(.94)}9%,78%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-8px,0) scale(.98)}}@keyframes marker-stroke-in{0%{opacity:0;transform:scaleX(.2)}}@keyframes reveal-marker-in{0%{opacity:0;transform:translateY(7px) scaleX(.25)}}@keyframes turn-reveal-backdrop{0%,to{background-color:transparent}10%,84%{background-color:color-mix(in srgb,var(--color-navy-950) 24%,transparent)}}@keyframes reveal-detail-in{0%{opacity:0;transform:translateY(4px) scale(.97)}}@keyframes turn-reveal-life{0%{opacity:0;transform:translateY(12px) scale(.96) rotate(-1deg)}7%{opacity:1;transform:translateY(-2px) scale(1.008) rotate(.2deg)}12%,84%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(-5px) scale(.99)}}.panel-summary{min-height:44px;padding:var(--space-8) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);color:var(--color-text-secondary);border-bottom:1px dashed color-mix(in srgb,var(--color-navy-850) 14%,transparent);background:color-mix(in srgb,var(--color-paper-200) 72%,var(--color-paper-50));font-size:var(--font-size-helper);font-weight:800}.panel-summary>span{min-width:0;display:inline-flex;align-items:center;gap:5px}.panel-summary svg{width:17px;height:17px;color:var(--color-orange-600)}.panel-summary strong{color:var(--color-navy-850);font-size:15px;font-variant-numeric:tabular-nums}.panel-summary small{color:var(--color-text-muted);font-size:var(--font-size-tiny)}.players-panel,.feed-panel,.match-panel{overflow:hidden;border-radius:var(--radius-large)}.players-panel .player-list{padding:var(--space-8);gap:6px}.players-panel .player-list li{min-width:0;min-height:60px;padding:6px var(--space-8);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-8);color:var(--color-text-primary);border:1px solid color-mix(in srgb,var(--color-navy-850) 9%,var(--color-border-on-paper));border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-paper-50) 96%,transparent);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.players-panel .player-list li.is-drawer{border-color:color-mix(in srgb,var(--color-orange-500) 46%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-orange-300) 11%,var(--color-paper-50));box-shadow:inset 3px 0 0 var(--color-orange-500)}.players-panel .player-list li.is-guessed{border-color:color-mix(in srgb,var(--color-green-600) 38%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-green-300) 7%,var(--color-paper-50));box-shadow:inset 3px 0 0 var(--color-green-600)}.players-panel .player-list li.is-disconnected,.players-panel .player-list li.is-idle,.players-panel .player-list li.is-spectator{opacity:1;border-style:dashed;background:color-mix(in srgb,var(--color-paper-200) 72%,var(--color-paper-50))}.players-panel .avatar{width:38px;height:38px}.players-panel .player-copy{min-width:0;gap:2px}.players-panel .player-copy strong{min-width:0;display:flex;align-items:center;gap:5px}.players-panel .player-copy strong>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players-panel .player-copy small{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-helper);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.player-you{min-height:20px;padding:2px 6px;flex:0 0 auto;color:var(--color-orange-600);border:1px solid color-mix(in srgb,var(--color-orange-500) 34%,var(--color-border-on-paper));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-orange-300) 12%,var(--color-paper-50));font-size:11px;font-style:normal;font-weight:900;line-height:1.2}.players-panel .player-meta{min-width:48px;gap:3px}.player-role-mark{width:22px;height:22px;display:grid;place-items:center;color:var(--color-text-secondary)}.player-role-mark:empty{display:none}.player-role-mark svg{width:17px;height:17px}.is-drawer .player-role-mark{color:var(--color-orange-600)}.is-drawer .player-role-mark{position:relative}.is-drawer .player-role-mark:after{content:"";width:5px;height:5px;position:absolute;right:0;bottom:0;border:1px solid var(--color-paper-50);border-radius:var(--radius-round);background:var(--color-orange-500);animation:activity-dot-in var(--motion-standard) var(--ease-enter) 2 alternate}.is-guessed .player-role-mark{color:var(--color-green-600)}.players-panel .score-number{min-width:34px;justify-content:flex-end}.players-panel .danger-subtle{width:44px;height:44px}.players-panel .player-list li.is-disconnected .avatar{animation:reconnect-soft-pulse var(--motion-slow) var(--ease-standard) 2 alternate}.feed-panel{min-height:220px}.feed-list{max-height:none;padding:var(--space-8);overflow:visible;display:flex;flex-direction:column;gap:7px}.empty-copy{margin:0;padding:var(--space-20) var(--space-12);display:grid;justify-items:center;gap:var(--space-4);color:var(--muted);text-align:center}.empty-copy__icon{width:38px;height:38px;margin-bottom:var(--space-4);display:grid;place-items:center;color:var(--color-orange-600);border:1px dashed color-mix(in srgb,var(--color-orange-500) 38%,var(--color-border-on-paper));border-radius:var(--radius-round);background:color-mix(in srgb,var(--color-orange-300) 9%,var(--color-paper-50))}.empty-copy__icon svg{width:19px;height:19px}.empty-copy strong{color:var(--color-navy-700);font-size:var(--font-size-body)}.empty-copy small{max-width:30ch;color:var(--color-text-secondary);font-size:var(--font-size-helper);line-height:1.35}.feed-entry{margin:0;padding:var(--space-8);display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:var(--space-8);color:var(--color-text-primary);border:1px solid color-mix(in srgb,var(--color-navy-850) 9%,var(--color-border-on-paper));border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-paper-50) 96%,transparent);line-height:1.35;animation:feed-entry-in var(--motion-standard) var(--ease-enter) both}.feed-entry>.feed-entry__icon{width:30px;height:30px;display:grid;place-items:center;color:var(--color-navy-500);border-radius:var(--radius-round);background:var(--color-paper-200)}.feed-entry__icon svg{width:15px;height:15px}.feed-entry .feed-entry__copy{width:auto;min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}.feed-entry__copy strong{min-width:0;display:flex;align-items:center;gap:5px;color:var(--color-navy-850);font-size:13px}.feed-entry__copy strong small{padding:1px 5px;color:var(--color-text-secondary);border:1px dashed var(--color-border-on-paper);border-radius:var(--radius-pill);font-size:11px}.feed-entry .feed-entry__copy>span{width:auto;color:var(--color-text-secondary);font-size:var(--font-size-helper)}.feed-entry.is-guess{border-left:3px solid color-mix(in srgb,var(--color-orange-500) 52%,var(--color-border-on-paper))}.feed-entry.is-chat{border-left:3px solid color-mix(in srgb,var(--color-navy-500) 38%,var(--color-border-on-paper))}.feed-entry.is-correct{color:var(--color-green-600);border-color:color-mix(in srgb,var(--color-green-600) 34%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-green-300) 8%,var(--color-paper-50));animation:feed-correct-in var(--motion-slow) var(--ease-enter) both}.feed-entry.is-correct .feed-entry__icon{color:var(--color-green-600);background:color-mix(in srgb,var(--color-green-300) 15%,var(--color-paper-50))}.feed-entry.is-system{justify-content:initial;color:var(--color-text-muted);border-style:dashed;background:color-mix(in srgb,var(--color-paper-200) 66%,transparent)}.feed-entry.is-system .feed-entry__icon{color:var(--color-orange-600);background:transparent}.feed-entry.is-system em{color:var(--color-text-secondary);font-size:var(--font-size-helper);font-style:normal;font-weight:800}@keyframes feed-entry-in{0%{opacity:0;transform:translateY(4px)}}.match-panel{padding:var(--space-12);display:grid;gap:var(--space-12)}.match-progress-card{min-width:0;padding:var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);border:1px solid color-mix(in srgb,var(--color-orange-500) 26%,var(--color-border-on-paper));border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-orange-300) 9%,var(--color-paper-50))}.match-progress-card>span:first-child{min-width:0;display:grid;gap:2px}.match-progress-card small{color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-weight:800}.match-progress-card strong{overflow:hidden;color:var(--color-navy-850);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.match-progress-card .ui-chip{flex:0 1 auto;color:var(--color-green-600);text-align:center}.match-progress-card .ui-chip svg{width:14px;height:14px}.match-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.match-facts>div{min-width:0;min-height:58px;padding:var(--space-8) var(--space-12);display:grid;align-content:center;gap:2px;border:1px solid var(--color-border-on-paper);border-radius:var(--radius-small);background:var(--color-paper-50)}.match-facts dt{color:var(--color-text-muted);font-size:var(--font-size-tiny);font-weight:800}.match-facts dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--color-navy-850);font-size:14px;font-weight:900;line-height:1.25}.match-facts .match-room-fact{grid-column:1 / -1;min-height:52px}.match-room-fact dd{font-variant-numeric:tabular-nums;letter-spacing:.035em}.match-actions{padding-top:var(--space-4);display:grid;gap:var(--space-8);border-top:1px dashed color-mix(in srgb,var(--color-navy-850) 14%,transparent)}.match-actions button{min-height:48px}.match-skip{color:var(--color-navy-750);border-color:color-mix(in srgb,var(--color-orange-500) 30%,var(--color-border-on-paper));background:color-mix(in srgb,var(--color-warning) 12%,var(--color-paper-50))}.match-leave{box-shadow:none}@media(hover:hover)and (pointer:fine){.drawer-status-identity .avatar,.guesser-drawer-identity .avatar{transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.drawer-status-identity .avatar:hover,.guesser-drawer-identity .avatar:hover{transform:translateY(-1px);box-shadow:var(--elevation-card)}.players-panel .player-list li:hover,.match-facts>div:hover{border-color:color-mix(in srgb,var(--color-orange-500) 24%,var(--color-border-on-paper));background-color:color-mix(in srgb,var(--color-orange-300) 5%,var(--color-paper-50))}.game-shell .primary-button:hover:not(:disabled),.game-shell .secondary-button:hover:not(:disabled),.game-shell .subtle-button:hover:not(:disabled),.game-shell .danger-button:hover:not(:disabled),.game-shell .icon-button:hover:not(:disabled),.gameplay-panel-nav button:hover:not(:disabled){transform:translateY(-1px)}}.game-shell button:disabled{opacity:.6}.game-shell .primary-button:active:not(:disabled),.game-shell .secondary-button:active:not(:disabled),.game-shell .subtle-button:active:not(:disabled),.game-shell .danger-button:active:not(:disabled),.game-shell .icon-button:active:not(:disabled),.gameplay-panel-nav button:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:none}.game-shell :where(button,input):focus-visible{transition:outline-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.match-facts>div{transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.match-facts>div:active{transform:scale(.99)}.toolbar-button--undo:active:not(:disabled){color:var(--color-navy-850);background:color-mix(in srgb,var(--color-navy-500) 10%,var(--color-paper-50))}.drawing-toolbar .toolbar-button--clear:active:not(:disabled){color:var(--color-red-800);background:color-mix(in srgb,var(--color-red-300) 18%,var(--color-paper-50))}@keyframes reconnect-soft-pulse{to{opacity:.76;transform:scale(.96)}}.sheet-scrim,.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;align-items:flex-end;justify-content:center;background:var(--color-backdrop);animation:scrim-in var(--motion-fast) var(--ease-enter) both}.sheet-scrim{z-index:var(--z-sheet);padding:max(var(--space-12),env(safe-area-inset-top)) max(var(--space-12),env(safe-area-inset-right)) max(var(--space-12),env(safe-area-inset-bottom)) max(var(--space-12),env(safe-area-inset-left));overflow:hidden;overscroll-behavior:contain}.modal-scrim{z-index:var(--z-modal)}.bottom-sheet{width:min(600px,100%);max-height:min(84dvh,760px);min-height:0;position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);color:var(--color-text-primary);border:1px solid color-mix(in srgb,var(--color-orange-500) 18%,var(--color-border-on-paper));border-radius:var(--radius-panel) var(--radius-panel) var(--radius-large) var(--radius-large);background:repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--color-navy-700) 2.5%,transparent) 32px),var(--color-paper-100);box-shadow:var(--elevation-sheet);animation:sheet-in var(--motion-standard) var(--ease-enter) both}.sheet-handle{width:48px;height:5px;margin:var(--space-8) auto 0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-navy-500) 34%,var(--color-paper-300))}.sheet-heading{min-height:60px;padding:6px var(--space-12) var(--space-8) var(--space-16);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);border-bottom:1px dashed color-mix(in srgb,var(--color-navy-850) 15%,transparent)}.sheet-heading>span{min-width:0;display:grid;line-height:1.05}.sheet-heading small{color:var(--color-orange-600);font-size:var(--font-size-tiny);font-weight:900}.sheet-heading h2{margin:2px 0 0;overflow:hidden;color:var(--color-navy-850);font-size:22px;text-overflow:ellipsis;white-space:nowrap}.sheet-heading .icon-button{width:44px;height:44px;flex:0 0 44px;color:var(--color-navy-750);border:1px solid var(--color-border-on-paper);background:var(--color-paper-50)}.sheet-heading .icon-button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.sheet-content{min-height:0;padding:var(--space-8);padding-bottom:max(var(--space-12),env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sheet-content>.panel{box-shadow:none}.modal-scrim{align-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.word-modal{width:min(680px,100%);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:clamp(18px,5vw,28px);position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;color:var(--color-navy-850);border:1px solid var(--color-border-on-paper);border-radius:var(--radius-panel);background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-navy-850) 4%,transparent) 0 .7px,transparent .9px) 0 0 / 8px 8px,repeating-linear-gradient(0deg,transparent 0 29px,color-mix(in srgb,var(--color-teal-700) 4%,transparent) 30px),var(--color-paper-100);box-shadow:0 7px color-mix(in srgb,var(--color-orange-500) 14%,transparent),0 24px 56px color-mix(in srgb,var(--color-navy-950) 28%,transparent);font-family:var(--font-interface);animation:word-modal-in var(--motion-slow) var(--ease-enter) both}.word-modal::-webkit-scrollbar{display:none}.word-modal__tape{position:absolute;z-index:1;width:82px;height:18px;top:0;left:50%;translate:-50% 0;rotate:-2deg;background:color-mix(in srgb,var(--color-orange-300) 52%,transparent);clip-path:polygon(3% 7%,98% 0,95% 100%,0 91%);pointer-events:none}.word-modal__header{min-width:0;margin-bottom:var(--space-16);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-16);text-align:left}.word-modal__heading{min-width:0}.word-modal__round{display:block;color:var(--color-orange-600);font-size:var(--font-size-helper);font-weight:900;letter-spacing:.075em;text-transform:uppercase}.word-modal h2{margin:3px 0 2px;color:var(--color-navy-850);font-size:clamp(26px,8vw,36px);line-height:1.05;letter-spacing:-.025em}.word-modal__heading p{margin:0;color:var(--color-navy-500);font-size:var(--font-size-body);font-weight:700;line-height:1.35}.word-modal__timer{width:64px;height:64px;flex:0 0 auto;display:grid;grid-template-columns:auto auto;place-content:center;align-items:center;column-gap:3px;color:var(--color-on-primary-action);border:2px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:var(--radius-round);box-shadow:var(--elevation-control);font-variant-numeric:tabular-nums;text-align:center}.word-modal__timer svg{width:16px;height:16px;stroke-width:2.5}.word-modal__timer b{font-size:22px;line-height:1}.word-modal__timer small{grid-column:1 / -1;margin-top:2px;font-size:var(--font-size-tiny);font-weight:900;line-height:1;text-transform:uppercase}.word-modal__timer.timer--critical{color:var(--color-white)}.word-choice-grid{min-width:0;display:grid;gap:10px}.word-choice-card{width:100%;min-height:92px;padding:11px 12px;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;overflow:hidden;color:var(--color-navy-850);border:1px solid color-mix(in srgb,var(--color-navy-850) 15%,transparent);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-paper-50) 96%,var(--color-orange-300));box-shadow:0 3px color-mix(in srgb,var(--color-navy-850) 8%,transparent),0 7px 16px color-mix(in srgb,var(--color-navy-850) 7%,transparent);text-align:left;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.word-choice-card:before{content:"";width:72%;height:6px;position:absolute;left:14%;bottom:7px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-orange-300) 72%,transparent);opacity:0;transform:scaleX(.15) rotate(-1deg);transform-origin:left center;transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-standard) var(--ease-enter);pointer-events:none}.word-choice-card__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--color-orange-600);border:1px solid color-mix(in srgb,var(--color-orange-500) 26%,transparent);border-radius:var(--radius-small);background:color-mix(in srgb,var(--color-orange-300) 12%,var(--color-paper-50))}.word-choice-card__icon svg{width:23px;height:23px;stroke-width:2}.word-choice-card__content{min-width:0;display:grid;gap:7px}.word-choice-card__word{min-width:0;color:var(--color-navy-850);font-size:clamp(19px,6vw,23px);font-weight:900;line-height:1.08;overflow-wrap:anywhere}.word-choice-card__meta{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.word-choice-card__category{min-height:24px;padding:3px 9px;display:inline-flex;align-items:center;color:var(--color-teal-700);border:1px solid color-mix(in srgb,var(--color-teal-700) 24%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-teal-700) 7%,var(--color-paper-50));font-size:var(--font-size-tiny);font-weight:900;line-height:1;text-transform:capitalize}.word-choice-card__difficulty{display:inline-flex;align-items:center;gap:5px;color:var(--color-navy-500);font-size:var(--font-size-tiny);font-weight:800;line-height:1;text-transform:capitalize}.word-choice-card__stars{display:inline-flex;align-items:center;gap:1px;color:color-mix(in srgb,var(--color-orange-600) 74%,var(--color-navy-500));font-size:11px;letter-spacing:.04em}.word-choice-card__stars b,.word-choice-card__stars i{font:inherit}.word-choice-card__stars i{opacity:.24}.word-choice-card__check{width:28px;height:28px;display:grid;place-items:center;color:var(--color-white);border-radius:var(--radius-round);background:var(--color-orange-500);opacity:0;transform:scale(.55) rotate(-12deg);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-standard) var(--ease-enter)}.word-choice-card__check svg{width:17px;height:17px;stroke-width:3}.word-choice-card.is-selected{color:var(--color-navy-850);border-color:var(--color-orange-500);background:color-mix(in srgb,var(--color-orange-300) 16%,var(--color-paper-50));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-orange-500) 14%,transparent),0 4px color-mix(in srgb,var(--color-orange-500) 28%,transparent),0 9px 20px color-mix(in srgb,var(--color-orange-600) 13%,transparent);animation:word-choice-selected var(--motion-standard) var(--ease-enter) both}.word-choice-card.is-selected:before{opacity:.62;transform:scaleX(1) rotate(-1deg)}.word-choice-card.is-selected .word-choice-card__check{opacity:1;transform:scale(1) rotate(0)}.word-choice-card:active{transform:scale(.975);box-shadow:0 1px color-mix(in srgb,var(--color-navy-850) 12%,transparent)}.word-choice-card:focus-visible{outline-color:var(--color-orange-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-orange-500) 20%,transparent),0 4px color-mix(in srgb,var(--color-navy-850) 9%,transparent)}@media(hover:hover)and (pointer:fine){.word-choice-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-orange-500) 72%,var(--color-navy-850));box-shadow:0 5px color-mix(in srgb,var(--color-navy-850) 8%,transparent),0 12px 22px color-mix(in srgb,var(--color-navy-850) 10%,transparent)}.word-choice-card.is-selected:hover{transform:translateY(-1px) scale(1.01)}}.results-shell{min-height:calc(var(--app-height) - 68px);padding:24px 16px calc(32px + env(safe-area-inset-bottom));display:grid;place-items:center}.results-card{width:min(720px,100%);padding:clamp(22px,6vw,42px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center}.result-mark{width:72px;height:72px;margin:0 auto 16px;display:grid;place-items:center;border-radius:22px;color:var(--primary-ink);background:var(--primary);transform:rotate(-3deg)}.result-mark svg{width:36px;height:36px}.results-card h1{margin:8px 0;font-size:clamp(34px,8vw,54px);line-height:1}.results-card>p{color:var(--muted)}.podium-list{list-style:none;margin:26px 0;padding:0;display:grid;gap:8px;text-align:left}.podium-list li{min-height:68px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid var(--border);border-radius:15px;background:var(--surface-strong)}.podium-list li.is-self{border-color:var(--primary)}.rank-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface-soft);font-weight:900}.podium-list li>span:nth-child(2){display:grid}.podium-list small{color:var(--muted)}.podium-list b{font-size:20px;font-variant-numeric:tabular-nums}.podium-list em{grid-column:2 / 4;color:var(--success);font-style:normal;font-weight:900}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.toast{position:fixed;z-index:var(--z-toast);left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));min-height:56px;margin:auto;max-width:600px;padding:6px 6px 6px 16px;display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);border-radius:16px;background:var(--surface-strong);box-shadow:var(--elevation-modal)}.toast span{flex:1}@keyframes feed-correct-in{0%{opacity:0;transform:translate(8px)}}@keyframes word-modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes word-choice-selected{0%{transform:scale(.985)}68%{transform:scale(1.018)}to{transform:scale(1.01)}}@keyframes scrim-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}}@keyframes sheet-side-in{0%{opacity:0;transform:translate(8px)}}@media(min-width:720px){.lobby-shell{padding-inline:28px}.lobby-grid{grid-template-columns:1.2fr .8fr}.drawer-header-stack{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:stretch}.drawer-status-strip{min-height:64px}.drawer-secret-panel{align-content:center}.guesser-header-stack{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:stretch}.guesser-status-strip{min-height:64px}.guesser-word-panel{align-content:center}.word-choice-grid{grid-template-columns:repeat(3,1fr)}.word-choice-card{min-height:172px;padding:17px 12px 14px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:center;justify-items:center;gap:12px;text-align:center}.word-choice-card__icon{width:48px;height:48px}.word-choice-card__content{justify-items:center;gap:10px}.word-choice-card__meta{justify-content:center}.word-choice-card__check{position:absolute;top:10px;right:10px}.scribble-lobby-stage{padding-inline:26px}.scribble-artists,.scribble-recipe{padding:21px}}@media(min-width:860px){.scribble-lobby-stage{padding-top:28px}.scribble-lobby-desk{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}.scribble-artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scribble-artist-card{min-height:72px;padding-inline:7px;flex-direction:column;justify-content:center;text-align:center}.scribble-artist-copy{width:100%;display:block}.scribble-artist-copy small{display:none}.scribble-artist-role,.scribble-ready-dot{position:absolute;top:6px;right:6px}.scribble-ready-dot{margin:0}.scribble-recipe{position:sticky;top:92px}.scribble-lobby-hero{margin-bottom:30px}}@media(min-width:1024px){.game-grid{width:min(920px,100%)}.canvas-frame{width:auto;max-height:calc(100dvh - 330px);margin-inline:auto}.sheet-scrim{top:68px;align-items:stretch;justify-content:flex-end;padding:var(--space-12)}.bottom-sheet{width:min(380px,calc(100vw - 24px));height:calc(100dvh - 92px);max-height:none;border-radius:var(--radius-panel);animation-name:sheet-side-in}.sheet-handle{width:5px;height:48px;position:absolute;left:5px;top:50%;margin:0;translate:0 -50%}}@media(min-width:1080px){.game-shell{padding-bottom:18px}.game-grid{grid-template-columns:minmax(0,1fr);align-items:start;padding:16px}.bottom-action-area{position:static;padding:12px 16px 20px;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.guess-bar{max-width:740px}.toast{bottom:20px}}@media(max-width:520px){.app-shell.is-lobby{height:var(--app-height);min-height:0;overflow:hidden;padding-bottom:0}.app-shell.is-lobby>.reconnect-banner{position:absolute;top:calc(58px + env(safe-area-inset-top));left:0;right:0;z-index:60}.app-bar{min-height:62px}.brand-mark{width:40px;height:40px}.connection-pill{padding-inline:8px}.connection-pill{font-size:0;gap:0;min-width:38px}.turn-header{top:62px;min-height:78px;padding:6px 10px;justify-content:space-between;gap:8px}.drawer-gameplay-header{min-height:0;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}.drawer-header-stack{gap:5px}.drawer-secret-panel{padding-inline:10px}.guesser-gameplay-header{min-height:0;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}.guesser-header-stack{gap:5px}.guesser-word-panel{padding-inline:10px}.sheet-scrim{padding:max(var(--space-8),env(safe-area-inset-top)) max(var(--space-8),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-8),env(safe-area-inset-left))}.bottom-sheet{max-height:min(88dvh,760px)}.game-screen--guesser:has(.guess-bar input:focus) .canvas-frame,.game-screen--spectator:has(.guess-bar input:focus) .canvas-frame{width:auto;max-height:calc(100dvh - 290px);margin-inline:auto}.round-copy{text-align:left;min-width:0}.round-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.round-copy small{max-width:230px;overflow:hidden;font-size:var(--font-size-tiny);text-overflow:ellipsis;white-space:nowrap}.timer{min-width:62px;min-height:46px}.game-grid{padding:8px}.drawer-banner{min-height:52px;margin-bottom:7px}.drawer-banner__score{min-width:38px}.drawer-banner__score b{font-size:15px}.canvas-frame{box-shadow:0 5px color-mix(in srgb,var(--text) 8%,transparent),var(--shadow)}.canvas-frame:before,.canvas-frame:after{width:50px;height:14px}.score-moment-lane{top:calc(190px + env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));width:calc(100% - 18px);gap:5px}.score-moment{min-height:54px;padding:6px 8px;gap:7px}.score-moment__check{width:34px;height:34px}.score-moment__copy strong{font-size:16px}.score-moment>b{font-size:20px}.turn-reveal-layer{padding:max(var(--space-8),env(safe-area-inset-top)) max(var(--space-8),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-8),env(safe-area-inset-left))}.turn-reveal{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:var(--space-16);gap:var(--space-8);border-radius:var(--radius-large) var(--radius-medium) var(--radius-large) var(--radius-medium)}.turn-reveal__word{font-size:clamp(30px,11vw,44px)}.turn-reveal__results ul{max-height:104px}.drawing-toolbar{gap:0}.icon-button{width:44px;height:44px}.lobby-actions{align-items:stretch;flex-direction:column}.lobby-actions .primary-button{width:100%}.scribble-lobby{height:100%;min-height:0;display:flex;flex-direction:column}.scribble-lobby-topbar{min-height:58px;padding:calc(7px + env(safe-area-inset-top)) 10px 7px;position:relative;flex:0 0 auto}.scribble-lobby-brand{gap:8px}.scribble-lobby-brand>span{width:37px;height:37px}.scribble-lobby-brand strong{font-size:18px}.scribble-room-code{max-width:128px;padding-inline:9px}.scribble-room-code span{display:none}.scribble-room-code strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scribble-lobby .connection-pill{display:none}.scribble-lobby-stage{flex:1 1 auto;min-height:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px;overflow:hidden}.scribble-lobby-hero{flex:0 0 auto;margin:0}.scribble-kicker{font-size:9px}.scribble-lobby-hero h1{margin:2px 0 0;font-size:clamp(30px,9.5vw,38px);line-height:.94}.scribble-lobby-hero p{display:none}.scribble-hero-line{width:112px;height:6px;margin-top:3px;border-top-width:3px}.scribble-lobby-desk{flex:0 1 auto;min-height:0;gap:7px}.scribble-artists,.scribble-recipe{padding:9px 10px;box-shadow:3px 4px color-mix(in srgb,var(--pencil) 10%,transparent),var(--shadow)}.scribble-section-title{min-height:34px;margin-bottom:5px;gap:7px}.scribble-section-title__icon{width:33px;height:33px;border-width:2px}.scribble-section-title__icon svg{width:17px;height:17px}.scribble-section-title h2{font-size:18px}.scribble-section-title small{font-size:7px}.scribble-section-title>b{min-width:42px;font-size:20px}.scribble-artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.scribble-artists.has-1-artists .scribble-artist-grid{grid-template-columns:minmax(0,112px);justify-content:center}.scribble-artists.has-2-artists .scribble-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scribble-artists.has-3-artists .scribble-artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scribble-artist-card{min-height:55px;padding:4px 3px;gap:2px;flex-direction:column;justify-content:center;text-align:center}.scribble-artist-card .avatar{width:30px;height:30px;flex-basis:30px;font-size:11px}.scribble-artist-copy{width:100%;display:block}.scribble-artist-copy strong{display:block;font-size:11px}.scribble-artist-copy small{display:none}.scribble-artist-role{width:18px;height:18px;position:absolute;top:1px;right:2px}.scribble-artist-role svg{width:14px;height:14px}.scribble-ready-dot{margin:0;position:absolute;top:6px;right:6px}.scribble-kick{right:-9px;top:-10px;z-index:2}.scribble-invite-slot{min-height:32px;margin-top:6px;padding-block:2px}.scribble-invite-slot>span{width:24px;height:24px;flex-basis:24px}.scribble-invite-slot small,.scribble-spectators span{display:none}.scribble-option{margin-bottom:5px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:6px}.scribble-option legend{width:auto;margin:0;display:grid;justify-content:start;line-height:1.1}.scribble-option legend span{font-size:11px}.scribble-option legend small{margin-top:2px;font-size:7px}.scribble-segments{gap:6px}.scribble-segments button{min-height:44px;padding:3px 2px;flex-direction:column}.scribble-segments button strong{font-size:13px;line-height:1}.scribble-segments button span{font-size:7px}.scribble-reward-note{min-height:34px;padding:4px 7px;gap:6px;box-shadow:2px 2px #4d360c33}.scribble-reward-note>svg{width:17px;height:17px;flex-basis:17px}.scribble-reward-note strong{font-size:10px}.scribble-reward-note small,.scribble-host-note{display:none}.scribble-lobby-cta{width:100%;min-height:60px;margin:auto 0 0;padding:6px 7px;position:static;flex:0 0 auto;gap:7px}.scribble-lobby-cta__mark{width:36px;height:36px;flex-basis:36px;border-width:2px}.scribble-lobby-cta__mark svg{width:19px;height:19px}.scribble-lobby-cta__copy strong{font-size:14px}.scribble-lobby-cta__copy small{max-width:138px;font-size:8px}.scribble-start{min-height:46px;padding-inline:10px;font-size:11px;white-space:nowrap}}@media(max-width:380px){.game-shell .drawing-toolbar{gap:0;padding:var(--space-4)}.game-shell .tool-group{gap:2px}.game-shell .toolbar-group+.toolbar-group{margin-left:1px;padding-left:1px}.drawer-status-strip{padding-inline:4px;column-gap:5px}.drawer-status-identity{gap:5px}.drawer-status-identity .avatar{width:32px;height:32px;flex-basis:32px}.drawer-status-identity strong{font-size:13px}.drawer-status-identity em{padding-inline:5px}.drawer-turn-meta{gap:3px;font-size:11px}.drawer-status-score{min-width:29px}.drawer-status-score b{font-size:15px}.drawer-timer,.guesser-timer{width:52px;height:52px;flex-basis:52px}.drawer-timer b,.guesser-timer b{font-size:18px}.drawer-timer small,.guesser-timer small{bottom:8px}.drawer-secret-panel__topline{gap:5px}.drawer-secret-word{font-size:clamp(23px,7.5vw,30px)}.guesser-status-strip{padding-inline:4px;column-gap:5px}.guesser-drawer-identity{gap:5px}.guesser-drawer-identity .avatar{width:32px;height:32px;flex-basis:32px}.guesser-drawer-identity strong{font-size:13px}.guesser-turn-meta{gap:3px;font-size:11px}.guesser-skip{width:44px;min-width:44px;padding:0}.guesser-skip span{display:none}.guesser-masked-word{font-size:clamp(22px,7vw,29px)}.guess-bar{padding:6px;column-gap:6px}.guess-bar__submit{min-width:72px;padding-inline:9px}.word-modal{padding:16px}.word-modal__header{margin-bottom:12px;gap:10px}.word-modal__timer{width:56px;height:56px}.word-modal__timer b{font-size:19px}.word-choice-card{min-height:88px;padding:9px 10px;grid-template-columns:40px minmax(0,1fr) 24px;gap:8px}.word-choice-card__icon{width:40px;height:40px}.word-choice-card__check{width:24px;height:24px}.scribble-room-code{max-width:116px}.scribble-lobby-cta__mark{display:none}.scribble-lobby-cta__copy small{max-width:118px}}@media(max-width:520px)and (max-height:650px){.drawer-gameplay-header,.guesser-gameplay-header{padding-block:4px}.drawer-status-strip,.guesser-status-strip{min-height:47px}.drawer-status-identity .avatar,.guesser-drawer-identity .avatar{width:30px;height:30px;flex-basis:30px}.drawer-status-identity small,.guesser-drawer-identity small{font-size:11px}.drawer-timer,.guesser-timer{width:48px;height:48px;flex-basis:48px}.drawer-timer b,.guesser-timer b{font-size:17px}.drawer-timer small,.guesser-timer small{bottom:7px}.drawer-secret-panel,.guesser-word-panel{padding-block:4px 5px}.drawer-secret-word{font-size:clamp(22px,7vw,28px)}.guesser-masked-word{font-size:clamp(21px,6.8vw,28px)}.drawer-secret-helper,.guesser-word-helper{font-size:11px}.guesser-word-panel:not(.has-hint):not(.is-guessed):not(.is-spectator) .guesser-word-helper,.guess-bar--normal .guess-bar__helper{display:none}.scribble-kicker,.scribble-hero-line,.scribble-reward-note{display:none}.scribble-lobby-hero h1{font-size:28px}.scribble-section-title{margin-bottom:3px}.scribble-artist-card{min-height:50px}.scribble-artist-card .avatar{width:27px;height:27px;flex-basis:27px}.scribble-invite-slot{min-height:28px}.scribble-segments button{min-height:42px}.scribble-lobby-cta{min-height:56px}}@media(max-width:360px){.gameplay-panel-nav button{padding-inline:4px;gap:3px;font-size:12px}.gameplay-panel-nav__badge{min-width:18px;height:18px;padding-inline:3px}.players-panel .player-list{padding:6px}.players-panel .player-list li{padding-inline:6px;gap:6px}.match-panel{padding:var(--space-8)}.match-progress-card{align-items:flex-start;flex-direction:column}.turn-reveal{padding:var(--space-12)}.turn-reveal__kicker{font-size:17px}.turn-reveal__answer{padding:var(--space-8)}.turn-reveal__drawer{min-height:50px}.turn-reveal__drawer .avatar{width:34px;height:34px}.turn-reveal__results li{min-height:42px}}@media(max-height:520px)and (orientation:landscape){.app-bar{position:static;min-height:52px;padding-top:6px;padding-bottom:6px}.turn-header{top:0;min-height:58px}.drawer-gameplay-header{min-height:0;padding:4px 8px}.drawer-header-stack{grid-template-columns:minmax(270px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:6px}.drawer-status-strip{min-height:56px}.drawer-secret-panel{padding-block:4px;align-content:center}.drawer-secret-word{font-size:clamp(21px,4vw,29px)}.drawer-secret-helper{font-size:11px}.guesser-gameplay-header{min-height:0;padding:4px 8px}.guesser-header-stack{grid-template-columns:minmax(270px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:6px}.guesser-status-strip{min-height:56px}.guesser-word-panel{padding-block:4px;align-content:center}.guesser-masked-word{font-size:clamp(20px,3.8vw,28px)}.guesser-word-helper{display:none}.game-grid{width:min(380px,100%);padding-inline:6px}.canvas-column{display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-template-areas:"banner banner" "canvas panel-nav";align-items:center;gap:4px 6px}.canvas-stage{grid-area:canvas}.gameplay-panel-nav{grid-area:panel-nav;width:58px;margin:0;align-self:center}.gameplay-panel-nav__segments{padding:3px;grid-template-columns:1fr;gap:3px;border-radius:var(--radius-medium)}.gameplay-panel-nav button{min-height:44px;padding:2px;grid-template-columns:1fr;grid-template-rows:auto auto;gap:0;font-size:11px;line-height:1}.gameplay-panel-nav button:after{width:3px;height:22px;left:2px;bottom:50%;translate:0 50%}.gameplay-panel-nav button svg{width:17px;height:17px}.gameplay-panel-nav__badge{min-width:18px;height:18px;padding:0;position:absolute;top:2px;right:2px;font-size:11px}.canvas-frame{max-height:calc(100dvh - 210px);margin:auto;width:auto}.game-screen--drawer .canvas-frame{max-height:calc(100dvh - 214px)}.game-screen--guesser .canvas-frame,.game-screen--spectator .canvas-frame{max-height:calc(100dvh - 226px)}.drawer-banner{display:none}.game-screen--drawer .bottom-action-area,.game-screen--guesser .bottom-action-area,.game-screen--spectator .bottom-action-area{padding-top:2px;padding-bottom:calc(2px + env(safe-area-inset-bottom))}.guess-bar{padding:4px;row-gap:0}.guess-bar__field{gap:0}.guess-bar__label{width:1px;height:1px;position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.guess-bar__input-shell{min-height:44px}.guess-bar input{min-height:42px}.guess-bar__submit{min-height:44px}.guess-bar__helper{display:none}.sheet-scrim{padding:var(--space-8);align-items:center}.bottom-sheet{width:min(540px,100%);max-height:calc(100dvh - 16px);border-radius:var(--radius-large)}.sheet-handle{margin-top:4px}.sheet-heading{min-height:52px;padding-block:3px 6px}.sheet-heading h2{font-size:19px}.sheet-content{padding:6px}.score-moment-lane{top:118px;right:70px;width:min(310px,calc(100% - 82px))}.score-moment{min-height:50px}.turn-reveal-layer{padding:var(--space-8)}.turn-reveal{width:min(610px,100%);max-height:calc(100dvh - 16px);padding:var(--space-12);grid-template-columns:minmax(190px,.9fr) minmax(230px,1.1fr);grid-template-areas:"reveal-header reveal-drawer" "reveal-answer reveal-results" "reveal-next reveal-next";align-items:start;gap:var(--space-8) var(--space-12)}.turn-reveal__header{grid-area:reveal-header}.turn-reveal__answer{grid-area:reveal-answer;align-self:stretch;align-content:center}.turn-reveal__word{font-size:clamp(28px,6vw,40px)}.turn-reveal__drawer{grid-area:reveal-drawer}.turn-reveal__results{grid-area:reveal-results}.turn-reveal__results ul{max-height:82px}.turn-reveal__next{grid-area:reveal-next;min-height:28px;padding-top:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}.score-moment,.score-moment__points,.score-number,.score-number-inline,.turn-reveal-layer,.turn-reveal,.turn-reveal__word,.turn-reveal__results li,.guess-feedback,.bottom-sheet,.word-modal,.sheet-scrim,.modal-scrim,.drawer-gameplay-header,.guesser-gameplay-header,.drawer-secret-panel,.drawer-secret-word,.drawer-status-identity small:before,.drawer-timer,.guesser-word-panel,.guesser-hint-chip,.guesser-mask-character,.guesser-timer,.guess-bar,.guess-bar__state-icon,.canvas-stage,.canvas-stage:before,.canvas-stage:after,.drawing-tool-button.is-selected,.drawing-tool-button.is-selected:after,.width-popover button.is-selected,.color-grid button.is-selected,.color-grid button svg,.is-drawer .player-role-mark:after,.players-panel .player-list li.is-disconnected .avatar,.toolbar-popover{animation:none!important;opacity:1;transform:none}.turn-reveal-layer{background:color-mix(in srgb,var(--color-navy-950) 24%,transparent)}.turn-reveal__celebration,.score-moment__marker-burst{display:none}.word-choice-card.is-selected,.word-choice-card__check,.word-choice-card:before{animation:none!important;transition:none!important}}.app-shell{--cartoon-ink: #172044;--cartoon-ink-soft: #465078;--cartoon-sky: #79d9ff;--cartoon-sky-soft: #c9f2ff;--cartoon-yellow: #ffd84d;--cartoon-orange: #ff9d2e;--cartoon-pink: #ff6f9f;--cartoon-teal: #35d5c2;--cartoon-purple: #7c6df2;--cartoon-green: #6ed36e;--cartoon-paper: #fffdf4;--cartoon-white: #fff;--cartoon-line: 2px solid var(--cartoon-ink);--cartoon-shadow: 0 5px 0 var(--cartoon-ink);--cartoon-shadow-small: 0 3px 0 var(--cartoon-ink);color:var(--cartoon-ink);background:var(--cartoon-sky-soft)}.app-shell:not(.is-lobby){min-height:var(--app-height);background:radial-gradient(circle at 9% 18%,rgba(255,255,255,.72) 0 35px,transparent 36px),radial-gradient(circle at 90% 42%,rgba(255,255,255,.5) 0 54px,transparent 55px),linear-gradient(180deg,var(--cartoon-sky-soft) 0,#ecfbff 54%,#fff5d7 100%)}.app-shell:not(.is-lobby) .app-bar{min-height:60px;padding-block:calc(7px + env(safe-area-inset-top)) 7px;color:var(--cartoon-ink);border-bottom:3px solid var(--cartoon-ink);background:var(--cartoon-yellow);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px #1720442e}.app-shell:not(.is-lobby) .app-bar strong{font-family:var(--font-display);font-size:19px;line-height:1}.app-shell:not(.is-lobby) .app-bar small{color:var(--cartoon-ink-soft);font-size:11px}.app-shell:not(.is-lobby) .brand-mark{width:42px;height:42px;color:var(--cartoon-white);border:var(--cartoon-line);border-radius:50% 46% 52% 44%;background:var(--cartoon-pink);box-shadow:var(--cartoon-shadow-small)}.app-shell:not(.is-lobby) .connection-pill{min-height:36px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.scribble-lobby{--pencil: var(--cartoon-ink);--pencil-muted: var(--cartoon-ink-soft);--paper: var(--cartoon-paper);--marker-yellow: var(--cartoon-yellow);--marker-coral: var(--cartoon-pink);--marker-green: var(--cartoon-green);min-height:var(--app-height);overflow:hidden;color:var(--cartoon-ink);background:radial-gradient(circle at 12% 24%,rgba(255,255,255,.85) 0 44px,transparent 45px),radial-gradient(circle at 88% 20%,rgba(255,255,255,.7) 0 62px,transparent 63px),linear-gradient(180deg,#76d8ff 0,#76d8ff 48%,#b9efff 48%,#b9efff 66%,#fff1a9 66%,#fff1a9)}.scribble-lobby:before{height:46%;opacity:.32;background-image:radial-gradient(circle,var(--cartoon-white) 0 3px,transparent 3.5px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.scribble-lobby:after{content:"";position:fixed;z-index:0;left:-5%;right:-5%;bottom:-72px;height:180px;border-top:3px solid var(--cartoon-ink);border-radius:50% 50% 0 0;background:#80dd78;pointer-events:none}.scribble-doodle{opacity:1;filter:none}.scribble-doodle--one{width:86px;height:86px;left:-28px;top:31%;border:0;border-radius:52% 48% 45% 55%;background:var(--cartoon-pink);rotate:18deg}.scribble-doodle--two{width:112px;height:38px;right:-25px;top:58%;border:3px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-yellow);rotate:-12deg}.scribble-lobby-topbar{min-height:64px;padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.scribble-lobby-brand>span:first-child{width:45px;height:45px;color:var(--cartoon-white);border:var(--cartoon-line);border-radius:48% 52% 43% 57%;background:var(--cartoon-pink);box-shadow:var(--cartoon-shadow-small)}.scribble-lobby-brand>span:last-child{display:grid;line-height:1}.scribble-lobby-brand strong{font-family:var(--font-display);font-size:23px;letter-spacing:.01em}.scribble-lobby-brand small{margin-top:2px;color:var(--cartoon-ink-soft);font-size:11px;font-weight:900}.scribble-lobby .connection-pill{min-height:37px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.scribble-lobby-stage{width:min(680px,100%);min-height:calc(var(--app-height) - 64px);padding:clamp(8px,2vh,20px) 14px calc(24px + env(safe-area-inset-bottom));position:relative;z-index:2;display:grid;align-content:center;gap:clamp(14px,3vh,26px)}.scribble-lobby-hero{width:100%;margin:0}.scribble-kicker{width:fit-content;min-height:30px;margin-inline:auto;padding:5px 11px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:var(--radius-pill);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink);font-size:12px;letter-spacing:0}.scribble-lobby-hero h1{margin:9px 0 0;font-family:var(--font-display);font-size:clamp(42px,13vw,74px);line-height:.85;letter-spacing:-.045em}.scribble-lobby-hero h1 span{font-family:inherit;font-weight:700}.scribble-lobby-hero h1 strong{color:#ef7d00;font-family:inherit;font-weight:800;text-shadow:3px 3px 0 var(--cartoon-white),5px 5px 0 var(--cartoon-ink)}.scribble-lobby-hero p{margin-top:12px;color:var(--cartoon-ink);font-size:15px;font-weight:800}.scribble-hero-art{height:24px;margin-top:8px;position:relative;display:flex;justify-content:center;gap:8px}.scribble-hero-art span{width:46px;height:11px;border:2px solid var(--cartoon-ink);border-radius:999px 40% 999px 45%;background:var(--cartoon-pink);rotate:-5deg}.scribble-hero-art span:nth-child(2){width:72px;background:var(--cartoon-teal);rotate:3deg}.scribble-hero-art span:nth-child(3){width:34px;background:var(--cartoon-yellow);rotate:-9deg}.scribble-ready-card{padding:clamp(14px,4vw,22px);display:grid;gap:15px;border:3px solid var(--cartoon-ink);border-radius:28px 24px 30px 22px;background:var(--cartoon-white);box-shadow:8px 8px 0 var(--cartoon-ink)}.scribble-ready-card__players{min-width:0;display:flex;align-items:center;gap:13px}.scribble-ready-card__players>span{min-width:0;display:grid;line-height:1.15}.scribble-ready-card__players strong{font-family:var(--font-display);font-size:20px}.scribble-ready-card__players small{color:var(--cartoon-ink-soft);font-size:12px;font-weight:800}.scribble-avatar-stack{min-width:72px;display:flex;align-items:center}.scribble-avatar-stack .avatar{width:38px;height:38px;margin-right:-12px;flex:0 0 38px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink);font-size:14px}.scribble-avatar-stack .avatar:nth-child(2n){background:var(--cartoon-teal)}.scribble-avatar-stack .avatar:nth-child(3n){background:#ff9bbb}.scribble-avatar-more{font-size:11px!important}.scribble-lobby-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scribble-lobby-actions button{min-width:0;min-height:66px;padding:8px 5px;position:relative;display:grid;place-items:center;align-content:center;gap:3px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:17px 14px 18px 13px;background:#e8f9ff;box-shadow:var(--cartoon-shadow-small);font-size:12px;font-weight:900;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.scribble-lobby-actions button:nth-child(2){background:#fff4bb}.scribble-lobby-actions button:nth-child(3){background:#ffe3ed}.scribble-lobby-actions button svg{width:22px;height:22px;stroke-width:2.7}.scribble-lobby-actions button b{min-width:20px;height:20px;padding-inline:4px;position:absolute;top:4px;right:5px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-purple);font-size:10px}.scribble-lobby-actions button:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 var(--cartoon-ink)}.scribble-lobby-cta{min-height:74px;margin:0;padding:12px 0 0;border:0;border-top:2px dashed rgba(23,32,68,.24);border-radius:0;background:transparent;box-shadow:none}.scribble-lobby-cta__mark{width:44px;height:44px;flex-basis:44px;color:var(--cartoon-purple);border:2px solid var(--cartoon-ink);background:#ede9ff}.scribble-lobby-cta.is-ready .scribble-lobby-cta__mark{color:var(--cartoon-ink);background:#dff8d9}.scribble-lobby-cta__copy strong{font-family:var(--font-display);font-size:17px}.scribble-lobby-cta__copy small{max-width:34ch;color:var(--cartoon-ink-soft);font-size:11px;white-space:normal}.scribble-start{min-height:50px;padding:0 17px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:16px 13px 17px 12px;background:var(--cartoon-yellow);box-shadow:var(--cartoon-shadow-small);font-family:var(--font-display);font-size:15px}.scribble-start:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 var(--cartoon-ink)}.sheet-scrim{background:#17204485}.bottom-sheet{color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:26px 26px 18px 18px;background:var(--cartoon-paper);box-shadow:7px 7px 0 var(--cartoon-ink)}.bottom-sheet--lobby{width:min(560px,100%)}.bottom-sheet .sheet-heading{color:var(--cartoon-ink);border-bottom-color:#17204429}.bottom-sheet .sheet-heading small{color:#e27400;letter-spacing:.04em}.bottom-sheet .sheet-heading h2{font-family:var(--font-display);font-size:24px}.bottom-sheet .icon-button{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.bottom-sheet--lobby .scribble-artists,.bottom-sheet--lobby .scribble-recipe{margin:0;border:0;background:transparent;box-shadow:none}.bottom-sheet--lobby .scribble-recipe__tape{display:none}.scribble-invite-panel{padding:8px 8px 18px;display:grid;justify-items:center;gap:11px;text-align:center}.scribble-invite-panel__icon{width:66px;height:66px;display:grid;place-items:center;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:50% 46% 52% 44%;background:var(--cartoon-pink);box-shadow:var(--cartoon-shadow-small)}.scribble-invite-panel h3{margin:0;font-family:var(--font-display);font-size:25px}.scribble-invite-panel p{max-width:42ch;margin:0;color:var(--cartoon-ink-soft);font-size:14px;font-weight:700}.scribble-invite-code{width:min(360px,100%);min-height:64px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--cartoon-ink);border:2px dashed var(--cartoon-ink);border-radius:16px;background:#fff4bb}.scribble-invite-code span{display:grid;text-align:left}.scribble-invite-code small{font-size:11px;font-weight:900}.scribble-invite-code strong{font-family:var(--font-display);font-size:20px}.scribble-invite-code svg{width:22px}.scribble-invite-code.is-copied{background:#dcf8db}.scribble-invite-tip{width:min(360px,100%);padding:10px;display:flex;align-items:center;gap:10px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px;background:#e3fbff;text-align:left}.scribble-invite-tip>span{display:grid}.scribble-invite-tip small{color:var(--cartoon-ink-soft);font-size:11px}.scribble-copy-status{min-height:18px;color:#16745b;font-size:12px;font-weight:900}.game-shell{min-height:calc(var(--app-height) - 60px);padding-bottom:calc(18px + env(safe-area-inset-bottom));color:var(--cartoon-ink);background:radial-gradient(circle,rgba(23,32,68,.08) 0 2px,transparent 2.5px) 0 0 / 28px 28px,linear-gradient(180deg,#bdecff 0,#eafaff 54%,#fff2c3)}.game-shell .turn-header{top:60px;color:var(--cartoon-ink);border-bottom:3px solid var(--cartoon-ink);background:#fffffff5;-webkit-backdrop-filter:none;backdrop-filter:none}.game-shell :where(.drawer-status-strip,.guesser-status-strip){color:var(--cartoon-ink);border-bottom:0}.game-shell :where(.drawer-turn-meta,.guesser-turn-meta,.drawer-status-identity small,.guesser-drawer-identity small){color:var(--cartoon-ink-soft)}.game-shell :where(.drawer-status-identity .avatar,.guesser-drawer-identity .avatar){border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink)}.game-shell :where(.drawer-secret-panel,.guesser-word-panel){color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:18px 15px 19px 14px;background:var(--cartoon-paper);box-shadow:var(--cartoon-shadow-small)}.game-shell .drawer-secret-panel{border-left:8px solid var(--cartoon-pink)}.game-shell .guesser-word-panel{border-left:8px solid var(--cartoon-teal)}.game-shell :where(.drawer-secret-word,.guesser-masked-word){color:var(--cartoon-ink);font-family:var(--font-display)}.game-shell :where(.drawer-secret-helper,.guesser-word-helper,.guesser-hint-waiting){color:var(--cartoon-ink-soft)}.drawer-timer,.guesser-timer{--drawer-timer-ring: var(--cartoon-orange);--drawer-timer-track: #e7ebf4;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:conic-gradient(var(--drawer-timer-ring) var(--timer-progress),var(--drawer-timer-track) 0);box-shadow:0 3px 0 var(--cartoon-ink)}.drawer-timer:before,.guesser-timer:before{background:var(--cartoon-white)}.game-grid{width:min(980px,100%);padding:10px clamp(8px,2vw,16px);gap:10px}.canvas-stage{min-width:0}.game-shell .canvas-frame{width:auto;max-width:100%;max-height:min(56dvh,660px);margin-inline:auto;border:3px solid var(--cartoon-ink);border-radius:22px 18px 24px 17px;background:radial-gradient(circle at 1px 1px,rgba(23,32,68,.075) 0 1px,transparent 1.25px) 0 0 / 24px 24px,var(--cartoon-white);box-shadow:7px 7px 0 var(--cartoon-ink)}.game-shell .canvas-stage:before,.game-shell .canvas-stage:after{z-index:4;height:17px;border:1px solid rgba(23,32,68,.2);background:#ffd86d}.canvas-tools-row{padding-top:1px;display:flex;justify-content:center}.drawing-toolbar{border:2px solid var(--cartoon-ink);border-radius:18px 15px 19px 14px;background:var(--cartoon-yellow);box-shadow:var(--cartoon-shadow-small)}.drawing-toolbar .icon-button{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.drawing-toolbar .drawing-tool-button.is-selected{color:var(--cartoon-white);border-color:var(--cartoon-ink);background:var(--cartoon-purple)}.shared-activity-dock{min-width:0;overflow:visible;display:grid;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:22px 18px 24px 17px;background:var(--cartoon-white);box-shadow:6px 6px 0 var(--cartoon-ink)}.shared-activity-dock__header{min-height:56px;padding:7px 8px 7px 12px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:2px solid var(--cartoon-ink);background:#e8f9ff;border-radius:18px 14px 0 0}.shared-activity-dock__title{min-width:0;display:flex;align-items:center;gap:8px}.shared-activity-dock__title>span:first-child{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-pink);box-shadow:0 2px 0 var(--cartoon-ink)}.shared-activity-dock__title svg{width:19px}.shared-activity-dock__title>span:last-child{min-width:0;display:grid;line-height:1.05}.shared-activity-dock__title small{color:var(--cartoon-ink-soft);font-size:10px;font-weight:900}.shared-activity-dock__title strong{overflow:hidden;font-family:var(--font-display);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.shared-activity-dock .gameplay-panel-nav{width:auto;margin:0}.shared-activity-dock .gameplay-panel-nav__segments{padding:0;display:flex;gap:6px;border:0;background:transparent;box-shadow:none}.shared-activity-dock .gameplay-panel-nav button{min-width:48px;min-height:44px;padding:4px 7px;grid-template-columns:auto auto;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:13px 11px 14px 10px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink);font-size:11px}.shared-activity-dock .gameplay-panel-nav button.is-selected{color:var(--cartoon-ink);border-color:var(--cartoon-ink);background:var(--cartoon-yellow)}.shared-activity-dock .gameplay-panel-nav button:after{display:none}.shared-activity-dock .gameplay-panel-nav__badge{min-width:18px;height:18px;position:absolute;top:-5px;right:-5px;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);background:var(--cartoon-purple)}.feed-panel--dock{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.feed-panel--dock .feed-list{min-height:88px;max-height:132px;padding:8px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.feed-panel--dock .feed-entry{min-height:34px;margin:0;padding:4px 7px;grid-template-columns:26px minmax(0,1fr);gap:6px;color:var(--cartoon-ink);border:0;border-radius:10px;background:#f5fbff}.feed-panel--dock .feed-entry:nth-child(2n){background:#fff9df}.feed-panel--dock .feed-entry>.feed-entry__icon{width:26px;height:26px;color:var(--cartoon-ink);background:var(--cartoon-yellow)}.feed-panel--dock .feed-entry.is-chat>.feed-entry__icon{background:#cef}.feed-panel--dock .feed-entry.is-correct{border:1px solid #3d9e64;background:#e0f8df}.feed-panel--dock .feed-entry.is-system{border:1px dashed rgba(23,32,68,.28);background:#f2efff}.feed-panel--dock .feed-entry__copy{display:flex;align-items:baseline;gap:6px}.feed-panel--dock .feed-entry__copy strong{flex:0 0 auto;color:var(--cartoon-ink);font-size:12px}.feed-panel--dock .feed-entry .feed-entry__copy>span,.feed-panel--dock .feed-entry.is-system em{color:var(--cartoon-ink-soft);font-size:12px}.feed-panel--dock .empty-copy{min-height:72px;padding:6px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon title" "icon helper";align-content:center;justify-content:start;column-gap:9px;text-align:left}.feed-panel--dock .empty-copy__icon{grid-area:icon;width:34px;height:34px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:#e3f8ff}.feed-panel--dock .empty-copy strong{grid-area:title;color:var(--cartoon-ink)}.feed-panel--dock .empty-copy small{grid-area:helper;color:var(--cartoon-ink-soft)}.shared-activity-dock__composer{padding:8px;border-top:2px solid var(--cartoon-ink);background:#fff9dc;border-radius:0 0 18px 14px}.shared-activity-dock .guess-bar{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.shared-activity-dock .guess-bar__input-shell{min-height:46px;border:2px solid var(--cartoon-ink);border-radius:15px 12px 16px 11px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.shared-activity-dock .guess-bar__state-icon{color:var(--cartoon-ink);background:#dff6ff}.shared-activity-dock .guess-bar__submit{min-width:76px;min-height:46px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink)}.shared-activity-dock .guess-bar__helper,.shared-activity-dock .guess-bar__label{color:var(--cartoon-ink-soft)}.shared-activity-dock .guess-bar[data-mode=chat] .guess-bar__state-icon{background:#eeeaff}@media(hover:hover)and (pointer:fine){.scribble-lobby-actions button:hover,.scribble-start:hover:not(:disabled),.shared-activity-dock .gameplay-panel-nav button:hover,.drawing-toolbar .icon-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--cartoon-ink)}}@media(max-width:600px){.scribble-lobby-stage{align-content:start;padding-top:4px}.scribble-lobby-hero h1{font-size:clamp(38px,13vw,58px)}.scribble-ready-card{box-shadow:5px 5px 0 var(--cartoon-ink)}.scribble-lobby-cta{align-items:center}.scribble-lobby-cta__mark{display:none}.scribble-lobby-cta__copy small{max-width:25ch}.scribble-start{min-width:112px;padding-inline:11px}.game-shell .turn-header{top:60px;padding-inline:8px}.game-grid{padding:8px 7px 12px}.game-shell .canvas-frame{width:100%;max-height:none;border-radius:17px 14px 19px 13px;box-shadow:4px 4px 0 var(--cartoon-ink)}.shared-activity-dock{border-radius:18px 15px 19px 14px;box-shadow:4px 4px 0 var(--cartoon-ink)}.shared-activity-dock__header{min-height:52px;padding-left:8px}.shared-activity-dock__title>span:first-child{width:34px;height:34px;flex-basis:34px}.shared-activity-dock__title small{display:none}.shared-activity-dock__title strong{font-size:15px}.shared-activity-dock .gameplay-panel-nav button{min-width:44px;width:44px;min-height:44px;height:44px;padding:0;grid-template-columns:1fr}.shared-activity-dock .gameplay-panel-nav button>span{width:1px;height:1px;position:absolute;overflow:hidden;clip-path:inset(50%)}.feed-panel--dock .feed-list{max-height:112px}.feed-panel--dock .feed-entry__copy{display:grid;gap:0}.shared-activity-dock__composer{padding:7px}.shared-activity-dock .guess-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field submit" "helper helper"}.shared-activity-dock .guess-bar__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shared-activity-dock .guess-bar__helper{font-size:11px}.canvas-tools-row .drawing-toolbar{max-width:calc(100vw - 14px)}}@media(max-width:360px){.scribble-lobby-topbar{padding-inline:10px}.scribble-lobby-brand small{display:none}.scribble-ready-card{padding:12px}.scribble-lobby-actions{gap:6px}.scribble-lobby-actions button{min-height:60px;font-size:11px}.scribble-lobby-cta__copy strong{font-size:15px}.scribble-lobby-cta__copy small{font-size:10px}.scribble-start{min-width:104px;min-height:47px;font-size:14px}.shared-activity-dock__title strong{max-width:126px}.feed-panel--dock .feed-list{min-height:78px;max-height:100px}.shared-activity-dock .guess-bar__state-icon{display:none}.shared-activity-dock .guess-bar input{padding-left:10px}.shared-activity-dock .guess-bar__submit{min-width:68px;padding-inline:8px}}@media(max-height:650px)and (max-width:600px){.scribble-lobby-stage{gap:8px;padding-bottom:12px}.scribble-lobby-hero p,.scribble-hero-art{display:none}.scribble-lobby-hero h1{font-size:38px}.scribble-ready-card{gap:9px;padding-block:10px}.scribble-ready-card__players strong{font-size:17px}.scribble-lobby-actions button{min-height:54px}.scribble-lobby-cta{min-height:58px;padding-top:8px}.game-shell .canvas-frame{max-height:40dvh;width:auto}.feed-panel--dock .feed-list{min-height:60px;max-height:76px}.shared-activity-dock .guess-bar__helper{display:none}}@media(max-height:520px)and (orientation:landscape){.app-shell:not(.is-lobby) .app-bar{min-height:50px}.game-shell{min-height:calc(var(--app-height) - 50px)}.game-shell .turn-header{top:0}.game-grid{width:min(680px,100%)}.canvas-column{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(250px,.9fr);grid-template-areas:"canvas activity" "tools activity";align-items:start;gap:8px}.canvas-stage{grid-area:canvas}.canvas-tools-row{grid-area:tools}.shared-activity-dock{grid-area:activity;align-self:stretch}.game-shell .canvas-frame{width:100%;max-height:none}.shared-activity-dock .gameplay-panel-nav{grid-area:auto;width:auto}.shared-activity-dock .gameplay-panel-nav__segments{grid-template-columns:none;display:flex}.shared-activity-dock .gameplay-panel-nav button{grid-template-columns:auto;grid-template-rows:none}.feed-panel--dock .feed-list{min-height:64px;max-height:94px}.shared-activity-dock .guess-bar__helper{display:none}}@media(min-width:900px){.game-grid{padding-top:14px}.shared-activity-dock,.canvas-tools-row{width:min(820px,100%);margin-inline:auto}}@media(prefers-reduced-motion:reduce){.scribble-lobby-actions button,.scribble-start,.shared-activity-dock,.shared-activity-dock *,.canvas-tools-row *{animation:none!important;transition:none!important}}.app-shell:not(.is-lobby) .app-bar{min-height:50px;padding:calc(5px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left));gap:8px;color:var(--cartoon-ink);border-bottom:3px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:none}.app-shell:not(.is-lobby) .app-bar>span:nth-child(2){line-height:1}.app-shell:not(.is-lobby) .app-bar strong{font-size:17px}.app-shell:not(.is-lobby) .app-bar small{display:none}.app-shell:not(.is-lobby) .brand-mark{width:34px;height:34px;flex-basis:34px;border-width:2px;box-shadow:0 2px 0 var(--cartoon-ink)}.app-shell:not(.is-lobby) .brand-mark svg{width:17px;height:17px}.app-shell:not(.is-lobby) .connection-pill{min-height:32px;padding:0 10px;border-width:2px;box-shadow:0 2px 0 var(--cartoon-ink);font-size:11px}.game-shell{min-height:calc(var(--app-height) - 50px);padding:0 0 calc(14px + env(safe-area-inset-bottom));overflow-x:clip;background:radial-gradient(circle at 11% 13%,rgba(255,255,255,.72) 0 18px,transparent 19px),radial-gradient(circle at 89% 19%,rgba(255,255,255,.6) 0 29px,transparent 30px),radial-gradient(circle,rgba(23,32,68,.075) 0 1.5px,transparent 2px) 0 0 / 27px 27px,linear-gradient(180deg,#9fe7ff 0,#dff7ff 58%,#fff0a8)}.game-shell .cartoon-game-hud{width:100%;min-height:82px;margin:0;padding:7px max(9px,env(safe-area-inset-right)) 7px max(9px,env(safe-area-inset-left));position:sticky;top:50px;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(104px,.75fr) minmax(132px,1.35fr) auto auto;grid-template-areas:"identity objective score timer" "round objective score timer";align-items:center;gap:2px 8px;color:var(--cartoon-ink);border:0;border-bottom:3px solid var(--cartoon-ink);background:#fff7cc;box-shadow:0 3px #1720441f}.game-shell .cartoon-game-hud.guesser-gameplay-header:has(.game-hud__skip){grid-template-columns:minmax(100px,.7fr) minmax(128px,1.3fr) 44px 52px}.game-hud__identity{grid-area:identity;min-width:0;display:flex;align-items:center;gap:7px}.game-hud__identity .avatar{width:34px;height:34px;flex:0 0 34px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink)}.game-hud__identity>span{min-width:0;display:grid;line-height:1.02}.game-hud__identity small{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--cartoon-ink-soft);font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.game-hud__identity strong{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--cartoon-ink);font-family:var(--font-display);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.game-hud__identity em{padding:1px 5px;flex:0 0 auto;color:var(--cartoon-white);border:1px solid var(--cartoon-ink);border-radius:var(--radius-pill);background:var(--cartoon-purple);font-family:var(--font-body);font-size:9px;font-style:normal;font-weight:900}.game-hud__activity-dot,.room-live-dot{width:7px;height:7px;flex:0 0 7px;display:inline-block;border:1px solid var(--cartoon-ink);border-radius:50%;background:#35c98c;animation:cartoon-live-pulse 1.8s var(--ease-standard) infinite}.game-hud__round{grid-area:round;min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--cartoon-ink-soft);font-size:10px;line-height:1;white-space:nowrap}.game-hud__round b{font-weight:900}.game-hud__round i{font-style:normal}.game-shell .game-hud__objective{grid-area:objective;min-width:0;min-height:62px;padding:6px 10px;display:grid;align-content:center;gap:2px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-left-width:2px;border-radius:15px 12px 16px 11px;background:var(--cartoon-white);box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .drawer-secret-panel.game-hud__objective{background:#ffe7ef}.game-shell .guesser-word-panel.game-hud__objective{background:#e4f9ff}.game-shell .guesser-word-panel.game-hud__objective.is-guessed{background:#e3f8df}.game-hud__objective-label{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--cartoon-ink-soft);font-size:10px;font-weight:900;line-height:1}.game-hud__objective-label>:first-child{display:inline-flex;align-items:center;gap:4px}.game-hud__objective-label svg{width:12px;height:12px;stroke-width:2.7}.game-shell .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){min-width:0;margin:0;overflow-wrap:anywhere;color:var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(20px,5.2vw,30px);font-weight:800;line-height:.98}.game-shell .game-hud__objective .guesser-masked-word{display:flex;flex-wrap:wrap;align-items:end;gap:2px;letter-spacing:0}.game-shell .game-hud__objective .guesser-mask-character{min-width:.5em;font-size:inherit;line-height:1}.game-shell .game-hud__objective .guesser-mask-character.is-space{min-width:.32em}.game-hud__objective .ui-chip{min-height:18px;padding:1px 5px;font-size:9px;line-height:1}.game-hud__objective .drawer-word-meta{gap:3px}.game-hud__score{grid-area:score;min-width:34px;display:grid;justify-items:center;color:var(--cartoon-ink);line-height:1}.game-hud__score b{font-family:var(--font-display);font-size:18px}.game-hud__score small{color:var(--cartoon-ink-soft);font-size:9px;font-weight:900}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer){grid-area:timer;width:52px;height:52px;min-width:52px;border:2px solid var(--cartoon-ink);box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer) b{font-family:var(--font-display);font-size:17px}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer) small{font-size:8px}.game-hud__skip{grid-area:score;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:13px;background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink)}.game-hud__skip span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game-grid{width:min(900px,100%);margin:0 auto;padding:9px clamp(7px,2vw,14px) 14px;display:block}.canvas-column{min-width:0;display:grid;gap:10px}.play-board{min-width:0;display:grid;justify-items:center;gap:0}.canvas-stage{width:100%;min-width:0}.game-shell .canvas-frame{width:100%;max-width:100%;max-height:none;margin:0;border:3px solid var(--cartoon-ink);border-radius:18px 15px 20px 14px;background:radial-gradient(circle at 1px 1px,rgba(23,32,68,.07) 0 1px,transparent 1.2px) 0 0 / 24px 24px,var(--cartoon-white);box-shadow:4px 4px 0 var(--cartoon-ink)}.game-shell .canvas-stage:before,.game-shell .canvas-stage:after{width:55px;height:14px;top:-4px;border:0;background:#ffd55f}.canvas-tools-row{width:min(100%,560px);margin-top:0;padding:0;position:relative;z-index:5;display:flex;justify-content:center}.drawing-toolbar{min-height:52px;padding:3px;border:2px solid var(--cartoon-ink);border-radius:17px 14px 18px 13px;background:var(--cartoon-yellow);box-shadow:0 3px 0 var(--cartoon-ink)}.drawing-toolbar .icon-button{box-shadow:none}.shared-activity-dock{width:100%;min-width:0;overflow:hidden;display:grid;grid-template-rows:48px minmax(68px,auto) auto;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:19px 16px 20px 15px;background:var(--cartoon-white);box-shadow:4px 4px 0 var(--cartoon-ink)}.shared-activity-dock__header{min-height:48px;padding:3px 5px 3px 9px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:0;border-bottom:2px solid var(--cartoon-ink);border-radius:0;background:#dff6ff}.shared-activity-dock__title{min-width:0;display:flex;align-items:center;gap:7px}.shared-activity-dock__title>span:first-child{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-pink);box-shadow:none}.shared-activity-dock__title svg{width:14px;height:14px;stroke-width:2.7}.shared-activity-dock__title>span:last-child{min-width:0;display:grid;line-height:1}.shared-activity-dock__title small{display:flex;align-items:center;gap:4px;color:var(--cartoon-ink-soft);font-size:9px;font-weight:900}.shared-activity-dock__title strong{overflow:hidden;font-family:var(--font-display);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.shared-activity-dock .gameplay-panel-nav__segments{gap:4px}.shared-activity-dock .gameplay-panel-nav button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;grid-template-columns:1fr;place-items:center;border:2px solid var(--cartoon-ink);border-radius:11px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.shared-activity-dock .gameplay-panel-nav button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shared-activity-dock .gameplay-panel-nav button svg{width:17px;height:17px}.shared-activity-dock .gameplay-panel-nav__badge{top:-4px;right:-4px}.shared-activity-dock__stream{min-height:0;background:#fffdfa}.feed-panel--dock .feed-list{min-height:68px;max-height:128px;padding:7px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.feed-panel--dock .feed-entry{width:fit-content;max-width:92%;min-height:28px;margin:0;padding:4px 8px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;color:var(--cartoon-ink);border:1.5px solid var(--cartoon-ink);border-radius:11px 11px 11px 4px;background:#eefaff}.feed-panel--dock .feed-entry:nth-child(2n){background:#fff6c9}.feed-panel--dock .feed-entry.is-correct{border-color:var(--cartoon-ink);background:#ddf8d8}.feed-panel--dock .feed-entry.is-system{align-self:center;border-style:dashed;border-radius:11px;background:#eeeaff}.feed-panel--dock .feed-entry>.feed-entry__icon{width:20px;height:20px;color:var(--cartoon-ink);background:transparent}.feed-panel--dock .feed-entry__icon svg{width:13px;height:13px}.feed-panel--dock .feed-entry__copy{min-width:0;display:flex;align-items:baseline;gap:5px}.feed-panel--dock .feed-entry__copy strong,.feed-panel--dock .feed-entry .feed-entry__copy>span,.feed-panel--dock .feed-entry.is-system em{font-size:11px;line-height:1.15}.feed-panel--dock .feed-entry__copy strong{color:var(--cartoon-ink);font-weight:900}.feed-panel--dock .empty-copy{min-height:68px;padding:6px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon title" "icon helper";align-content:center;column-gap:8px;text-align:left}.feed-panel--dock .empty-copy__icon{width:28px;height:28px;border:0;background:transparent}.feed-panel--dock .empty-copy strong{font-size:12px}.feed-panel--dock .empty-copy small{font-size:10px}.shared-activity-dock__composer{padding:6px;border:0;border-top:2px solid var(--cartoon-ink);border-radius:0;background:#fff4b8}.shared-activity-dock .guess-bar{width:100%;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field submit";gap:6px;border:0;border-radius:0;background:transparent;box-shadow:none}.shared-activity-dock .guess-bar__label,.shared-activity-dock .guess-bar__helper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shared-activity-dock .guess-bar__field{transform:translateY(-2px)}.shared-activity-dock .guess-bar__input-shell{min-height:44px;border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:var(--cartoon-white);box-shadow:none}.shared-activity-dock .guess-bar__state-icon{width:30px;height:30px;margin-left:4px;flex-basis:30px;color:var(--cartoon-ink);background:#dff6ff}.shared-activity-dock .guess-bar input{min-height:42px;padding:0 8px 0 2px;font-size:16px}.shared-activity-dock .guess-bar__submit{min-width:72px;min-height:44px;padding:0 10px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink);transform:translateY(-3px)}.shared-activity-dock .guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit{transform:translateY(-3px) scale(1.01)}.shared-activity-dock .guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit:active{transform:translateY(1px) scale(.97)}.shared-activity-dock .guess-bar[data-mode=chat] .guess-bar__submit{color:var(--cartoon-white);background:var(--cartoon-purple)}@keyframes cartoon-live-pulse{50%{opacity:.55;transform:scale(.84)}}@media(max-width:600px){.game-shell .cartoon-game-hud,.game-shell .cartoon-game-hud.guesser-gameplay-header:has(.game-hud__skip){min-height:78px;top:50px;padding:6px 7px;grid-template-columns:minmax(92px,.72fr) minmax(126px,1.38fr) auto auto;gap:2px 6px}.game-hud__identity{gap:5px}.game-hud__identity .avatar{width:30px;height:30px;flex-basis:30px}.game-hud__identity strong{font-size:13px}.game-hud__identity small{font-size:10px}.game-hud__round{font-size:9px;gap:3px}.game-shell .game-hud__objective{min-height:58px;padding:5px 8px}.game-hud__objective .drawer-word-meta{display:none}.game-shell .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(18px,6vw,25px)}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer){width:48px;height:48px;min-width:48px}.game-hud__score{min-width:28px}.game-hud__score b{font-size:16px}.game-hud__skip{width:40px;min-width:40px;height:40px;min-height:40px}.game-grid{padding:7px 6px 12px}.canvas-column{gap:8px}.game-shell .canvas-frame{border-radius:15px 13px 17px 12px;box-shadow:3px 3px 0 var(--cartoon-ink)}.drawing-toolbar{max-width:calc(100vw - 12px)}.shared-activity-dock{border-radius:16px 14px 17px 13px;box-shadow:3px 3px 0 var(--cartoon-ink)}.shared-activity-dock__title strong{font-size:13px}.feed-panel--dock .feed-list{max-height:108px}}@media(max-width:360px){.game-shell .cartoon-game-hud,.game-shell .cartoon-game-hud.guesser-gameplay-header:has(.game-hud__skip){grid-template-columns:minmax(80px,.65fr) minmax(114px,1.35fr) auto auto;gap:2px 4px}.game-hud__identity .avatar{width:28px;height:28px;flex-basis:28px}.game-hud__identity em,.game-hud__score small{display:none}.game-hud__objective-label{font-size:9px}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer){width:48px;height:48px;min-width:48px}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer) b{font-size:15px}.game-hud__skip{width:36px;min-width:36px;height:40px}.shared-activity-dock__title>span:first-child{display:none}.shared-activity-dock__title strong{max-width:112px}.shared-activity-dock .guess-bar__state-icon{display:none}.shared-activity-dock .guess-bar input{padding-left:9px}.shared-activity-dock .guess-bar__submit{min-width:66px;padding-inline:7px}}@media(max-height:650px)and (max-width:600px){.app-shell:not(.is-lobby) .app-bar{min-height:44px;padding-top:calc(3px + env(safe-area-inset-top));padding-bottom:3px}.app-shell:not(.is-lobby) .brand-mark{width:30px;height:30px;flex-basis:30px}.app-shell:not(.is-lobby) .connection-pill{min-height:30px}.game-shell{min-height:calc(var(--app-height) - 44px)}.game-shell .cartoon-game-hud,.game-shell .cartoon-game-hud.guesser-gameplay-header:has(.game-hud__skip){min-height:68px;top:44px;padding-block:4px}.game-shell .game-hud__objective{min-height:50px}.game-hud__objective-label{display:none}.game-shell .cartoon-game-hud :where(.drawer-timer,.guesser-timer){width:48px;height:48px;min-width:48px}.game-grid{padding-top:5px}.game-shell .canvas-frame{width:auto;max-height:42dvh;margin-inline:auto}.drawing-toolbar{min-height:48px}.drawing-toolbar .icon-button{width:44px;height:44px;flex-basis:44px;min-width:44px;min-height:44px}.feed-panel--dock .feed-list{min-height:46px;max-height:62px;padding-block:4px}.feed-panel--dock .empty-copy{min-height:46px}.feed-panel--dock .empty-copy small{display:none}.shared-activity-dock{grid-template-rows:48px minmax(46px,auto) auto}.shared-activity-dock__header{min-height:48px}}@media(max-height:520px)and (orientation:landscape){.app-shell:not(.is-lobby) .app-bar{min-height:42px}.game-shell{min-height:calc(var(--app-height) - 42px)}.game-shell .cartoon-game-hud,.game-shell .cartoon-game-hud.guesser-gameplay-header:has(.game-hud__skip){top:0;min-height:62px}.game-grid{width:min(620px,100%)}.canvas-column{display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(250px,.85fr);grid-template-areas:"board activity";align-items:start;gap:7px}.play-board{grid-area:board;grid-template-columns:1fr;grid-template-areas:"canvas" "tools"}.play-board .canvas-stage{grid-area:canvas}.play-board .canvas-tools-row{grid-area:tools}.shared-activity-dock{grid-area:activity;align-self:stretch}.game-shell .canvas-frame{width:auto;max-height:48dvh;margin-inline:auto}.feed-panel--dock .feed-list{max-height:54px}}@media(min-width:900px){.game-shell .cartoon-game-hud{padding-inline:max(calc((100% - 900px)/2),14px)}.game-grid{padding-top:12px}.shared-activity-dock,.canvas-tools-row{width:100%}.feed-panel--dock .feed-list{max-height:150px}}@media(prefers-reduced-motion:reduce){.game-hud__activity-dot,.room-live-dot{animation:none!important}}.game-shell{--game-stage-width: 960px;min-height:calc(var(--app-height) - 50px);padding-bottom:calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 8% 16%,rgba(255,255,255,.82) 0 34px,transparent 35px),radial-gradient(circle at 94% 27%,rgba(255,221,90,.74) 0 23px,transparent 24px),radial-gradient(circle at 13% 78%,rgba(255,113,158,.18) 0 58px,transparent 59px),radial-gradient(circle,rgba(23,32,68,.07) 0 1.5px,transparent 2px) 0 0 / 30px 30px,linear-gradient(180deg,#8fe1ff,#dff8ff 57%,#fff0a5)}.game-shell .game-stage-hud{width:min(var(--game-stage-width),calc(100% - 24px));min-height:0;margin:14px auto 0;padding:10px 12px 12px;position:relative;top:auto;z-index:var(--z-sticky);display:grid;grid-template-columns:1fr;grid-template-areas:none;gap:10px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:24px 19px 26px 18px;background:#fff7c9;box-shadow:6px 6px 0 var(--cartoon-ink)}.game-shell .game-stage-hud:after{content:"";width:58px;height:10px;position:absolute;right:13%;bottom:-7px;border:2px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-teal);rotate:-3deg;pointer-events:none}.game-hud__topline{min-width:0;min-height:48px;display:grid;grid-template-columns:auto minmax(108px,1fr) auto;align-items:center;gap:10px}.game-stage-hud .game-hud__round{min-height:34px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;overflow:visible;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:999px 880px 999px 820px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink);font-size:11px;white-space:nowrap}.game-stage-hud .game-hud__identity{min-width:0;width:fit-content;justify-self:start;gap:8px}.game-stage-hud .game-hud__identity .avatar{width:42px;height:42px;flex-basis:42px;background:#ffcb3f;box-shadow:0 3px 0 var(--cartoon-ink);font-size:15px}.game-stage-hud .game-hud__identity small{color:var(--cartoon-ink-soft);font-size:12px}.game-stage-hud .game-hud__identity strong{font-size:18px;line-height:1.05}.game-stage-hud .game-hud__identity em{min-height:19px;padding-inline:6px;display:inline-grid;place-items:center;font-size:10px}.game-stage-hud .gameplay-panel-nav{width:auto;margin:0;justify-self:end}.game-stage-hud .gameplay-panel-nav__segments{padding:0;display:flex;gap:7px;border:0;background:transparent;box-shadow:none}.game-stage-hud .gameplay-panel-nav button{min-width:82px;min-height:44px;padding:5px 9px;grid-template-columns:auto auto auto;gap:5px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:var(--cartoon-white);box-shadow:0 3px 0 var(--cartoon-ink);font-size:12px}.game-stage-hud .gameplay-panel-nav button.is-selected{color:var(--cartoon-ink);border-color:var(--cartoon-ink);background:var(--cartoon-pink)}.game-stage-hud .gameplay-panel-nav button:after{display:none}.game-stage-hud .gameplay-panel-nav__badge{min-width:19px;height:19px;color:var(--cartoon-white);border:1.5px solid var(--cartoon-ink);background:var(--cartoon-purple)}.game-hud__main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px}.game-shell .game-stage-hud .game-hud__main>:where(.game-hud__objective,.game-hud__choosing,.drawer-timer,.guesser-timer,.timer){grid-area:auto}.game-shell .game-stage-hud .game-hud__main>:where(.game-hud__objective,.game-hud__choosing){grid-column:1;grid-row:1}.game-shell .game-stage-hud .game-hud__main>:where(.drawer-timer,.guesser-timer,.timer){grid-column:2;grid-row:1}.game-shell .game-stage-hud .game-hud__objective,.game-hud__choosing{min-width:0;min-height:78px;padding:10px 16px;display:grid;align-content:center;gap:5px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:19px 15px 21px 14px;background:var(--cartoon-white);box-shadow:0 4px 0 var(--cartoon-ink)}.game-shell .game-stage-hud .drawer-secret-panel{background:#ffe0ec}.game-shell .game-stage-hud .guesser-word-panel{background:#dff7ff}.game-shell .game-stage-hud .guesser-word-panel.is-guessed{background:#dcf7dc}.game-stage-hud .game-hud__objective-label{color:var(--cartoon-ink-soft);font-size:12px}.game-stage-hud .game-hud__objective-label svg{width:15px;height:15px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(28px,6vw,46px);line-height:1}.game-shell .game-stage-hud .game-hud__objective .guesser-mask-character{min-width:.54em;font-size:inherit}.game-stage-hud .game-hud__objective .ui-chip{min-height:24px;padding:3px 8px;font-size:11px}.game-hud__choosing{grid-template-columns:auto minmax(0,1fr);align-items:center;background:#e9f9ff}.game-hud__choosing-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50% 45% 52% 44%;background:var(--cartoon-pink);box-shadow:0 3px 0 var(--cartoon-ink);rotate:-4deg}.game-hud__choosing-icon svg{width:24px;height:24px;stroke-width:2.6}.game-hud__choosing>span:last-child{min-width:0;display:grid;line-height:1.12}.game-hud__choosing strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(22px,5vw,34px)}.game-hud__choosing small{margin-top:3px;color:var(--cartoon-ink-soft);font-size:13px;font-weight:800}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:72px;height:72px;min-width:72px;align-self:center;border-width:3px;box-shadow:0 4px 0 var(--cartoon-ink)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) b{position:relative;z-index:2;font-family:var(--font-display);font-size:24px;line-height:1;transform:translateY(-5px)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) small{z-index:2;bottom:11px;font-size:10px}.game-shell .game-grid{width:min(var(--game-stage-width),100%);padding:16px 12px 18px}.game-shell .canvas-column{gap:16px}.game-shell .canvas-frame{border-width:3px;border-radius:25px 19px 27px 17px;box-shadow:7px 7px 0 var(--cartoon-ink)}.canvas-phase-card{position:absolute;z-index:6;top:3px;right:3px;bottom:3px;left:3px;padding:20px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--cartoon-ink);border-radius:20px 15px 22px 13px;background:radial-gradient(circle,rgba(23,32,68,.06) 0 1.5px,transparent 2px) 0 0 / 24px 24px,#fffdf5;text-align:center;pointer-events:none;animation:canvas-paper-in var(--motion-standard) var(--ease-enter) both}.canvas-phase-card>span{width:64px;height:64px;display:grid;place-items:center;color:var(--cartoon-white);border:3px solid var(--cartoon-ink);border-radius:48% 52% 44% 56%;background:var(--cartoon-pink);box-shadow:0 4px 0 var(--cartoon-ink);rotate:-5deg}.canvas-phase-card svg{width:31px;height:31px;stroke-width:2.6}.canvas-phase-card strong{max-width:22ch;font-family:var(--font-display);font-size:clamp(25px,7vw,42px);line-height:1}.canvas-phase-card small{max-width:36ch;color:var(--cartoon-ink-soft);font-size:14px;font-weight:800;line-height:1.35}.game-shell .shared-activity-dock{grid-template-rows:54px minmax(86px,auto) auto;border-radius:24px 19px 26px 17px;box-shadow:7px 7px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock__header{min-height:54px;padding:6px 12px;background:#cff3ff}.game-shell .shared-activity-dock__title>span:first-child{width:36px;height:36px;flex-basis:36px;box-shadow:0 2px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock__title small{font-size:11px}.game-shell .shared-activity-dock__title strong{font-size:18px}.shared-activity-dock__privacy{min-height:32px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;color:var(--cartoon-ink-soft);border:1.5px dashed var(--cartoon-ink);border-radius:var(--radius-pill);background:var(--cartoon-white);font-size:11px;font-weight:900}.shared-activity-dock__privacy svg{width:14px;height:14px}.game-shell .feed-panel--dock .feed-list{min-height:86px;max-height:154px;padding:10px 12px;gap:6px}.game-shell .feed-panel--dock .feed-entry{min-height:34px;padding:6px 10px;grid-template-columns:24px minmax(0,1fr);gap:7px;border-width:2px;border-radius:13px 13px 13px 5px}.game-shell .feed-panel--dock .feed-entry>.feed-entry__icon{width:24px;height:24px}.game-shell .feed-panel--dock .feed-entry__copy{gap:7px}.game-shell .feed-panel--dock .feed-entry__copy strong,.game-shell .feed-panel--dock .feed-entry .feed-entry__copy>span,.game-shell .feed-panel--dock .feed-entry.is-system em{font-size:13px;line-height:1.25}.game-shell .feed-panel--dock .feed-entry.is-correct{align-self:center;border-radius:999px;background:#d9f7d8}.game-shell .shared-activity-dock__composer{padding:9px}.game-shell .shared-activity-dock .guess-bar{gap:8px}.game-shell .shared-activity-dock .guess-bar__field{transform:none}.game-shell .shared-activity-dock .guess-bar__input-shell{min-height:50px;border-radius:17px 13px 18px 12px;box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock .guess-bar input{min-height:48px}.game-shell .shared-activity-dock .guess-bar__submit{min-width:94px;min-height:50px;padding-inline:14px;border-radius:17px 13px 18px 12px;box-shadow:0 3px 0 var(--cartoon-ink);transform:none}.game-shell .shared-activity-dock .guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit{transform:scale(1.02)}.game-shell .shared-activity-dock .guess-bar:has(input:not(:placeholder-shown):not(:disabled)) .guess-bar__submit:active{transform:translateY(2px) scale(.98)}@media(max-width:600px){.game-shell .game-stage-hud{width:calc(100% - 14px);margin-top:8px;padding:8px;gap:8px;border-radius:19px 15px 21px 13px;box-shadow:4px 4px 0 var(--cartoon-ink)}.game-hud__topline{min-height:44px;grid-template-columns:auto minmax(82px,1fr) auto;gap:6px}.game-stage-hud .game-hud__round{min-height:31px;padding:4px 7px;font-size:10px}.game-stage-hud .game-hud__identity{gap:5px}.game-stage-hud .game-hud__identity .avatar{width:35px;height:35px;flex-basis:35px}.game-stage-hud .game-hud__identity small{font-size:10px}.game-stage-hud .game-hud__identity strong{font-size:15px}.game-stage-hud .gameplay-panel-nav__segments{gap:5px}.game-stage-hud .gameplay-panel-nav button{min-width:44px;width:44px;padding:0;grid-template-columns:1fr}.game-stage-hud .gameplay-panel-nav button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game-stage-hud .gameplay-panel-nav__badge{position:absolute;top:-5px;right:-5px}.game-hud__main{gap:8px}.game-shell .game-stage-hud .game-hud__objective,.game-hud__choosing{min-height:70px;padding:8px 11px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(25px,8vw,34px)}.game-hud__choosing-icon{width:42px;height:42px}.game-hud__choosing strong{font-size:clamp(20px,6vw,28px)}.game-hud__choosing small{font-size:11px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:62px;height:62px;min-width:62px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) b{font-size:21px}.game-shell .game-grid{padding:12px 7px 14px}.game-shell .canvas-column{gap:12px}.game-shell .canvas-frame{border-radius:19px 15px 21px 13px;box-shadow:4px 4px 0 var(--cartoon-ink)}.canvas-phase-card{border-radius:15px 11px 17px 9px}.canvas-phase-card>span{width:56px;height:56px}.canvas-phase-card small{font-size:12px}.game-shell .shared-activity-dock{grid-template-rows:49px minmax(72px,auto) auto;border-radius:19px 15px 21px 13px;box-shadow:4px 4px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock__header{min-height:49px;padding:5px 8px}.game-shell .shared-activity-dock__title>span:first-child{width:32px;height:32px;flex-basis:32px}.game-shell .shared-activity-dock__title small{display:flex;font-size:9px}.game-shell .shared-activity-dock__title strong{font-size:15px}.shared-activity-dock__privacy{min-height:28px;padding:3px 7px;font-size:10px}.game-shell .feed-panel--dock .feed-list{min-height:72px;max-height:120px;padding:7px 8px}.game-shell .feed-panel--dock .feed-entry__copy strong,.game-shell .feed-panel--dock .feed-entry .feed-entry__copy>span,.game-shell .feed-panel--dock .feed-entry.is-system em{font-size:12px}.game-shell .shared-activity-dock__composer{padding:7px}.game-shell .shared-activity-dock .guess-bar__submit{min-width:78px;padding-inline:10px}}@media(max-width:380px){.game-hud__topline{grid-template-columns:auto minmax(68px,1fr) auto;gap:4px}.game-stage-hud .game-hud__round{padding-inline:6px}.game-stage-hud .game-hud__round i,.game-stage-hud .game-hud__round b:last-child{display:none}.game-stage-hud .game-hud__identity .avatar{width:32px;height:32px;flex-basis:32px}.game-stage-hud .game-hud__identity small{max-width:78px}.game-stage-hud .game-hud__identity strong{max-width:84px}.game-shell .game-stage-hud .game-hud__objective,.game-hud__choosing{min-height:66px;padding:7px 9px}.game-stage-hud .game-hud__objective-label{font-size:10px}.game-hud__objective .ui-chip{min-height:21px;padding-inline:6px;font-size:10px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:58px;height:58px;min-width:58px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) b{font-size:19px}.shared-activity-dock__privacy{width:32px;padding:0;justify-content:center;border-style:solid}.shared-activity-dock__privacy svg{width:15px;height:15px}.shared-activity-dock__privacy{font-size:0}.game-shell .shared-activity-dock .guess-bar__state-icon{display:grid}.game-shell .shared-activity-dock .guess-bar__submit{min-width:68px;padding-inline:7px}}@media(max-height:650px)and (max-width:600px){.game-shell .game-stage-hud{margin-top:5px;padding:6px 7px 7px;gap:5px}.game-hud__topline{min-height:38px}.game-stage-hud .game-hud__identity .avatar{width:31px;height:31px;flex-basis:31px}.game-shell .game-stage-hud .game-hud__objective,.game-hud__choosing{min-height:58px;padding-block:6px}.game-stage-hud .game-hud__objective-label{display:flex}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:56px;height:56px;min-width:56px}.game-shell .game-grid{padding-top:9px}.game-shell .canvas-frame{width:auto;max-height:40dvh;margin-inline:auto}.game-shell .feed-panel--dock .feed-list{min-height:54px;max-height:66px}.game-shell .shared-activity-dock{grid-template-rows:46px minmax(54px,auto) auto}.game-shell .shared-activity-dock__header{min-height:46px}}@media(max-height:520px)and (orientation:landscape){.game-shell .game-stage-hud{width:min(760px,calc(100% - 12px));margin-top:5px;padding:5px 7px;grid-template-columns:1fr;align-items:center;gap:5px}.game-hud__topline{min-height:48px;grid-template-columns:auto minmax(70px,1fr) auto}.game-hud__main{min-width:0}.game-shell .game-stage-hud .game-hud__objective,.game-hud__choosing{min-height:54px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(20px,4.2vw,27px)}.game-shell .game-stage-hud .game-hud__objective .guesser-mask-character{min-width:.42em}.game-shell .game-stage-hud .game-hud__objective .guesser-mask-character.is-space{min-width:.18em}.game-shell .game-grid{width:min(760px,100%);padding-top:7px}.game-shell .canvas-column{grid-template-columns:minmax(280px,1.35fr) minmax(260px,.8fr);gap:10px}.game-shell .canvas-frame{max-height:47dvh}.game-shell .shared-activity-dock{grid-template-rows:45px minmax(50px,auto) auto}.game-shell .feed-panel--dock .feed-list{min-height:50px;max-height:58px}}@media(min-width:900px){.game-shell .game-stage-hud{padding-inline:14px}.game-shell .game-grid{padding-top:18px}.game-shell .feed-panel--dock .feed-list{max-height:176px}}@media(prefers-reduced-motion:reduce){.canvas-phase-card{animation:none!important}}.game-shell{--game-stage-width: 920px;min-height:calc(var(--app-height) - 50px);padding-bottom:calc(14px + env(safe-area-inset-bottom));background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.8) 0 30px,transparent 31px),radial-gradient(circle at 93% 23%,rgba(255,218,71,.72) 0 25px,transparent 26px),radial-gradient(circle at 12% 82%,rgba(255,105,155,.17) 0 54px,transparent 55px),radial-gradient(circle,rgba(23,32,68,.065) 0 1.3px,transparent 1.8px) 0 0 / 30px 30px,linear-gradient(180deg,#8ee3ff,#dff9ff 62%,#fff2a8)}.game-shell .game-stage-hud,.game-shell .game-stage-hud.drawer-gameplay-header,.game-shell .game-stage-hud.guesser-gameplay-header{width:min(var(--game-stage-width),calc(100% - 20px));min-height:0;margin:9px auto 0;padding:8px 10px 10px;position:relative;top:auto;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:8px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:20px 15px 22px 14px;background:#fff8cc;box-shadow:4px 4px 0 var(--cartoon-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.game-shell .game-stage-hud:after{display:none}.game-shell.phase-choosing .game-stage-hud{padding-bottom:8px}.game-shell.phase-choosing .game-hud__main{display:none}.game-shell .game-hud__topline{min-width:0;min-height:46px;display:flex;align-items:center;gap:8px}.game-shell .game-hud__topline>*{grid-area:auto!important}.game-shell .game-hud__identity{min-width:0;margin-right:auto;display:flex;align-items:center;gap:8px;order:1}.game-shell .game-hud__identity .avatar{width:38px;height:38px;flex:0 0 38px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink);font-size:14px}.game-shell .game-hud__identity>span{min-width:0;display:grid;line-height:1.05}.game-shell .game-hud__identity small{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--cartoon-ink-soft);font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.game-shell .game-hud__identity strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--cartoon-ink);font-family:var(--font-display);font-size:17px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.game-shell .game-hud__identity em{min-height:18px;padding:2px 6px;display:inline-grid;place-items:center;flex:0 0 auto;color:var(--cartoon-ink);border:1.5px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-pink);font-size:9px;font-style:normal;font-weight:900;line-height:1}.game-shell .game-stage-hud .game-hud__round{min-height:30px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;order:2;color:var(--cartoon-ink-soft);border:1.5px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink);font-size:10px;font-weight:900;white-space:nowrap}.game-shell .game-stage-hud .game-hud__round b{font:inherit}.game-shell .game-stage-hud .game-hud__round i{color:var(--cartoon-pink-dark);font-style:normal}.game-shell .game-stage-hud .gameplay-panel-nav{width:auto;margin:0;flex:0 0 auto;order:3}.game-shell .game-stage-hud .gameplay-panel-nav__segments{padding:0;display:flex;gap:5px;border:0;background:transparent;box-shadow:none}.game-shell .game-stage-hud .gameplay-panel-nav button{width:44px;min-width:44px;min-height:44px;padding:0;display:grid;grid-template-columns:1fr;place-items:center;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:13px 10px 14px 9px;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.game-shell .game-stage-hud .gameplay-panel-nav button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game-shell .game-stage-hud .gameplay-panel-nav button.is-selected{background:var(--cartoon-pink)}.game-shell .game-stage-hud .gameplay-panel-nav button:after{display:none}.game-shell .game-stage-hud .gameplay-panel-nav__badge{min-width:18px;height:18px;position:absolute;top:-5px;right:-5px;color:var(--cartoon-white);border:1.5px solid var(--cartoon-ink);background:var(--cartoon-purple);font-size:10px}.game-shell .game-hud__main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:stretch;gap:8px}.game-shell .game-stage-hud .game-hud__main>:where(.game-hud__objective,.drawer-timer,.guesser-timer){grid-area:auto}.game-shell .game-stage-hud .game-hud__main>.game-hud__objective{grid-column:1;grid-row:1}.game-shell .game-stage-hud .game-hud__main>:where(.drawer-timer,.guesser-timer){grid-column:2;grid-row:1}.game-shell .game-stage-hud .game-hud__objective{min-width:0;min-height:64px;padding:7px 12px;display:grid;align-content:center;gap:2px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:15px 11px 16px 10px;box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .game-stage-hud .drawer-secret-panel{background:#ffe2ec}.game-shell .game-stage-hud .guesser-word-panel{background:#e5f8ff}.game-shell .game-stage-hud .guesser-word-panel.is-guessed{background:#ddf7dc}.game-shell .game-stage-hud .game-hud__objective-label{color:var(--cartoon-ink-soft);font-size:11px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(25px,5.3vw,38px);line-height:1}.game-shell .game-stage-hud .game-hud__objective .guesser-mask-character{min-width:.48em;font-size:inherit}.game-shell .game-stage-hud .game-hud__objective .ui-chip{min-height:22px;padding:2px 7px;font-size:10px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:60px;height:60px;min-width:60px;align-self:center;border:2px solid var(--cartoon-ink);box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) b{position:relative;z-index:2;font-family:var(--font-display);font-size:20px;line-height:1;transform:translateY(-4px)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer) small{z-index:2;bottom:9px;font-size:9px}.game-shell .game-stage-hud .guesser-timer>svg{display:none}.game-shell .game-grid{width:min(var(--game-stage-width),100%);padding:11px 10px 15px}.game-shell .canvas-column{display:grid;gap:12px}.game-shell .play-board{gap:7px}.game-shell .canvas-frame{border:3px solid var(--cartoon-ink);border-radius:21px 16px 23px 14px;box-shadow:5px 5px 0 var(--cartoon-ink)}.game-shell .canvas-phase-card{top:3px;right:3px;bottom:3px;left:3px;padding:18px;gap:7px;color:var(--cartoon-ink);border-radius:17px 12px 19px 10px;background:#fffdf5fa}.game-shell .canvas-phase-card>span{width:56px;height:56px;border:3px solid var(--cartoon-ink);background:var(--cartoon-pink);box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .canvas-phase-card strong{max-width:22ch;font-size:clamp(25px,6vw,36px);line-height:1.03}.game-shell .canvas-phase-card small{max-width:34ch;font-size:13px}.game-shell .canvas-phase-card .timer{width:56px;min-width:56px;min-height:56px;padding:0;position:absolute;top:12px;right:12px;display:grid;grid-template-columns:auto auto;place-content:center;gap:3px;border:2px solid var(--cartoon-ink);border-radius:50%;box-shadow:0 3px 0 var(--cartoon-ink)}.game-shell .canvas-phase-card .timer svg{width:16px;height:16px}.game-shell .canvas-phase-card .timer b{font-size:17px}.game-shell .canvas-tools-row{width:min(100%,620px)}.game-shell .shared-activity-dock{grid-template-rows:46px minmax(78px,auto) auto;border:3px solid var(--cartoon-ink);border-radius:20px 15px 22px 14px;box-shadow:4px 4px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock__header{min-height:46px;padding:5px 10px;justify-content:flex-start;background:#d5f5ff}.game-shell .shared-activity-dock__title>span:first-child{width:32px;height:32px;flex-basis:32px}.game-shell .shared-activity-dock__title small{font-size:10px}.game-shell .shared-activity-dock__title strong{font-size:16px}.game-shell .feed-panel--dock .feed-list{min-height:78px;max-height:140px;padding:8px 10px;gap:5px}.game-shell .feed-panel--dock .feed-entry{min-height:32px;padding:5px 9px}.game-shell .shared-activity-dock__composer{padding:7px}.game-shell .shared-activity-dock .guess-bar__input-shell,.game-shell .shared-activity-dock .guess-bar__submit{min-height:48px;box-shadow:0 2px 0 var(--cartoon-ink)}@media(max-width:600px){.game-shell .game-stage-hud,.game-shell .game-stage-hud.drawer-gameplay-header,.game-shell .game-stage-hud.guesser-gameplay-header{width:calc(100% - 12px);margin-top:6px;padding:6px 7px 8px;gap:6px;border-radius:17px 12px 19px 10px;box-shadow:3px 3px 0 var(--cartoon-ink)}.game-shell .game-hud__topline{min-height:42px;gap:6px}.game-shell .game-hud__identity{gap:6px}.game-shell .game-hud__identity .avatar{width:34px;height:34px;flex-basis:34px}.game-shell .game-hud__identity small{max-width:92px;font-size:10px}.game-shell .game-hud__identity strong{max-width:98px;font-size:15px}.game-shell .game-stage-hud .game-hud__round{min-height:28px;padding-inline:6px;font-size:9px}.game-shell .game-stage-hud .gameplay-panel-nav__segments{gap:4px}.game-shell .game-stage-hud .gameplay-panel-nav button{width:42px;min-width:42px;min-height:42px}.game-shell .game-hud__main{grid-template-columns:minmax(0,1fr) 56px;gap:6px}.game-shell .game-stage-hud .game-hud__objective{min-height:58px;padding:6px 9px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-size:clamp(23px,7vw,31px)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:56px;height:56px;min-width:56px}.game-shell .game-grid{padding:9px 6px 12px}.game-shell .canvas-column{gap:10px}.game-shell .canvas-frame{border-radius:17px 12px 19px 10px;box-shadow:3px 3px 0 var(--cartoon-ink)}.game-shell .canvas-phase-card>span{width:50px;height:50px}.game-shell .canvas-phase-card strong{font-size:clamp(23px,7vw,31px)}.game-shell .canvas-phase-card small{font-size:12px}.game-shell .canvas-phase-card .timer{width:50px;min-width:50px;min-height:50px;top:9px;right:9px}.game-shell .shared-activity-dock{grid-template-rows:43px minmax(64px,auto) auto;border-radius:17px 12px 19px 10px;box-shadow:3px 3px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock__header{min-height:43px;padding:4px 8px}.game-shell .shared-activity-dock__title strong{font-size:15px}.game-shell .feed-panel--dock .feed-list{min-height:64px;max-height:104px;padding:6px 8px}.game-shell .shared-activity-dock__composer{padding:6px}}@media(max-width:380px){.game-shell .game-hud__topline{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 5px}.game-shell .game-hud__identity{grid-column:1;grid-row:1}.game-shell .game-stage-hud .game-hud__round{min-height:20px;padding:1px 4px;grid-column:1;grid-row:2;justify-self:start;border:0;background:transparent;box-shadow:none}.game-shell .game-stage-hud .game-hud__round i,.game-shell .game-stage-hud .game-hud__round b:last-child{display:inline}.game-shell .game-stage-hud .gameplay-panel-nav{grid-column:2;grid-row:1 / span 2;align-self:center}.game-shell .game-hud__identity small{max-width:74px}.game-shell .game-hud__identity strong{max-width:76px}.game-shell .game-stage-hud .gameplay-panel-nav button{width:44px;min-width:44px;min-height:44px}.game-shell .game-stage-hud .game-hud__objective-label{font-size:10px}.game-shell .game-stage-hud .game-hud__objective .ui-chip{font-size:9px}.game-shell .canvas-phase-card small{max-width:25ch}.game-shell .shared-activity-dock .guess-bar__submit{min-width:68px}}@media(max-height:650px)and (max-width:600px){.game-shell .game-stage-hud{margin-top:4px}.game-shell .game-stage-hud .game-hud__objective{min-height:54px}.game-shell .canvas-frame{width:auto;max-height:32dvh;margin-inline:auto}.game-shell .shared-activity-dock{grid-template-rows:41px minmax(46px,auto) auto}.game-shell .shared-activity-dock__header{min-height:41px}.game-shell .feed-panel--dock .feed-list{min-height:46px;max-height:54px}}@media(max-height:520px)and (orientation:landscape){.game-shell .game-stage-hud{width:min(760px,calc(100% - 10px));margin-top:4px;padding:5px 7px}.game-shell .game-hud__topline{min-height:40px}.game-shell .game-hud__identity .avatar{width:32px;height:32px;flex-basis:32px}.game-shell .game-hud__main{grid-template-columns:minmax(0,1fr) 52px}.game-shell .game-stage-hud .game-hud__objective{min-height:50px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:52px;height:52px;min-width:52px}.game-shell .game-grid{width:min(760px,100%);padding-top:6px}.game-shell .canvas-column{grid-template-columns:minmax(280px,1.35fr) minmax(250px,.8fr);gap:9px}.game-shell .canvas-frame{max-height:47dvh}.game-shell .shared-activity-dock{grid-template-rows:41px minmax(48px,auto) auto}.game-shell .feed-panel--dock .feed-list{min-height:48px;max-height:56px}}@media(min-width:900px){.game-shell .game-grid{padding-top:13px}.game-shell .feed-panel--dock .feed-list{max-height:156px}}@media(prefers-reduced-motion:reduce){.game-shell .canvas-phase-card{animation:none!important}}.app-shell:not(.is-lobby) .app-bar{min-height:58px;overflow:hidden;border-bottom:4px solid var(--cartoon-ink);background:radial-gradient(circle at 78% 10%,rgba(255,255,255,.4) 0 18px,transparent 19px),linear-gradient(105deg,var(--cartoon-yellow) 0 68%,#ffb84a 68% 76%,var(--cartoon-pink) 76% 100%);box-shadow:none}.app-shell:not(.is-lobby) .app-bar:after{content:"";width:70px;height:9px;position:absolute;left:48%;bottom:5px;border:2px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-teal);rotate:-3deg;pointer-events:none}.app-shell:not(.is-lobby) .brand-mark{rotate:-6deg;animation:game-brand-pop var(--motion-slow) var(--ease-enter) both}.game-shell{overflow-x:clip;overflow-y:visible;background:radial-gradient(circle at 10% 17%,rgba(255,255,255,.9) 0 36px,transparent 37px),radial-gradient(circle at 92% 24%,rgba(255,228,91,.85) 0 29px,transparent 30px),radial-gradient(circle at 7% 72%,rgba(255,111,159,.22) 0 68px,transparent 69px),radial-gradient(circle at 94% 80%,rgba(124,109,242,.17) 0 76px,transparent 77px),linear-gradient(180deg,#76dcff,#bdefff 48%,#ddf9f3 72%,#fff0a9)}.game-shell:before,.game-shell:after{content:"";position:absolute;z-index:0;pointer-events:none}.game-shell:before{width:110px;height:34px;left:-22px;top:28%;border:3px solid rgba(23,32,68,.14);border-radius:50%;background:#ffffff7a;animation:cartoon-cloud-drift var(--motion-slow) var(--ease-enter) both}.game-shell:after{width:86px;height:86px;right:-34px;bottom:20%;border:3px solid rgba(23,32,68,.12);border-radius:47% 53% 58% 42%;background:#35d5c247;animation:cartoon-blob-float var(--motion-slow) var(--ease-enter) both}.game-shell .game-stage-hud,.game-shell .game-stage-hud.drawer-gameplay-header,.game-shell .game-stage-hud.guesser-gameplay-header{width:min(var(--game-stage-width),calc(100% - 18px));margin-top:8px;padding:0;z-index:2;gap:7px;border:0;border-radius:0;background:transparent;box-shadow:none}.game-shell .game-hud__topline{min-height:44px;gap:7px}.game-shell .game-hud__identity{min-height:44px;margin-right:auto;padding:4px 11px 4px 5px;position:relative;border:2.5px solid var(--cartoon-ink);border-radius:999px 18px 18px 999px;background:#fff3a7;box-shadow:0 3px 0 var(--cartoon-ink);animation:game-hud-sticker-in var(--motion-standard) var(--ease-enter) both}.game-shell .game-hud__identity:after{content:"";width:13px;height:13px;position:absolute;right:-7px;bottom:-5px;border-right:2.5px solid var(--cartoon-ink);border-bottom:2.5px solid var(--cartoon-ink);background:#fff3a7;rotate:27deg}.game-shell .game-hud__identity .avatar{width:34px;height:34px;flex-basis:34px;border-width:2px;box-shadow:none}.game-shell .game-hud__identity small{color:#34416f}.game-shell .game-hud__identity strong{font-size:16px}.game-shell .game-stage-hud .game-hud__round{min-height:31px;padding:4px 10px;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);background:var(--cartoon-purple);box-shadow:0 3px 0 var(--cartoon-ink);animation:game-hud-sticker-in var(--motion-standard) var(--ease-enter) 40ms both}.game-shell .game-stage-hud .game-hud__round i{color:var(--cartoon-yellow)}.game-shell .game-stage-hud .gameplay-panel-nav button{border-width:2.5px;border-radius:50% 44% 52% 46%;background:var(--cartoon-pink);box-shadow:0 3px 0 var(--cartoon-ink);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.game-shell .game-stage-hud .gameplay-panel-nav button:nth-child(2){background:var(--cartoon-teal);rotate:3deg}.game-shell .game-stage-hud .gameplay-panel-nav button.is-selected{background:var(--cartoon-yellow)}.game-shell .game-stage-hud .gameplay-panel-nav button:active{transform:translateY(2px) scale(.96);box-shadow:0 1px 0 var(--cartoon-ink)}.game-shell .game-hud__main{grid-template-columns:minmax(0,1fr) 62px;gap:8px}.game-shell .game-stage-hud .game-hud__objective{min-height:66px;padding:7px 15px;position:relative;overflow:visible;border:3px solid var(--cartoon-ink);border-radius:20px 16px 22px 15px;box-shadow:0 4px 0 var(--cartoon-ink);animation:objective-bubble-in var(--motion-standard) var(--ease-enter) both}.game-shell .game-stage-hud .game-hud__objective:before{content:"";width:15px;height:15px;position:absolute;left:22px;bottom:-9px;border-right:3px solid var(--cartoon-ink);border-bottom:3px solid var(--cartoon-ink);background:inherit;rotate:39deg}.game-shell .game-stage-hud .game-hud__objective:after{display:none}.game-shell .game-stage-hud .drawer-secret-panel{background:#ffcee1}.game-shell .game-stage-hud .guesser-word-panel{background:#d4f5ff}.game-shell .game-stage-hud .guesser-word-panel.is-guessed{background:#d8f7cc}.game-shell .game-stage-hud .game-hud__objective-label{color:#364374;font-size:11px}.game-shell .game-stage-hud .game-hud__objective :where(.drawer-secret-word,.guesser-masked-word){font-family:var(--font-display)}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:62px;height:62px;min-width:62px;border:3px solid var(--cartoon-ink);background:conic-gradient(var(--drawer-timer-ring) var(--timer-progress),#edf0f7 0);box-shadow:0 4px 0 var(--cartoon-ink);transition:--timer-progress .25s linear,transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);animation:timer-sticker-in var(--motion-standard) var(--ease-enter) both}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer):before{top:5px;right:5px;bottom:5px;left:5px}.live-leaderboard{width:min(var(--game-stage-width),calc(100% - 18px));min-width:0;min-height:58px;margin:9px auto 0;padding:0 1px 4px;position:relative;z-index:2;display:flex;align-items:center;gap:7px;overflow:hidden}.live-leaderboard__title{width:54px;min-width:54px;min-height:52px;display:grid;place-items:center;align-content:center;gap:1px;color:var(--cartoon-white);border:3px solid var(--cartoon-ink);border-radius:50% 43% 51% 45%;background:var(--cartoon-purple);box-shadow:0 4px 0 var(--cartoon-ink);rotate:-4deg;animation:leaderboard-title-in var(--motion-slow) var(--ease-enter) both}.live-leaderboard__title svg{width:22px;height:22px;color:var(--cartoon-yellow);fill:#ffd84d4d}.live-leaderboard__title span{font-size:8px;font-weight:1000;line-height:1;text-transform:uppercase}.live-leaderboard__track{min-width:0;margin:0;padding:3px 3px 5px;display:flex;flex:1;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;list-style:none;scrollbar-width:none;scroll-snap-type:x proximity}.live-leaderboard__track::-webkit-scrollbar{display:none}.live-leaderboard__player{min-width:148px;height:50px;padding:4px 8px 4px 5px;position:relative;display:grid;grid-template-columns:23px 34px minmax(54px,1fr) auto;align-items:center;gap:5px;flex:1 0 148px;scroll-snap-align:start;color:var(--cartoon-ink);border:2.5px solid var(--cartoon-ink);border-radius:17px 13px 18px 12px;background:var(--cartoon-white);box-shadow:0 3px 0 var(--cartoon-ink);animation:leaderboard-player-in var(--motion-standard) var(--ease-enter) both}.live-leaderboard__player:nth-child(2){animation-delay:35ms}.live-leaderboard__player:nth-child(3){animation-delay:70ms}.live-leaderboard__player:nth-child(n+4){animation-delay:105ms}.live-leaderboard__player.rank-1{background:#ffe574}.live-leaderboard__player.rank-2{background:#c9f4ff}.live-leaderboard__player.rank-3{background:#ffd2e2}.live-leaderboard__player[data-self=true]{box-shadow:inset 0 0 0 2px var(--cartoon-white),0 3px 0 var(--cartoon-ink)}.live-leaderboard__player.is-correct{background:#d7f7c9}.live-leaderboard__player.is-disconnected{opacity:.62;border-style:dashed}.live-leaderboard__rank{width:23px;height:23px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-purple);font-family:var(--font-display);font-size:12px;font-weight:1000}.live-leaderboard__rank svg{width:13px;height:13px;color:var(--cartoon-yellow);fill:var(--cartoon-yellow)}.live-leaderboard__player .avatar{width:32px;height:32px;border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:none}.live-leaderboard__copy{min-width:0;display:grid;line-height:1.05}.live-leaderboard__copy strong{min-width:0;display:flex;align-items:center;gap:3px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.live-leaderboard__copy strong em{padding:1px 4px;color:var(--cartoon-white);border-radius:999px;background:var(--cartoon-pink);font-size:8px;font-style:normal}.live-leaderboard__copy small{display:flex;align-items:center;gap:3px;color:#3e4a75;font-size:9px;font-weight:900}.live-leaderboard__copy small svg{width:10px;height:10px}.live-leaderboard__score{min-width:30px;display:grid;justify-items:end;font-family:var(--font-display);font-size:15px;font-variant-numeric:tabular-nums;line-height:.85;animation:live-score-pop var(--motion-standard) var(--ease-enter) both}.live-leaderboard__score small{color:#445079;font-family:var(--font-ui);font-size:8px}.live-leaderboard__player.is-drawing:after{content:"";width:9px;height:9px;position:absolute;top:-5px;right:10px;border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-green);animation:drawer-live-ping var(--motion-slow) var(--ease-standard) 2 alternate}.game-shell .game-grid{position:relative;z-index:1;padding-top:9px}.game-shell .canvas-frame{border:4px solid var(--cartoon-ink);border-radius:25px 18px 27px 16px;box-shadow:0 7px 0 var(--cartoon-purple),0 11px 0 var(--cartoon-ink);animation:canvas-game-in var(--motion-slow) var(--ease-enter) both}.game-shell .canvas-stage:before{background:var(--cartoon-yellow)}.game-shell .canvas-stage:after{background:var(--cartoon-pink)}.game-shell .canvas-tools-row{margin-top:5px}.game-shell .drawing-toolbar{border:3px solid var(--cartoon-ink);border-radius:999px 18px 999px 20px;background:var(--cartoon-yellow);box-shadow:0 4px 0 var(--cartoon-ink);animation:toolbar-game-in var(--motion-standard) var(--ease-enter) both}.game-shell .drawing-toolbar .icon-button{border-width:2px;border-radius:13px 10px 14px 9px}.game-shell .shared-activity-dock{overflow:hidden;border:3px solid var(--cartoon-ink);border-radius:25px 18px 27px 16px;background:var(--cartoon-white);box-shadow:0 6px 0 var(--cartoon-purple),0 10px 0 var(--cartoon-ink);animation:chat-dock-in var(--motion-slow) var(--ease-enter) both}.game-shell .shared-activity-dock__header{min-height:46px;border-bottom:3px solid var(--cartoon-ink);background:linear-gradient(90deg,#ff8bb2 0,#ff8bb2 28%,#ffd84d 28%,#ffd84d 36%,#8ee5ff 36%,#8ee5ff)}.game-shell .shared-activity-dock__title>span:first-child{background:var(--cartoon-purple)}.game-shell .shared-activity-dock__title small,.game-shell .shared-activity-dock__title strong{color:var(--cartoon-ink)}.game-shell .feed-panel--dock .feed-list{background:#f9f6ff}.game-shell .feed-panel--dock .feed-entry{transform-origin:18px 100%;animation:chat-bubble-in var(--motion-standard) var(--ease-enter) both}.game-shell .feed-panel--dock .feed-entry.is-guess{background:#e5f7ff}.game-shell .feed-panel--dock .feed-entry.is-chat{background:#fff4bd}.game-shell .feed-panel--dock .feed-entry.is-correct{background:#d8f7cc;animation-name:correct-bubble-in}.game-shell .feed-panel--dock .feed-entry.is-system{background:#ece8ff}.game-shell .shared-activity-dock__composer{border-top:3px solid var(--cartoon-ink);background:#fff0a8}.game-shell .shared-activity-dock .guess-bar__input-shell{border-width:2.5px;border-radius:999px 17px 17px 999px}.game-shell .shared-activity-dock .guess-bar__submit{border-width:2.5px;border-radius:16px 999px 999px 16px}@keyframes game-brand-pop{0%{opacity:0;transform:translateY(-10px) scale(.72) rotate(-8deg)}72%{opacity:1;transform:translateY(1px) scale(1.07) rotate(2deg)}to{opacity:1;transform:none}}@keyframes cartoon-cloud-drift{to{transform:translate3d(24px,-8px,0) scale(1.04)}}@keyframes cartoon-blob-float{to{transform:translate3d(-18px,-16px,0) rotate(8deg)}}@keyframes game-hud-sticker-in{0%{opacity:0;transform:translateY(-8px) scale(.92)}75%{opacity:1;transform:translateY(1px) scale(1.02)}to{opacity:1;transform:none}}@keyframes objective-bubble-in{0%{opacity:0;transform:translateY(-7px) scale(.96)}72%{opacity:1;transform:translateY(1px) scale(1.01)}to{opacity:1;transform:none}}@keyframes timer-sticker-in{0%{opacity:0;transform:rotate(15deg) scale(.7)}75%{opacity:1;transform:rotate(-3deg) scale(1.06)}to{opacity:1;transform:none}}@keyframes leaderboard-title-in{0%{opacity:0;transform:translate(-12px) rotate(-12deg) scale(.72)}75%{opacity:1;transform:translate(1px) rotate(2deg) scale(1.04)}to{opacity:1;transform:none}}@keyframes leaderboard-player-in{0%{opacity:0;transform:translateY(10px) scale(.92)}75%{opacity:1;transform:translateY(-1px) scale(1.015)}to{opacity:1;transform:none}}@keyframes live-score-pop{0%{opacity:.3;transform:translateY(5px) scale(.65)}70%{opacity:1;transform:translateY(-1px) scale(1.18)}to{opacity:1;transform:none}}@keyframes drawer-live-ping{to{transform:scale(1.22);box-shadow:0 0 0 4px #6ed36e3d}}@keyframes canvas-game-in{0%{opacity:0}to{opacity:1}}@keyframes toolbar-game-in{0%{opacity:0;transform:translateY(9px) scale(.94)}75%{opacity:1;transform:translateY(-1px) scale(1.01)}to{opacity:1;transform:none}}@keyframes chat-dock-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@keyframes correct-bubble-in{0%{opacity:0;transform:translateY(7px) scale(.88)}72%{opacity:1;transform:translateY(-1px) scale(1.035)}to{opacity:1;transform:none}}@media(hover:hover)and (pointer:fine){.live-leaderboard__player:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 5px 0 var(--cartoon-ink)}.game-shell .game-stage-hud .gameplay-panel-nav button:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 5px 0 var(--cartoon-ink)}}@media(max-width:600px){.app-shell:not(.is-lobby) .app-bar:after{width:44px;left:52%}.game-shell .game-stage-hud,.game-shell .game-stage-hud.drawer-gameplay-header,.game-shell .game-stage-hud.guesser-gameplay-header{width:calc(100% - 12px);margin-top:6px;padding:0}.game-shell .game-hud__identity{min-height:42px;padding-right:8px}.game-shell .game-stage-hud .game-hud__round{min-height:28px;padding-inline:7px}.game-shell .game-hud__main{grid-template-columns:minmax(0,1fr) 58px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:58px;height:58px;min-width:58px}.live-leaderboard{width:calc(100% - 12px);min-height:54px;margin-top:7px;gap:5px}.live-leaderboard__title{width:48px;min-width:48px;min-height:48px}.live-leaderboard__title svg{width:19px;height:19px}.live-leaderboard__player{min-width:138px;height:47px;grid-template-columns:21px 30px minmax(49px,1fr) auto;flex-basis:138px;gap:4px}.live-leaderboard__rank{width:21px;height:21px}.live-leaderboard__player .avatar{width:29px;height:29px}.live-leaderboard__copy strong{font-size:11px}.live-leaderboard__score{font-size:14px}.game-shell .game-grid{padding-top:8px}.game-shell .canvas-frame{border-width:3px;border-radius:21px 15px 23px 13px;box-shadow:0 5px 0 var(--cartoon-purple),0 8px 0 var(--cartoon-ink)}.game-shell .shared-activity-dock{border-radius:21px 15px 23px 13px;box-shadow:0 5px 0 var(--cartoon-purple),0 8px 0 var(--cartoon-ink)}}@media(max-width:380px){.game-shell .game-hud__identity{max-width:120px}.game-shell .game-stage-hud .game-hud__round{min-height:19px;padding:1px 5px;color:var(--cartoon-white);border:1.5px solid var(--cartoon-ink);background:var(--cartoon-purple);box-shadow:0 2px 0 var(--cartoon-ink)}.live-leaderboard__title{width:44px;min-width:44px}.live-leaderboard__title span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.live-leaderboard__player{min-width:128px;flex-basis:128px;padding-right:6px}}@media(max-height:650px)and (max-width:600px){.live-leaderboard{min-height:49px;margin-top:4px}.live-leaderboard__title{width:43px;min-width:43px;min-height:43px}.live-leaderboard__player{height:43px}.game-shell .canvas-frame{max-height:29dvh}}@media(max-height:520px)and (orientation:landscape){.app-shell:not(.is-lobby) .app-bar{min-height:40px;padding-block:2px}.app-shell:not(.is-lobby) .app-bar small{display:none}.app-shell:not(.is-lobby) .brand-mark{width:32px;height:32px;flex-basis:32px}.app-shell:not(.is-lobby) .connection-pill{min-height:30px}.game-shell .game-stage-hud,.game-shell .game-stage-hud.drawer-gameplay-header,.game-shell .game-stage-hud.guesser-gameplay-header{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center}.game-shell.phase-choosing .game-stage-hud{grid-template-columns:1fr}.game-shell .game-hud__topline,.game-shell .game-hud__main,.game-shell .game-stage-hud .game-hud__objective{min-height:48px}.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer){width:48px;height:48px;min-width:48px}.live-leaderboard{width:min(760px,calc(100% - 10px));min-height:46px;margin-top:4px}.live-leaderboard__title{width:41px;min-width:41px;min-height:41px}.live-leaderboard__title span{display:none}.live-leaderboard__player{height:41px;min-width:126px;flex-basis:126px}.game-shell .game-grid{padding-top:5px}.game-shell .canvas-frame{max-height:52dvh}}@media(prefers-reduced-motion:reduce){.app-shell:not(.is-lobby) .brand-mark,.game-shell:before,.game-shell:after,.game-shell .game-hud__identity,.game-shell .game-stage-hud .game-hud__round,.game-shell .game-stage-hud .game-hud__objective,.game-shell .game-stage-hud :where(.drawer-timer,.guesser-timer),.live-leaderboard__title,.live-leaderboard__player,.live-leaderboard__score,.live-leaderboard__player.is-drawing:after,.game-shell .canvas-frame,.game-shell .drawing-toolbar,.game-shell .shared-activity-dock,.game-shell .feed-panel--dock .feed-entry{animation:none!important}}.app-shell.is-results{min-height:var(--app-height);overflow:hidden;background:#79d9ff}.scribble-results{--result-stage-gold: #ffd84d;--result-stage-silver: #35d5c2;--result-stage-bronze: #ff7ba8;min-height:var(--app-height);padding:calc(12px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;isolation:isolate;color:var(--cartoon-ink);background:radial-gradient(circle at 8% 15%,rgba(255,255,255,.9) 0 38px,transparent 39px),radial-gradient(circle at 91% 23%,rgba(255,255,255,.7) 0 54px,transparent 55px),radial-gradient(circle at 12% 78%,rgba(255,111,159,.25) 0 65px,transparent 66px),radial-gradient(circle at 88% 83%,rgba(124,109,242,.22) 0 72px,transparent 73px),linear-gradient(180deg,#78dcff,#bcefff 54%,#ddf8e8 76%,#fff0a7);animation:scribble-results-screen-in var(--motion-standard) var(--ease-enter) both}.scribble-results:before{content:"";width:120%;height:22%;position:fixed;z-index:0;left:-10%;bottom:-9%;border:3px solid var(--cartoon-ink);border-radius:50% 50% 0 0;background:#76d56f;pointer-events:none}.scribble-results__spotlight{width:min(620px,96vw);height:67vh;position:fixed;z-index:0;top:0;left:50%;translate:-50% 0;clip-path:polygon(31% 0,69% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,216,77,.17) 67%,transparent);pointer-events:none}.scribble-results__rays{width:min(720px,135vw);aspect-ratio:1;position:fixed;z-index:0;top:-17%;left:50%;translate:-50% 0;border-radius:50%;opacity:.15;background:repeating-conic-gradient(from 0deg,#fff 0 7deg,transparent 7deg 20deg);pointer-events:none;animation:scribble-results-rays 12s linear both}.scribble-results__confetti{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{--confetti-left: 3%;--confetti-delay: 0ms;--confetti-drift: 0px;--confetti-rotate: 0deg;width:9px;height:20px;position:absolute;top:-28px;left:var(--confetti-left);border:2px solid var(--cartoon-ink);border-radius:4px 2px 5px;background:var(--cartoon-yellow);rotate:var(--confetti-rotate);animation:scribble-confetti-fall 1.55s var(--ease-standard) var(--confetti-delay) both}.confetti-piece--1{width:12px;height:12px;border-radius:50%;background:var(--cartoon-pink)}.confetti-piece--2{background:var(--cartoon-teal)}.confetti-piece--3{width:17px;height:8px;background:var(--cartoon-purple)}.confetti-piece--4{width:11px;height:15px;background:var(--cartoon-green)}.confetti-piece--5{width:14px;height:10px;background:var(--cartoon-orange)}.scribble-results__doodle{width:49px;height:49px;position:fixed;z-index:2;display:grid;place-items:center;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:50% 43% 52% 45%;box-shadow:0 4px 0 var(--cartoon-ink);pointer-events:none;animation:scribble-result-doodle var(--motion-slow) var(--ease-enter) 3 alternate}.scribble-results__doodle svg{width:25px;height:25px;stroke-width:2.6}.scribble-results__doodle--pencil{top:17%;left:max(3%,calc(50% - 370px));rotate:-12deg;background:var(--cartoon-pink)}.scribble-results__doodle--spark{top:27%;right:max(3%,calc(50% - 370px));rotate:9deg;background:var(--cartoon-yellow)}.scribble-results__header{width:min(620px,100%);position:relative;z-index:5;flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scribble-result-header-in .52s var(--ease-enter) both}.scribble-results__trophy{width:52px;height:52px;display:grid;place-items:center;margin-bottom:4px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:50% 44% 53% 46%;background:var(--cartoon-yellow);box-shadow:0 5px 0 var(--cartoon-ink);rotate:-4deg}.scribble-results__trophy svg{width:29px;height:29px;fill:#ffffff57;stroke-width:2.5}.scribble-results__kicker{margin-top:5px;color:#c2426e;font-size:11px;font-weight:1000;line-height:1;text-transform:uppercase}.scribble-results__header h1{margin:3px 0 0;color:var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(32px,9vw,52px);font-weight:1000;line-height:.98;letter-spacing:-.035em;text-shadow:3px 3px 0 #fff,5px 5px 0 rgba(124,109,242,.45)}.scribble-results__header p{margin:6px 0 0;padding:4px 11px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:999px;background:#fff;box-shadow:0 2px 0 var(--cartoon-ink);font-size:11px;font-weight:1000;line-height:1;text-transform:uppercase}.scribble-results__rule{width:104px;height:8px;margin-top:7px;border:2px solid var(--cartoon-ink);border-radius:999px 40% 999px 45%;background:var(--cartoon-pink);rotate:-2deg}.scribble-results__local-rank{min-height:31px;margin:8px 0 0;padding:4px 12px;position:relative;z-index:5;display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--cartoon-ink-soft);border:2px solid var(--cartoon-ink);border-radius:999px 15px 999px 16px;background:#fff8ce;box-shadow:0 3px 0 var(--cartoon-ink);font-size:12px;font-weight:900;animation:scribble-result-chip-in var(--motion-standard) var(--ease-enter) .34s both}.scribble-results__local-rank strong{color:#c2426e;font-family:var(--font-display);font-size:15px}.scribble-results__stage{width:min(610px,100%);min-height:210px;max-height:390px;padding:9px 0 0;position:relative;z-index:5;flex:1 1 330px;display:flex;align-items:flex-end;justify-content:center}.scribble-results__podium{width:100%;height:100%;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,1.8vw,12px);list-style:none}.scribble-results__place{--place-color: var(--result-stage-gold);--place-soft: #fff1a8;--avatar-size: clamp(58px, 14vw, 76px);--plinth-height: clamp(96px, 17vh, 132px);--entry-delay: .42s;min-width:0;max-width:180px;display:flex;flex:1 1 0;flex-direction:column;align-items:center;color:var(--cartoon-ink)}.scribble-results__place--1{order:2;--avatar-size: clamp(72px, 18vw, 94px);--plinth-height: clamp(132px, 24vh, 178px);--entry-delay: .69s;flex-grow:1.16}.scribble-results__place--2{order:1;--place-color: var(--result-stage-silver);--place-soft: #b9f7ef;--entry-delay: .35s}.scribble-results__place--3{order:3;--place-color: var(--result-stage-bronze);--place-soft: #ffd1e1;--avatar-size: clamp(52px, 13vw, 68px);--plinth-height: clamp(75px, 14vh, 106px);--entry-delay: .18s}.scribble-results__crown-space{width:100%;height:32px;display:grid;place-items:end center}.scribble-results__crown{display:grid;place-items:center;color:#e6a400;filter:drop-shadow(0 3px 0 var(--cartoon-ink));animation:scribble-result-crown-in .48s var(--ease-enter) calc(var(--entry-delay) + .52s) both}.scribble-results__crown svg{width:34px;height:34px;fill:var(--cartoon-yellow);stroke:var(--cartoon-ink);stroke-width:2.6}.scribble-results__avatar{width:var(--avatar-size);height:var(--avatar-size);position:relative;display:grid;place-items:center;flex:none;overflow:visible;color:var(--cartoon-ink);border:4px solid var(--cartoon-ink);border-radius:50% 46% 53% 44%;background:var(--place-soft);box-shadow:0 6px 0 var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(24px,7vw,38px);font-weight:1000;animation:scribble-result-avatar-in .53s var(--ease-enter) calc(var(--entry-delay) + .17s) both}.scribble-results__avatar img{width:100%;height:100%;overflow:hidden;border-radius:inherit;object-fit:cover}.scribble-results__avatar i{min-width:31px;min-height:19px;padding:2px 5px;position:absolute;right:-8px;bottom:-6px;display:grid;place-items:center;color:#fff;border:2px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-purple);font-family:var(--font-ui);font-size:9px;font-style:normal;line-height:1}.scribble-results__player-copy{width:100%;min-height:43px;margin-top:7px;display:grid;place-content:center;gap:2px;text-align:center;animation:scribble-result-name-in var(--motion-standard) var(--ease-enter) calc(var(--entry-delay) + .36s) both}.scribble-results__player-copy strong{max-width:100%;overflow:hidden;color:var(--cartoon-ink);font-size:clamp(12px,3.6vw,16px);font-weight:1000;line-height:1;text-overflow:ellipsis;white-space:nowrap}.scribble-results__player-copy small{max-width:100%;overflow:hidden;color:var(--cartoon-ink-soft);font-size:10px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.scribble-results__plinth-wrap{width:min(100%,136px);height:var(--plinth-height);margin-top:4px;overflow:hidden;border-radius:18px 14px 4px 4px}.scribble-results__place--1 .scribble-results__plinth-wrap{width:min(100%,154px)}.scribble-results__plinth{width:100%;height:100%;padding:10px 5px 5px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:var(--cartoon-ink);border:4px solid var(--cartoon-ink);border-bottom:0;border-radius:inherit;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.65) 0 5px,transparent 6px),linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%),var(--place-color);box-shadow:inset 0 4px #ffffff59;transform-origin:bottom;animation:scribble-result-plinth-in .56s var(--ease-enter) var(--entry-delay) both}.scribble-results__plinth>b{position:relative;z-index:1;color:var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(16px,4vw,22px);line-height:1}.scribble-results__plinth>strong{position:relative;z-index:1;margin-top:7px;display:grid;justify-items:center;font-family:var(--font-display);font-size:clamp(22px,5.5vw,32px);line-height:.8}.scribble-results__plinth>strong small{margin-top:5px;font-family:var(--font-ui);font-size:9px;text-transform:uppercase}.scribble-results__plinth>em{position:relative;z-index:1;margin-top:9px;padding:3px 6px;border:2px solid var(--cartoon-ink);border-radius:999px;background:#fff;font-size:9px;font-style:normal;font-weight:1000;white-space:nowrap}.scribble-results__plinth>i{position:absolute;z-index:0;right:0;bottom:-19px;left:0;color:#ffffff40;font-family:var(--font-display);font-size:clamp(68px,18vw,104px);font-style:normal;font-weight:1000;line-height:1;text-align:center}.scribble-results__remaining{width:min(590px,100%);max-height:122px;margin:8px 0 0;padding:6px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow-y:auto;flex:none;list-style:none;border:2px dashed var(--cartoon-ink);border-radius:16px;background:#ffffffa3}.scribble-results__remaining li{min-width:0;min-height:48px;padding:5px 8px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px;border:2px solid var(--cartoon-ink);border-radius:13px 10px 14px 9px;background:#fff;box-shadow:0 2px 0 var(--cartoon-ink);animation:scribble-result-row-in var(--motion-standard) var(--ease-enter) both}.scribble-results__remaining li:nth-child(2){animation-delay:60ms}.scribble-results__remaining li:nth-child(3){animation-delay:.12s}.scribble-results__remaining li:nth-child(n+4){animation-delay:.18s}.scribble-results__remaining li.is-self{background:#eeeaff}.scribble-results__remaining li>b{width:27px;height:27px;display:grid;place-items:center;border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-yellow);font-size:11px}.scribble-results__remaining li>span{min-width:0;display:grid;line-height:1.05}.scribble-results__remaining li>span strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.scribble-results__remaining li>span small{color:var(--cartoon-ink-soft);font-size:9px}.scribble-results__remaining li>em{font-size:12px;font-style:normal;font-weight:1000;white-space:nowrap}.scribble-results__footer{width:min(590px,100%);margin-top:9px;position:relative;z-index:30;display:flex;flex-direction:column;align-items:center;gap:7px;flex:none}.scribble-results__reward-note{min-height:39px;margin:0;padding:5px 10px;display:inline-flex;align-items:center;gap:7px;color:var(--cartoon-ink-soft);border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:#fff;box-shadow:0 3px 0 var(--cartoon-ink);animation:scribble-result-chip-in var(--motion-standard) var(--ease-enter) .94s both}.scribble-results__reward-note.is-ranked{background:#fff0a8}.scribble-results__reward-note>svg{width:20px;height:20px;flex:none;color:#d37900}.scribble-results__reward-note>span{display:grid;text-align:left;line-height:1.1}.scribble-results__reward-note strong{color:var(--cartoon-ink);font-size:11px}.scribble-results__reward-note small{margin-top:2px;font-size:9px}.scribble-results__winner-line{min-height:31px;margin:0;padding:4px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--cartoon-ink-soft);border-radius:999px;background:#ffffffb8;font-size:11px;font-weight:800;animation:scribble-result-winner-in var(--motion-standard) var(--ease-enter) 1.12s both}.scribble-results__winner-line svg{width:15px;height:15px;color:#d37900}.scribble-results__winner-line strong{color:var(--cartoon-ink);font-weight:1000}.scribble-results .result-actions{width:100%;display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;animation:scribble-result-actions-in var(--motion-standard) var(--ease-enter) 1.28s both}.scribble-results .result-actions button{min-width:0;min-height:48px;border:3px solid var(--cartoon-ink);border-radius:17px 13px 18px 12px;box-shadow:0 4px 0 var(--cartoon-ink);font-size:14px}.scribble-results .result-actions button:active{transform:translateY(3px) scale(.98);box-shadow:0 1px 0 var(--cartoon-ink)}.scribble-results__rematch{flex:1.35;color:var(--cartoon-ink);background:var(--cartoon-yellow)}.scribble-results__exit{flex:1;color:var(--cartoon-ink);background:#fff}@keyframes scribble-results-screen-in{0%{opacity:0}}@keyframes scribble-results-rays{to{rotate:360deg}}@keyframes scribble-confetti-fall{0%{opacity:0;transform:translate3d(0,-24px,0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift),108vh,0) rotate(540deg)}}@keyframes scribble-result-doodle{to{transform:translateY(-7px) rotate(5deg)}}@keyframes scribble-result-header-in{0%{opacity:0;transform:translateY(-35px) scale(.82) rotate(-2deg)}72%{opacity:1;transform:translateY(2px) scale(1.035) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes scribble-result-chip-in{0%{opacity:0;transform:translateY(9px) scale(.9)}72%{opacity:1;transform:translateY(-1px) scale(1.02)}to{opacity:1;transform:none}}@keyframes scribble-result-plinth-in{0%{opacity:0;transform:scaleY(0)}72%{opacity:1;transform:scaleY(1.04)}to{opacity:1;transform:scaleY(1)}}@keyframes scribble-result-avatar-in{0%{opacity:0;transform:translateY(-130px) scale(.54) rotate(-9deg)}76%{opacity:1;transform:translateY(3px) scale(1.04) rotate(1deg)}to{opacity:1;transform:none}}@keyframes scribble-result-crown-in{0%{opacity:0;transform:translateY(-44px) scale(1.5) rotate(-14deg)}76%{opacity:1;transform:translateY(2px) scale(1.08) rotate(2deg)}to{opacity:1;transform:none}}@keyframes scribble-result-name-in{0%{opacity:0;transform:scale(.8)}}@keyframes scribble-result-row-in{0%{opacity:0;transform:translate(9px) scale(.96)}}@keyframes scribble-result-winner-in{0%{opacity:0;transform:translateY(9px) scale(.95)}}@keyframes scribble-result-actions-in{0%{opacity:0;transform:translateY(13px)}}@media(max-width:430px){.scribble-results{padding-inline:7px}.scribble-results__trophy{width:44px;height:44px}.scribble-results__trophy svg{width:24px;height:24px}.scribble-results__header h1{font-size:clamp(31px,10vw,42px)}.scribble-results__stage{width:100%;min-height:205px;padding-top:5px}.scribble-results__podium{gap:4px}.scribble-results__place{--avatar-size: clamp(50px, 15vw, 65px);--plinth-height: clamp(88px, 16vh, 114px)}.scribble-results__place--1{--avatar-size: clamp(63px, 19vw, 80px);--plinth-height: clamp(118px, 21vh, 148px)}.scribble-results__place--3{--avatar-size: clamp(46px, 13vw, 58px);--plinth-height: clamp(70px, 13vh, 92px)}.scribble-results__avatar{border-width:3px;box-shadow:0 4px 0 var(--cartoon-ink)}.scribble-results__player-copy small{font-size:8px}.scribble-results__plinth{border-width:3px;border-bottom:0}.scribble-results__plinth>em{padding-inline:4px;font-size:8px}.scribble-results__remaining{grid-template-columns:1fr;max-height:108px}.scribble-results__reward-note small{max-width:35ch}}@media(max-height:680px){.scribble-results{padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.scribble-results__trophy{width:40px;height:40px;margin-bottom:1px}.scribble-results__trophy svg{width:22px;height:22px}.scribble-results__kicker{margin-top:2px}.scribble-results__header h1{font-size:clamp(28px,8vw,39px)}.scribble-results__header p{margin-top:3px}.scribble-results__rule{height:6px;margin-top:4px}.scribble-results__local-rank{min-height:27px;margin-top:5px}.scribble-results__stage{min-height:188px;padding-top:2px}.scribble-results__place{--plinth-height: clamp(76px, 15vh, 102px)}.scribble-results__place--1{--plinth-height: clamp(105px, 20vh, 135px)}.scribble-results__place--3{--plinth-height: clamp(60px, 12vh, 82px)}.scribble-results__crown-space{height:25px}.scribble-results__crown svg{width:27px;height:27px}.scribble-results__player-copy{min-height:35px;margin-top:4px}.scribble-results__footer{margin-top:5px;gap:4px}.scribble-results__reward-note{min-height:34px;padding-block:3px}.scribble-results__winner-line{min-height:27px;padding-block:2px}.scribble-results .result-actions button{min-height:44px}}@media(max-height:520px)and (orientation:landscape){.scribble-results{padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(170px,.65fr) minmax(360px,1.35fr);grid-template-rows:auto auto 1fr;align-items:center;gap:4px 12px}.scribble-results__header{grid-column:1;grid-row:1;align-self:end}.scribble-results__trophy{width:38px;height:38px}.scribble-results__kicker,.scribble-results__rule{display:none}.scribble-results__header h1{font-size:clamp(25px,5vw,34px)}.scribble-results__local-rank{grid-column:1;grid-row:2;margin-top:2px;justify-self:center}.scribble-results__stage{grid-column:2;grid-row:1 / span 3;width:100%;height:calc(100vh - 12px);min-height:0;max-height:none}.scribble-results__place{--avatar-size: clamp(44px, 9vw, 60px);--plinth-height: clamp(72px, 26vh, 102px)}.scribble-results__place--1{--avatar-size: clamp(56px, 11vw, 72px);--plinth-height: clamp(96px, 36vh, 134px)}.scribble-results__place--3{--avatar-size: clamp(40px, 8vw, 52px);--plinth-height: clamp(58px, 21vh, 78px)}.scribble-results__player-copy{min-height:32px;margin-top:3px}.scribble-results__remaining{display:none}.scribble-results__footer{grid-column:1;grid-row:3;align-self:start;margin-top:2px}.scribble-results__reward-note small,.scribble-results__winner-line span{display:none}.scribble-results__reward-note{min-height:30px}.scribble-results .result-actions button{min-height:42px;padding-inline:8px}.scribble-results__doodle{display:none}}@media(prefers-reduced-motion:reduce){.scribble-results,.scribble-results__rays,.confetti-piece,.scribble-results__doodle,.scribble-results__header,.scribble-results__local-rank,.scribble-results__crown,.scribble-results__avatar,.scribble-results__player-copy,.scribble-results__plinth,.scribble-results__remaining li,.scribble-results__reward-note,.scribble-results__winner-line,.scribble-results .result-actions{animation:none!important;opacity:1;transform:none}.scribble-results__confetti{display:none}}.cartoon-popup{--popup-accent: var(--cartoon-yellow);--popup-accent-soft: #fff4b8;color:var(--cartoon-ink);font-family:var(--font-interface)}.cartoon-popup__sprinkles{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.cartoon-popup__sprinkles i{width:34px;height:8px;position:absolute;border:2px solid var(--cartoon-ink);border-radius:999px 42% 999px 48%;background:var(--cartoon-pink)}.cartoon-popup__sprinkles i:nth-child(1){top:17px;right:-8px;rotate:14deg}.cartoon-popup__sprinkles i:nth-child(2){width:24px;left:-6px;bottom:22%;rotate:-18deg;background:var(--cartoon-teal)}.cartoon-popup__sprinkles i:nth-child(3){width:18px;right:9%;bottom:8px;rotate:-7deg;background:var(--cartoon-yellow)}.modal-scrim,.sheet-scrim{background:#172044ad;-webkit-backdrop-filter:none;backdrop-filter:none}.word-modal.cartoon-popup--word{--popup-accent: var(--cartoon-pink);width:min(650px,100%);padding:clamp(14px,3.5vw,22px);overflow:hidden auto;border:4px solid var(--cartoon-ink);border-radius:30px 23px 32px 20px;background:radial-gradient(circle,rgba(23,32,68,.075) 0 1.25px,transparent 1.6px) 0 0 / 15px 15px,#fff9d8;box-shadow:10px 10px 0 var(--cartoon-ink);animation:cartoon-word-popup-in var(--motion-slow) var(--ease-enter) both}.word-modal.cartoon-popup--word:before,.word-modal.cartoon-popup--word:after{content:"";width:104px;height:104px;position:absolute;z-index:0;border:3px solid var(--cartoon-ink);border-radius:50%;pointer-events:none}.word-modal.cartoon-popup--word:before{top:-69px;right:18%;background:var(--cartoon-pink)}.word-modal.cartoon-popup--word:after{left:-76px;bottom:12px;background:var(--cartoon-sky)}.word-modal.cartoon-popup--word .word-modal__header,.word-modal.cartoon-popup--word .word-choice-grid{position:relative;z-index:2}.word-modal.cartoon-popup--word .word-modal__tape{z-index:4;width:94px;height:21px;top:-2px;border:2px solid rgba(23,32,68,.2);background:var(--cartoon-yellow);opacity:1}.word-modal.cartoon-popup--word .word-modal__header{min-height:88px;margin:2px 0 13px;padding:11px 12px 10px 14px;border:3px solid var(--cartoon-ink);border-radius:19px 15px 20px 13px;background:var(--cartoon-sky-soft);box-shadow:0 4px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-modal__round{width:fit-content;padding:3px 8px;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-purple);box-shadow:0 2px 0 var(--cartoon-ink);font-size:11px;letter-spacing:0;line-height:1;text-transform:none}.word-modal.cartoon-popup--word h2{margin-top:6px;color:var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(27px,7vw,38px);font-weight:800;letter-spacing:-.025em}.word-modal.cartoon-popup--word .word-modal__heading p{color:var(--cartoon-ink-soft);font-size:13px;font-weight:900}.word-modal.cartoon-popup--word .word-modal__timer{width:66px;height:66px;color:var(--cartoon-white);border:3px solid var(--cartoon-ink);background:#d9202a;box-shadow:0 5px 0 var(--cartoon-ink);rotate:2deg}.word-modal.cartoon-popup--word .word-modal__timer b{font-family:var(--font-display);font-size:23px}.word-modal.cartoon-popup--word .word-choice-grid{gap:10px}.word-modal.cartoon-popup--word .word-choice-card{min-height:84px;padding:9px 12px;grid-template-columns:48px minmax(0,1fr) 31px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:18px 13px 19px 12px;background:#fff1a7;box-shadow:0 4px 0 var(--cartoon-ink);animation:cartoon-choice-in var(--motion-standard) var(--ease-enter) both}.word-modal.cartoon-popup--word .word-choice-card:nth-child(2){border-radius:14px 19px 12px 18px;background:#cdf3ff;animation-delay:45ms}.word-modal.cartoon-popup--word .word-choice-card:nth-child(3){border-radius:19px 13px 17px 14px;background:#ffd9e6;animation-delay:90ms}.word-modal.cartoon-popup--word .word-choice-card:before{height:8px;bottom:7px;background:var(--cartoon-orange)}.word-modal.cartoon-popup--word .word-choice-card__icon{width:48px;height:48px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:50% 43% 52% 45%;background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink);rotate:-3deg}.word-modal.cartoon-popup--word .word-choice-card:nth-child(2) .word-choice-card__icon{rotate:3deg}.word-modal.cartoon-popup--word .word-choice-card__word{color:var(--cartoon-ink);font-family:var(--font-display);font-size:clamp(20px,5.5vw,26px)}.word-modal.cartoon-popup--word .word-choice-card__category{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);font-size:11px}.word-modal.cartoon-popup--word .word-choice-card__difficulty{color:var(--cartoon-ink-soft);font-size:11px}.word-modal.cartoon-popup--word .word-choice-card__stars{color:#cf6500}.word-modal.cartoon-popup--word .word-choice-card__check{width:31px;height:31px;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);background:var(--cartoon-purple);box-shadow:0 2px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-choice-card.is-selected{border-color:var(--cartoon-ink);background:#bdf4d6;box-shadow:0 5px 0 var(--cartoon-ink),inset 0 0 0 3px var(--cartoon-orange);animation:cartoon-choice-selected var(--motion-standard) var(--ease-enter) both}.word-modal.cartoon-popup--word .word-choice-card:active{transform:translateY(3px) scale(.985);box-shadow:0 1px 0 var(--cartoon-ink)}.bottom-sheet.cartoon-popup--sheet{--popup-accent: var(--cartoon-teal);--popup-accent-soft: #d5fbf6;color:var(--cartoon-ink);border:4px solid var(--cartoon-ink);border-radius:31px 25px 22px 18px;background:#f8fcff;box-shadow:9px 9px 0 var(--cartoon-ink);animation:cartoon-sheet-in var(--motion-slow) var(--ease-enter) both}.bottom-sheet.cartoon-popup--match,.bottom-sheet.cartoon-popup--settings{--popup-accent: var(--cartoon-yellow);--popup-accent-soft: #fff2a8}.bottom-sheet.cartoon-popup--invite{--popup-accent: var(--cartoon-pink);--popup-accent-soft: #ffd8e7}.bottom-sheet.cartoon-popup--players{--popup-accent: var(--cartoon-sky);--popup-accent-soft: #cdf3ff}.bottom-sheet.cartoon-popup--sheet:before{content:"";width:88px;height:88px;position:absolute;z-index:0;top:-50px;right:18%;border:3px solid var(--cartoon-ink);border-radius:50%;background:var(--popup-accent);pointer-events:none}.bottom-sheet.cartoon-popup--sheet .sheet-handle{z-index:3;width:62px;height:8px;border:2px solid var(--cartoon-ink);background:var(--popup-accent)}.bottom-sheet.cartoon-popup--sheet .sheet-heading{min-height:68px;padding:6px 12px 10px;position:relative;z-index:2;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;justify-content:initial;border-bottom:3px solid var(--cartoon-ink);background:var(--popup-accent-soft)}.sheet-heading__icon{width:43px;height:43px;display:grid;place-items:center;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:50% 44% 53% 45%;background:var(--popup-accent);box-shadow:0 3px 0 var(--cartoon-ink);rotate:-4deg}.sheet-heading__icon svg{width:22px;height:22px;stroke-width:2.7}.bottom-sheet.cartoon-popup--sheet .sheet-heading__copy{min-width:0;padding-left:8px;display:grid;align-content:center;line-height:1}.bottom-sheet.cartoon-popup--sheet .sheet-heading small{color:var(--cartoon-ink-soft);font-size:11px;letter-spacing:0;text-transform:none}.bottom-sheet.cartoon-popup--sheet .sheet-heading h2{color:var(--cartoon-ink);font-family:var(--font-display);font-size:26px;font-weight:800}.bottom-sheet.cartoon-popup--sheet .sheet-heading .icon-button{width:44px;height:44px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:var(--cartoon-white);box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet.cartoon-popup--sheet .sheet-heading .icon-button:active{transform:translateY(2px) scale(.97);box-shadow:0 1px 0 var(--cartoon-ink)}.bottom-sheet.cartoon-popup--sheet .sheet-content{position:relative;z-index:2;padding:11px;background:transparent}.bottom-sheet.cartoon-popup--sheet .sheet-content>.panel{color:var(--cartoon-ink);border:0;background:transparent;box-shadow:none}.bottom-sheet .players-panel .panel-summary{min-height:46px;margin-bottom:7px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px 11px 15px 10px;background:var(--cartoon-yellow);box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet .players-panel .panel-summary svg,.bottom-sheet .players-panel .panel-summary strong{color:var(--cartoon-ink)}.bottom-sheet .players-panel .player-list{padding:3px;gap:8px}.bottom-sheet .players-panel .player-list li{min-height:62px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:16px 12px 17px 11px;background:#e4f7ff;box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet .players-panel .player-list li:nth-child(2n){border-radius:12px 17px 11px 16px;background:#fff5bc}.bottom-sheet .players-panel .player-list li:nth-child(3n){background:#ffe0eb}.bottom-sheet .players-panel .player-list li.is-drawer{background:#ffd7e5;box-shadow:0 3px 0 var(--cartoon-ink),inset 7px 0 0 var(--cartoon-pink)}.bottom-sheet .players-panel .player-list li.is-guessed{background:#ddf8d8;box-shadow:0 3px 0 var(--cartoon-ink),inset 7px 0 0 var(--cartoon-green)}.bottom-sheet .players-panel .player-list li.is-disconnected,.bottom-sheet .players-panel .player-list li.is-idle,.bottom-sheet .players-panel .player-list li.is-spectator{border-style:dashed;background:#efeff7}.bottom-sheet .players-panel .avatar{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white)}.bottom-sheet .players-panel .player-copy small{color:var(--cartoon-ink-soft)}.bottom-sheet .players-panel .score-number{color:var(--cartoon-ink);font-family:var(--font-display)}.bottom-sheet .player-you{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-pink)}.bottom-sheet .match-panel{padding:2px;gap:10px}.bottom-sheet .match-progress-card{min-height:70px;padding:11px 12px;color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:18px 13px 19px 12px;background:var(--cartoon-yellow);box-shadow:0 4px 0 var(--cartoon-ink)}.bottom-sheet .match-progress-card small{color:var(--cartoon-ink-soft)}.bottom-sheet .match-progress-card strong{color:var(--cartoon-ink);font-family:var(--font-display);font-size:21px}.bottom-sheet .match-progress-card .ui-chip{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white)}.bottom-sheet .match-facts{gap:8px}.bottom-sheet .match-facts>div{min-height:62px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:15px 11px 16px 10px;background:#dff6ff;box-shadow:0 2px 0 var(--cartoon-ink)}.bottom-sheet .match-facts>div:nth-child(2),.bottom-sheet .match-facts>div:nth-child(5){background:#fff4b6}.bottom-sheet .match-facts>div:nth-child(3),.bottom-sheet .match-facts>div:nth-child(6){background:#ffe0eb}.bottom-sheet .match-facts>div:nth-child(4),.bottom-sheet .match-facts>div:nth-child(7){background:#e6e1ff}.bottom-sheet .match-facts dt{color:var(--cartoon-ink-soft);font-size:11px}.bottom-sheet .match-facts dd{color:var(--cartoon-ink);font-family:var(--font-display);font-size:15px}.bottom-sheet .match-actions{padding-top:10px;border-top:2px dashed rgba(23,32,68,.3)}.bottom-sheet .match-actions button{min-height:50px;border:3px solid var(--cartoon-ink);border-radius:16px 12px 17px 11px;box-shadow:0 4px 0 var(--cartoon-ink);font-family:var(--font-display);font-size:15px}.bottom-sheet .match-skip{color:var(--cartoon-ink);background:var(--cartoon-yellow)}.bottom-sheet .match-leave{color:var(--cartoon-white);background:#cf2632}.bottom-sheet .match-actions button:active{transform:translateY(3px) scale(.985);box-shadow:0 1px 0 var(--cartoon-ink)}.bottom-sheet--lobby .scribble-section-title__icon{color:var(--cartoon-ink);border-color:var(--cartoon-ink);background:var(--popup-accent);box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet--lobby .scribble-section-title h2{color:var(--cartoon-ink);font-family:var(--font-display)}.bottom-sheet--lobby .scribble-section-title small{color:var(--cartoon-ink-soft);letter-spacing:0}.bottom-sheet--lobby .scribble-artist-card{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:#e4f7ff;box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet--lobby .scribble-artist-card:nth-child(2n){background:#fff4b8}.bottom-sheet--lobby .scribble-artist-card:nth-child(3n){background:#ffe0eb}.bottom-sheet--lobby .scribble-artist-card .avatar{border-color:var(--cartoon-ink);background:var(--cartoon-white)}.bottom-sheet--lobby .scribble-artist-copy small{color:var(--cartoon-ink-soft);font-size:11px}.bottom-sheet--lobby .scribble-invite-slot,.bottom-sheet--lobby .scribble-spectators{color:var(--cartoon-ink-soft);border:2px dashed var(--cartoon-ink);background:var(--cartoon-white)}.bottom-sheet--lobby .scribble-option legend span{color:var(--cartoon-ink);font-size:13px}.bottom-sheet--lobby .scribble-option legend small{color:var(--cartoon-ink-soft);font-size:11px}.bottom-sheet--lobby .scribble-segments button{min-height:54px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:14px 10px 15px 9px;background:#e4f7ff;box-shadow:0 3px 0 var(--cartoon-ink)}.bottom-sheet--lobby .scribble-segments button:nth-child(2n){background:#fff4b8}.bottom-sheet--lobby .scribble-segments button.is-selected{color:var(--cartoon-white);background:var(--cartoon-purple);box-shadow:0 3px 0 var(--cartoon-ink),inset 0 0 0 2px var(--cartoon-white)}.bottom-sheet--lobby .scribble-reward-note{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-yellow);box-shadow:0 3px 0 var(--cartoon-ink)}.toolbar-popover.cartoon-popover{color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:18px 13px 19px 12px;background:#fff8ce;box-shadow:0 6px 0 var(--cartoon-ink);animation:cartoon-popover-in var(--motion-standard) var(--ease-enter) both}.toolbar-popover.cartoon-popover:after{content:"";width:15px;height:15px;position:absolute;left:50%;bottom:-10px;border-right:3px solid var(--cartoon-ink);border-bottom:3px solid var(--cartoon-ink);background:#fff8ce;transform:translate(-50%) rotate(45deg)}.toolbar-popover.cartoon-popover .toolbar-popover__label{color:var(--cartoon-ink);font-family:var(--font-display);font-size:14px}.width-popover.cartoon-popover button{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.width-popover.cartoon-popover button:nth-of-type(2n){background:#dff6ff}.width-popover.cartoon-popover button.is-selected{color:var(--cartoon-white);border-color:var(--cartoon-ink);background:var(--cartoon-purple);box-shadow:0 3px 0 var(--cartoon-ink)}.width-popover.cartoon-popover button.is-selected>span{background:var(--cartoon-white)}.color-grid.cartoon-popover button{border:2px solid var(--cartoon-ink);box-shadow:0 2px 0 var(--cartoon-ink)}.color-grid.cartoon-popover button.is-selected{border-color:var(--cartoon-ink);box-shadow:0 0 0 3px var(--cartoon-yellow),0 4px 0 var(--cartoon-ink)}.score-moment.cartoon-popup--score{color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-radius:17px 12px 18px 11px;background:#ddf8d8;box-shadow:0 5px 0 var(--cartoon-ink)}.score-moment.cartoon-popup--score.is-self{border-color:var(--cartoon-ink);background:var(--cartoon-yellow)}.score-moment.cartoon-popup--score .score-moment__check{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-green);box-shadow:0 2px 0 var(--cartoon-ink)}.score-moment.cartoon-popup--score :where(.score-moment__copy strong,.score-moment__points){color:var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal{color:var(--cartoon-ink);border:4px solid var(--cartoon-ink);border-radius:28px 21px 30px 19px;background:#fff9d5;box-shadow:10px 10px 0 var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal .turn-reveal__tape{z-index:3;border:2px solid rgba(23,32,68,.2);background:var(--cartoon-pink);opacity:1}.turn-reveal.cartoon-popup--reveal .turn-reveal__header{padding:9px 11px;border:3px solid var(--cartoon-ink);border-radius:16px 12px 17px 11px;background:var(--cartoon-pink);box-shadow:0 3px 0 var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal .turn-reveal__kicker,.turn-reveal.cartoon-popup--reveal .turn-reveal__header>small{color:var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal .turn-reveal__kicker{font-family:var(--font-display);font-size:21px}.turn-reveal.cartoon-popup--reveal .turn-reveal__answer{border:3px solid var(--cartoon-ink);background:var(--cartoon-sky-soft);box-shadow:0 4px 0 var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal .turn-reveal__word{color:var(--cartoon-ink);font-family:var(--font-display)}.turn-reveal.cartoon-popup--reveal .turn-reveal__drawer,.turn-reveal.cartoon-popup--reveal .turn-reveal__results li{border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}.turn-reveal.cartoon-popup--reveal .turn-reveal__results li.is-self{background:#fff2ae}.turn-reveal.cartoon-popup--reveal .turn-reveal__results>header b{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-green)}.turn-reveal.cartoon-popup--reveal .turn-reveal__next{color:var(--cartoon-ink);border-top:2px dashed rgba(23,32,68,.3)}.toast.cartoon-popup--toast{color:var(--cartoon-ink);border:3px solid var(--cartoon-ink);border-left:12px solid #cf2632;border-radius:17px 12px 18px 11px;background:#ffdce6;box-shadow:0 6px 0 var(--cartoon-ink);font-weight:900;animation:cartoon-toast-in var(--motion-standard) var(--ease-enter) both}.toast.cartoon-popup--toast .icon-button{color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);background:var(--cartoon-white);box-shadow:0 2px 0 var(--cartoon-ink)}@media(hover:hover)and (pointer:fine){.word-modal.cartoon-popup--word .word-choice-card:hover{transform:translateY(-3px) rotate(-.25deg);border-color:var(--cartoon-ink);box-shadow:0 7px 0 var(--cartoon-ink)}.bottom-sheet .players-panel .player-list li:hover,.bottom-sheet .match-facts>div:hover{transform:translateY(-2px);border-color:var(--cartoon-ink);box-shadow:0 4px 0 var(--cartoon-ink)}.bottom-sheet.cartoon-popup--sheet .sheet-heading .icon-button:hover{transform:translateY(-2px) rotate(2deg);box-shadow:0 5px 0 var(--cartoon-ink)}}@media(max-width:600px){.word-modal.cartoon-popup--word{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px;border-width:3px;border-radius:23px 18px 25px 16px;box-shadow:6px 6px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-modal__header{min-height:78px;margin-bottom:9px;padding:8px 9px;border-width:2px;box-shadow:0 3px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-modal__round{font-size:11px}.word-modal.cartoon-popup--word h2{margin-top:4px;font-size:clamp(25px,8vw,32px)}.word-modal.cartoon-popup--word .word-modal__heading p{font-size:12px}.word-modal.cartoon-popup--word .word-modal__timer{width:58px;height:58px;border-width:2px;box-shadow:0 4px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-choice-card{min-height:78px;padding:7px 8px;grid-template-columns:43px minmax(0,1fr) 28px;gap:8px;border-width:2px;box-shadow:0 3px 0 var(--cartoon-ink)}.word-modal.cartoon-popup--word .word-choice-card__icon{width:43px;height:43px}.word-modal.cartoon-popup--word .word-choice-card__content{gap:4px}.word-modal.cartoon-popup--word .word-choice-card__word{font-size:clamp(19px,6vw,23px)}.bottom-sheet.cartoon-popup--sheet{border-width:3px;border-radius:24px 20px 17px 14px;box-shadow:5px 5px 0 var(--cartoon-ink)}.bottom-sheet.cartoon-popup--sheet .sheet-heading{min-height:62px;grid-template-columns:42px minmax(0,1fr) 44px;padding:4px 8px 8px}.sheet-heading__icon{width:39px;height:39px}.bottom-sheet.cartoon-popup--sheet .sheet-heading h2{font-size:23px}.bottom-sheet.cartoon-popup--sheet .sheet-content{padding:8px}.bottom-sheet .match-facts>div{min-height:58px;padding:7px 9px}}@media(max-width:350px){.word-modal.cartoon-popup--word{padding:9px}.word-modal.cartoon-popup--word .word-modal__header{min-height:70px}.word-modal.cartoon-popup--word .word-modal__heading p{display:none}.word-modal.cartoon-popup--word .word-choice-grid{gap:7px}.word-modal.cartoon-popup--word .word-choice-card{min-height:72px;grid-template-columns:40px minmax(0,1fr) 26px}.word-modal.cartoon-popup--word .word-choice-card__icon{width:40px;height:40px}.word-modal.cartoon-popup--word .word-choice-card__meta{gap:5px}.bottom-sheet .match-facts{grid-template-columns:1fr}.bottom-sheet .match-facts .match-room-fact{grid-column:auto}}@media(max-height:520px)and (orientation:landscape){.word-modal.cartoon-popup--word{width:min(740px,100%);padding:9px}.word-modal.cartoon-popup--word .word-modal__header{min-height:58px;margin-bottom:7px}.word-modal.cartoon-popup--word .word-modal__heading p{display:none}.word-modal.cartoon-popup--word .word-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.word-modal.cartoon-popup--word .word-choice-card{min-height:96px;grid-template-columns:38px minmax(0,1fr)}.word-modal.cartoon-popup--word .word-choice-card__icon{width:38px;height:38px}.word-modal.cartoon-popup--word .word-choice-card__check{position:absolute;top:5px;right:5px}.bottom-sheet.cartoon-popup--sheet .sheet-heading{min-height:54px}.bottom-sheet.cartoon-popup--sheet .sheet-content{padding:6px}}@keyframes cartoon-word-popup-in{0%{opacity:0;transform:translateY(22px) scale(.91) rotate(-1.5deg)}72%{opacity:1;transform:translateY(-2px) scale(1.012) rotate(.25deg)}to{opacity:1;transform:none}}@keyframes cartoon-choice-in{0%{opacity:0;transform:translateY(9px) scale(.97)}}@keyframes cartoon-choice-selected{0%{transform:scale(.97)}68%{transform:scale(1.018) rotate(.25deg)}to{transform:scale(1)}}@keyframes cartoon-sheet-in{0%{opacity:0;transform:translateY(28px) scale(.94) rotate(.6deg)}74%{opacity:1;transform:translateY(-2px) scale(1.006) rotate(-.15deg)}to{opacity:1;transform:none}}@keyframes cartoon-popover-in{0%{opacity:0;transform:translateY(7px) scale(.88) rotate(-1deg)}}@keyframes cartoon-toast-in{0%{opacity:0;transform:translateY(12px) scale(.94) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.word-modal.cartoon-popup--word,.word-modal.cartoon-popup--word .word-choice-card,.bottom-sheet.cartoon-popup--sheet,.toolbar-popover.cartoon-popover,.toast.cartoon-popup--toast{animation:none!important;transform:none!important}}.scribble-results__fireworks{width:100%;height:100%;position:fixed;z-index:24;top:0;right:0;bottom:0;left:0;pointer-events:none}.scribble-results__stage:before{content:"";width:min(390px,86vw);aspect-ratio:1;position:absolute;z-index:-1;left:50%;bottom:-18%;border-radius:50%;opacity:0;background:repeating-conic-gradient(from -8deg,var(--cartoon-yellow) 0 5deg,transparent 5deg 15deg,var(--cartoon-pink) 15deg 19deg,transparent 19deg 31deg,var(--cartoon-teal) 31deg 35deg,transparent 35deg 47deg);transform:translate(-50%) scale(.22) rotate(-12deg);animation:scribble-winner-burst .92s var(--ease-enter) .76s both;pointer-events:none}.scribble-results__place.is-winner .scribble-results__avatar:before,.scribble-results__place.is-winner .scribble-results__avatar:after{content:"";position:absolute;z-index:-1;top:-12px;right:-12px;bottom:-12px;left:-12px;border:4px dashed var(--cartoon-yellow);border-radius:50%;opacity:0;animation:scribble-winner-ring .76s var(--ease-enter) 1.08s both;pointer-events:none}.scribble-results__place.is-winner .scribble-results__avatar:after{top:-22px;right:-22px;bottom:-22px;left:-22px;border-color:var(--cartoon-pink);border-style:dotted;animation-delay:1.2s}.live-leaderboard__player.is-rank-up{z-index:3;animation:leaderboard-rank-up .62s var(--ease-enter) both}.live-leaderboard__player.is-rank-down{animation:leaderboard-rank-down .52s var(--ease-standard) both}.live-leaderboard__player.is-rank-up .live-leaderboard__rank{animation:leaderboard-rank-badge-pop .56s var(--ease-enter) both}.live-leaderboard__player.is-rank-up:before{content:"✦";position:absolute;z-index:4;top:-13px;left:12px;color:#e58d00;font-size:19px;line-height:1;text-shadow:1px 1px 0 var(--cartoon-white);animation:leaderboard-rank-spark .62s var(--ease-enter) both;pointer-events:none}.live-leaderboard__player.is-correct .live-leaderboard__score{animation:leaderboard-correct-score .52s var(--ease-enter) both}@keyframes scribble-winner-burst{0%{opacity:0;transform:translate(-50%) scale(.22) rotate(-12deg)}42%{opacity:.44}to{opacity:0;transform:translate(-50%) scale(1.18) rotate(9deg)}}@keyframes scribble-winner-ring{0%{opacity:0;transform:scale(.55) rotate(-18deg)}48%{opacity:.9}to{opacity:0;transform:scale(1.28) rotate(12deg)}}@keyframes leaderboard-rank-up{0%{opacity:.55;transform:translateY(15px) scale(.92) rotate(1deg)}68%{opacity:1;transform:translateY(-2px) scale(1.035) rotate(-.35deg)}to{opacity:1;transform:none}}@keyframes leaderboard-rank-down{0%{opacity:.72;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:none}}@keyframes leaderboard-rank-badge-pop{0%{transform:scale(.65) rotate(-14deg)}72%{transform:scale(1.18) rotate(4deg)}to{transform:none}}@keyframes leaderboard-rank-spark{0%{opacity:0;transform:translateY(8px) scale(.4) rotate(-18deg)}48%{opacity:1;transform:translateY(-3px) scale(1.1) rotate(6deg)}to{opacity:0;transform:translateY(-12px) scale(.78) rotate(16deg)}}@keyframes leaderboard-correct-score{0%{transform:scale(.72) rotate(-5deg)}70%{transform:scale(1.2) rotate(2deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.scribble-results__fireworks{display:none}.scribble-results__stage:before,.scribble-results__place.is-winner .scribble-results__avatar:before,.scribble-results__place.is-winner .scribble-results__avatar:after{display:none}.live-leaderboard__player.is-rank-up,.live-leaderboard__player.is-rank-down,.live-leaderboard__player.is-rank-up .live-leaderboard__rank,.live-leaderboard__player.is-rank-up:before,.live-leaderboard__player.is-correct .live-leaderboard__score{animation:none!important;transform:none!important}}.live-leaderboard__track{padding-inline:7px 14px;scroll-padding-inline:7px;overscroll-behavior-x:contain}.live-leaderboard__player{min-width:164px;padding:4px 7px;grid-template-columns:32px minmax(0,1fr) minmax(42px,auto);gap:5px;flex-basis:164px}.live-leaderboard__rank{width:22px;height:22px;position:absolute;z-index:2;top:-5px;left:-5px;box-shadow:0 2px 0 var(--cartoon-ink)}.live-leaderboard__copy strong,.live-leaderboard__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-leaderboard__score{min-width:42px;padding:3px 4px 2px;justify-items:center;overflow:visible;color:var(--cartoon-ink);border:1.5px solid var(--cartoon-ink);border-radius:9px 7px 10px 6px;background:#ffffffb8;line-height:.85;white-space:nowrap}.live-leaderboard__score small{display:block;margin-top:2px;line-height:1}.drawing-canvas.is-fill-tool{cursor:cell}.drawing-tool-button--fill svg{transform:rotate(-8deg)}.drawing-tool-button--fill.is-selected svg{animation:fill-tool-tip var(--motion-standard) var(--ease-enter) both}@keyframes fill-tool-tip{0%{transform:rotate(-8deg) scale(.8)}60%{transform:rotate(-18deg) scale(1.08)}to{transform:rotate(-8deg) scale(1)}}.match-sound-setting{min-width:0;padding:9px 10px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:15px 11px 16px 10px;background:#e4f9ff;box-shadow:0 3px 0 var(--cartoon-ink)}.match-sound-setting__icon{width:38px;height:38px;display:grid;place-items:center;color:var(--cartoon-white);border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-purple)}.match-sound-setting__icon svg{width:19px;height:19px}.match-sound-setting>span:nth-child(2){min-width:0;display:grid;gap:1px}.match-sound-setting strong{font-family:var(--font-display);font-size:15px}.match-sound-setting small{overflow:hidden;color:var(--cartoon-ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.match-sound-setting button{min-width:66px;min-height:40px;padding:4px 7px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--cartoon-ink);border:2px solid var(--cartoon-ink);border-radius:999px;background:var(--cartoon-yellow);box-shadow:0 2px 0 var(--cartoon-ink)}.match-sound-setting button i{width:22px;height:22px;order:2;border:2px solid var(--cartoon-ink);border-radius:50%;background:var(--cartoon-white);transition:transform var(--motion-fast) var(--ease-standard)}.match-sound-setting button b{font-size:11px}.match-sound-setting button[aria-checked=false]{background:#e7e8ef}.match-sound-setting button[aria-checked=false] i{order:0;transform:scale(.88)}.match-sound-setting button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@media(max-width:600px){.live-leaderboard__player{min-width:152px;height:49px;flex-basis:152px;grid-template-columns:30px minmax(0,1fr) 42px}.live-leaderboard__player .avatar{width:30px;height:30px}.live-leaderboard__score{font-size:14px}.game-shell .color-grid{right:-54px;left:auto;translate:0 0}}@media(max-width:360px){.live-leaderboard__player{min-width:146px;flex-basis:146px}.game-shell .drawing-toolbar{padding-inline:3px}.game-shell .drawing-toolbar .icon-button{width:42px;min-width:42px;flex-basis:42px}.game-shell .toolbar-group+.toolbar-group{margin-left:0;padding-left:0}.match-sound-setting{grid-template-columns:36px minmax(0,1fr) auto;padding-inline:7px;gap:6px}.match-sound-setting__icon{width:34px;height:34px}.match-sound-setting button{min-width:58px}}@media(prefers-reduced-motion:reduce){.drawing-tool-button--fill.is-selected svg{animation:none!important;transform:rotate(-8deg)}.match-sound-setting button i{transition:none!important}}.bottom-sheet--lobby.cartoon-popup--settings .scribble-recipe{width:100%;min-width:0;min-inline-size:0;padding:var(--space-8)}.bottom-sheet--lobby.cartoon-popup--settings .scribble-option{width:100%;max-width:100%;min-width:0;min-inline-size:0;margin-bottom:var(--space-12);display:block}.bottom-sheet--lobby.cartoon-popup--settings .scribble-option legend{width:100%;max-width:100%;margin-bottom:var(--space-8);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8)}.bottom-sheet--lobby.cartoon-popup--settings .scribble-option legend span{font-size:13px}.bottom-sheet--lobby.cartoon-popup--settings .scribble-option legend small{margin:0;font-size:11px}.bottom-sheet--lobby.cartoon-popup--settings .scribble-segments{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.bottom-sheet--lobby.cartoon-popup--settings .scribble-segments--time{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-sheet--lobby.cartoon-popup--settings .scribble-segments button{width:100%;min-width:0;min-height:54px;padding:var(--space-8) var(--space-4);flex-direction:row;gap:var(--space-4);white-space:nowrap}.bottom-sheet--lobby.cartoon-popup--settings .scribble-segments button strong{font-size:16px;line-height:1}.bottom-sheet--lobby.cartoon-popup--settings .scribble-segments button span{font-size:11px;line-height:1}