@import "https://fonts.googleapis.com/css2?family=Catamaran:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600;700&display=swap";.lang-switch{border:1px solid var(--tile-border-idle);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:999px;align-items:center;gap:.15rem;padding:.15rem;display:inline-flex}.lang-switch-btn{appearance:none;color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:.28rem .55rem;font-size:.72rem;font-weight:700;line-height:1.2}.lang-switch-btn.is-active{background:var(--panel);color:var(--ink)}.lang-switch.is-compact .lang-switch-btn{padding:.2rem .42rem;font-size:.65rem}.lang-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.keyboard{gap:6px;width:100%;max-width:420px;margin:0 auto;display:grid}.keyboard-consonant,.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:0 0}.key-none{background:var(--match-none);color:var(--ink)}.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(--ink)}.key-vowel.key-misplaced{color:var(--on-misplaced)}.key-vowel.key-perfect{color:var(--on-perfect)}.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(--accent);color:var(--on-misplaced);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-misplaced)}.howto-icon-btn.is-primary:hover:not(:disabled){color:var(--on-misplaced);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);margin:0;font-size:.92rem;font-weight:500;line-height:1.45}.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-asai{flex-direction:column;align-items:stretch;gap:.2rem;width:4.5rem;display:flex}.howto-asai.is-wide{width:7.25rem}.howto-atoms{justify-content:center;gap:.15rem;display:flex}.howto-atom{border:1px solid var(--tile-border-idle);min-width:0;height:.85rem;font-family:var(--font-tamil);color:var(--ink);background:#ffffff0a;border-radius:.18rem;flex:1 1 0;place-items:center;font-size:.55rem;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)}.howto-atom.is-compound{border-color:var(--accent);height:1.15rem;color:var(--ink);font-size:.62rem}.howto-asai-body{border:1px solid var(--tile-border);background:var(--panel,#12161f);min-height:2.35rem;font-family:var(--font-tamil);color:var(--ink);border-radius:.4rem;place-items:center;padding:.35rem .25rem;font-size:1.15rem;font-weight:800;line-height:1;display:grid}.howto-asai.is-dissolved .howto-atoms{display:none}.howto-asai.is-dissolved .howto-asai-body{background:var(--match-perfect);border-color:var(--match-perfect);color:var(--on-perfect);min-height:2.85rem}.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-weight:800;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-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:.55rem;width:100%}.howto-demo-attempt{grid-template-columns:1.1rem 1fr;align-items:center;gap:.35rem;width:100%;display:grid}.howto-demo-n{color:var(--muted);text-align:center;font-size:.7rem;font-weight:800}.howto-demo .howto-asai{width:4rem}.howto-demo .howto-asai.is-wide{width:6.4rem}.howto-demo .howto-asai-body{min-height:1.85rem;font-size:.95rem}.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)}.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;overflow:visible}.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-dissolved-green{z-index:2;transform-origin:50%;animation:2.5s ease-in forwards asai-dissolve-tile}.syllable-tile.is-dissolved-green .tile-parts{animation:2.5s ease-in forwards asai-dissolve-toes}.syllable-tile.is-dissolved-green .tile-body{animation:2.5s ease-in forwards asai-dissolve-pad}.syllable-tile.is-dissolved-green .syllable-glyph{animation:2.5s ease-in forwards asai-dissolve-glyph}.syllable-tile.is-dissolved-green-settled{border-color:var(--match-perfect);background:var(--match-perfect);grid-template-rows:0fr minmax(0,1fr);gap:0}.syllable-tile.is-dissolved-green-settled .tile-parts{opacity:0;pointer-events:none;min-height:0;overflow:hidden;transform:scaleY(0)}.syllable-tile.is-dissolved-green-settled .tile-body{background-color:var(--match-perfect);border-color:#0000}.syllable-tile.is-dissolved-green-settled .syllable-glyph{color:var(--on-perfect);font-size:clamp(1.15rem,5vw,1.55rem)}@keyframes asai-dissolve-tile{0%{background:var(--tile-face);border-color:var(--tile-border-idle);grid-template-rows:minmax(0,1fr) minmax(0,3fr);gap:2px;transform:scale(1)}8%{transform:scale(1.1)}20%{background:var(--tile-face);border-color:var(--tile-border-idle);grid-template-rows:minmax(0,1fr) minmax(0,3fr);gap:2px;transform:scale(1)}to{background:var(--match-perfect);border-color:var(--match-perfect);grid-template-rows:0fr minmax(0,1fr);gap:0;transform:scale(1)}}@keyframes asai-dissolve-toes{0%,20%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes asai-dissolve-pad{0%,20%{background-color:var(--tile-face);border-color:var(--tile-border-idle)}to{background-color:var(--match-perfect);border-color:#0000}}@keyframes asai-dissolve-glyph{0%,20%{color:var(--ink);font-size:clamp(1rem,4.2vw,1.35rem)}to{color:var(--on-perfect);font-size:clamp(1.15rem,5vw,1.55rem)}}.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)}.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-dissolved-green):not(.is-dissolved-green-settled) .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{z-index:2;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%;padding:0;font-size:.85rem;font-weight:800;line-height:1;position:absolute;top:1.4rem;left:.65rem;transform:translateY(-50%)}.game-header{border-bottom:1px solid var(--tile-border-idle);flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:.15rem 0 .35rem;display:flex;position:relative}.game-lang{z-index:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.brand{font-family:var(--font-tamil);color:var(--ink);letter-spacing:.02em;width:100%;max-width:calc(var(--tile-units,8) * 1.85rem);text-align:center;margin:0;font-size:clamp(1.35rem,5vw,1.6rem);font-weight:700;line-height:1.1}.board-panel{min-height:0;padding:.35rem 0 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}.board-row.is-clearing{pointer-events:none;transform-origin:50%;animation:2.5s ease-in forwards row-soft-clear}@keyframes row-soft-clear{0%{opacity:1;filter:none;transform:scale(1)}8%{transform:scale(1.1)}20%{opacity:1;filter:none;transform:scale(1)}to{opacity:0;filter:blur(1.5px);transform:scale(.92)}}.board-row.is-awaiting-input .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{text-align:center;font-family:var(--font-tamil);color:var(--ink);background:var(--panel);border:0;border-radius:6px;max-width:20.5rem;margin:0;padding:.4rem .65rem;font-size:.85rem}.message.is-coach{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:0;animation:.35s ease-out coach-in}.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.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-misplaced);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-note{text-align:center;color:var(--muted);margin:0;font-size:.62rem}.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));flex-direction:column;align-items:flex-start;gap:.55rem;animation:.7s ease-out both landing-rise;display:flex;position:relative}@keyframes landing-rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:translateY(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-play{appearance:none;background:var(--accent);color:var(--on-misplaced);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}.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-input.is-committed{text-align:center;font-weight:600}.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-misplaced);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-gate-pad-hint{color:var(--muted);text-align:left;margin:0;font-size:.72rem;font-weight:600;line-height:1.35}.playtest-gate-matras{margin-top:.1rem}.playtest-gate-pad-actions{grid-template-columns:1fr 2fr 1fr}.playtest-log{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:40rem;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-meta{color:var(--muted);margin:0 0 1rem;font-size:.85rem}.playtest-log-player{margin-bottom:1.5rem}.playtest-log-player h2{margin:0 0 .4rem;font-size:1.05rem}.playtest-log-player ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.playtest-log-player li{background:var(--panel);border-radius:.3rem;flex-wrap:wrap;align-items:baseline;gap:.4rem .65rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.playtest-log-player time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.kind{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.kind-won{color:var(--match-perfect)}.kind-lost{color:#e8a0a0}.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{color:var(--muted)}:root{--ink:#f3efe6;--muted:#a39a8c;--surface:#1a1f2e;--panel:#232a3d;--tile-face:#1a1f2e;--tile-border:#6b7388;--tile-border-idle:#3a4154;--key-face:#3d4558;--key-ink:#f3efe6;--match-perfect:#6aaa64;--match-misplaced:#e0a824;--match-none:#565a66;--accent:#c9a227;--on-perfect:#f3efe6;--on-misplaced:#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}*{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}.mode-tabs{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;padding:.45rem .45rem .2rem;display:grid}.mode-tab{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 .12rem;transition:border-color .15s,color .15s,background .15s;display:flex}.mode-tab.is-selected{border-color:var(--tile-border);color:var(--ink);background:var(--panel)}.mode-tab-label{font-family:var(--font-tamil);white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.1}.mode-tab-shape{font-family:var(--font-tamil);color:var(--muted);letter-spacing:0;white-space:nowrap;font-size:.52rem;font-weight:600}.mode-tab.is-selected .mode-tab-shape{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-misplaced);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}