@import "https://fonts.googleapis.com/css2?family=Catamaran:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600;700&display=swap";.keyboard{gap:6px;width:100%;max-width:420px;margin:0 auto;display:grid}.keyboard-consonant{border-top:1px solid var(--tile-border-idle);grid-template-columns:repeat(6,1fr);margin-top:2px;padding-top:10px}.keyboard-vowel{grid-template-columns:repeat(6,1fr)}.key{appearance:none;min-height:42px;font-family:var(--font-tamil);color:var(--key-ink);background:var(--key-face);cursor:pointer;border:0;border-radius:6px;padding:0;font-size:.92rem;font-weight:700;line-height:1;position:relative;overflow:hidden}.key:disabled{opacity:.4;cursor:not-allowed}.key:not(:disabled):active{filter:brightness(.96)}.key-vowel{place-items:center;display:grid}.key-consonant{grid-template-columns:1fr 1fr;display:grid}.key-half{place-items:center;min-height:42px;padding:0;display:grid}.key-glyph{pointer-events:none;z-index:1;place-items:center;font-size:.92rem;font-weight:700;display:grid;position:absolute;inset:0}.key-glyph-compact{text-align:center;padding:0 1px;font-size:.72rem;font-weight:700;line-height:1;position:static}.key-idle{background:var(--key-face);color:var(--key-ink)}.key-none{background:var(--match-none);color:var(--muted);opacity:.55}.key-misplaced{background:var(--match-misplaced);color:var(--on-misplaced)}.key-perfect{background:var(--match-perfect);color:var(--on-perfect)}.key-vowel.key-none{color:var(--muted)}.key-vowel.key-misplaced{color:var(--on-misplaced)}.key-vowel.key-perfect{color:var(--on-perfect)}.key:has(.key-half.key-perfect) .key-glyph{color:var(--on-perfect)}.key:has(.key-half.key-misplaced) .key-glyph{color:var(--on-misplaced)}.key:has(.key-half.key-none) .key-glyph{color:var(--muted)}.key-half.key-perfect .key-glyph-compact,.key-half.key-misplaced .key-glyph-compact{color:inherit}.key-half.key-none .key-glyph-compact{color:var(--muted)}.keyboard-actions{grid-template-columns:1fr 2fr;gap:6px;width:100%;max-width:420px;margin:0 auto;display:grid}.key-action{appearance:none;min-height:46px;font-family:var(--font-tamil);letter-spacing:.02em;color:var(--key-ink);background:var(--key-face);cursor:pointer;border:0;border-radius:6px;padding:0 .5rem;font-size:.92rem;font-weight:700}.key-action:disabled{opacity:.4;cursor:not-allowed}.key-action-enter{background:var(--key-face);color:var(--key-ink);font-size:1.25rem;line-height:1}.howto{z-index:40;padding:.5rem .5rem max(.5rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=480px){.howto{place-items:center;padding:.75rem}}.howto-card{background:var(--surface);border:1px solid var(--tile-border-idle);border-radius:12px 12px 10px 10px;flex-direction:column;gap:.55rem;width:min(100%,420px);max-height:min(92dvh,720px);padding:.85rem .9rem .75rem;animation:.28s ease-out howto-in;display:flex;overflow-y:auto}@keyframes howto-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:none}}.howto-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.howto-top-actions{align-items:center;gap:.35rem;display:flex}.howto-kicker{letter-spacing:.04em;color:var(--muted);margin:0;font-size:.7rem;font-weight:700}.howto-icon-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;font-size:1.35rem;font-weight:700;line-height:1;display:grid}.howto-icon-btn:hover:not(:disabled){color:var(--ink);background:#ffffff0f}.howto-icon-btn:disabled{opacity:.28;cursor:default}.howto-icon-btn.is-primary{background:var(--accent);color:var(--on-accent)}.howto-icon-btn.is-primary:hover:not(:disabled){color:var(--on-accent);filter:brightness(1.05)}.howto-title{font-family:var(--font-ui);color:var(--ink);margin:0;font-size:1.2rem;font-weight:800;line-height:1.25}.howto-deck{font-family:var(--font-ui);color:var(--muted);white-space:pre-line;margin:0;font-size:.92rem;font-weight:500;line-height:1.45}.howto-deck strong{color:var(--ink);font-weight:800}.howto-frame-word{align-items:flex-end;gap:.3rem;display:flex}.howto-empty-examples{justify-content:space-evenly;gap:.75rem;width:100%}.howto-deck-word{font-family:var(--font-tamil);color:#0000;background:linear-gradient(90deg, var(--match-misplaced) 0%, var(--match-perfect) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.howto-visual{flex-direction:column;align-items:center;gap:.75rem;padding:.35rem 0 .15rem;display:flex}.howto-visual-row,.howto-demo-row{justify-content:center;align-items:flex-end;gap:.55rem;display:flex}.howto-visual-anatomy{gap:.35rem}.howto-intro{text-align:left;align-items:stretch;gap:.65rem}.howto-intro-examples,.howto-intro-kinds{margin:0}.howto-intro-ex-label{font-family:var(--font-ui);color:var(--muted);font-weight:600}.howto-intro-ex-glyphs{font-family:var(--font-tamil);color:var(--ink);font-size:1.1rem;font-style:italic;font-weight:700}.howto-intro-kinds{font-family:var(--font-ui);color:var(--muted);font-size:.92rem;font-weight:500;line-height:1.45}.howto-intro-kinds strong{color:var(--ink);font-weight:800}.howto-asai{aspect-ratio:3/4;grid-template-rows:1fr 3fr;gap:.15rem;height:4.4rem;display:grid}.howto-asai.is-wide{aspect-ratio:5/4}.howto-atoms{grid-auto-columns:1fr;grid-auto-flow:column;gap:.15rem;min-height:0;display:grid}.howto-atom{border:1px solid var(--tile-border-idle);min-width:0;min-height:0;font-family:var(--font-tamil);color:var(--ink);background:#ffffff0a;border-radius:.18rem;place-items:center;font-size:.5rem;font-weight:800;line-height:1;display:grid}.howto-atom.is-perfect{background:var(--match-perfect);border-color:var(--match-perfect);color:var(--on-perfect)}.howto-atom.is-misplaced{background:var(--match-misplaced);border-color:var(--match-misplaced);color:var(--on-misplaced)}.howto-atom.is-none{background:var(--match-none);border-color:var(--match-none)}.howto-atom.is-empty{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--muted);font-size:.38rem}.howto-atom.is-compound{border-color:var(--accent);color:var(--ink);font-size:.55rem}.howto-asai-body{border:1px solid var(--tile-border);background:var(--panel,#12161f);min-height:0;font-family:var(--font-tamil);color:var(--ink);border-radius:.4rem;place-items:center;padding:.15rem .2rem;font-size:1.1rem;font-weight:800;line-height:1;display:grid}.howto-asai.is-dissolved .howto-asai-body{background:var(--match-perfect);border-color:var(--match-perfect);color:var(--on-perfect)}.howto-examples{flex-direction:column;gap:.45rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.howto-examples li{grid-template-columns:1fr auto;align-items:baseline;gap:.75rem;padding:.15rem .1rem;display:grid}.howto-ex-label{font-family:var(--font-ui);color:var(--accent);font-size:.82rem;font-weight:600;line-height:1.3}.howto-ex-glyph{font-family:var(--font-tamil);color:var(--ink);font-size:1.05rem;font-style:italic;font-weight:700;line-height:1.2}.howto-callout{letter-spacing:.02em;font-size:.72rem;font-weight:700}.howto-callout-atoms{color:var(--accent)}.howto-callout-asai{color:var(--ink)}.howto-caption{color:var(--accent);text-align:center;margin:0;font-size:.78rem;font-weight:600}.howto-legend{color:var(--ink);flex-direction:column;gap:.55rem;margin:0;padding:.25rem 0 0;font-size:.8rem;font-weight:600;list-style:none;display:flex}.howto-legend li{grid-template-columns:auto 1fr;align-items:center;gap:.65rem;display:grid}.howto-legend-label{color:var(--muted);font-weight:600;line-height:1.3}.howto-miss-list{color:var(--muted);text-align:left;flex-direction:column;gap:.45rem;margin:.15rem 0 0;padding:0 0 0 1.15rem;font-size:.82rem;font-weight:600;line-height:1.35;list-style:outside;display:flex}.howto-miss-list li{padding:0}.howto-swatch{width:1.55rem;height:1.55rem;font-family:var(--font-tamil);border-radius:.28rem;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.howto-swatch.is-perfect{background:var(--match-perfect);color:var(--on-perfect)}.howto-swatch.is-misplaced{background:var(--match-misplaced);color:var(--on-misplaced)}.howto-swatch.is-none{background:var(--match-none);color:var(--ink)}.howto-demo{gap:1.1rem;width:100%}.howto-demo-attempt{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.howto-demo-attempt .howto-demo-row{align-items:stretch}.howto-demo-n{border:1.5px solid var(--muted);width:1.45rem;height:1.45rem;color:var(--muted);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.howto-demo .howto-asai{width:4rem}.howto-demo .howto-asai.is-wide{width:6.4rem}.howto-demo .howto-asai{height:3.2rem}.howto-demo .howto-asai-body{font-size:.85rem}.howto-demo .howto-atom{font-size:.5rem}.howto-demo-win{font-family:var(--font-ui);color:var(--match-perfect);text-align:center;margin:.15rem 0 0;font-size:1.05rem;font-weight:800}.howto-footer{background:linear-gradient(to top, var(--surface) 70%, transparent);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem;padding-top:.35rem;display:flex;position:sticky;bottom:0}.howto-nav{font-size:1.15rem}.howto-dots{flex-wrap:wrap;justify-content:center;gap:.28rem;max-width:9rem;display:flex}.howto-dots span{background:var(--tile-border-idle);border-radius:999px;width:.35rem;height:.35rem}.howto-dots span.is-active{background:var(--accent)}.howto-levels{flex-direction:column;gap:.65rem;width:100%;max-width:22rem;margin:0;padding:.25rem 0 0;list-style:none;display:flex}.howto-levels li{grid-template-columns:1.6rem 1fr;align-items:start;gap:.55rem;display:grid}.howto-levels-n{border:1.5px solid var(--accent);width:1.45rem;height:1.45rem;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex}.howto-levels-body{font-family:var(--font-ui);color:var(--muted);flex-direction:column;gap:.1rem;min-width:0;font-size:.82rem;line-height:1.35;display:flex}.howto-levels-body strong{color:var(--ink);font-weight:800}.howto-levels-body>span{white-space:nowrap}.syllable-tile{border:2px solid var(--tile-border-idle);background:var(--tile-face);box-sizing:border-box;border-radius:6px;grid-template-rows:minmax(0,1fr) minmax(0,3fr);gap:2px;width:100%;min-width:0;padding:2px;transition:background-color .35s,border-color .35s;display:grid;overflow:hidden}.syllable-tile.is-ner{aspect-ratio:3/4;flex:3 1 0}.syllable-tile.is-nirai{aspect-ratio:5/4;flex:5 1 0}.syllable-tile.has-glyph:not(.is-evaluated){border-color:var(--tile-border)}.syllable-tile.is-selected{border-color:var(--accent)}.syllable-tile.is-evaluated{border-color:var(--tile-border-idle)}.tile-parts{transform-origin:bottom;grid-template-columns:1fr 1fr 1fr;gap:2px;min-width:0;min-height:0;display:grid}.tile-parts.is-nirai{grid-template-columns:repeat(5,1fr)}.syllable-tile.is-nirai .tile-part-glyph{font-size:clamp(.4rem,1.6vw,.62rem)}.tile-part{border:1px solid var(--tile-border-idle);background:0 0;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:1px 0 2px;display:grid;position:relative;overflow:visible}.tile-part.is-refuse-gray{border-color:color-mix(in srgb, #ef5b6d 48%, var(--tile-border-idle));background:#ef5b6d33;animation:.9s ease-in-out infinite refuse-pulse-red}.tile-part.is-refuse-yellow{background:color-mix(in srgb, var(--match-perfect) 30%, transparent);border-color:color-mix(in srgb, var(--match-perfect) 62%, var(--tile-border-idle));animation:1s ease-in-out infinite refuse-pulse-amber}.tile-part-glyph{font-family:var(--font-tamil);color:var(--ink);text-align:center;max-width:100%;padding:0 1px .12em;font-size:clamp(.48rem,2vw,.72rem);font-weight:600;line-height:1.35}.tile-part-glyph.is-long{letter-spacing:-.04em;font-size:clamp(.38rem,1.4vw,.55rem)}.tile-body{border:1px solid var(--tile-border-idle);background:var(--tile-face);border-radius:4px;place-items:center;min-width:0;min-height:0;display:grid}.syllable-tile.has-glyph:not(.is-evaluated) .tile-body{border-color:var(--tile-border)}.syllable-tile.is-selected .tile-body{border-color:var(--accent)}.syllable-tile.is-perfect-asai .tile-body{background-color:var(--match-perfect);border-color:#0000}.syllable-tile.is-perfect-asai .syllable-glyph{color:var(--on-perfect)}.syllable-tile.is-perfect-pulse{z-index:2;transform-origin:50%;animation:.55s ease-out asai-perfect-pulse}@keyframes asai-perfect-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.match-idle{background-color:#0000}.match-none{background-color:var(--match-none);border-color:#0000}.match-misplaced{background-color:var(--match-misplaced);border-color:#0000}.match-perfect{background-color:var(--match-perfect);border-color:#0000}.match-none .tile-part-glyph,.match-misplaced .tile-part-glyph,.match-perfect .tile-part-glyph{color:var(--ink);text-shadow:0 1px 1px #00000059}.match-misplaced .tile-part-glyph{color:var(--on-misplaced);text-shadow:none}.match-perfect .tile-part-glyph{color:var(--on-perfect)}@keyframes refuse-pulse-red{0%,to{box-shadow:inset 0 0 #ef5b6d33}50%{box-shadow:inset 0 0 0 2px #ef5b6d59}}@keyframes refuse-pulse-amber{0%,to{box-shadow:inset 0 0 #fdd25a33}50%{box-shadow:inset 0 0 0 2px #fdd25a5c}}.syllable-glyph{font-family:var(--font-tamil);color:var(--ink);pointer-events:none;text-align:center;padding:0 .2rem;font-size:clamp(1rem,4.2vw,1.35rem);font-weight:700;line-height:1.05}.syllable-tile.is-evaluated:not(.is-perfect-asai) .syllable-glyph{color:var(--ink)}.game{background:var(--surface);flex-direction:column;gap:.35rem;width:100%;min-height:0;margin:0 auto;padding:.5rem .65rem 0;display:flex;position:relative;overflow:hidden}.help-btn{appearance:none;border:1px solid var(--tile-border);width:1.75rem;height:1.75rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:0 0 1.75rem;padding:0;font-size:.85rem;font-weight:800;line-height:1;transition:border-color .15s,background-color .15s,color .15s}.help-btn:hover,.help-btn:focus-visible{border-color:var(--match-perfect);background:color-mix(in srgb, var(--match-perfect) 18%, transparent);color:var(--match-perfect);outline:none}.board-row.has-help{position:relative}.help-btn--rail{z-index:1;margin-right:.35rem;position:absolute;top:0;right:100%}.game-header{border-bottom:1px solid var(--tile-border-idle);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.45rem;width:100%;padding:.1rem 0 .3rem;display:grid;position:relative}.game-header-left{flex-wrap:wrap;justify-self:start;align-items:center;gap:.3rem;min-width:0;display:flex}.play-mode-switch,.game-pattern-choices,.game-level-controls{border:1px solid var(--tile-border-idle);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:999px;align-items:center;gap:.12rem;padding:.12rem;display:inline-flex}.play-mode-btn,.game-pattern-choice,.game-level-number{appearance:none;color:var(--muted);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;margin:0;padding:.28rem .5rem;font-size:.62rem;font-weight:700;line-height:1}.play-mode-btn{font-family:var(--font-ui)}.game-pattern-choice{font-family:var(--font-tamil)}.game-level-number{font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;min-width:1.45rem;padding-left:.35rem;padding-right:.35rem}.play-mode-btn.is-active,.game-pattern-choice.is-active,.game-level-number.is-active{background:var(--match-perfect);color:var(--on-perfect);font-weight:800}.game-level-controls{justify-self:end}.game-title-stack{flex-direction:column;justify-content:center;align-items:center;gap:.05rem;min-width:5rem;display:flex}.brand{font-family:var(--font-tamil);color:var(--ink);letter-spacing:.02em;text-align:center;margin:0;font-size:clamp(1.35rem,5vw,1.6rem);font-weight:700;line-height:1.1}.game-pattern-name{font-family:var(--font-tamil);color:var(--muted);text-align:center;white-space:nowrap;margin:0;font-size:.62rem;font-weight:700;line-height:1.1}.game-pattern-choices{white-space:nowrap}.board-panel{min-height:0;padding:.35rem 2.15rem calc(.45rem + env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;display:flex;overflow:hidden auto}.board-panel::-webkit-scrollbar{display:none}.strip-legend{font-family:var(--font-tamil);letter-spacing:.06em;color:var(--muted);text-align:center;width:100%;max-width:calc(var(--tile-units,8) * 1.85rem);margin:0 0 .1rem;padding:0;font-size:clamp(.65rem,2.4vw,.78rem);font-weight:600;line-height:1.2}.board{width:100%;max-width:calc(var(--tile-units,8) * 1.85rem);flex-direction:column;flex-shrink:0;align-items:stretch;gap:5px;display:flex}.board-remainder{opacity:.55;margin-top:.15rem}.board-row{gap:5px;width:100%;display:flex;position:relative}.board-row.has-dev-score .dev-row-score{font-family:var(--font-ui,ui-sans-serif, system-ui, sans-serif);font-variant-numeric:tabular-nums;color:var(--muted);opacity:.85;pointer-events:none;white-space:nowrap;margin-left:.4rem;font-size:.65rem;font-weight:700;line-height:1;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.board-toolbar{width:100%;max-width:calc(var(--tile-units,8) * 1.85rem);justify-content:center;align-items:center;gap:.45rem;margin:.35rem 0 0;display:flex}.result-actions{justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:.35rem;display:flex}.result-actions.is-dev{margin-top:.55rem;padding-bottom:.35rem}.board-reset-btn{appearance:none;color:#1a1f2e;cursor:pointer;background:#c45c5c;border:1px solid #c45c5c;border-radius:50%;flex:none;place-items:center;width:1.65rem;height:1.65rem;margin:0;padding:0;display:grid}.board-reset-btn:hover{filter:brightness(1.08)}.board-reset-btn:active{transform:translateY(1px)}.board-reset-btn .reset-eraser-icon{display:block}.board-row.is-refused{opacity:.78}.board-row.is-refused .syllable-tile.is-selected{animation:none}.board-row.is-awaiting-input:not(.is-refused) .syllable-tile.is-selected{animation:1.5s ease-in-out infinite chalk-await}@keyframes chalk-await{0%,to{border-color:var(--accent);box-shadow:0 0 #c9a22700}50%{border-color:var(--match-misplaced);box-shadow:0 0 0 3px #e0a82447}}.slot-hit{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;display:contents}.asai-slot{display:contents}.message{appearance:none;text-align:center;width:100%;font-family:var(--font-tamil);color:var(--ink);background:var(--panel);cursor:pointer;border:0;border-radius:6px;max-width:20.5rem;margin:0;padding:.4rem .65rem;font-size:.85rem;display:block}.message.is-linked{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;display:inline-flex}.message.is-miss{cursor:default;padding:.45rem 2.15rem .45rem .65rem;display:block;position:relative}.message-miss-body{appearance:none;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.12rem;width:100%;margin:0;padding:0;line-height:1.25;display:flex}.message-miss-primary{font-family:var(--font-tamil);color:var(--ink);font-size:.92rem;font-weight:700}.message-miss-hint{font-family:var(--font-ui);letter-spacing:.02em;color:var(--muted);font-size:.72rem;font-weight:500}.message-miss-help{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;font-size:.72rem;position:absolute;top:.28rem;right:.28rem}.message.is-coach{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:0;animation:.35s ease-out coach-in}.message.is-asaan{width:auto;max-width:none;padding:.45rem .75rem}.asaan-stack{flex-direction:column;align-items:center;gap:.12rem;line-height:1.25;display:flex}.asaan-line{white-space:nowrap;font-family:var(--font-ui);letter-spacing:.02em;color:var(--muted);font-size:.72rem;font-weight:500}.asaan-clause,.asaan-sep{font:inherit;color:inherit}.asaan-atom{font-family:var(--font-tamil);font-weight:800}.asaan-atom--yellow{color:var(--match-perfect)}.asaan-atom--gray{color:#ef5b6d}.asaan-pred{font-family:var(--font-ui);color:var(--muted);font-size:.72rem;font-weight:500}.asaan-action{font-family:var(--font-tamil);color:var(--ink);font-size:.92rem;font-weight:700}.coach-hl{color:var(--match-misplaced);font-weight:700}@keyframes coach-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.result-panel{flex-direction:column;align-self:stretch;align-items:stretch;gap:.45rem;width:100%;max-width:none;margin-top:.55rem;padding:.65rem 0 1rem;animation:.35s ease-out result-in;display:flex}@keyframes result-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.result-banner{justify-content:center;align-items:center;gap:.65rem;width:100%;display:flex}.result-headline{min-width:0;font-family:var(--font-tamil);letter-spacing:.03em;text-align:center;flex:0 auto;margin:0;font-size:clamp(.7rem,2.5vw,.87rem);font-weight:400;line-height:1.25}.result-headline.is-win{color:var(--match-perfect)}.result-headline.is-loss{color:var(--muted)}.result-answer{font-family:var(--font-tamil);color:var(--ink);text-align:center;margin:0;font-size:.95rem;font-weight:600}.share-btn{appearance:none;border:1px solid var(--match-perfect);background:var(--match-perfect);width:1.65rem;height:1.65rem;color:var(--on-perfect);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid}.share-btn:hover{filter:brightness(1.06)}.share-btn:active{transform:translateY(1px)}.share-btn:disabled{opacity:.4;cursor:default;filter:none}.share-btn.is-copied{background:var(--match-perfect);border-color:var(--match-perfect);color:var(--on-perfect);filter:brightness(1.12)}.next-puzzle-btn{appearance:none;border:1px solid var(--accent);background:var(--accent);width:1.65rem;height:1.65rem;color:var(--on-accent);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;font-size:1rem;font-weight:700;line-height:1;display:grid}.next-puzzle-btn:hover{filter:brightness(1.06)}.next-puzzle-btn:active{transform:translateY(1px)}.share-icon{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.controls{flex-direction:column;flex-shrink:0;gap:8px;width:100%;max-width:24rem;padding:.25rem 0 .15rem;transition:max-height .28s,opacity .2s,padding .28s,gap .28s,margin .28s;display:flex;overflow:hidden}.controls.is-open{opacity:1;pointer-events:auto;max-height:22rem}.controls.is-closed{opacity:0;pointer-events:none;gap:0;max-height:0;padding-top:0;padding-bottom:0}.dev-answer{color:var(--muted);opacity:.85;justify-content:center;align-items:baseline;gap:.35rem;margin:.55rem 0 0;font-size:.72rem;line-height:1.2;display:flex}.dev-answer-tag{font-family:var(--font-ui,ui-sans-serif, system-ui, sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.55rem;font-weight:700}.dev-answer-word,.dev-answer-input{font-family:inherit;font-size:inherit;color:var(--text);letter-spacing:.02em;font-weight:600}.dev-answer-input{font-family:var(--font-tamil);border:1px solid color-mix(in srgb, var(--muted) 45%, transparent);background:color-mix(in srgb, var(--board) 70%, transparent);min-width:4.5rem;max-width:12rem;color:inherit;text-align:center;border-radius:4px;margin:0;padding:.1rem .35rem}.dev-answer-input:focus{border-color:var(--accent,#fdd25a);outline:none}.howto-export{width:100%;max-width:920px;color:var(--ink);margin:0 auto;padding:1.5rem 1rem 3rem}.howto-export-header{margin-bottom:1.5rem}.howto-export-header h1{font-family:var(--font-ui);margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.howto-export-header p{color:var(--muted);margin:0;font-size:.9rem;font-weight:500}.howto-export-locale{margin-bottom:2.5rem}.howto-export-locale-title{color:var(--accent);margin:0 0 1rem;font-size:1.05rem;font-weight:700}.howto-export-grid{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.howto-export-slot{width:min(100%,420px)}.howto-export-slot .howto-card{width:100%;max-height:none;animation:none;position:relative}.howto-export-slot .howto-card.is-export{box-shadow:0 12px 40px #00000059}.howto-export-lang{border:1px solid var(--tile-border);width:1.75rem;height:1.75rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.howto-footer-export{justify-content:center}@media print{.howto-export-header{break-after:avoid}.howto-export-slot{break-inside:avoid;page-break-inside:avoid}.howto-export-slot .howto-card{box-shadow:none;border:1px solid #3a4154}}.landing{background:var(--surface);flex-direction:column;justify-content:flex-end;width:min(100%,420px);height:100%;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.landing-lang{top:calc(.65rem + env(safe-area-inset-top));z-index:2;position:absolute;right:.75rem}.landing-atmosphere{background:radial-gradient(120% 70% at 50% 0%, #c9a2272e, transparent 55%), linear-gradient(180deg, #121621 0%, var(--surface) 48%, #151a27 100%);pointer-events:none;animation:8s ease-in-out infinite alternate landing-atmosphere;position:absolute;inset:0}@keyframes landing-atmosphere{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.landing-main{z-index:1;padding:clamp(1.5rem, 6vw, 2.5rem) 1.25rem calc(1.75rem + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.85rem 1rem;animation:.7s ease-out both landing-rise;display:grid;position:relative}@keyframes landing-rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:translateY(0)}}.landing-copy{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.landing-mark{object-fit:contain;object-position:right top;grid-area:1/2;place-self:start end;width:clamp(4.25rem,18vw,5.5rem);height:clamp(4.25rem,18vw,5.5rem);margin:0;animation:.85s ease-out .15s both landing-mark;display:block}@keyframes landing-mark{0%{opacity:0;transform:translate(.6rem)}to{opacity:1;transform:translate(0)}}.landing-brand{font-family:var(--font-tamil);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(3rem,14vw,4.25rem);font-weight:700;line-height:1;animation:1s ease-out .1s both landing-brand}@keyframes landing-brand{0%{opacity:0;letter-spacing:.12em}to{opacity:1;letter-spacing:.02em}}.landing-tag{font-family:var(--font-ui);color:var(--accent);margin:0;font-size:1.05rem;font-weight:700}.landing-lead{max-width:22rem;font-family:var(--font-ui);color:var(--muted);margin:.15rem 0 .85rem;font-size:.95rem;font-weight:600;line-height:1.45}.landing-lead-term{letter-spacing:.01em}.landing-lead-ta{font-family:var(--font-tamil);font-weight:700}.landing-play{appearance:none;background:var(--accent);color:var(--on-accent);font-family:var(--font-ui);cursor:pointer;border:0;border-radius:.45rem;align-items:center;gap:.55rem;padding:.8rem 1.25rem;font-size:1rem;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex}.landing-play:hover{filter:brightness(1.05)}.landing-play:active{transform:translateY(1px)}.landing-play-icon{font-size:.75rem;line-height:1}.landing-legal{z-index:1;padding:0 1.25rem calc(1rem + env(safe-area-inset-bottom));animation:.7s ease-out .25s both landing-rise;position:relative}.landing-legal p{max-width:34rem;font-family:var(--font-ui);color:color-mix(in srgb, var(--muted) 72%, transparent);margin:0;font-size:.62rem;font-weight:500;line-height:1.4}.uc-sky{z-index:1;transform-origin:50%;text-align:center;max-width:min(90vw,22rem);font-family:var(--font-tamil);letter-spacing:.02em;color:color-mix(in srgb, var(--accent) 78%, var(--ink));pointer-events:none;margin:0;padding:0 1rem;font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:700;line-height:1.35;animation:.9s ease-out .2s both uc-sky-in;position:absolute;top:clamp(18%,22vh,28%);left:50%;transform:translate(-50%)rotate(-18deg)}@keyframes uc-sky-in{0%{opacity:0;transform:translate(-50%)rotate(-18deg)translateY(.6rem)}to{opacity:1;transform:translate(-50%)rotate(-18deg)translateY(0)}}.playtest-gate{text-align:center;flex-direction:column;gap:.85rem;width:min(100%,420px);margin:auto;padding:1.5rem 1rem;display:flex;position:relative}.playtest-gate-top{justify-content:flex-end;align-items:center;min-height:2.25rem;display:flex;position:relative}.playtest-gate-brand{font-family:var(--font-tamil);margin:0;font-size:1.75rem;font-weight:700;line-height:1.15;position:absolute;left:50%;transform:translate(-50%)}.playtest-gate-lang{flex:none;position:static}.playtest-gate-form{flex-direction:column;align-items:stretch;gap:.45rem;display:flex}.playtest-gate-input{appearance:none;border:1px solid var(--tile-border);background:var(--panel);color:var(--ink);font:inherit;text-align:left;border-radius:.4rem;padding:.65rem .75rem;transition:text-align .15s}.playtest-gate-error{color:var(--match-misplaced);text-align:left;margin:0;font-size:.85rem}.playtest-gate-submit{appearance:none;background:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;border:0;border-radius:.4rem;place-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:700;line-height:1;display:grid}.playtest-gate-clear-row{justify-content:flex-start;align-items:center;min-height:2.25rem;margin:0;padding:0;display:flex}.playtest-gate-clear{appearance:none;box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.35rem;outline:none;place-items:center;width:2.5rem;height:2.25rem;padding:0;font-size:1.35rem;font-weight:700;line-height:1;display:grid}.playtest-gate-clear:hover{color:var(--ink);background:0 0;border:0}.playtest-gate-pad{flex-direction:column;gap:.45rem;width:100%;display:flex}.playtest-log{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:56rem;height:100%;min-height:0;max-height:100dvh;color:var(--ink);font-family:var(--font-ui,system-ui, sans-serif);margin:0 auto;padding:1.25rem 1rem 2rem;overflow:hidden auto}.playtest-log-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.playtest-log-header h1{margin:0;font-size:1.35rem;font-weight:700}.playtest-log-close{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:1}.playtest-log-auth{gap:.5rem;margin-bottom:.75rem;display:flex}.playtest-log-auth input{font:inherit;border:1px solid var(--tile-border);background:var(--panel);color:var(--ink);border-radius:.35rem;flex:1;padding:.5rem .65rem}.playtest-log-auth button{appearance:none;background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:.35rem;padding:.5rem .9rem;font-weight:700}.playtest-log-error{color:#e8a0a0;margin:0 0 .75rem;font-size:.9rem}.playtest-log-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.playtest-log-meta{color:var(--muted);margin:0;font-size:.85rem}.playtest-log-export{appearance:none;border:1px solid var(--tile-border);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;border-radius:.35rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.playtest-log-export:disabled{opacity:.45;cursor:not-allowed}.playtest-log-body{-webkit-overflow-scrolling:touch;overflow-x:auto}.playtest-log-table{border-collapse:collapse;width:100%;font-size:.85rem}.playtest-log-table th,.playtest-log-table td{text-align:left;vertical-align:baseline;white-space:nowrap;padding:.4rem .5rem}.playtest-log-table thead th{background:var(--bg,#0b1220);z-index:1;border-bottom:1px solid var(--tile-border);position:sticky;top:0}.playtest-log-table tbody tr+tr td{border-top:1px solid color-mix(in srgb, var(--tile-border) 55%, transparent)}.playtest-log-sort{appearance:none;color:var(--muted);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700}.playtest-log-sort.is-active{color:var(--ink)}.playtest-log-table time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.playtest-log-table .player{font-weight:600}.kind{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.mode{text-transform:uppercase;letter-spacing:.04em;border-radius:.25rem;padding:.15rem .35rem;font-size:.7rem;font-weight:700}.mode-coach{color:var(--match-perfect);background:color-mix(in srgb, var(--match-perfect) 16%, transparent)}.mode-hard{color:#e8a0a0;background:#e8a0a024}.mode-unknown{color:var(--muted)}.kind-won{color:var(--match-perfect);background:color-mix(in srgb, var(--match-perfect) 18%, transparent);border-radius:.25rem;padding:.15rem .35rem}.kind-lost{color:#e8a0a0;background:#e8a0a024;border-radius:.25rem;padding:.15rem .35rem}.kind-guess_shape_refuse{color:var(--accent)}.kind-guess_not_in_list,.kind-guess_soft_refuse{color:var(--match-misplaced)}.guess{font-family:var(--font-tamil);font-weight:600}.pattern,.miss,.attempt{color:var(--muted)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3efe6;--muted:#a39a8c;--surface:#1a1f2e;--panel:#232a3d;--tile-face:#1a1f2e;--tile-border:#6b7388;--tile-border-idle:#3a4154;--key-face:#2f3955;--key-ink:#f3efe6;--match-perfect:#fdd25a;--match-misplaced:#aacddc;--match-none:#2e323c;--accent:#81a6c6;--on-perfect:#1a1f2e;--on-misplaced:#1a1f2e;--on-accent:#1a1f2e;--font-tamil:"Noto Sans Tamil", "Catamaran", sans-serif;--font-ui:"Catamaran", "Noto Sans Tamil", sans-serif;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1.3}.brand-term,.landing-lead-term{font-synthesis:style;font-style:italic;font-weight:inherit;padding-inline-end:.08em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{min-height:100dvh}body{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.92 0 0 0 0 0.9 0 0 0 0 0.82 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");min-height:100dvh}.app-shell{justify-content:center;align-items:stretch;height:100%;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-shell--scroll{align-items:flex-start;overflow:hidden auto}.demo-layout{flex-direction:column;width:min(100%,420px);height:100%;min-height:0;display:flex}.demo-layout>.game{flex:1 1 0;min-height:0}.level-picker{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.35rem .45rem .2rem;display:grid}.level-pick{appearance:none;border:1px solid var(--tile-border-idle);color:var(--muted);cursor:pointer;background:0 0;border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;gap:.02rem;min-width:0;padding:.28rem .2rem;transition:border-color .15s,color .15s,background .15s;display:flex}.level-pick.is-selected,.level-pick:hover{border-color:var(--tile-border);color:var(--ink);background:var(--panel)}.level-pick-n{font-variant-numeric:tabular-nums;color:var(--accent);font-size:.72rem;font-weight:700;line-height:1.1}.level-pick-name{font-family:var(--font-tamil);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:800;line-height:1.15;overflow:hidden}.level-pick-sub{font-family:var(--font-tamil);color:var(--muted);white-space:nowrap;font-size:.52rem;font-weight:600;line-height:1.1}.level-pick-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.18rem;width:100%;display:grid}.level-pick-pair>span:first-child{text-align:right}.level-pick-pair>span:last-child{text-align:left}.level-pick.is-selected .level-pick-sub{color:var(--accent)}.exhaust-modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;place-items:center;padding:.75rem;display:grid;position:fixed;inset:0}.exhaust-card{background:var(--surface);border:1px solid var(--tile-border-idle);border-radius:12px;flex-direction:column;gap:.65rem;width:min(100%,360px);padding:1rem 1.05rem .9rem;display:flex}.exhaust-title{color:var(--ink);margin:0;font-size:1.05rem;font-weight:700}.exhaust-body{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.exhaust-ok{appearance:none;cursor:pointer;background:var(--accent);color:var(--on-accent);border:0;border-radius:.4rem;align-self:flex-end;margin:0;padding:.45rem 1rem;font-weight:700}.exhaust-ok:hover{filter:brightness(1.06)}button{font:inherit}