@font-face{font-family:Fraunces;src:url(/assets/fraunces-latin-variable-xIwpzHrc.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Penjat UI;src:url(/assets/penjat-ui-variable-BiAvi5VB.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+13F-140,U+152-153,U+2C6,U+2DA,U+2DC,U+300-304,U+306-308,U+30A,U+30C,U+327-328,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2190-2193,U+2212}@font-face{font-family:Penjat UI Fallback;src:local(Arial),local(ArialMT),local(Helvetica),local(Liberation Sans);font-weight:400;size-adjust:93.3%;ascent-override:109.8%;descent-override:42.9%;line-gap-override:0%}@font-face{font-family:Penjat UI Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold),local(Helvetica-Bold),local(Liberation Sans Bold),local(LiberationSans-Bold);font-weight:700;size-adjust:93.3%;ascent-override:109.8%;descent-override:42.9%;line-gap-override:0%}:root{--font-ui:"Penjat UI", "Penjat UI Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, ui-serif, serif;--text-body:1rem;--text-control:1rem;--text-name:1rem;--text-chat:1rem;--text-meta:.875rem;--text-label:.8125rem;--text-panel-title:1.25rem;--text-page-title:1.5rem;--text-outcome:clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);--text-score:1.125rem;--text-lede:1.0625rem;--text-hero:clamp(2.375rem, 1.1rem + 4.4vw, 4.75rem);--text-display:clamp(2.125rem, 1.35rem + 2.6vw, 3.75rem);--text-section:clamp(1.875rem, 1.3rem + 2vw, 3.25rem);--text-card-title:clamp(1.5rem, 1.15rem + 1vw, 2.25rem);--text-step:clamp(2.5rem, 2rem + 1.5vw, 3.5rem);--text-brand:1.375rem;--text-nav:.875rem;--text-menu:1.25rem;--leading-tight:1.12;--leading-heading:1.2;--leading-ui:1.3;--leading-body:1.5;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--tracking-label:.06em;--measure:62ch;--paper:oklch(95.5% .018 82);--paper-deep:oklch(91.5% .028 80);--ink:oklch(20% .015 60);--magrana:oklch(56% .19 27);--safra:oklch(83% .15 82);--mar:oklch(50% .08 205);--oliva:oklch(60% .08 125);--surface:oklch(98.2% .01 85);--surface-muted:var(--paper-deep);--text:var(--ink);--text-muted:oklch(45% .02 60);--primary:var(--magrana);--primary-hover:oklch(48% .17 27);--on-primary:var(--surface);--success:var(--mar);--success-surface:oklch(94% .025 155);--mar-surface:oklch(95% .03 205);--oliva-surface:oklch(94% .045 125);--error:oklch(48% .17 27);--error-surface:oklch(95% .025 27);--warning:oklch(40% .07 82);--warning-surface:oklch(95% .065 82);--border:oklch(77% .025 80);--border-control:oklch(52% .02 60);--border-dashed:oklch(20% .015 60/.25);--focus-ring:var(--ink);--focus-gap:var(--surface);--shadow-ink:3px 3px 0 var(--ink);--shadow-ink-sm:2px 2px 0 var(--ink);--shadow-ink-hover:5px 5px 0 var(--ink);--shadow-ink-pressed:1px 1px 0 var(--ink);--shadow-menu:0 18px 30px -18px oklch(20% .015 60/.45);--green:var(--mar);--green-dark:var(--ink);--cream:var(--surface);--red:var(--error);--muted:var(--text-muted);--muted-strong:var(--text-muted);--line:var(--border);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-control:.625rem;--radius-inner:.75rem;--radius-card:1.375rem;--radius-dialog:1.125rem;--radius-pill:999px;--shadow-card:var(--shadow-ink);--shadow-dialog:0 24px 70px #1f2a2340;--control-height:2.75rem;--header-height:3.5rem;--page-max:80rem;font-family:var(--font-ui);font-size:100%;line-height:var(--leading-body);color:var(--text);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (width>=41.3125em){:root{--text-body:1.0625rem;--text-control:1.0625rem;--text-name:1.0625rem;--text-meta:.875rem;--text-label:.875rem;--text-panel-title:1.375rem;--text-page-title:1.75rem;--text-score:1.25rem;--text-lede:1.125rem;--shadow-ink:4px 4px 0 var(--ink)}}@media (width>=75em){:root{--text-body:1.125rem;--text-control:1.125rem;--text-name:1.125rem;--text-chat:1.0625rem;--text-meta:1rem;--text-label:.9375rem;--text-panel-title:1.625rem;--text-page-title:2.125rem;--text-score:1.375rem;--text-lede:1.1875rem}}*{box-sizing:border-box}body{min-height:100vh;font-size:var(--text-body);margin:0}h1 em,h2 em,.accent{font-synthesis:style;color:var(--magrana);font-style:italic}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}#root>main{flex:1 0 auto}button,input{font:inherit}button{cursor:pointer}.site-header{z-index:40;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid color-mix(in oklch, var(--ink) 22%, transparent);background:color-mix(in oklch, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.site-header-inner{max-width:var(--page-max);min-height:var(--header-height);align-items:center;gap:var(--space-4);padding:0 calc(env(safe-area-inset-right,0px) + var(--space-4)) 0 calc(env(safe-area-inset-left,0px) + var(--space-4));margin:0 auto;display:flex}.skip-link{z-index:50;top:var(--space-2);left:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--paper);background:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-bold);text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-brand{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:2.75rem;color:var(--ink);flex:none;text-decoration:none;display:inline-flex}.brand-badge{border:2px solid var(--ink);width:1.75rem;height:1.75rem;color:var(--surface);background:var(--magrana);border-radius:50%;flex:none;place-items:center;transition:transform .16s;display:grid}.brand-badge svg{width:1rem;height:1rem}.site-brand:hover .brand-badge{transform:rotate(12deg)}.brand-word{font:700 var(--text-brand)/1 var(--font-display);letter-spacing:-.03em;white-space:nowrap}.brand-word span{color:var(--magrana)}.site-nav{flex:1;justify-content:center;min-width:0;display:none}.site-nav-list{justify-content:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-radius:var(--radius-pill);min-height:2rem;color:var(--ink);font-size:var(--text-nav);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;padding:0 .875rem;line-height:1.2;text-decoration:none;transition:background-color .14s;display:inline-flex;position:relative}.site-nav a:before{content:"";position:absolute;inset:-6px 0}.site-nav a:hover{background:var(--paper-deep)}.site-nav a[aria-current=page]{color:var(--paper);background:var(--ink)}.site-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.global-back-button{justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--ink);border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink-sm);flex:none;padding:0;display:inline-flex;position:relative}.global-back-button:hover{background:var(--paper-deep)}.global-back-button:before,.site-menu-toggle:before{border-radius:inherit;content:"";position:absolute;inset:-6px}.global-back-arrow{font-size:1.125rem;line-height:1;display:block}.global-back-button .global-back-text{display:none}@media (width>=41.3125em){.global-back-button{width:auto;padding:0 var(--space-4) 0 var(--space-3)}.global-back-button .global-back-text{font-size:var(--text-nav);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1;display:block}}.site-menu-toggle{border:2px solid var(--ink);width:2.25rem;height:2.25rem;color:var(--ink);background:var(--surface);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.site-menu-toggle:hover,.site-menu-toggle[aria-expanded=true]{background:var(--paper-deep)}.site-menu-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1.125rem;height:1.125rem}.site-menu{max-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,0px));overscroll-behavior:contain;padding:var(--space-2) calc(env(safe-area-inset-right,0px) + var(--space-4)) var(--space-4) calc(env(safe-area-inset-left,0px) + var(--space-4));border-bottom:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-menu);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.site-menu[hidden]{display:none}.site-menu>*{max-width:36rem;margin-inline:auto}.site-menu-list{gap:2px;margin:0 auto;padding:0;list-style:none;display:grid}.site-menu-list a{min-height:3rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-inner);color:var(--ink);font:700 var(--text-menu)/1.2 var(--font-display);align-items:center;text-decoration:none;display:flex}.site-menu-list a:hover{background:var(--paper-deep)}.site-menu-list a[aria-current=page]{color:var(--paper);background:var(--ink)}.site-menu-language{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);padding:var(--space-3) var(--space-3) 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-meta);flex-wrap:wrap;display:none}.site-menu-language .language-selector{flex:14rem;max-width:18rem}.interface-language-toggle{flex:none}.interface-language-toggle .language-selector--codes .language-options{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);gap:2px;padding:2px}.interface-language-toggle .language-selector--codes .language-options button{min-width:2.75rem;min-height:1.625rem;padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--ink);font-size:.75rem;font-weight:var(--weight-bold);letter-spacing:.04em;position:relative}.interface-language-toggle .language-selector--codes .language-options button:before{content:"";position:absolute;inset:-9px 0}.interface-language-toggle .language-selector--codes .language-options button:hover{background:var(--paper-deep)}.interface-language-toggle .language-selector--codes .language-options button.active{color:var(--paper);background:var(--ink)}.interface-language-toggle .language-separator{display:none}@media (width>=41.3125em){.site-header-inner{max-width:calc(var(--page-max) + 2 * var(--space-6));padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-6)) calc(env(safe-area-inset-right,0px) + var(--space-6))}}@media (width>=62.5em){.site-nav{display:flex}.site-menu-toggle,.site-menu{display:none}.site-actions{margin-left:0}}@media (width>=62.5em) and (width<=74.9375em){.site-nav a{padding-inline:var(--space-3)}.site-header .global-back-button{width:2.25rem;padding:0}.site-header .global-back-button .global-back-text{display:none}}@media (width>=62.5em) and (height>=37.5em){.site-header.is-sticky{position:sticky;top:0}}@media (width<=23.9375em){.site-header-inner{gap:var(--space-2);padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-3)) calc(env(safe-area-inset-right,0px) + var(--space-3))}.site-actions{gap:6px}.site-header:has(.global-back-button) .site-actions>.interface-language-toggle{display:none}.site-header:has(.global-back-button) .site-menu-language{display:flex}}@media (width<=19.9375em){.site-actions>.interface-language-toggle{display:none}.site-menu-language{display:flex}}@media (width<=17.4375em){.brand-word{display:none}}.site-footer{margin-top:var(--space-16);border-top:1px solid color-mix(in oklch, var(--ink) 22%, transparent);color:var(--ink)}.site-footer-inner{max-width:calc(var(--page-max) + 2 * var(--space-6));justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-8) calc(env(safe-area-inset-right,0px) + var(--space-6)) calc(env(safe-area-inset-bottom,0px) + var(--space-8)) calc(env(safe-area-inset-left,0px) + var(--space-6));flex-wrap:wrap;margin:0 auto;display:flex}.site-footer-inner>div{align-items:baseline;gap:var(--space-1) var(--space-5);flex-wrap:wrap;display:flex}.site-footer .site-footer-brand{font:700 var(--text-brand)/1 var(--font-display);letter-spacing:-.03em;margin:0}.site-footer-brand span{color:var(--magrana)}.site-footer-tagline{color:var(--text-muted);font-size:var(--text-meta);margin:0}.site-footer ul{gap:var(--space-1) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer a{min-height:2.75rem;color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-semibold);text-underline-offset:4px;align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;display:inline-flex}.site-footer a:hover{-webkit-text-decoration-color:var(--magrana);text-decoration-color:var(--magrana)}@media (width<=62.4375em){.site-footer{margin-top:var(--space-12)}.site-footer-inner{padding-block:var(--space-5) calc(env(safe-area-inset-bottom,0px) + var(--space-5))}.site-footer nav{flex-basis:100%}}@media (width<=37.4375em){.site-footer ul{column-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.page-head{width:min(100%, var(--page-max));margin:0 auto var(--space-8)}.page-eyebrow{margin:0 0 var(--space-3);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--safra);font-size:var(--text-meta);font-weight:var(--weight-bold);align-items:center;padding:.25rem .875rem;line-height:1.3;display:inline-flex}.page-eyebrow--mar{color:var(--surface);background:var(--mar)}.page-eyebrow--magrana{color:var(--surface);background:var(--magrana)}.page-eyebrow--oliva{background:color-mix(in oklch, var(--oliva) 70%, var(--surface))}.page-head h1{max-width:20ch;color:var(--ink);font:800 var(--text-display)/1.02 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0}.page-lede{max-width:46ch;margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-lede);line-height:var(--leading-body)}.page-head--compact{margin-bottom:var(--space-4)}.page-head--compact h1{font-size:var(--text-page-title);line-height:var(--leading-tight)}.exit-confirmation-dialog{width:min(100%,27rem);padding:var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-dialog);background:var(--surface);box-shadow:var(--shadow-ink), var(--shadow-dialog)}.exit-confirmation-dialog h2{margin:0 0 var(--space-2);color:var(--ink);font:800 var(--text-page-title)/var(--leading-tight) var(--font-display)}.exit-confirmation-dialog p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.exit-confirmation-actions{justify-content:flex-end;gap:var(--space-2) var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.exit-confirmation-actions button{width:auto;min-height:var(--control-height)}.primary-action,.secondary-action{width:100%;min-height:var(--control-height);border:2px solid var(--ink);border-radius:var(--radius-pill);font-size:var(--text-control);font-weight:var(--weight-bold);line-height:var(--leading-ui);box-shadow:var(--shadow-ink);padding:.75em 1.15em;transition:background-color .14s,transform .14s,box-shadow .14s}.primary-action{color:var(--on-primary);background:var(--primary)}.secondary-action{color:var(--ink);background:var(--surface)}.primary-action:not(:disabled):hover,.secondary-action:not(:disabled):hover{box-shadow:var(--shadow-ink-hover);transform:translate(-1px,-1px)}.primary-action:not(:disabled):hover{background:var(--primary-hover)}.secondary-action:not(:disabled):hover{background:var(--paper-deep)}.primary-action:not(:disabled):active,.secondary-action:not(:disabled):active{box-shadow:var(--shadow-ink-pressed);transform:translate(2px,2px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.danger-action{background:var(--error)}.danger-action:not(:disabled):hover{background:oklch(42% .15 27)}.text-button{padding:var(--space-2);color:var(--muted);font-size:var(--text-meta);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.form-error{margin:var(--space-3) 0 0;color:var(--red);text-align:center;font-size:var(--text-meta);line-height:var(--leading-ui)}.home-page,.lobby-page,.disconnect-page{padding:var(--space-8) calc(env(safe-area-inset-right,0px) + var(--space-6)) var(--space-8) calc(env(safe-area-inset-left,0px) + var(--space-6));place-items:start center;display:grid}.home-page{padding-top:clamp(var(--space-8), 5vw, var(--space-16));justify-items:normal;padding-bottom:0;display:block}.home-shell{width:min(100%, var(--page-max));gap:var(--space-16);margin:0 auto;display:grid}.home-hero{gap:var(--space-12);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;display:grid}.home-copy{min-width:0}.home-copy h1{max-width:14ch;color:var(--ink);font:800 var(--text-hero)/.98 var(--font-display);letter-spacing:-.04em;margin:0}.home-lede{max-width:34ch;margin:var(--space-5) 0 0;color:var(--text-muted);font-size:clamp(1.0625rem,.85rem + .45vw,1.3125rem);line-height:var(--leading-body)}.home-modes{margin-top:var(--space-8);gap:var(--space-6);max-width:34rem;display:grid}.home-modes ul{margin:0;padding:0;list-style:none}.mode-icon{flex:none;width:1.2em;height:1.2em}.mode-group{gap:var(--space-2);min-width:0;display:grid}.mode-group-head{justify-content:space-between;align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.mode-group-head h2{color:var(--ink);font:700 var(--text-panel-title)/1.15 var(--font-display);letter-spacing:-.015em;margin:0}.mode-group-meta,.mode-group-quiet{color:var(--text-muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:1.35}.mode-group-quiet{font-family:var(--font-ui);margin:0}.friends-options{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-ink);grid-template-columns:repeat(2,minmax(0,1fr));transition:box-shadow .14s;display:grid;overflow:hidden}.friends-options li{min-width:0;display:grid}.friends-options li+li{border-left:2px solid var(--ink)}.friends-options:has(a:active){box-shadow:var(--shadow-ink-pressed)}.friends-option{align-items:center;column-gap:var(--space-3);min-height:3.75rem;padding:var(--space-3) var(--space-4);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;transition:background-color .14s;display:grid}.friends-option--online{color:var(--on-primary);background:var(--primary)}.friends-option--online:hover{background:var(--primary-hover)}.friends-option--local:hover{background:var(--paper-deep)}.friends-option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--focus-gap)}.friends-option-icon{border:2px solid var(--ink);width:2.25rem;height:2.25rem;color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;display:grid}.friends-option-icon .mode-icon{width:1.25rem;height:1.25rem}.friends-option-text{min-width:0;display:grid}.friends-option-label{font:750 1.25rem/1.1 var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere}.friends-option-caption{font-size:var(--text-meta);font-weight:var(--weight-semibold);margin-top:2px;line-height:1.3}.friends-option--local .friends-option-caption{color:var(--text-muted)}.solo-options{border-block:1.5px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.solo-options li{min-width:0;display:grid}.solo-options li+li{border-left:1.5px solid var(--ink)}.solo-options a{align-items:center;column-gap:var(--space-3);min-height:3.25rem;padding:var(--space-1) var(--space-3);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;transition:background-color .14s;display:grid}.solo-options a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 3px var(--focus-gap)}.solo-options .mode-icon{border-radius:50%;width:2.25rem;height:2.25rem;padding:.45rem}.daily-entry .mode-icon{background:var(--safra)}.solo-option .mode-icon{background:var(--oliva-surface)}.daily-entry:hover{background:var(--warning-surface)}.solo-option:hover{background:var(--oliva-surface)}.solo-option-text{min-width:0;display:grid}.solo-option-label{min-width:0;font:700 1.0625rem/1.15 var(--font-display);overflow-wrap:anywhere}.daily-entry>span:not(.daily-arrow){min-width:0;display:grid}.daily-head{align-items:baseline;column-gap:var(--space-2);flex-wrap:wrap;display:flex}.daily-title{color:var(--ink);font:700 1.0625rem/1.15 var(--font-display)}.daily-number{color:var(--ink);font-weight:var(--weight-bold);letter-spacing:.02em;font-variant-numeric:tabular-nums}.daily-played{display:none}.solo-caption{color:var(--text-muted);font-size:var(--text-meta);margin-top:0;line-height:1.35;display:block}.daily-entry .daily-tomorrow{color:inherit;font:inherit;white-space:nowrap;margin:0}.daily-arrow,.friends-option-arrow{font:700 1.25rem/1 var(--font-display);transition:transform .14s}:is(.friends-option,.solo-options a):hover :is(.daily-arrow,.friends-option-arrow){transform:translate(3px)}.home-preview{width:min(100%,30rem);padding:var(--space-8);border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-ink);justify-self:end;position:relative;transform:rotate(1.25deg)}.preview-tag{top:-1rem;left:var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-control);color:var(--ink);background:var(--safra);font-size:var(--text-meta);font-weight:var(--weight-bold);padding:.25rem .75rem;line-height:1.3;position:absolute;transform:rotate(-4deg)}.preview-board{place-items:center;row-gap:var(--space-4);width:100%;display:grid}.preview-drawing{aspect-ratio:240/260;place-items:center;width:min(100%,15rem);min-width:0;min-height:0;display:grid}.preview-drawing .hangman{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.preview-word{justify-content:center;align-items:flex-end;gap:var(--space-3);width:100%;color:var(--ink);display:flex}.preview-letter{border-bottom:3px solid var(--ink);width:2.25rem;min-width:2.25rem;min-height:2.75rem;font:700 1.75rem/1.05 var(--font-display);place-items:center;display:inline-grid}.home-page{overflow-x:clip}.home-band{width:100vw;padding-block:var(--space-4);color:var(--paper);background:var(--ink);text-align:left;border:0;border-radius:0;margin:6rem calc(50% - 50vw) 0;display:block;position:relative;overflow:hidden}.home-band-track{white-space:nowrap;width:max-content;font:italic 600 clamp(1.25rem, .95rem + 1.1vw, 1.875rem)/1.25 var(--font-display);font-synthesis:style;letter-spacing:-.01em;margin:0;display:flex}.home-band-copy{width:var(--band-shift,auto);flex:none;display:flex}.home-band-copy>span:after{content:"✦";color:var(--safra);vertical-align:.12em;margin-inline:clamp(1.1rem,.6rem + 2vw,2.5rem);font-size:.7em;font-style:normal}.home-band.is-moving .home-band-track{animation:band-drift var(--band-duration) linear infinite;will-change:transform}.home-band.is-paused .home-band-track{animation-play-state:paused}@keyframes band-drift{to{transform:translateX(calc(-1 * var(--band-shift)))}}button.home-band{font:inherit;cursor:pointer;padding-inline:0}:root button.home-band:focus-visible{outline:3px solid var(--safra);outline-offset:-12px;box-shadow:none}.home-how{--how-bg:var(--paper-deep);margin-inline:calc(-1 * (env(safe-area-inset-left,0px) + var(--space-6))) calc(-1 * (env(safe-area-inset-right,0px) + var(--space-6)));background:var(--how-bg)}.home-page:has(.home-how)+.site-footer{margin-top:0}.home-how-inner{width:min(100%, calc(var(--page-max) + 2 * var(--space-6)));padding:var(--space-16) calc(env(safe-area-inset-right,0px) + var(--space-6)) var(--space-16) calc(env(safe-area-inset-left,0px) + var(--space-6));margin:0 auto}.home-how-head{gap:var(--space-3);max-width:40rem;margin-bottom:var(--space-10);display:grid}.home-how-head h2{color:var(--ink);font:800 var(--text-section)/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.home-how-head p{max-width:34ch;color:var(--text-muted);font-size:var(--text-lede);line-height:var(--leading-body);margin:0}.how-steps{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.how-step{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);grid-template-rows:auto 1fr;min-width:0;display:grid;position:relative}.how-art{justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:2px dashed var(--border-dashed);border-radius:calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px) 0 0;display:grid}.how-art .hangman{width:7.5rem;height:auto;display:block}.how-step--solved .how-art{background:color-mix(in oklch, var(--safra) 26%, var(--surface))}.how-number,.how-sticker{z-index:1;border:2px solid var(--ink);color:oklch(20% .015 60);background:var(--safra);position:absolute;top:-.9rem}.how-number{left:var(--space-4);width:2rem;height:2rem;font:800 1rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid;transform:rotate(-6deg)}.how-sticker{right:var(--space-4);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink-sm);font-size:var(--text-label);font-weight:var(--weight-bold);white-space:nowrap;padding:.15rem .6rem;line-height:1.35;transform:rotate(2deg)}.how-sticker--solved{border-radius:var(--radius-control);color:oklch(20% .015 60);background:var(--safra);transform:rotate(4deg)}.how-word{gap:.3rem;display:flex}.how-word>span{border-bottom:2.5px solid var(--ink);width:1.15rem;height:1.6rem;color:var(--ink);font:700 1.1rem/1.6rem var(--font-display);text-align:center}.how-misses{min-height:1.15rem;color:var(--text-muted);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:.12em;-webkit-text-decoration:line-through var(--magrana);text-decoration:line-through var(--magrana)}.how-text{padding:var(--space-4) var(--space-5) var(--space-5)}.how-text h3{margin:0 0 var(--space-2);color:var(--ink);font:700 var(--text-panel-title)/1.15 var(--font-display);letter-spacing:-.015em}.how-text p{color:var(--text-muted);margin:0}.how-foot{justify-content:space-between;align-items:baseline;gap:var(--space-3) var(--space-8);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1.5px solid var(--ink);flex-wrap:wrap;display:flex}.how-foot p{max-width:46rem;color:var(--ink);margin:0}.how-foot .howto-link{margin-top:0}@media (width<=62.4375em){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-how-inner{padding-block:var(--space-12)}}@media (width<=37.4375em){.home-how{margin-inline:calc(-1 * (env(safe-area-inset-left,0px) + var(--space-4))) calc(-1 * (env(safe-area-inset-right,0px) + var(--space-4)))}.home-how-inner{padding:var(--space-10) calc(env(safe-area-inset-right,0px) + var(--space-4)) var(--space-10) calc(env(safe-area-inset-left,0px) + var(--space-4))}.home-how-head{margin-bottom:var(--space-8)}.how-steps{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.how-step{grid-template-rows:none;grid-template-columns:7.25rem minmax(0,1fr)}.how-art{padding:var(--space-5) var(--space-2) var(--space-3);border-right:2px dashed var(--border-dashed);border-radius:calc(var(--radius-card) - 2px) 0 0 calc(var(--radius-card) - 2px);border-bottom:0;align-content:start}.how-art .hangman{width:5.5rem}.how-word{gap:.18rem}.how-word>span{border-bottom-width:2px;width:.8rem;height:1.25rem;font-size:.85rem;line-height:1.25rem}.how-misses{letter-spacing:.06em;font-size:.6875rem}.how-text{padding:var(--space-4);align-self:center}.how-text h3{font-size:1.1875rem}.how-foot{margin-top:var(--space-6)}}@media (width<=19.9375em){.how-step{grid-template-columns:minmax(0,1fr)}.how-art{border-right:0;border-bottom:2px dashed var(--border-dashed);border-radius:calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px) 0 0}}.home-card,.lobby-card,.disconnect-page section,.howto-card{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);width:min(100%,31rem);box-shadow:var(--shadow-ink);padding:clamp(20px,6vw,48px)}.home-intro{margin-bottom:var(--space-8);text-align:center}.home-intro--compact{margin-bottom:var(--space-6)}.home-intro h1{color:var(--ink);font:800 clamp(1.875rem, 1.5rem + 1.2vw, 2.5rem)/1.05 var(--font-display);letter-spacing:-.02em;margin:0}.home-intro .page-eyebrow{margin-bottom:var(--space-3)}.home-page--multiplayer{display:block}.home-page--multiplayer .page-head,.home-page--multiplayer .home-card--join,.setup{width:min(100%,64rem);margin-inline:auto}.home-card--join{box-shadow:none;background:0 0;border:0;padding:0}.home-card--join form{gap:var(--space-6);grid-template:"name name""next next""create join""error error"/minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.home-card--join .form-error{grid-area:error}.room-code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-family:var(--font-display)!important}.home-card label,.setup label{color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.home-card input,.setup input,.word-form input{width:100%;margin-top:var(--space-2);border:2px solid var(--ink);border-radius:var(--radius-control);color:var(--ink);background:var(--surface);font-size:var(--text-control);line-height:var(--leading-ui);outline:none;padding:.75em .875em}.home-card input:focus,.setup input:focus,.word-form input:focus{border-color:var(--ink);box-shadow:var(--shadow-ink-sm)}.home-card>small{color:var(--muted);font-size:var(--text-meta);text-align:center;margin-top:18px;display:block}.home-page--multiplayer:not(.home-page--invitation) .page-head,.setup{width:min(100%,34rem)}.multiplayer-about{width:min(100%,34rem);margin:var(--space-5) auto 0;color:var(--text-muted);font-size:var(--text-body);line-height:var(--leading-body)}.multiplayer-about p{margin:0}.setup{gap:var(--space-4);padding:var(--space-8);border:2px solid var(--ink);border-radius:var(--radius-card);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink);display:grid}.entry-create,.entry-join{gap:var(--space-4);min-width:0;display:grid}.setup-hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-muted);font-size:var(--text-meta);line-height:var(--leading-ui);text-align:center}.setup .secondary-action{background:var(--paper)}.setup .secondary-action:not(:disabled):hover{background:var(--paper-deep)}.entry-join{padding-top:var(--space-4);border-top:1px solid var(--border)}.entry-join-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.setup .entry-join-row input{text-align:center;margin-top:0}.entry-join-row .secondary-action{width:auto;padding-inline:1.6em}.setup button:disabled{cursor:progress}:root .setup :is(button,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-gap)}.language-field{gap:var(--space-2);display:grid}.setup .form-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-inner);color:var(--error);background:var(--error-surface);margin:0}@media (width<=37.4375em){.setup{padding:var(--space-5) var(--space-4)}}.invitation-card{text-align:center}.invitation-form{gap:18px;display:grid}.invitation-form h2,.invitation-invalid h2{color:var(--green-dark);font:700 var(--text-page-title)/var(--leading-tight) var(--font-display);overflow-wrap:anywhere;margin:0}.invitation-loading{color:var(--muted);line-height:var(--leading-body);margin:0}.invitation-invalid{gap:16px;display:grid}.invitation-invalid .form-error{margin:0}.invitation-error-actions{gap:10px;display:grid}.room-restore-card{gap:16px;margin-inline:auto;display:grid}.room-restore-card h1{color:var(--green-dark);font:700 var(--text-page-title)/var(--leading-tight) var(--font-display);overflow-wrap:anywhere;margin:0}.room-restore-card p{color:var(--muted);line-height:var(--leading-body);margin:0}.connection-notice .text-button{color:inherit;margin-inline-start:var(--space-2);padding-block:0}.invitation-rules{background:var(--paper-deep);text-align:left;border-radius:13px;gap:11px;padding:15px;display:grid}.invitation-rules h3{color:var(--green-dark);font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0}.invitation-rules dl{gap:8px;margin:0;display:grid}.invitation-rules dl>div{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;padding-top:8px;display:flex}.invitation-rules dt{color:var(--muted);font-size:var(--text-meta)}.invitation-rules dd{color:var(--green-dark);text-align:right;font-weight:var(--weight-bold);margin:0}.invitation-alternative{color:var(--muted);font-size:var(--text-meta);justify-items:center;gap:4px;padding-top:4px;display:grid}.invitation-alternative .text-button{width:auto;min-height:var(--control-height);color:var(--green);font-size:var(--text-body);font-weight:var(--weight-bold);padding:4px 8px}.language-selector{border:0;margin:0;padding:0}.language-selector legend{margin-bottom:var(--space-2);color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.language-options{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--surface);gap:4px;padding:4px;display:flex}.language-option-wrap{display:contents}.language-options button{min-height:2.5rem;color:var(--ink);font-size:var(--text-control);font-weight:var(--weight-semibold);line-height:var(--leading-ui);background:0 0;border:0;border-radius:7px;flex:1;padding:9px}.language-options button:hover{background:var(--paper-deep)}.language-options button.secondary{font-size:var(--text-meta);flex:.82}.language-options button.active{color:var(--paper);background:var(--ink)}.language-options button.active.secondary{flex:.86}.language-selector--codes .language-options{align-items:center}.language-selector--codes .language-option-wrap{align-items:center;gap:5px;display:inline-flex}.language-selector--codes .language-options button,.language-selector--codes .language-options button.secondary,.language-selector--codes .language-options button.active.secondary{flex:none}.language-separator{color:var(--text-muted);font-size:var(--text-label);line-height:1}.target-selector{border:0;margin:0;padding:0}.target-selector legend{margin-bottom:var(--space-2);color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.target-selector div{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,3.5rem),1fr));gap:6px;padding:4px;display:grid}.target-selector button{min-height:2.5rem;color:var(--ink);font-size:var(--text-control);font-weight:var(--weight-semibold);line-height:var(--leading-ui);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 6px}.target-selector button:hover{background:var(--paper-deep)}.target-selector button.active{color:var(--paper);background:var(--ink);font-family:var(--font-display);font-weight:var(--weight-bold)}.home-notice{margin-top:-4px}.ios-install-card{border:1px solid var(--line);width:min(100%,620px);color:var(--ink);background:0 0;border-radius:13px;margin:10px auto 0;overflow:hidden}.ios-install-toggle{width:100%;min-height:44px;color:var(--ink);text-align:left;font-size:var(--text-meta);font-weight:var(--weight-semibold);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.ios-install-toggle:hover{background:var(--paper-deep)}.ios-install-summary{min-width:0;font-size:var(--text-meta);align-items:center;gap:8px;line-height:1.25;display:inline-flex}.ios-install-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:16px;height:16px;transition:transform .16s}.ios-install-toggle[aria-expanded=true] .ios-install-chevron{transform:rotate(180deg)}.ios-install-content{border-top:0 solid #0000;grid-template-rows:0fr;transition:grid-template-rows .18s,border-color .18s;display:grid}.ios-install-toggle[aria-expanded=true]+.ios-install-content{border-top:1px solid var(--border);grid-template-rows:1fr}.ios-install-content-inner{min-height:0;padding:0 14px;overflow:hidden}.ios-install-toggle[aria-expanded=true]+.ios-install-content .ios-install-content-inner{padding-bottom:14px}.ios-install-card p{color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-body);margin:10px 0 0}.ios-install-card ol{font-size:var(--text-meta);gap:6px;margin:12px 0 0;padding-left:21px;line-height:1.45;display:grid}.ios-install-card strong{color:var(--green-dark)}.howto-page{padding:var(--space-8) calc(env(safe-area-inset-right,0px) + 24px) 24px calc(env(safe-area-inset-left,0px) + 24px)}.howto-shell{width:min(100%,64rem);margin:auto}.howto-header{margin-bottom:var(--space-10)}.howto-card{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.howto-steps h2,.howto-section h2{margin:0 0 var(--space-4);color:var(--ink);font:800 var(--text-panel-title)/var(--leading-heading) var(--font-display)}.howto-steps>h2{font-size:var(--text-section);letter-spacing:-.03em;line-height:1.05}.howto-steps ol{gap:var(--space-5);margin:0 0 var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.howto-steps li{min-width:0;padding:var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-ink)}.howto-steps li:nth-child(odd){transform:rotate(-.4deg)}.howto-steps li:nth-child(2n){transform:rotate(.4deg)}.howto-step-number{color:var(--magrana);font:900 var(--text-step)/1 var(--font-display);text-align:center;min-width:1.2ch;display:block}.howto-steps p{margin:var(--space-3) 0 0;font-size:var(--text-body);line-height:var(--leading-body)}.howto-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.howto-section{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);min-width:0;padding:clamp(18px,2.4vw,28px)}.howto-section ul{max-width:var(--measure);color:var(--ink);font-size:var(--text-body);margin:0;padding-left:20px;line-height:1.55}.howto-section li+li{margin-top:7px}.howto-section--mar{background:var(--mar-surface)}.howto-section--oliva{background:var(--oliva-surface)}.howto-section--safra{background:var(--warning-surface)}.howto-section--ink{color:var(--paper);background:var(--ink);box-shadow:var(--shadow-ink)}.howto-section--ink h2{color:var(--safra)}.howto-section--ink ul{color:var(--paper)}.howto-link{min-height:2.75rem;margin-top:var(--space-2);color:var(--ink);font-weight:var(--weight-bold);-webkit-text-decoration:underline var(--magrana) 2px;text-decoration:underline var(--magrana) 2px;text-underline-offset:4px;align-items:center;gap:.3em;display:inline-flex}.learning-page,.daily-page{padding:var(--space-6) calc(env(safe-area-inset-right,0px) + 12px) 38px calc(env(safe-area-inset-left,0px) + 12px)}.learning-header,.daily-header{width:min(100%,64rem)}.daily-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3) var(--space-8);padding-bottom:var(--space-5);border-bottom:2px solid var(--ink);flex-wrap:wrap;display:flex}.daily-header h1{font-size:var(--text-section)}.daily-date{color:var(--text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;justify-items:end;gap:2px;margin:0;display:grid}.daily-header>div{min-width:0}.daily-date span:last-child{color:var(--ink);font:700 var(--text-panel-title)/1.1 var(--font-display)}.learning-game{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);width:min(100%,64rem);box-shadow:var(--shadow-ink);margin:auto;overflow:hidden}.learning-hint{padding:var(--space-5);border:0;border-bottom:2px dashed var(--border-dashed);text-align:center;background:var(--warning-surface)}.learning-hint span{margin-bottom:var(--space-1);color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);display:block}.learning-hint strong{color:var(--green-dark);font:700 clamp(1.5rem, 1.3rem + .6vw, 2rem)/var(--leading-heading) var(--font-display);overflow-wrap:anywhere}.learning-columns{grid-template-columns:minmax(230px,.7fr) minmax(420px,1.3fr);min-height:520px;display:grid}.learning-word-scroll{width:100%;margin-bottom:20px;padding:5px;overflow:auto hidden;container-type:inline-size}.learning-word-scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.learning-word-scroll .word{--gap:clamp(3px, 1vw, 8px);justify-content:center;gap:var(--gap);min-width:max-content;display:flex}.learning-word-scroll .word>span{--tile:clamp(14px, calc((100cqw - (var(--letters,1) - 1) * var(--gap)) / var(--letters,1)), clamp(23px, 4.8vw, 39px));width:var(--tile);height:49px;color:var(--green-dark);font:700 min(clamp(21px, 4vw, 34px), calc(var(--tile) * 1.15))/1 var(--font-display);text-transform:uppercase;place-items:center;display:inline-grid}.learning-word-scroll .word>.letter{border-bottom:3px solid var(--ink)}.learning-word-scroll .word>.punctuation{width:clamp(7px,2vw,13px)}.learning-result-status{align-items:center;gap:var(--space-3);display:flex}.learning-result-drawing{border-radius:var(--radius-inner);background:var(--surface);border:2px solid var(--ink);flex:none;place-items:center;width:3.5rem;height:3.5rem;display:grid}.learning-result-drawing .hangman{width:2.75rem}.learning-lede{max-width:52ch;margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-lede);line-height:var(--leading-body)}.learning-empty{width:min(100%,64rem);color:var(--text-muted);margin:0 auto}.unit-list{gap:var(--space-5);width:min(100%,64rem);margin:0 auto;padding:0;list-style:none;display:grid}.unit-card{align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-5) var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-ink);grid-template-columns:10rem minmax(0,1fr) auto;display:grid}.unit-card-art{width:100%;height:auto;padding:var(--space-2) var(--space-3);border:2px solid var(--ink);border-radius:var(--radius-inner);background:var(--oliva)}.unit-card h2{align-items:center;gap:var(--space-2) var(--space-3);color:var(--ink);font:800 var(--text-card-title)/var(--leading-tight) var(--font-display);margin:0;display:flex}.unit-card-number{border:2px solid var(--ink);width:2rem;height:2rem;font:700 var(--text-meta)/1 var(--font-ui);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:inline-grid}.unit-draft{padding:0 var(--space-2);border:1.5px dashed var(--ink);border-radius:var(--radius-pill);color:var(--text-muted);font:600 var(--text-label)/1.6 var(--font-ui)}.unit-card p{margin:var(--space-1) 0 var(--space-3);color:var(--text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.unit-card .primary-action{width:auto;padding-inline:1.75em}.unit-head{align-items:end;gap:var(--space-2) var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.unit-pill{border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--oliva);font-size:var(--text-label);font-weight:var(--weight-semibold);justify-self:start;margin:0;padding:.125rem .75rem;line-height:1.5}.unit-head h1{color:var(--ink);font:800 var(--text-page-title)/var(--leading-tight) var(--font-display);letter-spacing:-.01em;margin:0}.unit-head .unit-strip{grid-area:1/2/span 2;align-self:center;width:min(25rem,38vw)}.unit-strip{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.unit-strip span{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);height:.75rem;position:relative}.unit-strip .is-correct{background:var(--oliva)}.unit-strip .is-current{background:var(--safra)}.unit-strip .is-failed:after{content:"";background:var(--magrana);border-radius:50%;width:.3125rem;height:.3125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-play{gap:var(--space-6);width:min(100%,64rem);margin:0 auto;display:grid}.vocab-layout{align-items:start;gap:var(--space-8);grid-template:"head head""card side"/minmax(0,34fr) minmax(0,26fr);width:min(100%,62rem);margin:0 auto;display:grid}.vocab-layout>.unit-head{grid-area:head}.vocab-layout>.vocab-card{grid-area:card}.vocab-side{gap:var(--space-6);grid-area:side;display:grid}.vocab-card{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow-ink);overflow:hidden}.vocab-band{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:2px solid var(--ink);color:var(--ink);background:var(--oliva);grid-template-columns:minmax(0,1fr) clamp(6rem,34%,11rem);display:grid}.vocab-card.is-loss .vocab-band{background:var(--paper-deep)}.vocab-outcome{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:var(--leading-ui);display:flex}.vocab-outcome-mark{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--surface);flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.vocab-outcome-mark .hangman{width:1.75rem;height:auto}.vocab-band-text{min-width:0;container-type:inline-size}.vocab-band h2{--word-max:clamp(2.75rem, 1.9rem + 3vw, 4.5rem);font:800 max(1.75rem, min(var(--word-max), 100cqi / (var(--chars,6) * .62)))/.95 var(--font-display);letter-spacing:-.035em;overflow-wrap:break-word;margin:0}.vocab-band[data-long]{grid-template-columns:minmax(0,1fr)}.vocab-band[data-long] .vocab-art{width:clamp(5.5rem,22%,8rem);margin-bottom:calc(-1 * var(--space-2));order:-1;justify-self:end}:root .vocab-band h2:focus,:root .vocab-band h2:focus-visible{box-shadow:none;outline:none}.vocab-meta{align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-4) 0 0;flex-wrap:wrap;display:flex}.vocab-ipa{font-size:var(--text-meta);letter-spacing:.02em}.vocab-listen{width:var(--control-height);height:var(--control-height);border:2px solid var(--ink);color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;padding:0;display:grid}.vocab-grammar{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-label);padding:.0625rem .75rem;line-height:1.5}.vocab-art{width:100%;height:auto}.vocab-art--fallback{aspect-ratio:1;border:2px solid var(--ink);background:var(--safra);border-radius:50%;justify-self:center;place-items:center;width:min(100%,8rem);display:grid;position:relative}.vocab-art--fallback img{opacity:.3;width:80%;height:80%;position:absolute;inset:10%}.vocab-art--fallback span{font:800 clamp(2.5rem, 2rem + 2vw, 3.5rem)/1 var(--font-display);position:relative}.vocab-body{gap:var(--space-6);padding:var(--space-6) var(--space-8) var(--space-8);display:grid}.vocab-body h3{margin:0 0 var(--space-1);color:var(--text-muted);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-ui)}.vocab-body p{line-height:var(--leading-body);margin:0}.vocab-example{padding-left:var(--space-4);border-left:3px solid var(--magrana)}.vocab-example p[lang=ca]{font:italic 500 clamp(1.25rem, 1.1rem + .5vw, 1.5rem)/1.4 var(--font-display);font-synthesis:style}.vocab-example mark{color:var(--ink);background:var(--safra);border-radius:3px;margin-left:.1em;padding:0 .12em}.vocab-example .vocab-example-es{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-meta)}.vocab-tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.vocab-tiles section{padding:var(--space-4);border-radius:var(--radius-inner);background:var(--paper-deep)}.vocab-tiles section:first-child strong{font:700 var(--text-panel-title)/1.2 var(--font-display)}.vocab-tiles section+section p{font-size:var(--text-meta)}.vocab-note{color:var(--text-muted);font-size:var(--text-meta)}.vocab-note strong{color:var(--ink)}.progress-panel{padding:var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-ink)}.progress-panel h2{margin:0 0 var(--space-4);color:var(--ink);font:800 var(--text-panel-title)/1.2 var(--font-display)}.progress-donut-row{align-items:center;gap:var(--space-5);display:flex}.progress-donut{fill:none;stroke-width:6px;flex:none;width:5.5rem;height:5.5rem}.progress-donut circle:first-child{stroke:var(--paper-deep)}.progress-donut circle+circle{stroke:var(--oliva)}.progress-donut-row p{margin:0;display:grid}.progress-donut-row strong{color:var(--ink);font:800 var(--text-card-title)/1 var(--font-display);font-variant-numeric:tabular-nums}.progress-donut-row span{color:var(--text-muted);font-size:var(--text-meta)}.progress-tiles{gap:var(--space-2);margin:var(--space-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.progress-tiles div{padding:var(--space-3) var(--space-1);border:1.5px solid var(--ink);border-radius:var(--radius-inner);text-align:center;flex-direction:column-reverse;align-items:center;display:flex}.progress-tiles dd{color:var(--ink);font:800 var(--text-panel-title)/1.1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.progress-tiles dt{color:var(--text-muted);font-size:var(--text-label);line-height:var(--leading-ui)}.unit-words{padding:var(--space-5);border:2px dashed var(--border-dashed);border-radius:var(--radius-card)}.unit-words h2{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.word-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.word-chips button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);min-height:2.25rem;color:var(--ink);background:var(--surface);font:600 var(--text-body)/1 var(--font-display);align-items:center;gap:.3em;padding:0 .9rem;display:inline-flex}@media (pointer:coarse){.word-chips button{min-height:var(--control-height)}}.word-chips button.is-current{background:var(--safra);font-weight:800}.word-chip-saved{width:.875rem;height:.875rem;color:var(--magrana)}.vocab-actions{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.vocab-actions .primary-action{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.5rem;display:inline-flex}.vocab-bookmark{border-radius:var(--radius-inner);place-items:center;width:3.5rem;min-height:3.5rem;padding:0;display:grid}.vocab-bookmark svg{fill:#0000}.vocab-bookmark[aria-pressed=true] svg{fill:var(--magrana)}.vocab-dialog{width:min(100%,36rem);padding:var(--space-3);border-radius:var(--radius-dialog);background:var(--paper);box-shadow:var(--shadow-dialog);border:0}.vocab-dialog[open]{gap:var(--space-4);display:grid}.vocab-dialog .vocab-card{box-shadow:none}.vocab-dialog .secondary-action{justify-self:center;width:auto;padding-inline:2em}.unit-summary{gap:var(--space-6);width:min(100%,48rem);margin:0 auto;display:grid}.unit-summary-groups{gap:var(--space-4);display:grid}.unit-summary-actions{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.unit-summary-actions .primary-action,.unit-summary-actions .secondary-action{width:auto}.unit-summary-actions .text-button{min-height:var(--control-height)}@media (width<=62.4375em){.vocab-layout{gap:var(--space-6);grid-template:"head""card""side"/minmax(0,1fr)}.vocab-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.vocab-actions{grid-column:1/-1}}@media (width<=41.25em){.unit-card{gap:var(--space-3) var(--space-4);padding:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr)}.unit-card .primary-action{grid-column:1/-1;width:100%}.unit-head{grid-template-columns:minmax(0,1fr)}.unit-head .unit-strip{width:100%;margin-top:var(--space-1);grid-area:auto/1}.vocab-side{grid-template-columns:minmax(0,1fr)}.vocab-band{gap:var(--space-3);padding:var(--space-5)}.vocab-band h2{--word-max:clamp(2.25rem, 1.5rem + 4vw, 3rem)}.vocab-band{grid-template-columns:minmax(0,1fr) 5.5rem}.vocab-body{gap:var(--space-5);padding:var(--space-5)}.progress-panel{padding:var(--space-5)}.unit-summary-actions>*{flex:100%}}@media (width<=24.9375em){.unit-card h2{font-size:var(--text-panel-title)}}@media (width<=41.25em) and (height>=30em){.vocab-layout{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5.5rem)}html:has(.vocab-layout){scroll-padding-bottom:5.5rem}.vocab-actions{z-index:20;padding:12px calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 16px);border-top:2px solid var(--ink);background:var(--surface);position:fixed;bottom:0;left:0;right:0}.vocab-actions .primary-action,.vocab-bookmark{min-height:3rem;box-shadow:none}.vocab-bookmark{width:3rem}}.daily-game{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);width:min(100%,64rem);box-shadow:var(--shadow-card);margin:auto;overflow:hidden}.daily-columns{grid-template-columns:minmax(230px,.7fr) minmax(420px,1.3fr);min-height:520px;display:grid}.daily-today-label{margin-bottom:var(--space-3);color:var(--muted);text-align:center;font-size:var(--text-meta);font-weight:var(--weight-semibold)}.daily-word-scroll{width:100%;margin-bottom:18px;padding:5px;overflow:auto hidden;container-type:inline-size}.daily-word-scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.daily-word-scroll .word{--gap:clamp(3px, 1vw, 8px);justify-content:center;gap:var(--gap);min-width:max-content;display:flex}.daily-word-scroll .word>span{--tile:clamp(14px, calc((100cqw - (var(--letters,1) - 1) * var(--gap)) / var(--letters,1)), clamp(23px, 4.8vw, 39px));width:var(--tile);height:49px;color:var(--green-dark);font:700 min(clamp(21px, 4vw, 34px), calc(var(--tile) * 1.15))/1 var(--font-display);text-transform:uppercase;place-items:center;display:inline-grid}.daily-word-scroll .word>.letter{border-bottom:3px solid var(--ink)}.daily-word-scroll .word>.punctuation{width:clamp(7px,2vw,13px)}.daily-result{gap:var(--space-5);width:min(100%,56rem);padding:var(--space-6) clamp(16px, 4vw, 40px);grid-template:"main""actions"/minmax(0,1fr);margin:0 auto;display:grid}.daily-result-main{min-width:0;padding:var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-inner);background:var(--warning-surface);grid-area:main}.daily-already{margin:0 0 var(--space-4);padding:2px var(--space-3);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:var(--leading-body);border:2px solid var(--ink);display:inline-block}.daily-tomorrow,.daily-share-status{color:var(--muted);font-size:var(--text-meta);margin:0;line-height:1.45}.daily-result-message{color:var(--green);font-size:var(--text-lede);font-weight:var(--weight-bold);line-height:var(--leading-ui);margin:0}.daily-result.loss .daily-result-message{color:var(--red)}.daily-result.loss .learning-result-drawing{background:var(--error-surface)}.daily-mistakes{color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-ui);font-variant-numeric:tabular-nums;margin:2px 0 0}.daily-word-label{margin-top:var(--space-5);color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);display:block}.daily-result h2{margin:var(--space-1) 0 var(--space-4);color:var(--ink);font:800 clamp(2.5rem, 1.7rem + 2.6vw, 4rem)/1 var(--font-display);overflow-wrap:anywhere;letter-spacing:-.03em}:root .daily-result h2:focus,:root .daily-result h2:focus-visible{box-shadow:none;outline:none}.daily-result dl{gap:var(--space-3);margin:0;display:grid}.daily-result dl>div{background:0 0;padding:0}.daily-result dt{color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:var(--leading-ui);margin-bottom:2px}.daily-result dd{max-width:var(--measure);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);overflow-wrap:break-word;margin:0}.daily-result dd[lang=es]{color:var(--green-dark);font-weight:var(--weight-semibold)}.daily-result-actions{align-content:start;justify-items:start;gap:var(--space-2);grid-area:actions;display:grid}.daily-result-actions .primary-action{width:min(100%,18rem)}.daily-share-status:empty{display:none}.daily-share-status.copied{color:var(--green);font-weight:var(--weight-bold)}.daily-share-status.failed{color:var(--red)}.daily-result-actions .text-button{min-height:var(--control-height);padding-inline:0}@media (width>=56.25em){.daily-result{column-gap:var(--space-8);padding-block:var(--space-8);grid-template:"main actions"/minmax(0,1fr) minmax(0,18rem)}.daily-result-actions{padding-top:var(--space-1)}}.daily-about{width:min(100%,48rem);margin:var(--space-8) auto 0;color:var(--muted);text-align:center;padding:0 18px}.daily-about h2{margin:0 0 var(--space-3);color:var(--green-dark);font:700 var(--text-panel-title)/var(--leading-heading) var(--font-display)}.daily-about p{max-width:var(--measure);margin:var(--space-2) auto 0;font-size:var(--text-body);line-height:1.55}.lobby-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) min(22rem,40vw);align-items:stretch;width:min(100%,60rem);display:grid}.lobby-layout .lobby-card{width:100%}.lobby-card{text-align:center}.eyebrow{color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.room-code{margin:var(--space-2) 0 0;color:var(--safra);font:700 clamp(2.5rem, 1.9rem + 2.4vw, 3.75rem)/1 var(--font-display);letter-spacing:.18em;padding:var(--space-4) var(--space-3) calc(var(--space-4) + var(--control-height) / 2);border:2px solid var(--ink);border-radius:var(--radius-inner);background:var(--ink)}.copy-button{z-index:1;min-height:var(--control-height);margin-top:calc(var(--control-height) / -2);padding:0 var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink-sm);font-size:var(--text-control);font-weight:var(--weight-bold);line-height:var(--leading-ui);align-items:center;display:inline-flex;position:relative}.copy-button:hover{background:var(--paper-deep)}.copy-status{margin:var(--space-2) 0 0;color:var(--error);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.lobby-invite{justify-items:center;gap:var(--space-2);margin-top:var(--space-3);display:grid}.lobby-invite-button{width:100%;min-height:3.25rem}.lobby-invite p{color:var(--green);font-size:var(--text-meta);font-weight:var(--weight-bold);margin:0}.waiting-pulse{margin:var(--space-5) 0;color:var(--text-muted);font-size:var(--text-body);justify-content:center;align-items:center;gap:10px;display:flex}.waiting-pulse span{text-align:left;text-wrap:balance}.waiting-pulse i{background:var(--safra);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 0 6px oklch(83% .15 82/.25)}@keyframes pulse{50%{box-shadow:0 0 0 10px oklch(83% .15 82/.05)}}.lobby-start{margin-bottom:var(--space-5)}.lobby-rules{margin-top:var(--space-5)}.lobby-rules-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.lobby-rules h2{color:var(--green-dark);font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0}.lobby-rules-configure{width:auto;min-height:2.5rem;font-size:var(--text-meta);padding:.35em 1.1em}.lobby-rules-pills{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lobby-rules-pills li{border:1.5px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:var(--leading-ui);padding:3px 12px}.lobby-settings-dialog{width:min(100%,27rem);padding:var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-dialog);background:var(--surface);box-shadow:var(--shadow-ink);text-align:left}.lobby-settings-dialog h2{margin:0 0 var(--space-2);color:var(--ink);font:800 var(--text-page-title)/var(--leading-tight) var(--font-display)}.lobby-settings-dialog>p{margin:0 0 var(--space-5);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.lobby-rules-controls{gap:var(--space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.lobby-rules-controls:disabled{opacity:.7}.lobby-rules-controls .language-field>span{color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.lobby-rules-controls .language-option-wrap{flex:1;display:flex}.lobby-rules-controls .language-option-wrap button{width:100%}.lobby-rules-controls .target-selector div{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-settings-dialog .form-error{margin:var(--space-3) 0 0}@media (width<=37.4375em){.lobby-settings-dialog{padding:22px 18px}.lobby-settings-dialog .exit-confirmation-actions button{width:100%}}.lobby-meta{padding:var(--space-3) 0;border-block:1px solid var(--border);color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.player-list{gap:var(--space-2);margin:var(--space-5) 0 var(--space-6);text-align:left;padding:0;list-style:none;display:grid}.player-list li{font-size:var(--text-name);font-weight:var(--weight-semibold);line-height:var(--leading-ui);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.player-list li span{width:2.25rem;height:2.25rem;color:var(--ink);background:var(--safra);border:2px solid var(--ink);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.player-list li small{border-radius:var(--radius-pill);color:var(--ink);background:var(--paper-deep);font-size:var(--text-meta);font-weight:var(--weight-semibold);padding:1px 9px}.match-page{padding:var(--space-5) calc(env(safe-area-inset-right,0px) + 15px) 38px calc(env(safe-area-inset-left,0px) + 15px)}@media (width>=41.3125em){.match-page{padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-6)) calc(env(safe-area-inset-right,0px) + var(--space-6))}}.match-header{max-width:var(--page-max);margin:0 auto var(--space-5);align-items:center;gap:22px;display:flex}.match-title{color:var(--ink);font:800 var(--text-page-title)/var(--leading-tight) var(--font-display);letter-spacing:-.02em;margin:0}.match-meta{justify-content:flex-end;align-items:baseline;gap:var(--space-1) var(--space-5);flex-wrap:wrap;flex:1;min-width:0;display:flex}.match-meta span{color:var(--text-muted);font-size:var(--text-meta);line-height:var(--leading-ui);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.match-meta b{color:var(--ink);letter-spacing:.04em}.match-layout{max-width:var(--page-max);gap:var(--space-5);grid-template:"forgiveness game""score game""chat game"1fr/min(18.5rem,30vw) minmax(0,1fr);align-items:start;margin:auto;display:grid}.match-layout:not(.match-over-layout){row-gap:0}.match-layout>.scoreboard,.match-layout>.forgiveness-tray{margin-bottom:var(--space-5)}@media (width>=81.25em){.match-layout{gap:var(--space-6);grid-template:"score game forgiveness""score game chat"minmax(360px,1fr)/min(17.5rem,21vw) minmax(0,1fr) min(18.5rem,22vw);align-items:stretch}.match-layout>.scoreboard{margin-bottom:0}.match-layout>.forgiveness-tray{margin-bottom:var(--space-6)}.match-layout:not(.match-over-layout)>.room-chat{height:auto;min-height:22rem;max-height:max(38rem,100dvh - 9rem)}}.scoreboard,.multiplayer-game,.room-chat,.forgiveness-tray{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.scoreboard{min-width:0;padding:var(--space-5) var(--space-4);grid-area:score;align-self:start}.scoreboard-head{justify-content:space-between;align-items:baseline;gap:0 var(--space-3);margin:0 0 var(--space-4);padding-inline:var(--space-1);flex-wrap:wrap;display:flex}.scoreboard h2{color:var(--ink);font:800 var(--text-panel-title)/var(--leading-heading) var(--font-display);overflow-wrap:anywhere;min-width:0;margin:0}.scoreboard-count{color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-ui);font-variant-numeric:tabular-nums}.scoreboard-summary,.scoreboard-toggle{display:none}.scoreboard ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.scoreboard li{align-items:center;gap:2px var(--space-2);min-width:0;padding:.375rem var(--space-3);border-radius:var(--radius-inner);background:0 0;border:2px solid #0000;grid-template-columns:1.5rem minmax(0,1fr) auto;display:grid}.scoreboard li.is-self{border-color:var(--ink);background:var(--warning-surface)}.scoreboard .rank{color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:center;grid-row:1/3;align-self:center}.scoreboard .player-identity{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.scoreboard .player-name{min-width:0;font-size:var(--text-name);font-weight:var(--weight-semibold);line-height:var(--leading-ui);overflow-wrap:anywhere}.player-self{border-radius:var(--radius-pill);color:var(--paper);background:var(--ink);font-size:var(--text-label);font-weight:var(--weight-semibold);flex:none;padding:0 7px;line-height:1.5}.scoreboard li strong{border-radius:var(--radius-pill);min-width:2.2em;color:var(--ink);font-size:var(--text-score);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right;background:0 0;grid-area:1/3/3;padding:0 2px;line-height:1.2}.scoreboard li small{color:var(--muted);font-size:var(--text-label);line-height:var(--leading-ui);grid-column:2}.scoreboard li small.is-reconnecting{color:var(--warning);font-weight:var(--weight-semibold)}.departed-players{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.departed-players h3{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold)}.departed-players ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.departed-players li{color:var(--muted);background:var(--paper-deep);font-size:var(--text-meta);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.departed-players .player-name{overflow-wrap:anywhere;min-width:0}.scoreboard .departed-players li strong{min-width:0;color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;background:0 0;padding:0}.multiplayer-game{flex-direction:column;grid-area:game;justify-content:center;min-width:0;min-height:620px;display:flex;overflow:hidden}.word-form,.phase-message{text-align:center;width:min(100% - 40px,34rem);margin:auto}.word-form{gap:var(--space-4);display:grid}.word-form input{text-align:center;letter-spacing:.05em;margin:0;padding:.8em;font-size:clamp(1.125rem,1rem + .4vw,1.375rem)}.word-privacy{margin:calc(var(--space-2) * -1) 0 0;color:var(--muted);font-size:var(--text-meta)}.role-badge,.role-line{color:var(--green);text-align:center;font-size:var(--text-body);font-weight:var(--weight-bold);line-height:var(--leading-ui)}.role-badge{border-radius:var(--radius-pill);background:var(--mar-surface);justify-self:center;padding:8px 14px;display:inline-block}.thinking{color:var(--green);letter-spacing:.15em;font-size:42px;animation:1.2s infinite pulseText}.phase-message h2{color:var(--green-dark);font:700 var(--text-panel-title)/var(--leading-heading) var(--font-display);overflow-wrap:anywhere}.phase-message p{font-size:var(--text-body)}@keyframes pulseText{50%{opacity:.35}}.role-line{padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--ink);color:var(--ink);background:var(--warning-surface)}.connection-notice,.reconnected-notice{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--warning);background:var(--warning-surface);font-size:var(--text-meta);line-height:var(--leading-ui);text-align:center}.reconnected-notice{color:var(--ink);background:var(--mar-surface)}.game-columns{flex:1;grid-template-columns:minmax(min(13rem,34%),.72fr) minmax(min(22rem,60%),1.35fr);display:grid}.drawing-panel{color:var(--ink);border-right:2px dashed var(--border-dashed);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.hangman{width:min(100%,230px);height:auto}.hangman .gallows{color:var(--text-muted)}.hangman .figure{color:var(--green-dark)}.hangman .hangman-part--entering{transform-box:fill-box;transform-origin:50%;animation:.24s ease-out both hangman-part-enter}@keyframes hangman-part-enter{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.error-copy{justify-content:space-between;gap:var(--space-3);width:min(100%,230px);margin-top:var(--space-5);font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--text-muted);flex-wrap:wrap;display:flex}.guess-area{min-width:0;padding:var(--space-8) clamp(16px, 3vw, 48px);flex-direction:column;justify-content:center;align-items:center;display:flex}.multiplayer-word-scroll{--letter-gap:clamp(2px, 1cqw, 8px);--min-tile:18px;--continuation-width:10px;--word-reserve:0px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow:auto hidden;container-type:inline-size}.multiplayer-word-scroll.is-split{--word-reserve:calc(var(--continuation-width) + var(--letter-gap))}.multiplayer-word-scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.multiplayer-word{flex-wrap:wrap;justify-content:safe center;align-items:flex-end;gap:10px clamp(12px,3cqw,24px);width:100%;min-height:62px;display:flex}.multiplayer-word-group{align-items:flex-end;gap:var(--letter-gap);white-space:nowrap;flex:none;display:inline-flex}.multiplayer-word-group>span{--tile:clamp(var(--min-tile), calc((100cqw - var(--word-reserve) - (var(--longest-word) - 1) * var(--letter-gap)) / var(--longest-word)), 38px);width:var(--tile);height:48px;color:var(--green-dark);font:700 min(clamp(18px, 7cqw, 36px), calc(var(--tile) * 1.15))/1 var(--font-display);place-items:center;display:inline-grid}@media (width>=41.3125em){.game-columns{grid-template-columns:minmax(11rem,.62fr) minmax(0,1.38fr)}.game-columns .drawing-panel{padding:var(--space-6)}.game-columns .hangman{width:min(100%,16.25rem)}.game-columns .guess-area{padding-inline:clamp(16px,2vw,32px)}.game-columns .multiplayer-word-group>span{--tile:clamp(var(--min-tile), calc((100cqw - var(--word-reserve) - (var(--longest-word) - 1) * var(--letter-gap)) / var(--longest-word)), 3rem);height:3.5rem;font-size:min(2.375rem, calc(var(--tile) * 1.05))}.game-columns .keyboard{--key-max:3rem;--key-height:3rem;max-width:calc(7 * 3rem + 6 * var(--key-gap))}.game-columns .keyboard button{font-size:1.25rem}}.multiplayer-word-group>.blank,.multiplayer-word-group>.letter{border-bottom:3px solid var(--ink)}.multiplayer-word-group>.punctuation{width:clamp(7px,2cqw,12px)}.multiplayer-word-split{flex:1 0 100%;justify-content:center;justify-items:start;row-gap:6px;display:grid}.multiplayer-word-group.continues:after{width:var(--continuation-width);background:var(--ink);content:"";border-radius:2px;flex:none;align-self:center;height:3px}.setter-secret{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-meta);text-align:center;overflow-wrap:anywhere}.setter-secret strong{color:var(--green-dark)}.round-result{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-inner);color:var(--ink);background:var(--mar-surface);font-size:var(--text-body);line-height:var(--leading-ui);text-align:center;overflow-wrap:anywhere;border:2px solid var(--ink);flex-direction:column;gap:2px;display:flex}.round-result span{font-size:var(--text-meta)}.round-result strong{color:var(--green-dark);font:700 var(--text-panel-title)/var(--leading-heading) var(--font-display);letter-spacing:.04em}.forgiveness-panel,.forgiveness-wait{gap:var(--space-2);width:min(100%,30rem);margin-bottom:var(--space-4);padding:var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-inner);color:var(--ink);background:var(--warning-surface);font-size:var(--text-body);line-height:var(--leading-ui);text-align:center;flex-direction:column;display:flex}.observer-selector{border-bottom:1px solid var(--border);background:var(--cream);width:100%;margin:0;padding:0 20px;overflow:hidden}.observer-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;align-items:stretch;gap:3px;padding:0 0 1px;display:flex;overflow-x:auto}.observer-selector button{min-width:4.5rem;max-width:12rem;min-height:44px;color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);overflow-wrap:anywhere;background:0 0;border:0;border-radius:7px 7px 0 0;flex:none;padding:8px 12px 10px;line-height:1.25;position:relative}.observer-selector button:hover,.observer-selector button[aria-selected=true]{color:var(--green-dark);background:var(--mar-surface)}.observer-selector button[aria-selected=true]:after{background:var(--green);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:9px;right:9px}.observer-selector button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.forgiveness-tray{min-width:0;padding:var(--space-4);border-color:var(--ink);color:var(--ink);background:var(--warning-surface);border-radius:16px;grid-area:forgiveness;align-self:start}.forgiveness-tray>strong{margin-bottom:var(--space-1);color:var(--warning);font-size:var(--text-name);font-weight:var(--weight-bold);line-height:var(--leading-ui);display:block}.forgiveness-tray-list{display:grid}.forgiveness-request{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border);font-size:var(--text-body);line-height:var(--leading-ui);overflow-wrap:anywhere;display:grid}.forgiveness-request:first-child{border-top:0}.forgiveness-request>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.forgiveness-request button{min-height:var(--control-height);font-size:1rem;font-weight:var(--weight-bold);white-space:nowrap;border-radius:8px;flex:auto;padding:8px 12px;line-height:1.2}.player-departed{opacity:.55}.forgiveness-panel>div{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.forgiveness-panel button{min-height:var(--control-height);font-size:1rem;font-weight:var(--weight-bold);border-radius:9px;padding:9px 14px}.forgive-action{border:2px solid var(--ink);color:#fff;background:var(--mar)}.deny-action{border:1px solid var(--error);color:var(--error);background:#fff}.forgiveness-wait span{color:var(--warning);font-size:var(--text-meta)}.player-terminal-state{width:min(100%,30rem);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-inner);font-size:var(--text-body);line-height:var(--leading-ui);text-align:center;flex-direction:column;gap:2px;display:flex}.player-terminal-state span{font-size:var(--text-meta)}.solved-state{border:2px solid var(--ink);color:var(--ink);background:var(--mar-surface)}.eliminated-state{border:2px solid var(--error);color:var(--error);background:var(--error-surface)}.spectating-state{border:1px solid var(--border);color:var(--ink);background:var(--paper-deep)}.incorrect-list{min-height:3.25rem;color:var(--muted);text-align:center;font-size:var(--text-meta)}.incorrect-list span{font-weight:var(--weight-semibold);margin-bottom:2px;display:block}.incorrect-list strong{color:var(--red);font-size:var(--text-body);letter-spacing:.04em}.keyboard{--key-gap:.375rem;width:100%;max-width:calc(9 * 3rem + 8 * var(--key-gap));justify-content:center;gap:var(--key-gap);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex;container:keyboard/inline-size}.keyboard button{width:2.375rem;width:min(var(--key-max,2.875rem), calc((100cqw - 6 * var(--key-gap)) / 7 - .1px));height:var(--key-height,2.75rem);font-size:var(--text-control);font-weight:var(--weight-bold);border:2px solid var(--ink);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink-sm);font-family:var(--font-display);border-radius:9px;padding:0}.keyboard button:not(:disabled):hover{color:var(--ink);border-color:var(--ink);background:var(--safra);transform:translateY(-1px)}.keyboard button:disabled{cursor:default;box-shadow:none}@container keyboard (width>=24.375rem){.keyboard button{width:min(3rem, calc((100cqw - 8 * var(--key-gap)) / 9 - .1px))}}.guess-area>.primary-action{width:auto}.continue-note{color:var(--muted);font-size:var(--text-meta);text-align:center;overflow-wrap:anywhere}.round-results{margin:0 var(--space-5) var(--space-5);padding:var(--space-3) var(--space-4) var(--space-2);border-top:1px solid var(--border)}.round-results h2{margin:0 0 var(--space-2);color:var(--green-dark);font:600 var(--text-name)/var(--leading-ui) var(--font-ui);text-align:left}.round-results-list{margin:0;padding:0;list-style:none}.round-result-row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:3.25rem minmax(0,1fr);min-height:2.75rem;padding:6px 4px;display:grid}.round-result-row:last-child{border-bottom:0}.round-result-points{color:var(--green);font-size:var(--text-score);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:left;line-height:1.1}.round-result-content{justify-content:space-between;align-items:baseline;gap:2px var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.round-result-player{align-items:baseline;gap:7px;min-width:0;display:flex}.round-result-name{min-width:0;color:var(--ink);font-size:var(--text-name);font-weight:var(--weight-semibold);line-height:var(--leading-ui);overflow-wrap:anywhere}.round-result-meta{color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.outcome-solved .round-result-points{color:var(--green)}.outcome-forgiven .round-result-points{color:var(--warning)}.outcome-failed .round-result-points{color:var(--red)}.outcome-forgiven .round-result-meta{color:var(--warning)}.outcome-setter .round-result-points{color:var(--text-muted)}.disconnect-page section{text-align:center}.disconnect-icon{width:56px;height:56px;color:var(--red);background:var(--error-surface);border-radius:50%;place-items:center;margin:auto;font-size:30px;font-weight:700;display:grid}.disconnect-page h1{color:var(--green-dark);font:700 var(--text-page-title)/var(--leading-tight) var(--font-display)}.disconnect-page p{color:var(--muted);font-size:var(--text-body)}.room-chat{flex-direction:column;min-width:0;height:620px;display:flex;overflow:hidden}.match-layout>.room-chat{grid-area:chat;height:clamp(22rem,62vh,34rem);min-height:0}.room-chat h2{padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:2px solid var(--ink);color:var(--ink);font:800 var(--text-panel-title)/var(--leading-heading) var(--font-display);margin:0}.chat-messages{gap:var(--space-3);min-height:0;padding:var(--space-3);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-empty{max-width:24ch;color:var(--muted);text-align:center;font-size:var(--text-meta);line-height:var(--leading-ui);margin:auto}.chat-messages article{flex:none;align-self:flex-start;max-width:94%}.chat-messages article.continued{margin-top:calc(var(--space-2) * -1)}.chat-messages article.own{align-self:flex-end}.chat-message-meta{align-items:baseline;gap:var(--space-2);margin:0 var(--space-1) var(--space-1);color:var(--text-muted);font-size:var(--text-label);line-height:var(--leading-ui);display:flex}.own .chat-message-meta{justify-content:flex-end}.chat-message-meta strong{overflow-wrap:anywhere;font-weight:var(--weight-semibold)}.chat-message-meta time{font-variant-numeric:tabular-nums;flex:none}.chat-message-body{position:relative}.chat-messages article p{padding:var(--space-2) 2.5rem var(--space-2) var(--space-3);border-radius:var(--radius-inner);color:var(--ink);background:var(--paper-deep);overflow-wrap:anywhere;white-space:pre-wrap;font-size:var(--text-chat);text-align:left;margin:0;line-height:1.4}.chat-messages article.own p{background:var(--mar-surface)}.reaction-trigger{border-radius:var(--radius-control);width:2rem;height:2rem;color:var(--text-muted);font-size:var(--text-chat);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:.125rem;right:.125rem}.reaction-trigger:hover,.reaction-trigger[aria-expanded=true]{color:var(--ink);background:var(--surface)}.reaction-picker{z-index:80;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-control);border-radius:var(--radius-inner);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-ink-sm);display:flex;position:fixed}.reaction-picker[hidden]{display:none}.reaction-picker button{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--control-height);height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--ink);font-size:var(--text-chat);background:0 0;border:1px solid #0000;display:inline-flex}.reaction-picker button:hover{background:var(--paper-deep)}.reaction-picker button[aria-pressed=true]{border-color:var(--mar);background:var(--mar-surface)}.active-reactions{align-items:center;gap:var(--space-2);min-height:2rem;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-label);flex-wrap:wrap;display:flex}.own .active-reactions{margin-left:auto}.active-reactions .selected{text-underline-offset:.2em;text-decoration:underline}.chat-form{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);flex:none;display:flex}.chat-form input{min-width:0;min-height:var(--control-height);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-chat);outline:none;flex:1;padding:8px 16px}.chat-form input:focus{border-color:var(--green);box-shadow:var(--shadow-ink-sm)}.chat-form button{min-height:var(--control-height);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--paper);background:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-bold);flex:none;padding:8px 16px}.chat-form button:disabled{cursor:not-allowed;opacity:.45}.chat-error{margin:calc(var(--space-1) * -1) var(--space-3) var(--space-3);color:var(--red);font-size:var(--text-meta);flex:none}.typing-indicator{min-height:1.25rem;padding:0 var(--space-4) var(--space-1);color:var(--muted);font-size:var(--text-label);flex:none;margin:0;font-style:italic}.lobby-layout .room-chat{height:auto;min-height:500px;max-height:max(38rem,100dvh - 9rem)}.match-layout>.room-chat.is-empty,:root .match-over-layout>.room-chat.is-empty{align-self:start;height:auto;min-height:0}.match-layout>.room-chat.is-empty .chat-messages{flex:none;min-height:7.5rem}@media (width<=62.4375em){.howto-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=53.75em){.howto-grid{grid-template-columns:1fr}}@media (width<=37.4375em){.howto-steps ol{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:minmax(0,1fr)}.howto-steps li{align-items:center;gap:var(--space-4);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.howto-steps li:nth-child(n){transform:none}.howto-steps p{margin:0}}@media (width<=81.1875em){.scoreboard.is-collapsible .scoreboard-summary{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.ranking-summary-row{align-items:center;gap:0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-inner);background:0 0;border:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.ranking-summary-row.is-leader{border-color:var(--ink);background:var(--mar-surface)}.ranking-summary-row.is-self{border-color:var(--ink);background:var(--warning-surface)}.ranking-summary-place{color:var(--muted);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:var(--leading-ui);font-variant-numeric:tabular-nums;grid-column:1}.ranking-summary-tie{text-transform:none;letter-spacing:0;font-weight:var(--weight-semibold)}.ranking-summary-who{align-items:baseline;gap:2px var(--space-2);flex-wrap:wrap;grid-column:1;min-width:0;display:flex}.ranking-summary-who .player-identity{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:inline-flex}.ranking-summary-who .player-name{min-width:0;color:var(--ink);font-size:var(--text-name);font-weight:var(--weight-semibold);line-height:var(--leading-ui);overflow-wrap:anywhere}.ranking-summary-joiner{color:var(--muted)}.ranking-summary-score{color:var(--green-dark);font-size:var(--text-body);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/2/3}.scoreboard.is-collapsible .scoreboard-toggle{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-height);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-control);font-weight:var(--weight-semibold);line-height:var(--leading-ui);display:flex}.scoreboard-toggle:hover{border-color:var(--ink);background:var(--paper-deep)}.scoreboard-toggle-chevron{border-bottom:2px solid;border-right:2px solid;width:.5em;height:.5em;transition:transform .16s;transform:translateY(-.15em)rotate(45deg)}.scoreboard-toggle[aria-expanded=true] .scoreboard-toggle-chevron{transform:translateY(.15em)rotate(-135deg)}.scoreboard.is-collapsible:not(.is-expanded) .scoreboard-full{display:none}.scoreboard.is-collapsible .scoreboard-full{margin-top:var(--space-3)}}@media (width<=62.4375em){.match-layout{gap:var(--space-4);grid-template:"forgiveness""game""score""chat"/minmax(0,1fr)}.match-layout>.scoreboard,.match-layout>.forgiveness-tray,.match-layout>.multiplayer-game{margin-bottom:var(--space-4)}.scoreboard{padding:var(--space-4)}.scoreboard-head{margin-bottom:var(--space-3)}.scoreboard ol{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.multiplayer-game{min-height:570px}.room-chat,.match-layout>.room-chat{width:100%;height:400px}.home-shell{gap:var(--space-12)}.home-band{margin-block:4.5rem 0}.home-hero{align-items:start;gap:var(--space-4) var(--space-8);grid-template-columns:minmax(0,1fr) 15rem;grid-template-areas:"eyebrow art""title art""lede art""modes modes"}.home-copy{display:contents}.home-copy>.page-eyebrow{grid-area:eyebrow;justify-self:start;margin:0}.home-copy h1{grid-area:title;max-width:12ch}.home-lede{grid-area:lede;margin:0}.home-modes{margin-top:var(--space-4);grid-area:modes}.home-preview{width:100%;padding:var(--space-6) var(--space-4) var(--space-5);grid-area:art;place-self:center end;transform:rotate(1deg)}.preview-drawing{width:min(100%,9.5rem)}.preview-word{gap:var(--space-2)}.preview-letter{width:1.5rem;min-width:1.5rem;min-height:2rem;font-size:1.3rem}.home-modes{max-width:none}.home-card--join form{gap:var(--space-5);grid-template:"name""next""create""divider""join""error"/minmax(0,1fr)}}@media (width<=37.4375em){.home-page,.home-page--multiplayer{padding:var(--space-6) calc(env(safe-area-inset-right,0px) + var(--space-4)) 0 calc(env(safe-area-inset-left,0px) + var(--space-4))}.home-shell{gap:var(--space-10)}.home-band{margin-block:var(--space-16) 0;padding-block:var(--space-3)}.home-hero{gap:var(--space-8)}.home-copy h1{max-width:17ch;line-height:1.02}.ios-install-card{border-radius:12px;width:100%}.ios-install-toggle{padding-inline:12px}.home-hero{align-items:center;gap:var(--space-4) var(--space-3);grid-template-columns:minmax(0,1fr) 5.5rem;grid-template-areas:"eyebrow eyebrow""title title""lede art""modes modes"}.home-copy{display:contents}.home-copy>.page-eyebrow{grid-area:eyebrow;justify-self:start;margin:0}.home-copy h1{grid-area:title}.home-lede{grid-area:lede;margin:0}.home-preview{width:100%;box-shadow:none;background:0 0;border:0;grid-area:art;justify-self:end;padding:0;transform:none}.home-preview :is(.preview-tag,.preview-word){display:none}.home-preview .preview-drawing{width:100%}.home-modes{max-width:none;margin-top:var(--space-1);gap:var(--space-4);grid-area:modes}.friends-options{grid-template-columns:minmax(0,1fr)}.friends-options li+li{border-left:0;border-top:2px solid var(--ink)}.solo-options{grid-template-columns:minmax(0,1fr)}.solo-options li+li{border-left:0;border-top:1.5px solid var(--ink)}.solo-options a{min-height:3rem;padding:var(--space-1) var(--space-2)}.solo-options .mode-icon{width:2rem;height:2rem;padding:.4rem}}@media (width<=37.4375em) and (height<=39.9375em){.home-page{padding-top:var(--space-4)}.home-copy>.page-eyebrow{display:none}.home-hero{grid-template-areas:"title title""lede art""modes modes"}}@media (width<=19.9375em){.home-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title""lede""art""modes"}.home-preview{justify-self:center;width:min(100%,7rem)}.friends-option{grid-template-columns:minmax(0,1fr) auto}.friends-option-icon{display:none}.solo-options a{grid-template-columns:minmax(0,1fr) auto}.solo-options .mode-icon{display:none}}@media (width<=41.25em){.match-page{padding-bottom:25px}.match-header{row-gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap}.match-meta{justify-content:flex-start;gap:0 var(--space-4);flex-wrap:wrap;flex-basis:100%;order:3}.match-title{font-size:var(--text-panel-title)}.game-columns{grid-template-columns:minmax(0,1fr)}.drawing-panel{border-right:0;border-bottom:2px dashed var(--border-dashed);flex-direction:row;gap:22px;padding:18px}.hangman{width:105px}.error-copy{flex-direction:column;flex:0 10rem;gap:2px;width:auto;min-width:0;margin:0}.error-copy strong{white-space:nowrap;font-size:var(--text-body)}.keyboard{--key-gap:5px}.role-line{padding-block:var(--space-2)}.game-columns{align-items:center;gap:0 var(--space-4);padding:var(--space-4) var(--space-3) var(--space-5);grid-template-columns:auto minmax(0,1fr)}.game-columns>.drawing-panel,.game-columns>.guess-area{display:contents}.game-columns>*>*{grid-column:1/-1;justify-self:center}.game-columns .hangman{grid-area:1/1/3;width:6.5rem}.game-columns .error-copy{flex:none;grid-area:1/2;place-self:end stretch}.game-columns .incorrect-list{min-height:0;margin-top:var(--space-3);text-align:left;grid-area:2/2;place-self:start stretch}.game-columns .multiplayer-word-scroll{margin:var(--space-5) 0 var(--space-3)}.game-columns .keyboard{margin:var(--space-3) 0 var(--space-2)}.multiplayer-game{min-height:0}.scoreboard li{padding:7px 9px}.forgiveness-tray{z-index:3;top:calc(env(safe-area-inset-top,0px) + 68px);width:100%;position:sticky}.observer-selector{padding-inline:12px}.observer-selector button{min-height:44px}.round-results{margin-inline:8px;padding-inline:4px}.round-result-row{grid-template-columns:44px minmax(0,1fr);gap:4px 9px;padding-block:6px}.round-result-content{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.round-result-player{width:100%}.round-result-meta{white-space:normal}.lobby-layout{grid-template-columns:1fr}.lobby-layout .room-chat{height:380px;min-height:380px}.room-chat{height:380px}.chat-form{padding:9px}.chat-form button{padding-inline:9px}.learning-header,.daily-header{padding-inline:4px}.daily-date{justify-items:start}.learning-columns,.daily-columns{grid-template-columns:1fr;min-height:0}.learning-columns .drawing-panel,.daily-columns .drawing-panel{border-right:0;border-bottom:2px dashed var(--border-dashed);flex-direction:row;gap:22px;padding:16px}.learning-columns .guess-area,.daily-columns .guess-area{padding:24px 10px}.learning-hint{padding:15px}.learning-word-scroll .word,.daily-word-scroll .word{justify-content:safe center}.daily-result dl>div{padding-inline:12px}.exit-confirmation-dialog{padding:22px 18px}.exit-confirmation-actions{flex-direction:column-reverse}.exit-confirmation-actions button{width:100%}}@media (width<=22.4375em){.game-columns{padding-inline:8px}.target-selector button{font-size:var(--text-meta)}.home-page,.lobby-page,.disconnect-page,.howto-page{padding-inline:calc(env(safe-area-inset-left,0px) + 12px) calc(env(safe-area-inset-right,0px) + 12px)}.home-card,.lobby-card,.disconnect-page section{border-radius:20px;padding:20px 14px}.room-code{letter-spacing:.08em;font-size:clamp(1.75rem,14vw,2.5rem)}.language-options button,.target-selector button{padding-inline:4px}.howto-shell>*,.howto-grid>*{min-width:0}.howto-section h2,.howto-section ul,.howto-steps p{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.howto-section ul{padding-left:16px}.match-actions .match-actions-buttons>*{flex:100%;min-width:0}.match-standings .standing-row{grid-template-columns:2rem minmax(0,1fr) auto;gap:6px;padding:8px 10px}.match-standings-head{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.daily-entry:hover .daily-arrow{transform:none}*{transition:none!important;animation:none!important}}.modal{max-width:calc(100% - 36px);max-height:calc(100dvh - 36px);color:inherit;margin:auto;overflow-y:auto}.modal:not([open]){display:none}.modal::backdrop{background:oklch(20% .015 60/.45)}:root :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 3px var(--focus-gap)}input::placeholder{color:var(--muted);opacity:1}:root .observer-selector button:focus-visible{outline-offset:-4px;box-shadow:none}.match-over-page{--results-heading-font:var(--font-display);--results-heading-size:var(--text-outcome);--results-lede-size:var(--text-lede);--results-label-size:var(--text-meta);--results-row-gap:8px;--results-leader-bg:var(--warning-surface);--results-leader-line:var(--ink)}.match-over-page .match-header{max-width:min(1200px, calc(46rem + min(20rem, 32vw) + var(--space-6)))}.match-layout.match-over-layout{justify-content:center;gap:var(--space-6);grid-template:"results chat"/minmax(0,46rem) min(20rem,32vw);align-items:start;max-width:1200px}.match-results{--results-pad-y:clamp(22px, 2.6vw, 36px);--results-pad-x:clamp(18px, 3vw, 40px);min-width:0;padding:var(--results-pad-y) var(--results-pad-x);border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);grid-area:results}.match-over-layout>.room-chat{top:calc(env(safe-area-inset-top,0px) + 72px);grid-area:chat;height:clamp(360px,100dvh - 120px,600px);min-height:0;position:sticky}.match-outcome{align-items:center;column-gap:var(--space-5);margin:calc(-1 * var(--results-pad-y)) calc(-1 * var(--results-pad-x)) 0;padding:var(--results-pad-y) var(--results-pad-x) var(--space-6);border-bottom:2px solid var(--ink);border-radius:calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px) 0 0;background:var(--paper-deep);grid-template-columns:minmax(0,1fr) auto;display:grid}.match-outcome>:not(.match-outcome-art){grid-column:1}.outcome-self-won .match-outcome{background:var(--safra)}.outcome-self-tied .match-outcome{background:var(--mar-surface)}.outcome-self-won .match-outcome-mark{background:var(--surface)}.match-outcome-art{width:clamp(4.5rem,1rem + 18vw,9rem);padding:var(--space-1);border:2px solid var(--ink);border-radius:var(--radius-inner);background:var(--surface);box-shadow:var(--shadow-ink-sm);grid-area:1/2/span 3;animation:.42s cubic-bezier(.2,.8,.3,1) both verdict-settle;transform:rotate(-3deg)}.match-outcome-art .hangman{width:100%;height:auto;display:block}@keyframes verdict-settle{0%{opacity:0;transform:translateY(-10px)rotate(-9deg)}}.match-outcome-eyebrow{color:var(--ink);font-size:var(--results-label-size);font-weight:var(--weight-semibold);margin:0 0 8px}.match-outcome h2{color:var(--ink);font-family:var(--results-heading-font);font-size:var(--results-heading-size);overflow-wrap:anywhere;letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.12}:root .match-outcome h2:focus,:root .match-outcome h2:focus-visible{box-shadow:none;outline:none}.match-outcome-mark{width:1.5em;height:1.5em;color:var(--ink);background:var(--safra);vertical-align:.2em;border:2px solid var(--ink);border-radius:50%;place-items:center;margin-right:.45em;font-size:.56em;line-height:1;display:inline-grid}.match-outcome-lede{max-width:60ch;color:var(--ink);font-size:var(--results-lede-size);overflow-wrap:anywhere;margin:10px 0 0;line-height:1.45}.match-actions-area{margin-top:24px}.match-actions-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.match-actions-buttons>*{width:auto;min-width:180px;min-height:48px;line-height:1.2}.match-actions .primary-action[aria-disabled=true]{cursor:progress;opacity:.7}.rematch-requested{color:var(--green-dark);font-size:var(--text-control);border-radius:8px;align-items:center;gap:10px;margin:0;padding:0 4px;font-weight:700;display:inline-flex}.rematch-requested-mark{width:26px;height:26px;color:var(--surface);background:var(--green);border-radius:50%;flex:none;place-items:center;font-size:.875rem;line-height:1;display:grid}.rematch-requested:focus{outline:none}.rematch-requested:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.rematch-readiness{color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;line-height:1.35;display:flex}.rematch-dots{flex:none;gap:5px;display:inline-flex}.rematch-dots i{border:2px solid var(--green);border-radius:50%;width:10px;height:10px}.rematch-dots i.on{background:var(--green)}.rematch-note{color:var(--warning);font-size:var(--text-meta);overflow-wrap:anywhere;margin:0 0 12px}.rematch-unavailable{border:1px solid var(--border);border-radius:var(--radius-inner);color:var(--warning);background:var(--warning-surface);font-size:var(--text-body);gap:3px;margin-bottom:14px;padding:12px 16px;line-height:1.4;display:grid}.match-actions .form-error{text-align:left}.match-standings{margin-top:32px}.match-standings-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:0 16px 10px;display:flex}.match-standings-head h3{overflow-wrap:anywhere;min-width:0;color:var(--ink);font:800 var(--text-panel-title)/var(--leading-heading) var(--font-display);margin:0}.match-standings-head span{color:var(--muted);font-size:var(--results-label-size);font-weight:var(--weight-semibold);margin-left:auto}.match-standings ol{gap:var(--results-row-gap);margin:0;padding:0;list-style:none;display:grid}.standing-row{border-radius:var(--radius-inner);background:var(--paper);border:2px solid #0000;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:12px;min-height:3.25rem;padding:10px 16px;display:grid}.standing-row.is-leader{border-color:var(--results-leader-line);background:var(--results-leader-bg)}.standing-row.is-self{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--ink)}.standing-row.is-departed{border-style:dashed;border-color:var(--border);background:var(--paper)}.standing-row.is-departed.is-leader{border-color:var(--border);background:var(--mar-surface)}.standing-rank{color:var(--text-muted);font:700 var(--text-score)/1 var(--font-ui);font-variant-numeric:tabular-nums;text-align:center}.is-leader .standing-rank{border:2px solid var(--ink);width:2rem;height:2rem;color:var(--ink);background:var(--safra);font-size:var(--text-body);border-radius:50%;justify-self:center;place-items:center;display:inline-grid}.standing-player{flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0;display:flex}.standing-name{min-width:0;color:var(--ink);font-size:var(--text-name);font-weight:var(--weight-semibold);line-height:var(--leading-ui);overflow-wrap:anywhere}.standing-self{color:var(--paper);background:var(--ink);font-size:var(--results-label-size);border-radius:999px;flex:none;padding:1px 9px;font-weight:700;line-height:1.5}.standing-status{min-width:0;color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-ui);overflow-wrap:anywhere;flex-basis:100%}.is-reconnecting .standing-status{color:var(--warning)}.standing-score{min-width:2ch;color:var(--green-dark);font-size:var(--text-score);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right}.match-round-note{color:var(--muted);font-size:var(--text-body);margin:24px 0 0}.match-round-details{border-top:1px solid var(--line);margin-top:24px}.match-round-details summary{min-height:var(--control-height);color:var(--green-dark);font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;padding:12px 4px 6px}.match-round-details summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.match-round-body{padding:4px 4px 0}.match-round-word{color:var(--ink);font-size:var(--text-body);margin:6px 0 0}.match-round-word strong{color:var(--green-dark);font-family:var(--results-heading-font);letter-spacing:.06em;overflow-wrap:anywhere}.match-round-meta{color:var(--muted);font-size:var(--text-meta);overflow-wrap:anywhere;margin:2px 0 0}.match-round-body .round-results{border-top:0;margin:8px 0 0;padding:4px 0 0}@media (width<=62.4375em){.match-over-page .match-header,.match-layout.match-over-layout{max-width:760px}.match-layout.match-over-layout{grid-template:"results""chat"/minmax(0,1fr)}.match-over-layout>.room-chat{width:100%;height:380px;position:static}}@media (width<=41.25em){.match-outcome-art{grid-row:1/span 2}.match-outcome>.match-outcome-lede{grid-column:1/-1}.standing-row{grid-template-columns:2rem minmax(0,1fr) auto;gap:10px;padding:9px 12px}.match-standings-head{padding-inline:12px}}@media (height<=29.9375em){.match-over-page{--results-heading-size:clamp(1.5rem, 1.1rem + 1.2vw, 1.875rem);--results-lede-size:1rem}.match-over-page .match-header{margin-bottom:12px}.match-outcome-eyebrow{margin-bottom:4px}.match-outcome-lede{margin-top:6px}.match-outcome{padding-bottom:var(--space-4)}.match-outcome-art{width:4.5rem}.match-actions-area{margin-top:14px}}@media (width<=41.25em) and (height>=30em){.match-over-page{padding-bottom:calc(var(--match-actions-height,120px) + 24px)}html:has(.match-over-page){scroll-padding-bottom:calc(var(--match-actions-height,120px) + 12px)}.match-actions-area{margin-top:18px}.match-actions{z-index:20;padding:12px calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 16px);border-top:2px solid var(--ink);background:var(--surface);box-shadow:none;transition:transform .16s;position:fixed;bottom:0;left:0;right:0}.match-actions-buttons{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.match-actions-buttons>*{min-width:0;padding-inline:14px}.rematch-requested{justify-content:center;gap:6px;padding:0;line-height:1.2}.rematch-requested-mark{width:22px;height:22px;font-size:.75rem}.rematch-readiness{text-align:center;justify-content:center;margin-top:8px}.match-actions .form-error{text-align:center}.match-over-page:has(.chat-form input:focus) .match-actions{visibility:hidden;transform:translateY(110%)}}:root .multiplayer-game[tabindex]:focus-visible{box-shadow:var(--shadow-ink);outline:none}body{background-image:radial-gradient(oklch(20% .015 60/.05) .7px,#0000 .7px);background-size:22px 22px}.hangman--compact{width:2.75rem}.error-meter{flex-basis:100%;gap:7px;padding:4px 3px 0;display:flex}.error-meter i{border:2px solid var(--ink);opacity:.3;border-radius:2px;width:.625rem;height:.625rem;transform:rotate(45deg)}.error-meter i.left{background:var(--magrana);opacity:1}.keyboard button.correct{color:var(--surface);background:var(--success);border-color:var(--ink)}.keyboard button.incorrect{color:var(--error);background:var(--error-surface);border-color:var(--error);text-decoration:line-through}@media (prefers-reduced-motion:reduce){.primary-action:not(:disabled):hover,.secondary-action:not(:disabled):hover,.primary-action:not(:disabled):active,.secondary-action:not(:disabled):active,.keyboard button:not(:disabled):hover,.daily-entry:active,:is(.friends-option,.solo-options a):hover :is(.daily-arrow,.friends-option-arrow),.site-brand:hover .brand-badge{transform:none}}.chat-dialog{width:100%;max-width:none;height:100%;min-height:0;max-height:none;color:var(--ink);background:var(--surface);border:0;flex-direction:column;margin:0;padding:0;display:flex;position:static;overflow:hidden}.chat-dialog:not([open]){display:none}.chat-heading{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border);flex:none;display:flex}.room-chat .chat-heading h2{border:0;flex:1;min-width:0;padding:0}.chat-close,.chat-launcher{display:none}@media (width<=62.4375em){:root{--chat-rail-height:calc(3.75rem + env(safe-area-inset-bottom,0px))}html:has(.room-chat){scroll-padding-bottom:calc(var(--chat-rail-height) + var(--space-4))}:root .lobby-page,:root .match-page{padding-bottom:calc(var(--chat-rail-height) + var(--space-6))}:root .room-chat{width:0;height:0;min-height:0;max-height:none;box-shadow:none;border:0;position:relative;overflow:visible}.chat-launcher{z-index:30;align-items:center;gap:var(--space-3);height:var(--chat-rail-height);padding:var(--space-2) calc(env(safe-area-inset-right,0px) + var(--space-4)) calc(env(safe-area-inset-bottom,0px) + var(--space-2)) calc(env(safe-area-inset-left,0px) + var(--space-4));border-top:1px solid var(--border);background:var(--surface);display:flex;position:fixed;bottom:0;left:0;right:0}.chat-launcher>button:first-child{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-weight:var(--weight-semibold);flex:none;display:flex}.room-chat .chat-dialog[open]{inset:auto;top:var(--chat-viewport-top,0px);left:var(--chat-viewport-left,0px);width:var(--chat-viewport-width,100%);height:var(--chat-viewport-height,100dvh);max-height:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-shadow:none;border:0;border-radius:0;margin:0;position:fixed}.chat-dialog::backdrop{background:color-mix(in oklch, var(--ink) 35%, transparent)}.chat-close{width:var(--control-height);height:var(--control-height);border:1px solid var(--border-control);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);font-size:var(--text-panel-title);flex:none;place-items:center;padding:0;display:grid}.chat-dialog .chat-messages{flex:1;min-height:0}}@media (width<=41.25em) and (height>=30em){:root .match-over-page{padding-bottom:calc(var(--match-actions-height,120px) + var(--chat-rail-height) + var(--space-6))}.match-over-page .match-actions{bottom:var(--chat-rail-height)}}.chat-badge{min-width:1.5rem;min-height:1.5rem;padding-inline:var(--space-1);border:1px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);background:var(--safra);font:var(--weight-bold) var(--text-label)/1 var(--font-ui);font-variant-numeric:tabular-nums;vertical-align:middle;place-items:center;margin-inline-start:var(--space-2);display:inline-grid}.chat-unread-divider{margin:var(--space-2) 0;padding-top:var(--space-2);border-top:1px solid var(--border-control);color:var(--text-muted);font-size:var(--text-label);display:block}.chat-jump{min-height:var(--control-height);margin:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-pill);color:var(--ink);background:var(--mar-surface);font-size:var(--text-meta);align-self:center}.chat-launcher .chat-preview{min-width:0;min-height:var(--control-height);box-shadow:none;color:var(--text-muted);font:var(--text-meta)/var(--leading-ui) var(--font-ui);text-align:start;background:0 0;border:0;border-radius:0;flex:1 1 0;margin:0;padding:0;display:block}.chat-preview>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-preview strong{color:var(--ink);font-weight:var(--weight-semibold);display:inline}@media (width>=62.5em){.chat-launcher.has-unread{z-index:30;left:var(--space-4);bottom:var(--space-4);gap:var(--space-3);max-width:22rem;padding:var(--space-2) var(--space-3);border:2px solid var(--ink);border-radius:var(--radius-inner);background:var(--surface);box-shadow:var(--shadow-ink-sm);display:flex;position:fixed}.chat-launcher>button:first-child{min-height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--ink);font-weight:var(--weight-semibold);background:0 0;border:0;flex:none;align-items:center;display:flex}}.chat-sound{width:var(--control-height);height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface);font-size:var(--text-chat);flex:none;place-items:center;padding:0;display:grid}.chat-sound[aria-pressed=true]{color:var(--ink);border-color:var(--mar);background:var(--mar-surface)}@media (width<=62.4375em){:root .room-chat.is-empty .chat-dialog .chat-messages{flex:1;min-height:0}}.chat-sound svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.chat-debug{min-height:0;max-height:35%;padding-inline:var(--space-3);color:var(--text-muted);background:var(--paper-deep);font-size:var(--text-label);flex:none;overflow:auto}.chat-debug summary,.chat-debug button{min-height:var(--control-height)}.chat-debug button{margin:var(--space-1);padding-inline:var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--ink);background:var(--surface)}.chat-debug pre{margin:var(--space-1);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;overflow:auto}@media (width<=62.4375em){body:has(.room-chat){min-height:100dvh;overflow:hidden}#root:has(.room-chat){height:100dvh;min-height:0;padding-bottom:var(--chat-rail-height);overflow:hidden}:is(#root:has(.room-chat)>.site-header,#root:has(.room-chat)>.connection-notice){flex:none}:root #root:has(.room-chat)>main{overscroll-behavior:contain;min-height:0;padding-bottom:var(--space-6);scroll-padding-block:var(--space-4);flex:1 1 0;overflow-y:auto}}@media (width<=41.25em) and (height>=30em){:root #root:has(.room-chat)>.match-over-page{padding-bottom:calc(var(--match-actions-height,120px) + var(--space-6))}}.local-page{min-height:calc(100dvh - var(--header-height));padding:var(--space-5) calc(env(safe-area-inset-right,0px) + var(--space-4)) var(--space-10) calc(env(safe-area-inset-left,0px) + var(--space-4))}.local-setup-page,.local-stage,.local-page .local-header,.local-save-warning{width:min(100%,46rem);margin-inline:auto}.local-setup-page{width:min(100%,31rem)}.local-setup-heading{width:100%;margin-bottom:var(--space-6)}.local-setup-page>.lobby-card{width:100%;padding:clamp(var(--space-5), 6vw, var(--space-12));gap:var(--space-6);text-align:left}.local-setup .lobby-rules{margin-top:0}.local-setup .lobby-rules-configure,.local-settings-dialog :is(.language-options,.target-selector) button{min-height:var(--control-height)}.local-setup .local-add:disabled{cursor:not-allowed}.local-settings-dialog{inset:var(--local-dialog-center,50%) 0 auto;max-height:calc(var(--local-viewport-height,100dvh) - var(--space-8));overscroll-behavior:contain;margin:0 auto;position:fixed;transform:translateY(-50%)}.local-settings-dialog .lobby-rules-controls{margin-top:var(--space-5)}.local-settings-dialog .language-options{flex-wrap:wrap}.local-settings-dialog .language-option-wrap{min-width:min(100%,8rem)}.local-settings-dialog .target-selector div{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.5rem),1fr))}:root .local-settings-dialog button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-gap)}@media (width<=41.25em){.local-setup-page>.lobby-card{padding:var(--space-5) var(--space-4)}}.local-notice,.local-save-warning{padding:var(--space-3) var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-inner);color:var(--ink);background:var(--warning-surface);font-size:var(--text-meta);line-height:var(--leading-ui)}.local-notice{margin:0 0 var(--space-4)}.local-save-warning{margin-bottom:var(--space-4)}.local-players{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.local-players legend{justify-content:space-between;gap:var(--space-2);width:100%;margin-bottom:var(--space-2);color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.local-players legend>small{color:var(--text-muted);font-size:var(--text-meta)}.local-players .setup-hint{text-align:left;margin:0}.local-players .player-list{margin:0}.local-players .player-list li{grid-template-columns:2.25rem minmax(0, 1fr) var(--control-height);gap:var(--space-2);display:grid}.setup .local-players input{min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1.5px solid var(--border-control);background:var(--paper);font-size:max(1rem, var(--text-control));margin-top:0}.setup .local-players input[aria-invalid=true]{border-color:var(--error)}.local-remove{width:var(--control-height);height:var(--control-height);color:var(--ink);font-size:var(--text-brand);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.local-remove:not(:disabled):hover{background:var(--paper-deep)}.setup .local-remove:disabled{cursor:not-allowed;opacity:.35}.local-resume h2{color:var(--ink);font:800 var(--text-panel-title)/var(--leading-heading) var(--font-display);margin:0}.local-resume-summary,.local-resume-players{color:var(--text-muted);font-size:var(--text-meta);line-height:var(--leading-ui);overflow-wrap:anywhere;margin:0}.local-resume-players{color:var(--ink);font-size:var(--text-body)}.local-page .local-header{margin-bottom:var(--space-4);gap:var(--space-2) var(--space-5);flex-wrap:wrap}.local-panel{border:2px solid var(--ink);border-radius:var(--radius-card);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.handoff{align-content:center;justify-items:center;gap:var(--space-4);min-height:min(32rem,100dvh - 12rem);padding:var(--space-8) var(--space-5);text-align:center;display:grid}.handoff-eyebrow{color:var(--text-muted);font-size:var(--text-meta);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.handoff-title,.local-screen-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:800}.handoff-title{font-size:var(--text-display);line-height:1.05}.local-screen-title{font-size:var(--text-panel-title);line-height:var(--leading-heading)}.handoff-body{max-width:32ch;font-size:var(--text-lede);line-height:var(--leading-body);margin:0}.handoff-action,.handoff-actions{width:min(100%,22rem)}.handoff-action{min-height:3.5rem}.handoff-actions{gap:var(--space-3);display:grid}.handoff-actions button{min-height:3.5rem}.turn-complete-art{width:7rem}.turn-complete-art .hangman{width:100%;height:auto;display:block}.forgive-decision .error-meter{flex-basis:auto;justify-content:center}.local-page [tabindex="-1"]:focus:not(:focus-visible){box-shadow:none;outline:none}.local-word-form.word-form{width:auto;padding:var(--space-8) var(--space-5);margin:0}.local-board .role-line{margin:0}.local-results{gap:var(--space-4);padding:var(--space-6) var(--space-5);display:grid}.local-results .round-result,.local-results .round-results{margin:0}.local-results>.scoreboard{grid-area:auto;padding-inline:0}.local-next{width:100%;min-height:3.5rem}.local-match-over{margin-inline:auto}.local-match-over .match-round-body{margin-top:var(--space-6)}.local-stage.is-covered{visibility:hidden}.local-cover{z-index:50;color:var(--text-muted);background:var(--paper);font:700 var(--text-panel-title)/var(--leading-heading) var(--font-display);place-items:center;display:grid;position:fixed;inset:0}@media (width>=41.3125em){.local-page{padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-6)) calc(env(safe-area-inset-right,0px) + var(--space-6))}.handoff{padding-inline:var(--space-10)}}.offline-status{gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-meta);line-height:var(--leading-ui);align-items:baseline;display:inline-flex}.offline-status.is-ready{color:var(--ink);font-weight:var(--weight-semibold)}.offline-status.is-ready>span{color:var(--success)}.spooky-only{display:none}:root[data-season=spooky]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#291f30;--paper-deep:#211826;--surface:#382a40;--ink:#f6ebd5;--text-muted:#cabbce;--magrana:#ef9b58;--safra:#f1d18a;--mar:#9acfc8;--oliva:#acbc8c;--primary-hover:#ffb775;--on-primary:#291f30;--success:#9acfc8;--success-surface:#293f3c;--mar-surface:#2a4146;--oliva-surface:#354232;--error:#ffb1a4;--error-surface:#512e40;--warning:#f1d18a;--warning-surface:#493849;--border:#7b6883;--border-control:#b6a1bf;--border-dashed:#f6ebd538;--focus-ring:#f1d18a;--shadow-ink:3px 3px 0 #17101d;--shadow-ink-sm:2px 2px 0 #17101d;--shadow-ink-hover:5px 5px 0 #17101d;--shadow-ink-pressed:1px 1px 0 #17101d;--season-chestnut:#f6ebd5;--season-pumpkin:#ef9b58;--season-gold:#f1d18a}:root[data-season=spooky] body{background-image:radial-gradient(#f6ebd528 .7px,#0000 1px),radial-gradient(#f1d18a1c 1px,#0000 1.5px);background-position:1rem 2rem,5rem 4rem;background-size:7rem 7rem,13rem 13rem}:root[data-season=spooky] .spooky-only{display:block}:root[data-season=spooky] :is(.ordinary-drawing,.home-eyebrow-default,.home-season-default){display:none}:root[data-season=spooky] :is(.home-copy>.page-eyebrow,.preview-tag){color:var(--paper);background:var(--safra)}:root[data-season=spooky] .home-season-name{align-items:center;gap:var(--space-2);display:inline-flex}.home-season-name svg{flex:none;width:1.15em;height:1.15em}.autumn-leaf{top:var(--space-4);right:var(--space-5);pointer-events:none;width:3rem;height:auto;position:absolute;transform:rotate(18deg)}:root[data-season=spooky] .home-preview{border-color:var(--border);box-shadow:5px 5px 0 var(--paper-deep);background:#302238}:root[data-season=spooky] .home-copy h1{font-variation-settings:"SOFT" 100, "WONK" 1}:root[data-season=spooky] .home-band{color:var(--ink);background:var(--paper-deep);border-block:1px solid var(--border)}:root[data-season=spooky] .home-how{--how-bg:var(--paper)}:root[data-season=spooky] :is(.page-eyebrow--mar,.page-eyebrow--magrana),:root[data-season=spooky] :is(.page-eyebrow--safra,.page-eyebrow--oliva,.unit-pill,.player-list li>span,.daily-entry .mode-icon,.forgive-action,.is-leader .standing-rank,.chat-badge){color:var(--paper)}:root[data-season=spooky] .room-code{background:var(--paper-deep)}:root[data-season=spooky] .friends-option-icon{border-color:var(--border)}:root[data-season=spooky] .keyboard button:not(:disabled):hover,:root[data-season=spooky] .keyboard button.correct{color:var(--paper)}:root[data-season=spooky] :is(.match-outcome,.daily-result){background:var(--surface)}:root[data-season=spooky] .match-outcome-mark{color:var(--paper);background:var(--safra)}:root[data-season=spooky] .match-outcome-art{border-color:var(--border);background:#302238}:root[data-season=spooky] .danger-action:not(:disabled):hover{color:var(--paper);background:#ffc5bb}.lobby-season-lantern{pointer-events:none;flex:none;width:2rem;height:2rem}:root[data-season=spooky] .lobby-card>.eyebrow{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.castanyera-scene{--cast-sky:#302238;--cast-outline:#211826;--cast-cream:#f6ebd5;--cast-moon:#f1d18a;--cast-skin:#eac1a0;--cast-blouse:#e9ddca;--cast-apron:#d9c49c;--cast-shawl:#c87553;--cast-skirt:#8e718f;--cast-metal:#92858d;--cast-chestnut:#b77950;--cast-flame:#f39a50;--cast-ash:#9f929d}.seasonal-preview{width:min(100%, var(--page-max));padding:var(--space-6);margin:auto}.seasonal-preview h1{font:800 var(--text-display)/var(--leading-tight) var(--font-display)}.seasonal-preview-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.seasonal-preview-grid figure{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin:0}.seasonal-preview-grid svg{width:100%;max-width:15rem;margin:auto;display:block}.seasonal-preview-grid figcaption{gap:var(--space-1);text-align:center;display:grid}@media (width>=37.5em) and (width<=62.4375em){:root[data-season=spooky] .autumn-leaf{top:42%;right:auto;left:var(--space-2);width:1.75rem;transform:rotate(-14deg)}}@media (width<=37.4375em){:root[data-season=spooky] .autumn-leaf{display:none}:root[data-season=spooky] .home-preview{box-shadow:none;background:0 0}}@media (width<=41.25em){:root[data-season=spooky] .game-columns .hangman{width:8rem}}