/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Anton", ui-sans-serif, system-ui, sans-serif;--font-body:"Sora Variable", "Sora", ui-sans-serif, system-ui, sans-serif;--color-bg:#0a0a0f;--color-surface:#13131b;--color-raised:#0e0e15;--color-line:#2a2a3a;--color-text:#f2f0ea;--color-muted:#8b8b9e;--color-dim:#5a5a6b;--color-scrim:#030306b8;--color-mint:#1ac8a0;--color-mint-ink:#04120d;--color-mint-shadow:#0f8a6d;--color-amber:#ffc24d;--color-amber-ink:#1a1200;--color-amber-shadow:#c08a1e;--color-flame:#ff4d2e;--color-flame-ink:#1a0500;--color-flame-shadow:#9e2a14;--color-absent:#262633;--color-absent-ink:#6e6e82;--color-absent-shadow:#17171f;--color-key:#1c1c27;--color-key-shadow:#08080c;--color-key-out:#101017;--color-key-out-ink:#454553;--color-key-out-shadow:#050508}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.min-h-0{min-height:0}.w-3{width:calc(var(--spacing) * 3)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-flame\/40{border-color:#ff4d2e66}@supports (color:color-mix(in lab,red,red)){.border-flame\/40{border-color:color-mix(in oklab,var(--color-flame) 40%,transparent)}}.border-line{border-color:var(--color-line)}.bg-flame\/10{background-color:#ff4d2e1a}@supports (color:color-mix(in lab,red,red)){.bg-flame\/10{background-color:color-mix(in oklab,var(--color-flame) 10%,transparent)}}.bg-surface{background-color:var(--color-surface)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.56rem\]{font-size:.56rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[2\.75rem\]{font-size:2.75rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber{color:var(--color-amber)}.text-dim{color:var(--color-dim)}.text-flame{color:var(--color-flame)}.text-mint{color:var(--color-mint)}.text-muted{color:var(--color-muted)}.text-text{color:var(--color-text)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");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}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--color-bg:#f5efe2;--color-surface:#fffdf7;--color-raised:#efe8d9;--color-line:#d8d2c2;--color-text:#14120c;--color-muted:#6e6858;--color-dim:#938d7c;--color-scrim:#14120c73;--color-mint:#0fa382;--color-mint-ink:#fff;--color-mint-shadow:#0a6b56;--color-absent:#cfc7b4;--color-absent-ink:#6e6858;--color-absent-shadow:#b3ab98;--color-key:#e7e0cf;--color-key-shadow:#c9c2b0;--color-key-out:#ddd6c4;--color-key-out-ink:#a39c8a;--color-key-out-shadow:#c2bba9}}:root[data-theme=light]{color-scheme:light;--color-bg:#f5efe2;--color-surface:#fffdf7;--color-raised:#efe8d9;--color-line:#d8d2c2;--color-text:#14120c;--color-muted:#6e6858;--color-dim:#938d7c;--color-scrim:#14120c73;--color-mint:#0fa382;--color-mint-ink:#fff;--color-mint-shadow:#0a6b56;--color-absent:#cfc7b4;--color-absent-ink:#6e6858;--color-absent-shadow:#b3ab98;--color-key:#e7e0cf;--color-key-shadow:#c9c2b0;--color-key-out:#ddd6c4;--color-key-out-ink:#a39c8a;--color-key-out-shadow:#c2bba9}:root,:root[data-theme=dark]{color-scheme:dark}html,body,#root{width:100%;max-width:100%;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;margin:0;overflow:hidden}:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px;border-radius:4px}.scoreboard{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400;line-height:1}.tile{aspect-ratio:1;border:2px solid var(--color-line);font-family:var(--font-display);color:var(--color-text);-webkit-user-select:none;user-select:none;transform-style:preserve-3d;background-color:#0000;border-radius:5px;place-items:center;font-size:clamp(1.3rem,7vw,1.75rem);font-weight:400;line-height:1;display:grid;position:relative}.tile[data-filled=true]{border-color:var(--color-muted);animation:.11s ease-out tile-pop}button.tile{cursor:pointer;font:inherit;font-family:var(--font-display);padding:0}.tile[data-selected]{border-style:dashed;border-color:var(--color-mint);background-color:#1ac8a029}@supports (color:color-mix(in lab,red,red)){.tile[data-selected]{background-color:color-mix(in srgb,var(--color-mint) 16%,transparent)}}.tile[data-selected]{box-shadow:0 0 0 3px #1ac8a059}@supports (color:color-mix(in lab,red,red)){.tile[data-selected]{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-mint) 35%,transparent)}}.tile[data-selected]{animation:1.4s ease-in-out infinite tile-selected}@keyframes tile-selected{50%{border-color:color-mix(in srgb,var(--color-mint) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-mint) 15%,transparent)}}.board-wrap{position:relative}.board-hint{border:1px solid #1ac8a073;border-radius:999px;width:max-content;max-width:96%;padding:.35rem .65rem;position:absolute;bottom:.4rem;left:50%;translate:-50%}@supports (color:color-mix(in lab,red,red)){.board-hint{border:1px solid color-mix(in srgb,var(--color-mint) 45%,transparent)}}.board-hint{background:#143030}@supports (color:color-mix(in lab,red,red)){.board-hint{background:color-mix(in srgb,var(--color-mint) 16%,var(--color-surface))}}.board-hint{text-align:center;color:var(--color-text);font-size:.7rem;line-height:1.25;animation:.16s ease-out fade-in;box-shadow:0 6px 18px #00000047}.tile[data-state]{--glaze:var(--color-absent);--glaze-ink:var(--color-absent-ink);--glaze-shadow:var(--color-absent-shadow);animation-name:tile-flip;animation-duration:.52s;animation-timing-function:ease-in-out;animation-delay:var(--flip-delay,0s);border-color:#0000;animation-fill-mode:both}.tile[data-state=correct]{--glaze:var(--color-mint);--glaze-ink:var(--color-mint-ink);--glaze-shadow:var(--color-mint-shadow)}.tile[data-state=present]{--glaze:var(--color-amber);--glaze-ink:var(--color-amber-ink);--glaze-shadow:var(--color-amber-shadow)}@keyframes tile-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tile-flip{0%{color:var(--color-text);box-shadow:none;background-color:#0000;transform:rotateX(0)}49%{color:var(--color-text);box-shadow:none;background-color:#0000;transform:rotateX(90deg)}50%{background-color:var(--glaze);color:var(--glaze-ink);box-shadow:0 4px 0 var(--glaze-shadow);transform:rotateX(90deg)}to{background-color:var(--glaze);color:var(--glaze-ink);box-shadow:0 4px 0 var(--glaze-shadow);transform:rotateX(0)}}.row-invalid{animation:.42s ease-in-out row-shake}@keyframes row-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.row-won .tile{animation-name:tile-flip,tile-cheer;animation-duration:.52s,.48s;animation-timing-function:ease-in-out,ease-in-out;animation-delay:var(--flip-delay,0s),calc(var(--flip-delay,0s) + .56s);animation-fill-mode:both,both}@keyframes tile-cheer{0%,to{translate:0}40%{translate:0 -14%}70%{translate:0 4%}}.key{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:var(--color-key);min-width:0;height:clamp(2.9rem,7.6vh,3.4rem);color:var(--color-text);box-shadow:0 3px 0 var(--color-key-shadow);font-family:var(--font-body);cursor:pointer;border:0;border-radius:6px;flex:auto;font-size:clamp(.8rem,3.6vw,.95rem);font-weight:700;transition:background-color .12s}.key:active{box-shadow:0 1px 0 var(--color-key-shadow);transform:translateY(2px)}.key[data-state=absent]{background-color:var(--color-key-out);color:var(--color-key-out-ink);box-shadow:0 3px 0 var(--color-key-out-shadow)}.key[data-state=present]{background-color:var(--color-amber);color:var(--color-amber-ink);box-shadow:0 3px 0 var(--color-amber-shadow)}.key[data-state=correct]{background-color:var(--color-mint);color:var(--color-mint-ink);box-shadow:0 3px 0 var(--color-mint-shadow)}.key[data-wide=true]{flex-grow:1.6}.app{width:100%;min-width:0;height:100dvh;padding-top:env(safe-area-inset-top);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.app>*{min-width:0}.app--duel-live{grid-template-rows:auto auto minmax(0,1fr) auto}.app--duel-live .board{--chrome:480px}.board{--chrome:290px;width:min(88vw,20rem,calc((100dvh - var(--chrome)) * 5 / 6));gap:.4rem;display:grid}.board-row,.answer-row{grid-template-columns:repeat(5,1fr);gap:.44rem;display:grid}.answer-row{max-width:15.6rem;margin-inline:auto}.answer-row .tile{font-size:1.1rem}.howto-list{flex-direction:column;gap:.7rem;margin-top:1.1rem;display:flex}.howto-card{border:1px solid var(--color-line);border-left:3px solid var(--color-absent);background:#0e0e15e0;border-radius:12px;gap:.65rem;padding:.75rem;display:grid}@supports (color:color-mix(in lab,red,red)){.howto-card{background:color-mix(in srgb,var(--color-raised) 88%,transparent)}}.howto-card[data-state=correct]{border-left-color:var(--color-mint)}.howto-card[data-state=present]{border-left-color:var(--color-amber)}.howto-word{grid-template-columns:repeat(5,2.25rem);gap:.34rem;width:max-content;display:grid}.howto-tile{aspect-ratio:1;border:2px solid var(--color-line);background:var(--color-bg);width:2.25rem;font-family:var(--font-display);border-radius:7px;place-items:center;font-size:1rem;line-height:1;display:grid}.howto-tile[data-state=correct]{background:var(--color-mint);color:var(--color-mint-ink);box-shadow:0 3px 0 var(--color-mint-shadow);border-color:#0000}.howto-tile[data-state=present]{background:var(--color-amber);color:var(--color-amber-ink);box-shadow:0 3px 0 var(--color-amber-shadow);border-color:#0000}.howto-tile[data-state=absent]{background:var(--color-absent);color:var(--color-absent-ink);box-shadow:0 3px 0 var(--color-absent-shadow);border-color:#0000}.howto-card__label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;font-size:.75rem;display:block}.howto-card__text{color:var(--color-muted);font-size:.8rem;line-height:1.45}@media(min-width:480px){.howto-card{grid-template-columns:max-content minmax(0,1fr);align-items:center}}.keyboard{width:100%;max-width:32rem;padding:.625rem clamp(.25rem,1.2vw,.5rem);padding-bottom:max(.875rem,env(safe-area-inset-bottom));flex-direction:column;gap:.44rem;margin-inline:auto;transition:opacity .12s;display:flex}.keyboard[data-busy=true]{opacity:.5;pointer-events:none;transition:opacity .14s .2s}.keyboard-row{gap:clamp(.22rem,.9vw,.3rem);display:flex}.finish-bar{width:100%;max-width:32rem;padding:.75rem .5rem;padding-bottom:max(.875rem,env(safe-area-inset-bottom));gap:.5rem;margin-inline:auto;display:flex}.plate-l,.plate-r{background:var(--color-surface);min-width:0;padding:.65rem .75rem}.plate-l{border-left:4px solid var(--color-mint);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.plate-r{border-right:4px solid var(--edge,var(--color-flame));clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);text-align:right}.stripes{pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(-55deg,var(--stripe,var(--color-flame)) 0 10px,transparent 10px 26px);background-size:126.962px 100%;position:absolute;top:0;right:0;bottom:0;left:0}.stripes--wide{opacity:.06;background-image:repeating-linear-gradient(-55deg,var(--stripe,var(--color-flame)) 0 16px,transparent 16px 46px);background-size:224.624px 100%}.stripes--moving{animation:7s linear infinite stripes-move}.stripes--wide.stripes--moving{animation-name:stripes-move-wide}@keyframes stripes-move{to{background-position-x:126.962px}}@keyframes stripes-move-wide{to{background-position-x:224.624px}}.hero-duel .stripes{-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%);mask-image:linear-gradient(90deg,#0000,#000 38%)}.live-dot{background:var(--color-flame);border-radius:999px;flex:none;width:7px;height:7px;animation:1.2s ease-in-out infinite live-blink}@keyframes live-blink{50%{opacity:.25}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem;font-weight:800}.eyebrow--live{color:var(--color-flame)}.ticker{width:100%;margin-top:.4rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000)}.ticker__track{width:max-content;animation:ticker var(--ticker-duration,9s) linear infinite;letter-spacing:.1em;color:var(--color-dim);white-space:nowrap;font-size:.64rem;font-weight:700;display:flex}.ticker__group{flex:none;gap:3rem;padding-right:3rem;display:flex}.ticker__item{flex:none}.ticker__probe{visibility:hidden;letter-spacing:.1em;white-space:nowrap;pointer-events:none;width:max-content;font-size:.64rem;font-weight:700;position:absolute}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.duel-strip{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.5rem;padding:.4rem 1rem .6rem;display:grid}.duel-side{flex-direction:column;justify-content:center;gap:.2rem;display:flex}.duel-side__label{letter-spacing:.12em;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:800;overflow:hidden}.duel-side__value{font-family:var(--font-display);font-size:1.4rem;line-height:1}.duel-side__value .rest{color:#8b8b9e8c}@supports (color:color-mix(in lab,red,red)){.duel-side__value .rest{color:color-mix(in srgb,var(--color-muted) 55%,transparent)}}.duel-clock{flex-direction:column;justify-content:center;align-items:center;padding:.35rem 1rem;display:flex}.duel-clock__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.5rem;line-height:1}.duel-clock__label{letter-spacing:.18em;color:var(--color-muted);margin-top:.15rem;font-size:.6rem;font-weight:800}.duel-clock[data-urgent] .duel-clock__value{color:var(--color-flame);animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{opacity:.4}}.duel-clock[data-cut] .duel-clock__value{animation:.4s ease-out 3 clock-cut}.duel-clock[data-cut] .duel-clock__label{color:var(--color-flame);font-weight:800}@keyframes clock-cut{40%{color:var(--color-flame);transform:scale(1.18)}}.ghost{border:1px solid #ff4d2e73;align-items:center;gap:.85rem;padding:.7rem .85rem;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.ghost{border:1px solid color-mix(in srgb,var(--color-flame) 45%,transparent)}}.ghost{background:var(--color-raised);border-radius:12px;overflow:hidden}.ghost[data-solved]{border-color:#1ac8a099}@supports (color:color-mix(in lab,red,red)){.ghost[data-solved]{border-color:color-mix(in srgb,var(--color-mint) 60%,transparent)}}.ghost[data-solved]{animation:.6s ease-out 3 ghost-flash}@keyframes ghost-flash{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-flame) 40%,transparent)}}.ghost__grid{flex:none;grid-template-columns:repeat(5,13px);gap:2.5px;display:grid;position:relative}.ghost__cell{background:var(--color-key);border-radius:2.5px;width:13px;height:13px}.ghost__cell[data-state=absent]{background:var(--color-absent)}.ghost__cell[data-state=present]{background:var(--color-amber)}.ghost__cell[data-state=correct]{background:var(--color-mint)}.ghost__meta{flex-direction:column;flex:1;justify-content:center;gap:.3rem;min-width:0;display:flex;position:relative}.ghost__name{font-family:var(--font-display);letter-spacing:.03em;align-items:center;gap:.45rem;min-width:0;font-size:1.05rem;line-height:1;display:flex}.ghost__name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ghost__badge{letter-spacing:.14em;color:var(--color-flame);font-size:.6rem;font-weight:800}.ghost[data-solved] .ghost__badge{color:var(--color-mint)}.ghost[data-solved] .live-dot{background:var(--color-mint)}.ghost__hint{letter-spacing:.12em;color:var(--color-dim);font-size:.56rem;font-weight:700}.ghost__count{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:.1rem;display:flex;position:relative}.ghost__count b{font-family:var(--font-display);color:var(--color-flame);font-size:1.9rem;font-weight:400;line-height:1}.ghost[data-solved] .ghost__count b{color:var(--color-mint)}.ghost__count span{letter-spacing:.16em;color:var(--color-muted);font-size:.53rem;font-weight:800}.vs-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;width:100%;display:grid}.vs-mark{font-family:var(--font-display);color:var(--color-flame);font-size:3.25rem;animation:.4s cubic-bezier(.22,1,.36,1) .25s both vs-pop;transform:skew(-8deg)}.vs-left{animation:.5s cubic-bezier(.22,1,.36,1) both vs-l}.vs-right{animation:.5s cubic-bezier(.22,1,.36,1) both vs-r}.vs-name{font-family:var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;overflow:hidden}.vs-record{letter-spacing:.08em;color:var(--color-muted);font-size:.66rem;font-weight:700}.vs-count{font-family:var(--font-display);color:var(--color-mint);font-size:6rem;line-height:1;animation:1s ease-in-out infinite count-pulse}.vs-rules{border:1px solid var(--color-line);background:var(--color-raised);color:var(--color-muted);border-radius:10px;gap:1.15rem;padding:.75rem 1.25rem;font-size:.72rem;font-weight:700;display:flex}@keyframes vs-l{0%{opacity:0;transform:translate(-48px)}}@keyframes vs-r{0%{opacity:0;transform:translate(48px)}}@keyframes vs-pop{0%{opacity:0;transform:scale(.5)skew(-8deg)}to{transform:scale(1)skew(-8deg)}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.countdown-veil{background:#0a0a0fd1;place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.countdown-veil{background:color-mix(in srgb,var(--color-bg) 82%,transparent)}}.countdown-veil{font-family:var(--font-display);color:var(--color-mint);font-size:5rem}.duel-result-grid{gap:.75rem;display:grid}.duel-result-card{text-align:center;flex-direction:column;align-items:center;gap:.55rem;min-width:0;padding-block:.85rem;display:flex}.duel-compare__name{font-family:var(--font-display);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.duel-result-board{flex-direction:column;align-items:center;gap:3px;display:flex}.duel-result-board__row{gap:3px;display:flex}.duel-result-board__tile{background:var(--color-key);width:1.55rem;height:1.55rem;color:var(--color-text);font-family:var(--font-display);border-radius:3px;place-items:center;font-size:.85rem;line-height:1;display:grid}.duel-result-board__tile[data-state=absent]{background:var(--color-absent)}.duel-result-board__tile[data-state=present]{background:var(--color-amber);color:var(--color-amber-ink)}.duel-result-board__tile[data-state=correct]{background:var(--color-mint);color:var(--color-mint-ink)}.duel-result-board__empty{color:var(--color-muted);padding-block:.35rem;font-size:.72rem}.result-stack{--result-tile:2.2rem;--result-gap:.4rem;flex-direction:column;align-items:center;gap:1.35rem;margin-top:1rem;display:flex}.result-block{flex-direction:column;align-items:center;gap:.45rem;display:flex}.result-block__label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);font-size:.6rem;font-weight:800}.result-stack .answer-row{width:calc(var(--result-tile) * 5 + var(--result-gap) * 4);gap:var(--result-gap);max-width:none}.result-stack .answer-row .tile{font-size:1.2rem}.result-stack .duel-result-board,.result-stack .duel-result-board__row{gap:var(--result-gap)}.result-stack .duel-result-board__tile{width:var(--result-tile);height:var(--result-tile);border-radius:5px;font-size:1.15rem}@media(min-width:640px){.duel-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toast-slot{z-index:20;pointer-events:none;position:absolute;top:.25rem;left:50%;translate:-50%}.toast{background:var(--color-text);color:var(--color-bg);white-space:nowrap;border-radius:8px;padding:.5rem .95rem;font-size:.8rem;font-weight:700;box-shadow:0 3px #858481}@supports (color:color-mix(in lab,red,red)){.toast{box-shadow:0 3px color-mix(in srgb,var(--color-text) 55%,black)}}.toast{animation:.16s ease-out toast-in}@keyframes toast-in{0%{opacity:0;translate:0 -6px}}.sheet-overlay{z-index:40;background:var(--color-scrim);place-items:end center;animation:.14s ease-out fade-in;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.sheet-overlay[data-placement=center]{align-items:center;padding:1rem}.sheet{border-top:3px solid var(--sheet-accent,var(--color-mint));background:var(--color-surface);width:min(100%,28rem);max-height:92dvh;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.22,1,.36,1) sheet-up;position:relative;overflow-y:auto}.sheet-overlay[data-placement=center] .sheet{border-radius:18px;max-height:calc(100dvh - 2rem);padding-bottom:1.25rem}@media(min-width:640px){.sheet-overlay{align-items:center}.sheet{border-radius:18px;padding-bottom:1.5rem}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;translate:0 18px}}.btn-primary,.btn-secondary{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;flex:1;padding:.9rem 1rem;font-size:.9rem;font-weight:800;transition:filter .12s}.btn-primary:active,.btn-secondary:active{transform:translateY(2px)}.btn-primary{--btn:var(--color-mint);--btn-ink:var(--color-mint-ink);--btn-shadow:var(--color-mint-shadow);background-color:var(--btn);color:var(--btn-ink);box-shadow:0 4px 0 var(--btn-shadow)}.btn-primary--flame{--btn:var(--color-flame);--btn-ink:var(--color-flame-ink);--btn-shadow:var(--color-flame-shadow)}.btn-primary--amber{--btn:var(--color-amber);--btn-ink:var(--color-amber-ink);--btn-shadow:var(--color-amber-shadow)}.btn-primary:active{box-shadow:0 2px 0 var(--btn-shadow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--color-line);color:var(--color-text);box-shadow:none;background:0 0}.btn-secondary:hover{border-color:var(--color-muted)}.btn-danger{border:1px solid #ff4d2e8c;flex:1;padding:.9rem 1rem}@supports (color:color-mix(in lab,red,red)){.btn-danger{border:1px solid color-mix(in srgb,var(--color-flame) 55%,transparent)}}.btn-danger{color:var(--color-flame);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;font-size:.9rem;font-weight:800;transition:border-color .12s}.btn-danger:hover{border-color:var(--color-flame)}.btn-danger:active{transform:translateY(2px)}.btn-flame{background:var(--color-flame);color:var(--color-flame-ink);box-shadow:0 4px 0 var(--color-flame-shadow);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:.85rem 1.6rem;font-size:.88rem;font-weight:800}.btn-flame:active{box-shadow:0 2px 0 var(--color-flame-shadow);transform:translateY(2px)}.btn-ghost{border:1px solid var(--color-line);width:2.15rem;height:2.15rem;color:var(--color-muted);cursor:pointer;background-color:#0000;border-radius:8px;place-items:center;font-size:.95rem;transition:background-color .12s,color .12s;display:grid}.btn-ghost:hover{background-color:var(--color-surface);color:var(--color-text)}.hero-duel{border:1px solid #ff4d2e80;position:relative}@supports (color:color-mix(in lab,red,red)){.hero-duel{border:1px solid color-mix(in srgb,var(--color-flame) 50%,transparent)}}.hero-duel{background:var(--color-surface);text-align:left;cursor:pointer;color:inherit;border-radius:16px;padding:0;font-family:inherit;overflow:hidden}.hero-duel:disabled{opacity:.5;cursor:not-allowed}.hero-duel__inner{flex-direction:column;gap:.625rem;padding:1.375rem 1.25rem 1.25rem;display:flex;position:relative}.hero-duel__title{font-family:var(--font-display);letter-spacing:.01em;align-items:flex-end;font-size:2.75rem;line-height:1;display:inline-flex}.hero-duel__desc{color:var(--color-muted);max-width:16rem;font-size:.81rem;line-height:1.5;display:block}.tally{border:1px solid var(--color-line);border-radius:8px;display:flex;overflow:hidden}.tally>*{background:var(--color-raised);flex-direction:column;align-items:center;gap:1px;padding:.375rem .75rem;display:flex}.tally>*+*{border-left:1px solid var(--color-line)}.tally b{font-family:var(--font-display);font-size:1.05rem;font-weight:400;line-height:1}.tally span{letter-spacing:.1em;color:var(--color-muted);font-size:.47rem;font-weight:800}.mode-card{border:1px solid var(--color-line);background:var(--color-surface);text-align:left;cursor:pointer;color:var(--color-text);font-family:var(--font-body);border-radius:16px;flex-direction:column;gap:.375rem;padding:1.125rem 1rem;transition:border-color .14s,translate .14s;display:flex}.mode-card:hover{border-color:var(--color-muted);translate:0 -2px}.mode-card:disabled{opacity:.45;cursor:not-allowed}.mode-card:disabled:hover{border-color:var(--color-line);translate:0}.mode-card__figure{font-family:var(--font-display);font-size:2.125rem;line-height:1}.mode-card__title{font-family:var(--font-display);letter-spacing:.02em;font-size:1.2rem}.mode-card__desc{color:var(--color-muted);font-size:.72rem;line-height:1.45}.mode-row{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;color:var(--color-text);font-family:var(--font-body);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.125rem;display:flex}.mode-row:hover{border-color:var(--color-muted)}.mode-row:disabled{opacity:.45;cursor:not-allowed}.pill-flame{background:#ff4d2e24;border-radius:6px;flex:none;padding:.3rem .625rem}@supports (color:color-mix(in lab,red,red)){.pill-flame{background:color-mix(in srgb,var(--color-flame) 14%,transparent)}}.pill-flame{border:1px solid #ff4d2e80}@supports (color:color-mix(in lab,red,red)){.pill-flame{border:1px solid color-mix(in srgb,var(--color-flame) 50%,transparent)}}.pill-flame{color:var(--color-flame);white-space:nowrap;font-size:.69rem;font-weight:800}.user-chip{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:11rem;padding:.44rem .875rem;font-size:.78rem;font-weight:700;overflow:hidden}.user-chip:hover{border-color:var(--color-muted)}.offline-note{border:1px solid #ffc24d73;padding:.65rem .85rem}@supports (color:color-mix(in lab,red,red)){.offline-note{border:1px solid color-mix(in srgb,var(--color-amber) 45%,transparent)}}.offline-note{background:#ffc24d1f;border-radius:10px}@supports (color:color-mix(in lab,red,red)){.offline-note{background:color-mix(in srgb,var(--color-amber) 12%,transparent)}}.offline-note{font-size:.8rem;line-height:1.4}.install-card{border:1px solid #1ac8a073;align-items:center;gap:.75rem;padding:.8rem .9rem;display:flex}@supports (color:color-mix(in lab,red,red)){.install-card{border:1px solid color-mix(in srgb,var(--color-mint) 45%,transparent)}}.install-card{background:#1ac8a014;border-radius:12px}@supports (color:color-mix(in lab,red,red)){.install-card{background:color-mix(in srgb,var(--color-mint) 8%,transparent)}}.install-card__title{font-family:var(--font-display);letter-spacing:.02em;font-size:1rem}.install-card__desc{color:var(--color-muted);margin-top:.15rem;font-size:.72rem;line-height:1.4}.field{flex-direction:column;gap:.35rem;display:flex}.google-block{display:none}.google-block[data-ready]{margin-bottom:1.25rem;display:block}.google-block[data-disabled]{pointer-events:none;opacity:.55}.google-block__button{justify-content:center;display:flex}.google-divider{color:var(--color-dim);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.72rem;font-weight:700;display:flex}.google-divider:before,.google-divider:after{content:"";background:var(--color-line);flex:1;height:1px}.rematch-banner{z-index:50;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));border:1px solid var(--color-flame);background:var(--color-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:.85rem;width:min(100% - 1.5rem,26rem);padding:.7rem .85rem;font-size:.85rem;animation:.2s cubic-bezier(.22,1,.36,1) sheet-up;display:flex;position:fixed;translate:-50%;box-shadow:0 6px 24px #00000059}.rematch-banner__text{flex-wrap:wrap;align-items:baseline;gap:.4rem;min-width:0;display:flex}.rematch-banner__timer{font-variant-numeric:tabular-nums;color:var(--color-muted);font-size:.7rem}.next-word{border:1px solid var(--color-line);background:var(--color-raised);border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.next-word__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.68rem;font-weight:700}.next-word__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-amber);font-size:1.25rem;line-height:1}.field>span{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem;font-weight:800}.field>small{color:var(--color-muted);font-size:.7rem}.field input{border:1px solid var(--color-line);background:var(--color-raised);color:var(--color-text);font-family:var(--font-body);border-radius:9px;padding:.75rem;font-size:1rem}.field input:focus{border-color:var(--color-mint);outline:none}.section-title{font-family:var(--font-display);letter-spacing:.03em;margin-bottom:.6rem;font-size:1rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.stat{border:1px solid var(--color-line);background:var(--color-surface);text-align:center;border-radius:12px;flex-direction:column;gap:.15rem;padding:.875rem .4rem;display:flex}.stat__value{font-family:var(--font-display);font-size:1.6rem;line-height:1}.stat__label{letter-spacing:.08em;color:var(--color-muted);font-size:.55rem;font-weight:800;line-height:1.2}.stat--win .stat__value{color:var(--color-mint)}.stat--loss .stat__value{color:var(--color-flame)}.stat--streak .stat__value{color:var(--color-amber)}.dist-bar{background:linear-gradient(90deg,var(--color-mint-shadow),var(--color-mint));color:var(--color-mint-ink);font-family:var(--font-display);text-align:right;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.dist-bar[data-empty]{background:var(--color-absent);color:var(--color-absent-ink)}.row-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.row-card--duel{border-color:#ff4d2e80}@supports (color:color-mix(in lab,red,red)){.row-card--duel{border-color:color-mix(in srgb,var(--color-flame) 50%,transparent)}}.row-card--duel{background:#26181d}@supports (color:color-mix(in lab,red,red)){.row-card--duel{background:color-mix(in srgb,var(--color-flame) 8%,var(--color-surface))}}.row-card__name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;min-width:0;font-size:.88rem;font-weight:700;display:flex;overflow:hidden}.presence-dot{background:var(--color-line);border-radius:999px;flex:none;width:.5rem;height:.5rem}.presence-dot[data-online]{background:var(--color-mint)}.record-badge{background:var(--color-raised);border:1px solid var(--color-line);color:var(--color-muted);font-family:var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:5px;flex:none;align-items:center;gap:.22rem;padding:.15rem .45rem;font-size:.72rem;display:inline-flex}.record-badge__wins{color:var(--color-mint)}.record-badge__losses{color:var(--color-flame)}.record-badge__draws{color:var(--color-amber)}.chip-btn{border:1px solid var(--color-line);color:var(--color-text);font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border-radius:7px;padding:.5rem .8rem;font-size:.72rem;font-weight:800}.chip-btn:disabled{opacity:.45;cursor:not-allowed}.chip-btn--primary{background:var(--color-mint);color:var(--color-mint-ink);box-shadow:0 3px 0 var(--color-mint-shadow);border-color:#0000}.chip-btn--primary:active{box-shadow:0 1px 0 var(--color-mint-shadow);transform:translateY(2px)}.chip-btn--flame{background:var(--color-flame);color:var(--color-flame-ink);box-shadow:0 3px 0 var(--color-flame-shadow);border-color:#0000}.chip-btn--flame:active{box-shadow:0 1px 0 var(--color-flame-shadow);transform:translateY(2px)}.chip-btn--amber{background:var(--color-amber);color:var(--color-amber-ink);box-shadow:0 3px 0 var(--color-amber-shadow);border-color:#0000}.chip-btn--amber:active{box-shadow:0 1px 0 var(--color-amber-shadow);transform:translateY(2px)}.chip-btn--duel{border-color:#ff4d2e99;min-width:6.5rem}@supports (color:color-mix(in lab,red,red)){.chip-btn--duel{border-color:color-mix(in srgb,var(--color-flame) 60%,transparent)}}.chip-btn--duel{color:var(--color-flame);text-align:center;font-variant-numeric:tabular-nums}.daily-friend{border:1px solid var(--color-line);background:var(--color-raised);width:100%;color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.daily-friend:disabled{cursor:default}.daily-friend:not(:disabled):hover{border-color:var(--color-muted)}.daily-friend[data-expanded]{border-color:var(--color-mint);border-bottom-right-radius:0;border-bottom-left-radius:0}.daily-friend__chevron{text-align:center;width:.7rem;color:var(--color-muted);flex:none;font-size:1.1rem;line-height:1;transition:rotate .14s}.daily-friend[data-expanded] .daily-friend__chevron{rotate:90deg}.daily-friend__board{border:1px solid var(--color-mint);background:var(--color-raised);border-top:0;border-radius:0 0 10px 10px;justify-content:center;padding:.75rem;display:flex}.daily-friend[data-status=none]{opacity:.55}.daily-friend__score{background:var(--color-absent);width:1.75rem;height:1.75rem;color:var(--color-absent-ink);font-family:var(--font-display);border-radius:7px;flex:none;place-items:center;font-size:.95rem;display:grid}.daily-friend[data-status=solved] .daily-friend__score{background:var(--color-mint);color:var(--color-mint-ink);box-shadow:0 3px 0 var(--color-mint-shadow)}.daily-friend[data-status=failed] .daily-friend__score{background:var(--color-flame);color:var(--color-flame-ink);box-shadow:0 3px 0 var(--color-flame-shadow)}.daily-friend[data-status=playing] .daily-friend__score{background:var(--color-amber);color:var(--color-amber-ink);box-shadow:0 3px 0 var(--color-amber-shadow)}.daily-friend__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:700;overflow:hidden}.daily-friend__status{letter-spacing:.04em;color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.7rem;font-weight:700}.history-row{border:1px solid var(--color-line);background:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;border-left-width:4px;border-radius:12px;align-items:center;gap:.85rem;padding:.7rem .85rem;transition:border-color .14s;display:flex}.history-row:hover{border-color:var(--color-muted)}.history-row[data-outcome=win]{border-left-color:var(--color-mint)}.history-row[data-outcome=loss]{border-left-color:var(--color-flame)}.history-row[data-outcome=draw]{border-left-color:var(--color-amber)}.history-row__badge{background:var(--color-raised);width:1.9rem;height:1.9rem;font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;font-size:1rem;display:grid}.history-row[data-outcome=win] .history-row__badge{color:var(--color-mint)}.history-row[data-outcome=loss] .history-row__badge{color:var(--color-flame)}.history-row[data-outcome=draw] .history-row__badge{color:var(--color-amber)}.history-row__main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.history-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.history-row__date{color:var(--color-muted);font-size:.68rem}.history-row__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-muted);flex:none;font-size:1.1rem}.rematch-offer{border:1px solid #ff4d2e80;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.75rem .9rem;display:flex}@supports (color:color-mix(in lab,red,red)){.rematch-offer{border:1px solid color-mix(in srgb,var(--color-flame) 50%,transparent)}}.rematch-offer{background:#ff4d2e1a;border-radius:12px}@supports (color:color-mix(in lab,red,red)){.rematch-offer{background:color-mix(in srgb,var(--color-flame) 10%,transparent)}}.rematch-offer{font-size:.85rem}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.tile[data-state]{background-color:var(--glaze);color:var(--glaze-ink);box-shadow:0 4px 0 var(--glaze-shadow)}.ticker__track{animation:none}.ticker{-webkit-mask-image:none;mask-image:none}.ticker__group:nth-child(2),.ticker__item:not(:first-child){display:none}.ticker__group{padding-right:0}}.lobby-count{color:var(--color-muted);flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.lobby-count b{color:var(--color-text);font-weight:700}.lobby-count__hint{opacity:.85;font-size:.72rem}.share-block{flex-direction:column;gap:.5rem;display:flex}.share-block>.btn-secondary,.share-block>.btn-primary{width:100%}.share-toggle{color:var(--color-text);cursor:pointer;align-items:flex-start;gap:.5rem;padding:0 .15rem;font-size:.78rem;display:flex}.share-toggle input{width:1.05rem;height:1.05rem;accent-color:var(--color-mint);flex:none;margin-top:.15rem}.share-toggle span{flex-direction:column;gap:.1rem;display:flex}.share-toggle__hint{color:var(--color-muted);font-size:.7rem}.share-notice{text-align:center;color:var(--color-muted);font-size:.75rem}.meaning-toggle{border:1px dashed var(--color-line);width:100%;color:var(--color-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;padding:.55rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .12s,color .12s}.meaning-toggle:hover:not(:disabled),.meaning-toggle:focus-visible{border-color:var(--color-mint);color:var(--color-text)}.meaning-toggle:disabled{cursor:default;opacity:.7}.meaning-card{border:1px solid var(--color-line);border-left:3px solid var(--color-mint);background:var(--color-raised);text-align:left;border-radius:10px;padding:.75rem .85rem}.meaning-card__head{align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.meaning-card__head b{font-family:var(--font-display);letter-spacing:.02em;font-size:1.05rem;font-weight:400}.meaning-card__tur{color:var(--color-muted);font-size:.68rem;font-style:italic}.meaning-card__text{color:var(--color-text);font-size:.85rem;line-height:1.5}.meaning-card__source{color:var(--color-dim);margin-top:.45rem;font-size:.65rem}.meaning-note{text-align:center;color:var(--color-muted);padding:.5rem;font-size:.78rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
