.fav-grid,.row-grid{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fav-grid>li,.row-grid>li{min-width:0;display:flex}.fav-card{min-width:0;min-height:68px;color:var(--tile-ink);--shine-x:0%;background:radial-gradient(56px 64px at var(--shine-x) 0%, color-mix(in srgb, #fff 24%, var(--tile)) 0, transparent 100%), var(--tile);box-shadow:0 10px 18px -12px color-mix(in srgb, var(--tile) 80%, #000), var(--sh-1);transition:transform .14s var(--ease-out);border-radius:22px;flex:1;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex;position:relative}.fav-card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--shine-x:100%}.fav-card:active{transform:scale(.97)}.fav-card:focus-visible,.mode-btn:focus-visible{box-shadow:var(--glow-accent);outline:none}.fav-emoji{filter:drop-shadow(0 4px 6px #00000040);flex:none}.fav-text{flex-direction:column;gap:1px;min-width:0;display:flex}.fav-name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-md);overflow-wrap:anywhere;line-height:1.2}.fav-tag{font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:5px;font-weight:700;line-height:1.4;display:inline-flex}.fav-pin{font-size:var(--fs-sm);line-height:1;position:absolute;inset-block-start:4px;inset-inline-end:8px}.live-dot{background:#e8221d;border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse;box-shadow:0 0 0 1.5px #fff}@keyframes live-pulse{50%{transform:scale(1.35)}}.mode-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-btn{border:2.5px solid var(--line);background:var(--bg-raised);min-height:150px;color:var(--text);text-align:start;cursor:pointer;box-shadow:var(--sh-1);transition:transform .14s var(--ease-out), background .16s, border-color .16s;border-radius:26px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 12px;display:flex;position:relative}.mode-btn:active{transform:scale(.98)}.mode-icon{background:color-mix(in srgb, var(--mode) 16%, var(--bg-raised));border-radius:18px;place-items:center;width:52px;height:52px;margin-block-end:4px;display:grid}.mode-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-title);line-height:1.2}.mode-sub{font-size:var(--fs-sm);font-weight:600;line-height:1.4}.mode-count{font-size:var(--fs-sm);background:color-mix(in srgb, var(--mode) 14%, var(--bg-raised));border-radius:999px;margin-top:auto;padding:0 12px;font-weight:800;line-height:1.8;display:inline-block}.mode-btn[aria-pressed=true]{background:radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, #fff 24%, var(--mode)) 0, transparent 65%), var(--mode);border-color:var(--mode);color:#fff;box-shadow:0 14px 24px -14px var(--mode)}.mode-btn[aria-pressed=true] .mode-icon{background:#ffffff38}.mode-btn[aria-pressed=true] .mode-count{background:#0003}.mode-btn[aria-pressed=true]:after{content:"✓";width:28px;height:28px;color:var(--mode);font-weight:900;font-size:var(--fs-base);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.mode-panel{margin-top:calc(var(--s-4) * -1);gap:var(--s-4);flex-direction:column;display:flex}.mode-hint{text-align:center;color:var(--text-muted);font-size:var(--fs-base);padding:var(--s-4);border-radius:var(--r-lg);border:2px dashed var(--line);font-weight:700}.mode-lead{color:var(--text-muted);font-size:var(--fs-base);border-inline-start:5px solid var(--mode);padding-inline-start:var(--s-3);font-weight:600;line-height:1.5}.group-filter .chip{padding-inline:var(--s-4);font-size:var(--fs-base)}.group-filter .chip[aria-pressed=true]{background:var(--mode);border-color:var(--mode);color:#fff}.group{gap:var(--s-2);flex-direction:column;display:flex}.group-title{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-lg);line-height:1.3;display:flex}.group-title:before{content:"";background:var(--mode);border-radius:6px;width:8px;height:18px}.group-count{font-size:var(--fs-sm);background:color-mix(in srgb, var(--mode) 14%, var(--bg-raised));color:var(--text);border-radius:999px;padding:0 9px;font-weight:800}.hrow{background:var(--bg-raised);border:1px solid var(--card-border);min-width:0;box-shadow:var(--sh-1);transition:transform .14s var(--ease-out), box-shadow .14s;border-radius:18px;flex:1;align-items:stretch;display:flex;position:relative}.hrow:active{transform:scale(.985)}.hrow-link{min-width:0;min-height:64px;color:inherit;border-radius:18px;flex:1;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.hrow-link:focus-visible,.hrow-pin:focus-visible{box-shadow:var(--glow-accent);outline:none}.hrow-ico{background:radial-gradient(90% 90% at 25% 15%, color-mix(in srgb, #fff 30%, var(--tile)) 0, transparent 70%), var(--tile);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 -3px #00000024}.hrow-emoji{filter:drop-shadow(0 4px 5px #00000047)}.hrow-text{flex-direction:column;gap:1px;min-width:0;display:flex}.hrow-name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:2px 6px;line-height:1.3;display:flex}.hrow-name>.pts-badge{font-family:var(--font-body);font-size:var(--fs-xs);padding:0 7px;line-height:1.5}.hrow-badge{background:var(--tile);color:var(--tile-ink);font-size:var(--fs-xs);border-radius:999px;flex:none;padding:0 8px;font-weight:800;line-height:1.6}.hrow-sub{color:var(--text-muted);font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.hrow-meta{min-inline-size:0;font-size:var(--fs-xs);white-space:nowrap;color:var(--text-muted);flex-wrap:nowrap;gap:10px;font-weight:700;line-height:1.5;display:flex}.hrow-meta>.warn{color:var(--coral)}.hrow-pin{width:var(--tap-min);color:var(--text-muted);font-size:var(--fs-xl);cursor:pointer;background:0 0;border:0;border-radius:18px;flex:none}.hrow-pin[aria-pressed=true]{color:var(--text)}@media (width>=640px){.fav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.fav-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-pick{max-width:760px}.mode-btn{grid-template-columns:auto 1fr auto;grid-template-areas:"icon title count""icon sub count";align-items:center;column-gap:14px;min-height:92px;padding-block:12px;display:grid}.mode-icon{grid-area:icon;margin:0}.mode-title{grid-area:title;align-self:end}.mode-sub{grid-area:sub;align-self:start}.mode-count{grid-area:count;margin:0}.mode-btn[aria-pressed=true]:after{width:22px;height:22px;font-size:13px;inset-block-start:8px;inset-inline-end:8px}}@media (hover:hover){.fav-card:hover,.hrow:hover{transform:translateY(-2px)}.hrow:hover{box-shadow:var(--sh-2)}.mode-btn[aria-pressed=false]:hover{border-color:var(--mode)}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none!important}.fav-card,.hrow,.mode-btn{transition:none}.fav-card:hover,.hrow:hover,.fav-card:active,.hrow:active,.mode-btn:active{transform:none}}.lang-menu{position:relative}.lang-caret{opacity:.7;font-size:11px}.lang-list{z-index:30;min-width:230px;padding:var(--s-2);border-radius:var(--r-lg);background:var(--bg-raised);color:var(--text);border:1.5px solid var(--line);box-shadow:var(--sh-2);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0}.lang-item{width:100%;min-height:var(--tap-min);align-items:center;gap:var(--s-3);padding-inline:var(--s-3);border-radius:var(--r-md);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:600;display:flex}.lang-item:hover,.lang-item:focus-visible,.lang-item[aria-checked=true]{background:var(--chip-bg);outline:none}.lang-item-label{flex:1}.lang-check{color:var(--accent);font-weight:800}.lang-first{z-index:60;align-items:center}.lang-first-sheet{border-radius:var(--r-xl);margin-inline:var(--gutter);align-items:stretch}.lang-first-sheet:before{display:none}.lang-first-emoji{text-align:center;font-size:48px}.lang-first-en{font-size:.8em;font-weight:600;display:block}.lang-first-list{gap:var(--s-3);flex-direction:column;display:flex}.lang-first-btn{justify-content:center}.hrow-ar{color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);flex:none;font-weight:600}.home-new{margin-block-start:var(--s-4)}.home-new-title{font-size:var(--fs-md);margin:0 0 var(--s-2);font-weight:800}.home-new-list{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.home-new-link{background:var(--tile);min-height:64px;color:var(--tile-ink);box-shadow:var(--sh-1);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:8px 12px;text-decoration:none;display:grid}.home-new-link>:first-child{grid-row:span 2}.home-new-name{font-size:16px;font-weight:800}.home-new-sub{opacity:.92;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-latin-700-normal-BzSf6GNr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{--bg:#fff8ef;--bg-raised:#fff;--bg-sunken:#fdeedd;--surface-2:#fff2e2;--line:#f1dfca;--text:#2a1d16;--text-muted:#5c463a;--text-faint:#684f41;--accent:#c8361f;--on-accent:#fff;--sadu-red:#d0402a;--sadu-red-strong:#b5341f;--coral:#c8361f;--qahwa:#1d7246;--teal:#0d6e69;--pass:#b2552a;--line-strong:#a07a62;--ink:#1a120a;--on-flash:#fff;--scrim:#26222073;--sh-1:0 1px 2px #b45a280d, 0 3px 10px #b45a280d;--sh-2:0 2px 6px #b45a280f, 0 10px 24px #b45a2817;--glow-accent:0 0 0 3px var(--bg-raised), 0 0 0 6px var(--focus-line);--brand-red:#e04e33;--brand-orange:#f0844a;--brand-peach:#ffc861;--grad-brand:linear-gradient(135deg, #e04e33 0%, #f0844a 60%, #ffc861 100%);--grad-primary:linear-gradient(100deg, #c8361f 0%, #cc3d22 55%, #cf4425 100%);--font-display:var(--font-body);--display-weight:800;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-btn:999px;--r-field:999px;--primary-bg:var(--grad-primary);--primary-fg:#fff;--primary-shadow:inset 0 -2px 0 #78190533, 0 6px 14px -6px #dc461e73;--primary-shadow-pressed:inset 0 -1px 0 #78190533, 0 2px 6px -3px #dc461e66;--secondary-bg:#fff;--secondary-border:#c47c5a;--secondary-fg:var(--text);--field-bg:#fff;--field-border:var(--line);--focus-line:#c8361f;--chip-bg:#fff;--card-border:#f0d2b4bf;--banner-bg:#fff1dc;--banner-border:#f6d9b5;--hero-bg:radial-gradient(120% 95% at 0% 100%, #ffc86199 0, #ffc86100 48%), linear-gradient(160deg, #e04e33 0%, #e65a37 45%, #e9603a 100%);--hero-fg:#fff;--hero-shadow:0 1px 0 #781e0a33;--pill-bg:#fff;--pill-fg:var(--text);--pill-shadow:0 2px 10px #c85a2824;--handoff-bg:var(--grad-primary);--handoff-fg:#fff;--handoff-ring:#fff6;--tile-tint:14%;--tile-tint-strong:26%;--meta-bg:#fffffff0;--pattern-dot:#e6783c17;--pattern-opacity:.4;--pcard-dim-opacity:1;--pcard-dim-filter:grayscale(.25) brightness(.87);--hold-track:#fff2e2;--hold-fill:#ffd9bf;--hold-ink:#262220;--hold-line:#a07a62;--neutral-badge:#4a423c;--on-neutral-badge:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#14100d;--bg-raised:#1e1813;--bg-sunken:#0e0b09;--surface-2:#241c16;--line:#3a2f27;--text:#f5ebdd;--text-muted:#bfae98;--text-faint:#9c8b75;--accent:#e8a33d;--on-accent:#1a120a;--sadu-red:#b5452f;--sadu-red-strong:#9e3b28;--coral:#e8664c;--qahwa:#7db08a;--teal:#5bb5a8;--pass:#e8933d;--line-strong:#b8822f;--ink:#1a120a;--on-flash:#14100d;--scrim:#0e0b09d1;--sh-1:0 1px 0 #ffebd20a inset, 0 2px 6px #00000059;--sh-2:0 1px 0 #ffebd20f inset, 0 8px 24px #00000073;--glow-accent:0 0 0 2px var(--bg), 0 0 0 5px var(--accent);--brand-red:#b5452f;--brand-orange:#e8664c;--brand-peach:#e8a33d;--grad-brand:linear-gradient(135deg, #9e3b28 0%, #b5452f 45%, #e8a33d 100%);--grad-primary:linear-gradient(100deg, #e8a33d, #e8a33d);--font-display:var(--font-body);--display-weight:700;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-btn:14px;--r-field:8px;--primary-bg:var(--accent);--primary-fg:var(--on-accent);--primary-shadow:0 0 0 0 transparent;--primary-shadow-pressed:0 0 0 0 transparent;--secondary-bg:transparent;--secondary-border:var(--line);--secondary-fg:var(--text);--field-bg:var(--surface-2);--field-border:transparent;--focus-line:var(--accent);--chip-bg:var(--surface-2);--card-border:transparent;--banner-bg:color-mix(in srgb, var(--accent) 14%, var(--bg-raised));--banner-border:transparent;--hero-bg:radial-gradient(120% 95% at 0% 100%, #e8a33d4d 0, #e8a33d00 52%), linear-gradient(160deg, #7a2a1c 0%, #4a1d14 50%, #1e1813 100%);--hero-fg:#f5ebdd;--hero-shadow:none;--pill-bg:var(--bg-raised);--pill-fg:var(--text);--pill-shadow:0 4px 12px #00000059;--handoff-bg:var(--bg-raised);--handoff-fg:var(--accent);--handoff-ring:#e8a33d40;--tile-tint:22%;--tile-tint-strong:34%;--meta-bg:#0e0b09c7;--pattern-dot:#f5ebdd12;--pattern-opacity:.35;--pcard-dim-opacity:.45;--pcard-dim-filter:none;--hold-track:#241c16;--hold-fill:#6b4b1f;--hold-ink:#f5ebdd;--hold-line:#b8822f;--neutral-badge:#e9dccb;--on-neutral-badge:#14100d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-body:"IBM Plex Sans Arabic", "SF Arabic", "Segoe UI", "Noto Sans Arabic", system-ui, sans-serif;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:16px;--fs-lg:17px;--fs-xl:19px;--fs-title:22px;--fs-display:28px;--lh-tight:1.25;--lh-body:1.55;--t-giant:clamp(44px, 13vw, 88px);--t-hero:clamp(30px, 8.5vw, 56px);--s-1:4px;--s-2:8px;--s-3:10px;--s-4:12px;--s-5:16px;--s-6:20px;--s-8:24px;--card-pad:14px;--card-pad-tight:12px;--gutter:16px;--top-gap:12px;--safe-top:calc(env(safe-area-inset-top,0px) + var(--top-gap));--safe-top-tight:calc(env(safe-area-inset-top,0px) + 8px);--tap-min:44px;--control-h:44px;--btn-h:48px;--r-pill:999px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (width<=359px){:root{--gutter:12px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0}body,#root{min-height:100dvh}button,input{font:inherit;color:inherit}h1,h2,h3,p{margin:0}a:focus-visible{box-shadow:var(--glow-accent);outline:none}.screen{max-width:520px;min-height:100dvh;padding:var(--safe-top) var(--gutter) calc(var(--s-4) + env(safe-area-inset-bottom));gap:var(--s-3);flex-direction:column;margin-inline:auto;display:flex}@media (width>=900px){.screen.settings-screen{columns:2;column-gap:var(--s-4);max-width:1040px;display:block}.settings-screen>*{break-inside:avoid;margin-block-end:var(--s-4)}.settings-screen>.topbar{column-span:all}}.screen.sunken{background:var(--bg-sunken);max-width:none}.screen.sunken>*{width:100%;max-width:480px;margin-inline:auto}.grow{flex:1}.row{align-items:center;gap:var(--s-3);display:flex}.between{justify-content:space-between}.center{text-align:center}.stack{gap:var(--s-3);flex-direction:column;display:flex}.action-bar{padding-block:var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);gap:var(--s-2);z-index:5;flex-direction:column;display:flex;position:sticky;bottom:0}.action-bar:empty{display:none}.sunken .action-bar{background:linear-gradient(to top, var(--bg-sunken) 70%, transparent)}.need-hint{max-width:100%;margin-block:var(--s-2) var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--bg-sunken);color:var(--text);font-size:var(--fs-sm);text-align:center;align-self:center;font-weight:700;line-height:1.5}.card .need-hint{margin-block:0}.display{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1.2}.t-giant{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--t-giant);line-height:1.15}.t-hero{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--t-hero);line-height:1.2}.t-h1{font-family:var(--font-display);font-size:var(--fs-title);font-weight:var(--display-weight);line-height:1.25}.t-h2{font-size:var(--fs-lg);font-weight:700;line-height:1.35}.t-h3{font-size:var(--fs-md);font-weight:700;line-height:1.4}.t-lg{font-size:var(--fs-md);font-weight:500}.t-label{font-size:var(--fs-sm);font-weight:600;line-height:1.4}.muted{color:var(--text-muted)}.accent{color:var(--accent)}.coral{color:var(--coral)}.qahwa{color:var(--qahwa)}.teal{color:var(--teal)}.num{font-variant-numeric:tabular-nums}.btn{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--r-btn);padding-inline:var(--s-5);font-size:var(--fs-base);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:var(--s-2);transition:transform .12s var(--ease-out), box-shadow .12s, background .12s, opacity .12s;-webkit-user-select:none;user-select:none;border:0;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:var(--glow-accent);outline:none}.btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none}.btn-primary[disabled]{opacity:1;background:var(--surface-2);color:var(--text-muted);outline:2px dashed var(--line-strong);outline-offset:-2px}.btn-primary{background:var(--primary-bg);color:var(--primary-fg);box-shadow:var(--primary-shadow);min-height:var(--btn-h);font-size:var(--fs-md);width:100%;font-weight:800}.btn-primary:active{box-shadow:var(--primary-shadow-pressed);transform:translateY(2px)scale(.985)}.btn-primary:focus-visible{box-shadow:var(--primary-shadow), var(--glow-accent)}.btn-danger{background:var(--sadu-red-strong);color:#fff8f0;min-height:var(--btn-h);width:100%}.btn-secondary{background:var(--secondary-bg);color:var(--secondary-fg);border:2px solid var(--secondary-border);width:100%}.btn-danger-outline{background:color-mix(in srgb, var(--sadu-red-strong) 9%, var(--bg-raised));inline-size:100%;color:var(--sadu-red-strong);border:2px solid color-mix(in srgb, var(--sadu-red-strong) 70%, transparent);margin-block-start:var(--s-2)}[data-theme=dark] .btn-danger-outline{color:#ff9a8a;border-color:#ff9a8ab3}.btn-wa{color:#0b5d2a;background:color-mix(in srgb, #25d366 10%, var(--bg-raised));border-color:#1faa53}[data-theme=dark] .btn-wa{color:#bff3d2;background:color-mix(in srgb, #25d366 12%, var(--bg-raised));border-color:#3ccf74}.btn-ghost{color:var(--text-muted);padding-inline:var(--s-3);background:0 0}.btn-icon{width:var(--tap-min);height:var(--tap-min);background:var(--chip-bg);color:var(--text);border:1.5px solid var(--line);box-shadow:var(--sh-1);font-size:var(--fs-lg);border-radius:50%;flex-shrink:0;padding:0}.card{background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--card-border);box-shadow:var(--sh-1);padding:var(--card-pad)}.sadu-band{background:linear-gradient(135deg, var(--band,var(--sadu-red)) 25%, transparent 25%) 0 0 / 10px 10px, linear-gradient(225deg, var(--band,var(--sadu-red)) 25%, transparent 25%) 0 0 / 10px 10px, var(--bg-sunken);height:10px}[data-theme=light] .sadu-band{background:linear-gradient(90deg, var(--band,var(--brand-red)), color-mix(in srgb, var(--band,var(--brand-red)) 30%, var(--brand-peach)));height:8px;border-radius:999px!important}.sadu-stripes{background:repeating-linear-gradient(90deg, var(--sadu-red) 0 6px, var(--bg-sunken) 6px 10px, var(--text) 10px 12px, var(--bg-sunken) 12px 16px, var(--accent) 16px 20px, var(--bg-sunken) 20px 24px);border-radius:4px;height:8px}[data-theme=light] .sadu-stripes{background:var(--grad-brand);border-radius:999px}.lock-badge{z-index:1;background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);border-radius:999px;padding:1px 10px;font-weight:700;line-height:1.6;position:absolute;inset-block-start:12px;inset-inline-end:12px}.tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tag{font-size:var(--fs-sm);color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:2px 10px;font-weight:600}.tag.warn{color:var(--coral)}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--tap-min);min-width:var(--tap-min);padding-inline:var(--s-4);border:2px solid var(--line);background:var(--chip-bg);cursor:pointer;transition:transform .12s var(--ease-out), background .12s, border-color .12s;border-radius:999px;font-weight:600}.chip:active{transform:scale(.97)}.chip:focus-visible{box-shadow:var(--glow-accent);outline:none}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chips-big .chip{min-height:var(--btn-h);font-size:var(--fs-xl);flex:1 1 0;font-weight:800}.chips-fit>.chips{flex-wrap:nowrap;gap:6px}.chips-fit .chip{flex:1 1 0;min-width:0;padding-inline:2px}.input{min-height:var(--tap-min);border-radius:var(--r-field);border:2px solid var(--field-border);background:var(--field-bg);padding-inline:var(--s-5);width:100%;font-size:var(--fs-base);transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--focus-line);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-line) 20%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--coral)}.error-text{color:var(--coral);font-size:var(--fs-sm)}.pl-add-plus{font-size:var(--fs-title);line-height:1}.pl-save{font-size:var(--fs-base)}.pl-saved{min-height:var(--tap-min);color:var(--teal);animation:pl-saved-in .24s var(--ease-out);place-items:center;font-weight:800;display:grid}@keyframes pl-saved-in{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.pl-saved{animation:none}}.player-row{align-items:center;gap:var(--s-3);min-height:52px;padding-inline:var(--s-3);background:var(--bg-raised);border:1px solid var(--card-border);border-radius:var(--r-md);box-shadow:var(--sh-1);display:flex}.avatar{width:40px;height:40px;font-family:var(--font-display);font-weight:var(--display-weight);color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 -2px #0000001f}.stepper{align-items:center;gap:var(--s-3);display:flex}.stepper .val{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-xl);text-align:center;min-width:2ch}.handoff-tap{background:var(--handoff-bg);border-radius:var(--r-xl);min-height:46vh;padding:var(--s-6);cursor:pointer;font-family:var(--font-display);font-size:26px;font-weight:var(--display-weight);color:var(--handoff-fg);box-shadow:var(--sh-2);transition:transform .12s var(--ease-out), filter .12s;border:0;flex:1;place-items:center;line-height:1.3;display:grid;position:relative;overflow:hidden}.handoff-tap:before,.handoff-tap:after{content:"";border:2px dashed var(--handoff-ring);pointer-events:none;border-radius:50%;width:min(64vw,260px);height:min(64vw,260px);margin:auto;position:absolute;inset:0}.handoff-tap:after{opacity:.6;border-style:solid;border-width:1.5px;width:min(88vw,380px);height:min(88vw,380px)}.handoff-tap>*{position:relative}.handoff-tap:active{filter:brightness(.95);transform:scale(.985)}.handoff-tap:focus-visible{box-shadow:var(--sh-2), var(--glow-accent);outline:none}.handoff-art{margin-inline:auto;display:block}.reveal-card{border-radius:var(--r-xl);background:var(--bg-raised);border:1px solid var(--card-border);min-height:50vh;box-shadow:var(--sh-2);padding:var(--s-6);text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.reveal-card:focus-visible{box-shadow:var(--sh-2), var(--glow-accent);outline:none}.reveal-card.covered:before{content:"";background-image:linear-gradient(45deg, var(--line) 1px, transparent 1px), linear-gradient(-45deg, var(--line) 1px, transparent 1px);opacity:var(--pattern-opacity);background-size:28px 28px;position:absolute;inset:0}.reveal-card .ring{border:3px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg-raised));width:104px;height:104px;margin-inline:auto;margin-bottom:var(--s-4);border-radius:50%;place-items:center;display:grid}.reveal-content{animation:reveal-in .22s var(--ease-spring)}@keyframes reveal-in{0%{opacity:0;transform:scale(.92)}}.timer-wrap{aspect-ratio:1;width:min(72vw,300px);margin-inline:auto;position:relative}.timer-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-wrap .digits{font-family:var(--font-display);font-size:clamp(48px,14vw,80px);font-weight:var(--display-weight);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.timer-critical .digits{color:var(--coral)}.vote-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.vote-tile{border-radius:var(--r-md);border:3px solid var(--card-border);background:var(--bg-raised);min-height:72px;font-size:var(--fs-lg);cursor:pointer;box-shadow:var(--sh-1);transition:transform .12s var(--ease-out), border-color .12s, background .12s;font-weight:700}.vote-tile:active{transform:scale(.97)}.vote-tile:focus-visible{box-shadow:var(--glow-accent);outline:none}.vote-tile[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg-raised))}.vote-tile[disabled]{opacity:.4}.vote-tile.has-pc,.vote-tile.has-pc[aria-pressed=true]{border-inline-start:10px solid var(--pc,var(--card-border))}.flash{z-index:50;color:var(--on-flash);font-family:var(--font-display);font-size:var(--t-hero);font-weight:var(--display-weight);animation:flash-in .18s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}@keyframes flash-in{0%{opacity:0}}.paused-cover{z-index:35;padding:var(--gutter);background:var(--bg-sunken);place-items:center;display:grid;position:fixed;inset:0}.paused-cover-card{gap:var(--s-3);width:100%;max-width:420px;padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);background:var(--bg-raised);border:1px solid var(--card-border);box-shadow:var(--sh-2);text-align:center}.paused-cover-icon{font-size:44px;line-height:1}.scrim{background:var(--scrim);z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-raised);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:520px;max-height:92dvh;padding:var(--s-4) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom));gap:var(--s-4);box-shadow:var(--sh-2);animation:sheet-in .22s var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.sheet:before{content:"";background:var(--line);border-radius:999px;flex:none;align-self:center;width:40px;height:5px}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.option-card{border-radius:var(--r-lg);padding:var(--s-6);text-align:center;cursor:pointer;min-height:150px;box-shadow:var(--sh-1);transition:transform .12s var(--ease-out);border:2px solid #0000;flex:1;place-items:center;font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.5;display:grid}.option-card:active{transform:scale(.98)}.option-a{background:color-mix(in srgb, var(--accent) 16%, var(--bg-raised));border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.option-b{background:color-mix(in srgb, var(--teal) 16%, var(--bg-raised));border-color:color-mix(in srgb, var(--teal) 30%, transparent)}.wyr-cat{padding:2px var(--s-3);border:1px solid var(--line);background:var(--chip-bg);color:var(--text-muted);font-size:var(--fs-sm);border-radius:999px;display:inline-block}.wyr-rules{padding-block:4px}.wyr-rules>summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.wyr-rules>summary::-webkit-details-marker{display:none}.wyr-rules>summary:after{content:"▾";transition:transform .15s var(--ease-out);margin-inline-start:auto}.wyr-rules[open]>summary:after{transform:rotate(180deg)}.wyr-rules[open]>summary{margin-block-end:var(--s-2)}.wyr-opt{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.wyr-opt .chip{min-height:44px;padding-inline:var(--s-3)}.wyr-cats-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.wyr-cats-head .chip.wyr-all{min-height:44px;font-size:var(--fs-sm)}.wyr-cats{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=600px){.wyr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}.wyr-cat-tile{border-radius:var(--r-md,14px);border:2px solid var(--line);background:var(--chip-bg);min-height:48px;color:var(--text);font-weight:600;font-size:var(--fs-sm);text-align:start;cursor:pointer;transition:transform .12s var(--ease-out), background .12s, border-color .12s;align-items:center;gap:6px;padding:4px 10px;display:flex}.wyr-cat-tile:active{transform:scale(.97)}.wyr-cat-tile:focus-visible{box-shadow:var(--glow-accent);outline:none}.wyr-cat-tile[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-raised))}.wyr-cat-icon{font-size:var(--fs-lg);line-height:1}.wyr-cat-name{flex:auto;min-width:0;line-height:1.25}.wyr-cat-n{color:var(--text-muted);font-size:12px}.wyr-cat-tile[aria-pressed=true] .wyr-cat-n{color:var(--accent);font-weight:800}.or-divider{text-align:center;font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-xl);color:var(--text-muted)}.score-row{min-height:56px;padding-inline:var(--s-4);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--card-border);box-shadow:var(--sh-1);justify-content:space-between;align-items:center;font-weight:600;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:var(--tap-min);display:flex}.wordmark{font-family:var(--font-display);font-size:var(--fs-title);font-weight:var(--display-weight);color:var(--accent)}.players-pill{align-items:center;gap:var(--s-2);background:var(--pill-bg);color:var(--pill-fg);border:1.5px solid var(--line);padding:6px var(--s-4);min-height:var(--tap-min);cursor:pointer;text-align:start;width:100%;box-shadow:var(--sh-1);border-radius:999px;display:flex}.players-pill:focus-visible{box-shadow:var(--glow-accent);outline:none}.dots{justify-content:center;gap:6px;display:flex}.dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.dots span.on{background:var(--accent)}.banner{border-radius:var(--r-md);padding:var(--s-3) var(--s-4);background:var(--banner-bg);border:1.5px solid var(--banner-border);font-size:var(--fs-sm)}a.banner{min-height:var(--tap-min);align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.media-bar{gap:var(--s-2);display:flex}.media-btn{white-space:nowrap;background:var(--surface-2);min-width:0;color:var(--text);border:1.5px solid var(--line);font-size:var(--fs-sm);padding-inline:var(--s-2);text-overflow:ellipsis;flex:1;overflow:hidden}.media-btn.on{background:color-mix(in srgb, var(--qahwa) 30%, var(--surface-2));border-color:var(--qahwa)}.media-btn.cam-cooldown[disabled]{opacity:1;color:var(--text-muted);border-style:dashed;border-color:var(--line-strong)}.head-mic{transition:box-shadow .16s var(--ease-out), border-color .16s var(--ease-out)}.head-mic.on{background:color-mix(in srgb, var(--qahwa) 30%, var(--chip-bg));border-color:var(--qahwa)}.mic-off-ico{vertical-align:-5px;flex:none}.head-mic.speaking{box-shadow:var(--sh-1), 0 0 0 3px color-mix(in srgb, var(--qahwa) 55%, transparent)}.head-mic.held{color:var(--text-muted);border-style:dashed}.head-mic.failed{border-style:dashed;border-color:var(--coral)}.room-top>.room-title{min-width:0}.room-top>.room-top-btns{flex-wrap:nowrap;flex:none}@media (width<=420px){.room-top.has-mic>.room-top-btns{gap:6px!important}.room-top.has-mic>.room-top-btns>.btn-ghost:not(.btn-icon){padding-inline:6px}.room-top.has-mic>.room-title>.t-h3{font-size:var(--fs-base);text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.room-name:has(.rt-short)>.rt-long{display:none}.room-name>.rt-short{display:inline}.room-top.has-mic{gap:6px}.room-top.has-mic .room-name-ico{vertical-align:-2px;margin-inline-end:2px;width:17px!important;height:17px!important}}@media (width<=340px){.room-top.has-mic>.room-top-btns>.btn{--tap-min:48px}}.rt-short{display:none}.room-name-ico{vertical-align:-5px;margin-inline-end:5px}.screen.room{gap:8px}.screen.room>.room-top{--tap-min:44px;gap:8px;min-block-size:44px}.screen.room>.room-top>.room-title{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.screen.room>.room-top>.room-title>.room-name{min-inline-size:0;max-inline-size:100%;font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:none;line-clamp:none;line-height:1.25;display:block;overflow:hidden}.screen.room>.room-top .room-name-ico{vertical-align:-3px;margin-inline-end:4px;width:20px!important;height:20px!important}.screen.room>.room-top>.room-title>.t-label{white-space:nowrap;flex:none;font-size:12px;line-height:1.2}.screen.room>.room-top>.room-top-btns{gap:6px!important}.screen.room>.room-top>.room-top-btns>.btn{min-block-size:44px;min-inline-size:44px;padding-block:0}.screen.room>.room-top :is(.btn-icon,.game-menu-btn){block-size:44px;inline-size:44px;font-size:var(--fs-lg)}.screen.room>.room-top>.room-top-btns>.btn-ghost:not(.btn-icon){font-size:var(--fs-base);padding-inline:10px}@media (width<=480px){.screen.room>.room-top .room-name:has(.rt-short)>.rt-long{display:none}.screen.room>.room-top .room-name>.rt-short{display:inline}}.reactions{z-index:30;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;inset-block-end:110px;inset-inline-start:16px}.reactions span{background:var(--bg-raised);box-shadow:var(--sh-2);font-size:var(--fs-sm);animation:sheet-in .22s var(--ease-out);border-radius:999px;padding:4px 12px}.room-toast-region{z-index:40;pointer-events:none;justify-content:center;display:flex;position:sticky;inset-block-start:calc(env(safe-area-inset-top) + var(--s-2))}.room-toast-region:empty{block-size:0;inline-size:0;position:absolute}.room-toast{pointer-events:auto;align-items:center;gap:var(--s-3);min-block-size:56px;inline-size:100%;max-inline-size:480px;padding-block:10px;padding-inline:var(--s-3);background:var(--bg-raised);color:var(--text);border:1.5px solid color-mix(in srgb, var(--coral) 45%, var(--line));border-inline-start:5px solid var(--coral);border-radius:var(--r-md);box-shadow:var(--sh-2);font:inherit;font-size:var(--fs-sm);text-align:start;cursor:pointer;animation:toast-in .2s var(--ease-out);display:flex}.room-toast-text{flex:1}.room-toast-x{color:var(--text-faint);font-size:var(--fs-sm)}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)}}details>summary{min-height:var(--tap-min);cursor:pointer;align-items:center;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}.cat-grid{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.cat-card{border-radius:var(--r-md);border:2px solid var(--line);background:var(--bg-raised);cursor:pointer;min-height:84px;padding:var(--s-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:700;display:flex}.cat-new{padding-inline:var(--s-2);background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:.75rem;line-height:1.6}.cat-card[disabled]{opacity:.4}.cat-card:focus-visible{box-shadow:var(--glow-accent);outline:none}.board{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.board-col{background:var(--bg-raised);border-radius:var(--r-md);padding:var(--s-2);flex-direction:column;gap:6px;display:flex}.board-head{font-weight:700;font-size:var(--fs-sm);text-align:center;place-items:center;min-height:2.6em;line-height:1.3;display:grid}.board-tiles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.board-tile{border-radius:var(--r-sm);background:var(--accent);min-height:56px;color:var(--on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);cursor:pointer;border:0}.board-tile[disabled]{background:var(--bg-sunken);color:var(--text-faint);cursor:default}.btn.armed{border-color:var(--coral);color:var(--coral)}.pcard{background:#fbf6ee;border:1.5px solid #d9cbb6;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-weight:700;line-height:1;transition:transform .12s;display:inline-flex;box-shadow:0 2px 6px #00000059}:root{--pcard-w:56px;--pcard-h:78px;--pcard-rank:18px;--pcard-suit:24px}@media (width>=900px) and (orientation:landscape){:root{--pcard-w:72px;--pcard-h:100px;--pcard-rank:24px;--pcard-suit:32px}}@media (width>=900px) and (orientation:landscape) and (height>=800px){:root{--pcard-w:84px;--pcard-h:117px;--pcard-rank:28px;--pcard-suit:36px}}.pcard-lg{inline-size:var(--pcard-w);block-size:var(--pcard-h)}.pcard-lg .pcard-rank{font-size:var(--pcard-rank)}.pcard-lg .pcard-suit{font-size:var(--pcard-suit)}button.pcard{cursor:pointer}button.pcard:active{transform:translateY(-4px)}.pcard.selected{border-color:var(--accent);transform:translateY(-10px)}.pcard.dim{opacity:var(--pcard-dim-opacity);filter:var(--pcard-dim-filter)}.pcard.back{background:repeating-linear-gradient(45deg, var(--sadu-red) 0 6px, #7a2a1c 6px 12px);border-color:#5a1f14}.phand{flex-wrap:nowrap;justify-content:center;gap:0;max-inline-size:100%;padding-block-start:12px;display:flex}.phand>.pcard{justify-content:flex-start;align-items:flex-start;padding:5px 0 0 6px;position:relative}.phand>.pcard+.pcard{margin-inline-start:min(4px, calc((100% - var(--n,13) * var(--pcard-w)) / max(var(--n,13) - 1, 1)))}.phand>button.pcard:not(:disabled):hover,.phand>button.pcard:focus-visible{z-index:2}.seat-tag{background:var(--surface-2);font-size:var(--fs-sm);border:2px solid #0000;border-radius:999px;padding:2px 10px;font-weight:700;display:inline-block}.seat-tag.active{border-color:var(--accent);box-shadow:var(--glow-accent)}.felt{--text:#f5ebdd;--text-muted:#c9d6cc;--text-faint:#9fb3a5;--surface-2:#00000047;--line:#f5ebdd2e;--accent:#f0b04e;--on-accent:#1a120a;--coral:#ff8a70;--glow-accent:0 0 0 3px #f0b04e80;color:var(--text);border-radius:var(--r-lg);padding:var(--s-3);background:radial-gradient(circle at 50% 40%,#1f3a2c,#12241b 70%);border:2px solid #2c4a39}.dialect-pill{min-height:var(--tap-min);padding-inline:var(--s-4);border:1.5px solid var(--line);background:var(--pill-bg);color:var(--pill-fg);font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--sh-1);border-radius:999px;align-items:center;gap:6px;font-weight:700;display:inline-flex}.dialect-pill:active{transform:scale(.97)}.dialect-pill:focus-visible{box-shadow:var(--glow-accent);outline:none}.jk-teams{justify-content:space-between;gap:var(--s-2);font-size:var(--fs-sm);display:flex}.jk-teams.six{justify-content:center;column-gap:var(--s-3);font-size:var(--fs-sm);flex-wrap:wrap;row-gap:4px}.jk-teams.six .jk-pip{width:9px;height:9px}.jk-team{align-items:center;gap:8px;display:flex}.jk-team-name{font-weight:700}.jk-pips{gap:3px;display:inline-flex}.jk-pip{border:1.5px solid var(--c);opacity:.7;background:0 0;border-radius:50%;width:11px;height:11px}.jk-pip.on{opacity:1;background:radial-gradient(circle at 35% 32%, #fff6e6 0 12%, var(--c) 40%);box-shadow:0 0 6px color-mix(in srgb, var(--c) 60%, transparent)}.jk-board-wrap{justify-content:center;display:flex}.jk-board{aspect-ratio:1;width:min(100%,520px);position:relative}.jk-board .jk-svg{filter:drop-shadow(0 6px 14px #00000073)}.jk-oct-edge{fill:#c9a273}.jk-tray{fill:url(#jk-tray);stroke:#3c230f8c;stroke-width:.4px}.jk-tray-in{fill:#50321429;stroke:#ffebc859;stroke-width:.3px}.jk-board.round .jk-tray-in{fill:#7850281f}.jk-round-edge{fill:#b9ae9a}.jk-round-line{fill:none;stroke:#5a462d59;stroke-width:.3px}.jk-suit{text-anchor:middle;fill:none;stroke:#d9b27a;stroke-width:.22px;opacity:.85;pointer-events:none;font-size:6px}.jk-start-label{fill:#e2bd85;text-anchor:middle;pointer-events:none;font-weight:800}.jk-deck{fill:#7a2a1c;stroke:#5a1f14;stroke-width:.3px}.jk-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.jk-seats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.jk-seats .jk-seat{min-width:0;max-width:none;position:static}.jk-svg{touch-action:manipulation;width:100%;height:100%;font-family:var(--font-body);-webkit-user-select:none;user-select:none;display:block}.jk-hub-text{fill:#4a2e14;text-anchor:middle;font-size:2.3px;font-weight:700}.jk-no{fill:#d9b27a;text-anchor:middle;pointer-events:none;font-size:1.55px;font-weight:700}.jk-board.round .jk-no{fill:#463728b3}.jk-board.round .jk-start-label{fill:#2a1d10}.jk-board.round .jk-hub-text{fill:#5a4630}.jk-board.round .jk-arrow-last{stroke:#3a2a1a}.jk-board.round .jk-sel{fill:#e8a33d33;stroke:#8a5a14}.jk-board.round .jk-ghost-ring{stroke:#3a2a1a}.jk-shield{text-anchor:middle;pointer-events:none;font-size:2.1px}.jk-pulse{fill:none;stroke:var(--accent);stroke-width:.55px;transform-box:fill-box;transform-origin:50%;animation:jk-pulse 1.1s var(--ease-out) infinite}@keyframes jk-pulse{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}.jk-sel{fill:#fff7e82e;stroke:#fff7e8;stroke-width:.45px}.jk-hit{fill:#0000;cursor:pointer}.jk-hot{stroke:var(--accent);stroke-width:.3px}.jk-ghost{opacity:.55;pointer-events:none}.jk-ghost-ring{fill:none;stroke:#fff7e8;stroke-width:.3px;stroke-dasharray:.6 .5}.jk-arrow,.jk-arrow-last{fill:none;stroke-linecap:round;pointer-events:none}.jk-arrow{stroke:var(--accent);stroke-width:.6px;stroke-dasharray:1.4 .8;animation:.9s linear infinite jk-march}@keyframes jk-march{to{stroke-dashoffset:-2.2px}}.jk-arrow-last{stroke:#fff3dc;stroke-width:.55px;opacity:.85;stroke-dasharray:120;stroke-dashoffset:120px;animation:jk-draw .6s var(--ease-out) forwards, jk-fade 2s linear forwards}@keyframes jk-draw{to{stroke-dashoffset:0}}@keyframes jk-fade{0%,70%{opacity:.85}to{opacity:0}}.jk-kill{pointer-events:none}.jk-kill circle{fill:#c8281e59;stroke:#ff4a3a;stroke-width:.4px}.jk-kill path{stroke:#ff3b2f;stroke-width:.75px;stroke-linecap:round;filter:drop-shadow(0 0 .4px #000)}.jk-seat{border-radius:var(--r-md);color:#f5ebdd;border:1.5px solid color-mix(in srgb, var(--c) 45%, transparent);pointer-events:none;background:#14100db8;flex-direction:column;align-items:center;max-width:24%;padding:3px 8px;font-size:12px;line-height:1.3;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute}.jk-seat-dot{background:var(--c);border-radius:50%;width:8px;height:8px}.jk-seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.jk-seat-extra{color:#e2d6c6;font-size:11px}.jk-seat.active{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 40%, transparent), 0 0 18px color-mix(in srgb, var(--c) 55%, transparent);animation:1.6s ease-in-out infinite alternate jk-glow}@keyframes jk-glow{to{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 30%, transparent), 0 0 26px color-mix(in srgb, var(--c) 70%, transparent)}}.jk-status{min-height:44px;font-size:var(--fs-sm)}.jk-turn{font-weight:700}.jk-turn.mine{color:var(--accent)}.jk-last{font-size:var(--fs-sm)}.jk-last.fresh{color:var(--text)}.jk-note{font-size:var(--fs-sm);color:var(--coral);padding-inline:var(--s-3);font-weight:700;line-height:1.5}.jk-burn-banner{text-align:center;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--coral) 14%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--coral) 45%, transparent);font-size:var(--fs-sm);flex-direction:column;gap:2px;display:flex}.jk-preview-text{text-align:center;font-weight:700;font-size:var(--fs-base);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 14%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.jk-preview-text.kills{background:color-mix(in srgb, var(--coral) 16%, var(--bg-raised));border-color:color-mix(in srgb, var(--coral) 45%, transparent)}.jk-play{font-family:var(--font-display);font-size:var(--fs-xl)}.chip.jk-burn{border-color:var(--coral)}.jk-chip-ball{vertical-align:middle;background:radial-gradient(circle at 35% 32%, #fff6e6 0 12%, var(--c) 40%);border-radius:50%;width:14px;height:14px;margin-inline-end:6px;display:inline-block}.jk-hand{flex-wrap:nowrap;justify-content:center;gap:6px;padding-top:12px;display:flex}.jk-hcard{min-width:56px;min-height:56px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0 2px 2px;display:flex}.jk-hcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.jk-hcard-label{color:var(--text-muted);white-space:nowrap;font-size:11px;line-height:1.2}.jk-hcard.selected .jk-hcard-label{color:var(--accent);font-weight:700}.jk-hcard.dead .jk-hcard-label{opacity:.5}@media (prefers-reduced-motion:reduce){.jk-pulse,.jk-arrow,.jk-seat.active{animation:none!important}.jk-pulse{opacity:1;transform:scale(1.2)}.jk-arrow-last{stroke-dashoffset:0;animation:none!important}}.home{min-height:100dvh}.home-hero{background:var(--hero-bg);color:var(--hero-fg);padding:var(--safe-top) var(--gutter) var(--s-5);border-end-end-radius:36px;border-end-start-radius:36px;position:relative;overflow:hidden}.home-hero:before,.home-hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.home-hero:before{background:#ffffff17;width:240px;height:240px;inset-block-start:-110px;inset-inline-start:-70px}.home-hero:after{border:20px solid #ffffff17;width:150px;height:150px;inset-block-end:-64px;inset-inline-end:34%}.home-hero-in{z-index:1;gap:var(--s-3);flex-direction:column;max-width:1120px;margin-inline:auto;display:flex;position:relative}.home-bar{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:var(--tap-min);display:flex}.hero-me,.hero-me-slot{flex:auto;min-inline-size:0}.hero-me{max-inline-size:max-content;min-block-size:var(--tap-min);background:var(--pill-bg);color:var(--pill-fg);box-shadow:var(--pill-shadow);font-weight:800;font-size:var(--fs-base);border-radius:999px;align-items:center;gap:8px;margin-inline-end:auto;padding-block:4px;padding-inline:6px 14px;text-decoration:none;display:inline-flex}.hero-me .hero-me-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.hero-me-flag{flex:none;align-items:center;line-height:0;display:inline-flex}@media (width<=440px){.hero-me .hero-me-name{display:none}.hero-me{flex:none;padding-block:4px;padding-inline:4px 12px}.hero-me:not(:has(.hero-me-flag)){padding:4px}.home-bar .lang-label{display:none}.home-bar .dialect-pill{gap:4px;padding-inline:12px}}@media (width<=360px){.home-bar{gap:6px}}.hero-me:focus-visible{box-shadow:var(--glow-accent);outline:none}.home-hero .dialect-pill,.home-hero .btn-icon{background:var(--pill-bg);color:var(--pill-fg);box-shadow:var(--pill-shadow);border:0}.home-hero .players-pill{width:auto;max-width:100%;box-shadow:var(--pill-shadow);margin-top:var(--s-2);border:0;align-self:flex-start}.home-title{font-family:var(--font-display);font-weight:var(--display-weight);margin-top:var(--s-3);text-shadow:var(--hero-shadow);max-width:calc(100% - 96px);font-size:clamp(32px,9vw,60px);line-height:1.15}.hero-art{pointer-events:none;width:112px;height:140px;position:absolute;inset-block-start:66px;inset-inline-end:0}.hero-art>*{filter:drop-shadow(0 8px 12px #5a0a0047);position:absolute}.hero-art>:first-child{inset-block-start:0;inset-inline-end:8px;transform:rotate(12deg)}.hero-art>:nth-child(2){inset-block-start:58px;inset-inline-end:56px;transform:rotate(-14deg)}.hero-art>:nth-child(3){inset-block-start:86px;inset-inline-end:0;transform:rotate(8deg)}.home-body{max-width:1120px;padding:var(--s-6) var(--gutter) calc(var(--s-8) + env(safe-area-inset-bottom));gap:var(--s-8);flex-direction:column;margin-inline:auto;display:flex}.note{text-wrap:pretty;align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap-min);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);background:var(--banner-bg);border:1.5px solid var(--banner-border);color:inherit;font-size:var(--fs-sm);text-align:start;line-height:1.5;display:flex}.sec-head{margin-bottom:var(--s-3);flex-direction:column;gap:2px;display:flex}.sec-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-title);line-height:1.25}.sec-sub{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.home-foot{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}@media (width>=760px){.home-hero{border-end-end-radius:48px;border-end-start-radius:48px;padding-block-end:var(--s-8)}.home-title{margin-top:var(--s-6)}.hero-art{width:200px;height:150px;inset-block-start:50%;inset-inline-end:9%;transform:translateY(-14%)scale(1.9)}.hero-art>:first-child{inset-inline-end:16px}.hero-art>:nth-child(2){inset-block-start:62px;inset-inline-end:110px}.hero-art>:nth-child(3){inset-block-start:92px;inset-inline-end:6px}}@media (width>=900px) and (height<=760px){.home-hero{padding-block-end:var(--s-5)}.home-hero-in{gap:var(--s-2)}.home-title{margin-top:0;font-size:44px}.home-hero .players-pill{margin-top:0}.hero-art{transform:translateY(-22%)scale(1.45)}.home .home-body{padding-block-start:var(--s-5)}}html:has(.action-bar){scroll-padding-block-end:calc(140px + env(safe-area-inset-bottom))}.lobby-intro,.lobby-rules{gap:var(--s-4);flex-direction:column;display:flex}@media (width>=900px) and (orientation:landscape){.screen.game-lobby{align-items:start;column-gap:var(--s-6,32px);row-gap:var(--s-3);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:min(1040px,100%);display:grid}.game-lobby>.topbar{grid-column:1/-1}.game-lobby>.grow{display:none}.game-lobby>.action-bar{grid-column:1/-1;justify-self:center;width:100%;max-width:520px}}.lobby-hero{--shine-x:0%;align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-xl);background:radial-gradient(120px 130px at var(--shine-x) 0%, color-mix(in srgb, #fff 22%, var(--tile)) 0, transparent 100%), var(--tile);color:var(--tile-ink);box-shadow:0 14px 26px -16px color-mix(in srgb, var(--tile) 80%, #000);display:flex;position:relative;overflow:hidden}.lobby-hero:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--shine-x:100%}.lobby-hero:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;width:160px;height:160px;position:absolute;inset-block-end:-80px;inset-inline-end:-40px}.lobby-emoji{filter:drop-shadow(0 10px 12px #00000038);flex:none}.lobby-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-title);line-height:1.2}.lobby-meta{font-size:var(--fs-sm);font-weight:600}.rule-num{background:var(--tile);width:34px;height:34px;color:var(--tile-ink);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-base);border-radius:50%;flex:none;place-items:center;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;overflow:hidden;width:1px!important;max-width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important}.topbar>:first-child{margin-inline-end:auto}.game-menu-slot{flex:none;display:inline-flex}.game-menu-slot:empty{display:none}.game-menu-btn{width:var(--tap-min);height:var(--tap-min);border:1.5px solid var(--line);background:var(--pill-bg);color:var(--pill-fg);box-shadow:var(--pill-shadow);font-size:var(--fs-xl);cursor:pointer;transition:transform .12s var(--ease-out);border-radius:50%;flex:none;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:relative}.game-menu-btn:active{transform:scale(.94)}.game-menu-dot{background:var(--coral);block-size:12px;inline-size:12px;box-shadow:0 0 0 2px var(--bg-raised);border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-end:2px}.game-menu-btn:focus-visible{box-shadow:var(--pill-shadow), var(--glow-accent);outline:none}.home-hero .game-menu-btn{border:0}.game-menu-btn.floating{z-index:30;width:var(--tap-min);height:var(--tap-min);font-size:var(--fs-xl);opacity:.92;margin:0;position:fixed;inset-block-start:var(--safe-top-tight);inset-inline-end:max(10px, env(safe-area-inset-left), env(safe-area-inset-right))}body:has(.game-menu-btn.floating) .screen>.topbar:first-child{padding-inline-end:calc(var(--tap-min) + 8px)}body:has(.screen>.topbar:first-child) .game-menu-btn.floating{inset-block-start:var(--safe-top)}body:has(.game-menu-btn.floating) .sj-top{padding-inline-end:calc(var(--sj-gut,12px) + var(--tap-min) + 6px)}body:has(.sj-top) .game-menu-btn.floating{inset-block-start:max(env(safe-area-inset-top), calc(env(safe-area-inset-top) + clamp(54px, 7.4vh, 78px) / 2 - var(--tap-min) / 2))}.game-menu-btn.floating:hover,.game-menu-btn.floating:focus-visible{opacity:1}.admin-pill{z-index:30;background:var(--coral);color:#fff;min-height:24px;box-shadow:var(--pill-shadow);opacity:.92;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;inset-block-start:var(--safe-top-tight);inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .admin-pill{transform:translate(50%)}.game-menu{gap:var(--s-3)}.menu-toggles{gap:var(--s-2);flex-direction:column;display:flex}.menu-toggle{align-items:center;gap:var(--s-3);min-height:var(--tap-min);width:100%;padding-inline:var(--s-4);border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--fs-md);text-align:start;cursor:pointer;font-weight:700;display:flex}.menu-toggle:focus-visible{box-shadow:var(--glow-accent);outline:none}.menu-toggle-icon{font-size:var(--fs-xl)}.menu-toggle-label{flex:1}.menu-toggle-state{font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.switch{background:var(--line);border-radius:999px;flex:none;width:52px;height:30px;transition:background .16s;position:relative}.switch:after{content:"";width:22px;height:22px;transition:inset-inline-start .16s var(--ease-out), background .16s;background:#fff;border-radius:50%;position:absolute;inset-block-start:4px;inset-inline-start:4px;box-shadow:0 1px 3px #0000004d}.switch{background:color-mix(in srgb, var(--text) 28%, var(--surface-2))}.menu-toggle[aria-checked=true] .switch{background:var(--accent)}.menu-toggle[aria-checked=true] .switch:after{background:#fff;inset-inline-start:26px}.menu-toggle[aria-checked=true] .menu-toggle-state{color:var(--accent)}.menu-row{width:100%;min-height:var(--tap-min)}.report-sheet .chip{font-size:var(--fs-base)}.report-field{margin-block-end:calc(-1 * var(--s-2))}.report-text{border-radius:var(--r-md);padding-block:var(--s-3);resize:vertical;min-height:112px;line-height:1.6;font:inherit;font-size:var(--fs-base);color:var(--text)}.report-count{font-size:var(--fs-sm);text-align:end;margin-block-start:calc(-1 * var(--s-3))}.report-q{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1.5px solid var(--line);font-size:var(--fs-base)}.report-ctx{font-size:var(--fs-sm)}.app-toast-region{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:calc(env(safe-area-inset-bottom) + 96px);inset-inline:16px}.app-toast{pointer-events:auto;max-inline-size:480px;min-block-size:var(--tap-min);padding:10px var(--s-5);border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--bg-raised);color:var(--text);box-shadow:var(--sh-2);font-size:var(--fs-base);cursor:pointer;animation:app-toast-in .2s var(--ease-out);font-weight:700}@keyframes app-toast-in{0%{opacity:0;transform:translateY(16px)}}.update-region{inset-inline:var(--s-4);z-index:39;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:calc(env(safe-area-inset-bottom) + var(--s-4))}.update-banner{pointer-events:auto;align-items:center;gap:var(--s-2) var(--s-3);inline-size:100%;max-inline-size:480px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1.5px solid var(--banner-border);background:var(--banner-bg);color:var(--text);box-shadow:var(--sh-2);animation:app-toast-in .2s var(--ease-out);flex-wrap:wrap;display:flex}.update-text{flex:1 1 calc(100% - 28px - var(--s-3));font-size:var(--fs-base);font-weight:700;line-height:1.4}.update-banner .update-go{inline-size:auto;min-block-size:var(--tap-min);font-size:var(--fs-md);flex:auto}.update-banner .update-later{min-block-size:var(--tap-min);font-size:var(--fs-base);flex:none}.reveal-progress{pointer-events:none;place-items:center;width:52px;height:52px;margin-inline:auto;display:grid;position:absolute;inset-block-end:var(--s-4);inset-inline:0}.reveal-progress svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.reveal-progress .track{fill:var(--bg-raised);stroke:var(--line);stroke-width:4px}.reveal-progress .fill{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.reveal-progress.done .fill{stroke:var(--qahwa)}.reveal-progress-mark{font-size:var(--fs-title);color:var(--qahwa);font-weight:800;position:relative}.reveal-progress.done{animation:reveal-done-pop .32s var(--ease-spring)}@keyframes reveal-done-pop{50%{transform:scale(1.18)}}.reveal-done.unlocked:not([disabled]){animation:reveal-unlock .48s var(--ease-spring)}@keyframes reveal-unlock{40%{transform:scale(1.04)}}.reveal-done.hold.locked{isolation:isolate;opacity:1;background:var(--hold-track);color:var(--hold-ink);border:2px dashed var(--hold-line);box-shadow:none;position:relative;overflow:hidden}.reveal-done.hold.locked:before{content:"";inline-size:calc(var(--hold,0) * 100%);background:var(--hold-fill);z-index:-1;position:absolute;inset-block:0;inset-inline-start:0}.reveal-hint{color:var(--accent);animation:reveal-hint-nudge .36s var(--ease-out);font-weight:700}@keyframes reveal-hint-nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.reveal-hint,.reveal-progress.done,.reveal-done.unlocked:not([disabled]){animation:none}}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti>span{opacity:.9;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:3;animation-fill-mode:both;position:absolute;top:-24px}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(110dvh) rotate(calc(var(--rot,0deg) + 540deg))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.screen.fw-play{gap:var(--s-3);height:100dvh;min-height:0;overflow:hidden}.fw-top{align-items:center;gap:var(--s-2);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.fw-team{background:color-mix(in srgb, var(--team) 10%, var(--bg-raised));color:var(--team);border:1.5px solid color-mix(in srgb, var(--team) 35%, transparent);white-space:nowrap;border-radius:999px;justify-self:start;padding:6px 12px}.fw-clock{color:var(--accent);font-size:clamp(34px,6vh,48px);line-height:1}.fw-clock.coral{color:var(--coral)}.fw-card{text-align:center;background:var(--bg-raised);border:1px solid var(--card-border);border-radius:var(--r-xl);min-height:0;box-shadow:var(--sh-2);padding:clamp(12px, 2.4vh, 24px) var(--s-4);animation:fw-card-in .16s var(--ease-out);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,12px);display:flex;position:relative;overflow:hidden}@keyframes fw-card-in{0%{opacity:.4;transform:translateY(8px)scale(.98)}}.fw-resume{width:auto;min-block-size:64px;min-inline-size:56px;font-size:var(--fs-title);padding-inline:40px}.fw-word{color:var(--text);overflow-wrap:anywhere;font-size:clamp(40px,min(14vw,8.5vh),76px);line-height:1.15}.fw-banned-label{font-size:var(--fs-sm);color:var(--coral);border-block-start:2px dashed var(--line);align-self:stretch;padding-block-start:clamp(4px,1vh,10px);font-weight:700}.fw-banned{color:var(--text);flex-direction:column;gap:clamp(2px,.8vh,8px);margin:0;padding:0;font-size:clamp(22px,3.9vh,32px);font-weight:700;line-height:1.3;list-style:none;display:flex}.fw-banned li{background:color-mix(in srgb, var(--coral) 8%, var(--bg-raised));border-radius:999px;padding:2px 20px}.fw-card-away{justify-content:safe center;overflow-y:auto}.fw-card-away .fw-banned{flex-flow:wrap;justify-content:center;gap:6px}.fw-fx{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-xl);animation:fw-fx .9s var(--ease-out) forwards;pointer-events:none;position:absolute;inset-block-start:10px;inset-inline-end:14px}@keyframes fw-fx{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}to{opacity:0}}.fw-actions{gap:var(--s-2);flex-direction:column;flex:none;display:flex}.fw-actions-row{gap:var(--s-2);display:flex}.fw-actions-row .btn{min-height:60px;font-size:var(--fs-lg);flex:1;font-weight:800}.fw-btn-foul{background:var(--bg-raised);color:var(--coral);border:2.5px solid var(--coral)}.fw-btn-skip{background:var(--bg-raised);color:var(--text-muted);border:2px solid var(--line)}.fw-btn-ok{background:var(--qahwa);width:100%;min-height:72px;color:var(--on-flash);box-shadow:var(--sh-2);font-size:26px;font-weight:800}.fw-intro .fw-start{min-height:28vh}.fw-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fw-row{align-items:center;gap:var(--s-2);min-height:56px;padding-inline:var(--s-4) var(--s-1,4px);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--card-border);box-shadow:var(--sh-1);grid-template-columns:1fr auto 2.5em auto;display:grid}.fw-row-word{font-weight:700;font-size:var(--fs-md)}.fw-row-pts{text-align:center;font-weight:700}.fw-row .t-label{white-space:nowrap}.fw-edit{font-size:var(--fs-sm);white-space:nowrap}.fw-scores{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.fw-score{padding:var(--s-4);border-radius:var(--r-lg);background:color-mix(in srgb, var(--team) 10%, var(--bg-raised));border:2px solid color-mix(in srgb, var(--team) 40%, transparent);color:var(--team);flex-direction:column;align-items:center;gap:2px;display:flex}.fw-score-n{font-size:48px;line-height:1.1}.screen.fw-end,.screen.oyh-end{height:100dvh;min-height:0;overflow:hidden}.fw-end-body,.oyh-end-body{gap:var(--s-4);min-block-size:0;flex-direction:column;flex:auto;padding-block-end:var(--s-2);display:flex;overflow-y:auto}.fw-end-cols,.oyh-end-cols{gap:var(--s-4);flex-direction:column;display:flex}@media (width>=900px){.screen.fw-end,.screen.oyh-end{max-width:960px}.fw-end-cols,.oyh-end-cols{grid-template-columns:1fr 1fr;align-items:start;display:grid}.fw-end>.action-bar,.oyh-end>.action-bar{flex-direction:row}.fw-end>.action-bar .btn,.oyh-end>.action-bar .btn{flex:1}}@media (prefers-reduced-motion:reduce){.fw-card,.fw-fx{animation:none}}.oyh-handoff .oyh-start{min-height:28vh}.screen.oyh-play{gap:var(--s-3);height:100dvh;min-height:0;overflow:hidden}.screen.oyh-play>*{max-width:none}.oyh-top{align-items:center;gap:var(--s-2);flex:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oyh-side{text-overflow:ellipsis;border-radius:var(--r-md);background:color-mix(in srgb, var(--team) 10%, var(--bg-raised));max-width:100%;color:var(--team);border:1.5px solid color-mix(in srgb, var(--team) 35%, transparent);white-space:nowrap;flex-direction:column;justify-self:start;align-items:center;padding:4px 12px;padding-inline:10px;line-height:1.25;display:flex;overflow:hidden}.oyh-clock{color:var(--accent);justify-self:center;font-size:clamp(30px,min(6vh,11vw),48px);line-height:1}.oyh-clock.coral{color:var(--coral)}.oyh-stage{gap:var(--s-3);flex:auto;grid-template:"card card"1fr"ok pass"/1fr 1fr;min-height:0;display:grid}.oyh-card{text-align:center;background:var(--bg-raised);border:1px solid var(--card-border);border-radius:var(--r-xl);min-width:0;min-height:0;box-shadow:var(--sh-2);padding:clamp(12px, 2.4vh, 24px) var(--s-4);flex-direction:column;grid-area:card;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,12px);display:flex;overflow:hidden}.oyh-word{font-size:clamp(40px, min(calc(100vw / var(--n,6)), 20vh), 200px);color:var(--text);overflow-wrap:break-word;max-width:100%;animation:oyh-word-in .2s var(--ease-out);margin:0;line-height:1.15}@keyframes oyh-word-in{0%{opacity:.3;transform:scale(.92)}}.oyh-cat{font-size:clamp(14px,2.4vh,20px)}.oyh-count{color:var(--accent);margin:0;font-size:clamp(96px,30vh,260px);line-height:1}.oyh-paused{color:var(--text-muted);margin:0;font-size:clamp(36px,8vh,64px)}.oyh-btn{min-height:72px;font-size:var(--fs-title);border-radius:var(--r-lg);box-shadow:var(--sh-2);font-weight:800}.oyh-btn-ok{background:var(--qahwa);color:var(--on-flash);grid-area:ok}.oyh-btn-pass{background:var(--pass);color:var(--on-flash);grid-area:pass}.oyh-btn:disabled{opacity:.45}.oyh-hint{flex:none;margin:0}@media (orientation:landscape){.oyh-stage{grid-template:"ok card pass"1fr/minmax(96px,16vw) 1fr minmax(96px,16vw)}.oyh-btn{min-height:0;font-size:clamp(22px,3vw,32px)}.oyh-word{font-size:clamp(40px, min(calc(100vw / var(--n,6)), 30vh), 220px)}}@media (orientation:landscape) and (height<=700px){.oyh-summary{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,30%) 1fr;align-content:start;column-gap:16px;display:grid}.oyh-summary>:first-child,.oyh-summary>.action-bar{grid-column:1/-1}.oyh-sum-score{grid-area:2/1;align-self:center}.oyh-sum-words{grid-area:2/2;min-block-size:0;overflow-y:auto}.oyh-summary>.grow{display:none}}.oyh-recap>summary{justify-content:space-between;align-items:center;gap:var(--s-3);cursor:pointer;min-block-size:56px;font-weight:700;display:flex}.oyh-recap-arrow{background:var(--chip-bg);border:1.5px solid var(--line);block-size:40px;inline-size:40px;color:var(--accent);font-size:var(--fs-xl);transition:transform .16s var(--ease-out);border-radius:50%;place-items:center;line-height:1;display:grid}.oyh-recap[open]>summary .oyh-recap-arrow{transform:rotate(180deg)}.oyh-pause{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);border-radius:var(--r-pill,999px);background:var(--chip-bg);color:var(--text);border:1.5px solid var(--line);box-shadow:var(--sh-1);font-size:var(--fs-base);white-space:nowrap;width:auto;padding-inline:14px;font-weight:700}.oyh-recap-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.oyh-recap-list li{flex-direction:column;gap:2px;display:flex}.oyh-flash{z-index:40;font-family:var(--font-display);font-weight:var(--display-weight);color:var(--on-flash);pointer-events:none;animation:oyh-flash .52s var(--ease-out) forwards;place-items:center;font-size:clamp(48px,14vh,120px);display:grid;position:fixed;inset:0}.oyh-flash-correct{background:var(--qahwa)}.oyh-flash-pass{background:var(--pass)}@keyframes oyh-flash{0%{opacity:.96}60%{opacity:.9}to{opacity:0;visibility:hidden}}.oyh-pass-text{color:var(--pass)}.oyh-award{flex-direction:column;align-items:center;gap:2px;display:flex}.oyh-award-sub{display:block}@media (prefers-reduced-motion:reduce){.oyh-word{animation:none}.oyh-flash{animation-duration:.3s}}body:has(.scrim) .update-region{display:none}body:has(.game-menu-btn.floating) .screen:has(>.reveal-card)>:first-child:not(.reveal-card){min-block-size:calc(var(--tap-min) + 8px - var(--s-4));justify-content:center;align-items:center;margin:0;display:flex}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);color:var(--text);background-position:calc(100% - 24px),calc(100% - 18px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-inline-end:44px}[dir=rtl] select.input,:root:lang(ar) select.input{background-position:24px,18px}input[type=date].input{text-align:start;color:var(--text)}.auth-cover{z-index:60;background:var(--bg);position:fixed;inset:0}.online-as{font-size:var(--fs-base);margin:0}.online-as-name{background:var(--surface-2);max-inline-size:100%;color:var(--text);overflow-wrap:anywhere;border-radius:999px;padding:2px 12px;font-weight:800;display:inline-block}.priv-list{gap:var(--s-2);flex-direction:column;margin:0;padding-inline-start:1.2em;display:flex}html[dir=ltr] .flip{display:inline-block;transform:scaleX(-1)}.lobby-title-ar{color:inherit;opacity:.85;font-size:var(--fs-base);margin:0;font-weight:600}.priv-mail{color:var(--accent);overflow-wrap:anywhere;padding-block:10px;font-weight:700;text-decoration:underline;display:inline-block}.inapp-hint{inset-inline:var(--gutter,16px);z-index:60;max-inline-size:520px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1.5px solid var(--banner-border);background:var(--banner-bg);color:var(--text);box-shadow:var(--sh-2);flex-direction:column;gap:6px;margin-inline:auto;display:flex;position:fixed;inset-block-start:calc(8px + env(safe-area-inset-top))}.inapp-hint-title{font-weight:800;font-size:var(--fs-md)}.inapp-hint-text{font-size:var(--fs-sm);line-height:1.5}.inapp-hint-actions{gap:var(--s-2)}.inapp-hint-actions>.btn-primary{flex:auto}.account-who{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.account-who-text{flex:160px;min-inline-size:0}.account-who-text p{overflow-wrap:anywhere;margin:0}.account-logout{flex:none}[data-zoom]{cursor:zoom-in;-webkit-tap-highlight-color:transparent}[data-zoom]:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-md)}.account-wa{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-wa-ok{color:var(--accent);font-weight:800}.account-wa-form{gap:10px}.share-icon-btn{border:2px solid var(--secondary-border);background:var(--secondary-bg);block-size:44px;inline-size:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;font-weight:800;display:inline-grid}.share-icon-btn:active{transform:scale(.95)}.share-icon-btn:focus-visible{box-shadow:var(--glow-accent);outline:none}@media (width<=420px){.room-top:has(.head-cam) .room-name-ico{display:none!important}.room-top:has(.head-cam)>.room-title>.t-h3{font-size:var(--fs-sm)!important}.room-top:has(.head-cam)>.room-top-btns{gap:4px!important}.room-top:has(.head-cam)>.room-top-btns>.btn-ghost:not(.btn-icon){padding-inline:4px}}@media (pointer:coarse){input,textarea,select,.input{font-size:max(16px,1em)!important}}