:root{--cream: #f5ecdb;--cream-deep: #eadcc2;--ink: #2b1d12;--ink-soft: #5e4a38;--wood: #4b3628;--wood-deep: #3a291e;--straw: #dcb877;--leaf: #2f6b4f;--leaf-deep: #23523c;--danger: #a8322a;--success: #2e7d4a;--focus: #1f6feb;--radius: 14px;--shadow: 0 10px 30px rgba(40, 22, 8, .18);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Malayalam", "Nirmala UI", Kartika, sans-serif;--font-display: "Fraunces", Georgia, "Noto Sans Malayalam", "Nirmala UI", serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.45}:lang(ml){font-family:"Noto Sans Malayalam","Nirmala UI",Kartika,var(--font-body)}button,input{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:44px;padding:.55rem 1.1rem;border-radius:999px;border:1.5px solid transparent;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease,border-color .15s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--leaf);color:#fff}.btn-primary:hover:not(:disabled){background:var(--leaf-deep)}.btn-ghost{background:transparent;color:inherit;border-color:currentColor}.btn-ghost:hover:not(:disabled){background:#7f603c1f}.btn-large{min-height:52px;padding:.75rem 2.5rem;font-size:1.15rem}.btn-small{min-height:40px;padding:.35rem .85rem;font-size:.92rem}.dialog{width:min(92vw,440px);max-height:90dvh;overflow:auto;padding:1.5rem;border:none;border-radius:18px;background:var(--cream);color:var(--ink);box-shadow:0 24px 60px #140a0266}.dialog-wide{width:min(94vw,600px)}.dialog::backdrop{background:#180e068c}.dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-family:var(--font-display);font-size:1.5rem}.dialog-title-icon{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--cream-deep);font-size:1rem}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.home{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1rem;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.55),transparent 45%),linear-gradient(160deg,var(--cream) 0%,var(--cream-deep) 100%)}.home-card{width:min(100%,520px);padding:2rem 1.75rem;border-radius:24px;background:#fffcf5bf;box-shadow:var(--shadow);text-align:center}.home-art{width:min(100%,300px);height:auto;margin:0 auto .5rem;display:block}.home-title{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,7vw,2.9rem);line-height:1.1;color:var(--wood-deep)}.home-title-ml{display:block;margin-top:.35rem;font-size:.5em;font-weight:600;color:var(--ink-soft)}.home-subtitle{margin:.6rem 0 .15rem;font-size:1.05rem}.home-alt{margin:0 0 1.25rem;font-size:.9rem;color:var(--ink-soft)}.difficulty{margin:0 0 1rem;padding:0;border:none}.difficulty legend{margin:0 auto .5rem;font-weight:600}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:var(--cream-deep)}.segmented label{position:relative;padding:.6rem .4rem;border-radius:999px;font-weight:600;cursor:pointer;min-height:44px;display:grid;place-items:center}.segmented input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.segmented label.is-selected{background:var(--wood);color:var(--cream)}.segmented label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.difficulty-desc{min-height:2.8em;margin:.6rem 0 0;font-size:.92rem;color:var(--ink-soft)}.home-best{margin:0 0 1.25rem;font-size:.95rem}.home-best-label{font-weight:600}.home-secondary{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.rules-steps{margin:0;padding-left:1.3rem;display:grid;gap:.45rem}.rules-callout{margin:1rem 0 0;padding:.75rem 1rem;border-left:4px solid var(--leaf);border-radius:8px;background:#2f6b4f14}.rules-subtitle{margin:1.25rem 0 .5rem;font-size:1.05rem}.rules-table{width:100%;border-collapse:collapse}.rules-table th,.rules-table td{padding:.4rem .25rem;border-bottom:1px solid var(--cream-deep);text-align:left;font-weight:400}.rules-table td{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.rules-note{margin:.9rem 0 0;font-size:.88rem;color:var(--ink-soft)}.settings-list{display:grid;gap:.9rem}.toggle,.radio{display:flex;align-items:center;gap:.65rem;min-height:40px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#bfae95;transition:background-color .15s ease}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input:checked+.toggle-track{background:var(--leaf)}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:2px}.radio input{width:20px;height:20px;accent-color:var(--leaf)}.settings-group{margin:0;padding:.6rem .9rem .75rem;border:1px solid var(--cream-deep);border-radius:12px}.settings-group legend{padding:0 .3rem;font-weight:600}.settings-note{margin:.25rem 0 0;font-size:.82rem;color:var(--ink-soft)}.game-screen{height:100dvh;display:flex;flex-direction:column;background:var(--wood-deep);color:var(--cream);overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem max(.75rem,env(safe-area-inset-left))}.brand{display:flex;align-items:baseline;gap:.6rem;min-width:0;overflow:hidden}.header-actions{flex:none}.brand-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;white-space:nowrap}.brand-difficulty{padding:.1rem .6rem;border-radius:999px;background:#dcb8772e;color:var(--straw);font-size:.8rem;font-weight:600}.header-actions{display:flex;gap:.4rem}.game-screen .btn-ghost{color:var(--cream);border-color:#f5ecdb73}.game-screen .btn-ghost:hover:not(:disabled){background:#f5ecdb1a}.game-screen .dialog .btn-ghost{color:var(--ink);border-color:currentColor}.hud{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.7fr repeat(3,.8fr) 1fr;gap:1px;margin:0 .75rem;border-radius:12px;overflow:hidden;background:#f5ecdb1f}.hud-item{padding:.35rem .6rem;background:var(--wood-deep)}.hud dt{font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:#f5ecdbb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-primary dd{color:var(--straw);font-size:1.15rem}.hud-suffix{font-weight:400;font-size:.8em;color:#f5ecdba6}.board-wrap{position:relative;flex:1;min-height:0;margin:.6rem .75rem 0;display:grid;place-items:center}.board{display:block;border-radius:14px;box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #ffffff0d;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board.is-dragging{cursor:grabbing!important}.setup-panel{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);width:min(92%,420px);padding:.9rem 1.1rem;border-radius:14px;background:#f5ecdbf5;color:var(--ink);box-shadow:var(--shadow);text-align:center}.setup-panel p{margin:0 0 .7rem}.setup-panel-foul{border:2px solid var(--danger)}.setup-title{font-weight:700;color:var(--danger)}.toast{position:absolute;top:.75rem;left:0;right:0;width:fit-content;margin-inline:auto;display:flex;align-items:center;gap:.5rem;max-width:min(92%,460px);padding:.55rem 1rem;border-radius:18px;background:#f5ecdbf7;color:var(--ink);font-weight:600;box-shadow:var(--shadow);pointer-events:none;animation:toast-in .2s ease-out}.toast-icon{display:inline-grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;font-size:.85rem}.toast-success .toast-icon{background:var(--success)}.toast-failure{border:2px solid var(--danger)}.toast-failure .toast-icon{background:var(--danger)}.toast-info .toast-icon{background:var(--ink-soft)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.game-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1rem;padding:.5rem .75rem max(.5rem,env(safe-area-inset-bottom));font-size:.9rem}.help-text{margin:0;color:#f5ecdbd9}.keyboard-help{color:#f5ecdbbf}.keyboard-help summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.keyboard-help p{max-width:60ch;margin:.25rem 0 0}.new-best{margin:0 0 .75rem;padding:.5rem .8rem;border-radius:10px;background:#dcb8774d;font-weight:700}.final-score{display:flex;flex-direction:column;align-items:center;margin:.25rem 0 1rem}.final-score-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.final-score-value{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.1;color:var(--wood-deep)}.final-score-max{font-size:1.2rem;color:var(--ink-soft)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.result-stats div{padding:.55rem .75rem;border-radius:10px;background:var(--cream-deep)}.result-stats dt{font-size:.8rem;color:var(--ink-soft)}.result-stats dd{margin:0;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}@media (max-width: 900px){.hud{grid-template-columns:1fr 1fr 1fr 1.6fr}}@media (max-width: 560px){.btn-text{display:none}.brand-title{font-size:1.1rem}.brand-difficulty{display:none}.hud-item{padding:.25rem .45rem}.hud dt{font-size:.64rem}.hud dd{font-size:.85rem}.hud-primary dd{font-size:1rem}.board-wrap{margin:.4rem .4rem 0}.keyboard-help{display:none}}@media (max-height: 500px) and (orientation: landscape){.game-header{padding-block:.2rem}.hud{grid-template-columns:1fr 1fr 1.1fr 1.7fr repeat(3,.8fr) 1fr}.hud dt,.game-footer{display:none}}.btn-online{margin-top:.75rem}.lobby{display:grid;gap:1rem}.lobby-title{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,6vw,2.2rem);color:var(--wood-deep)}.lobby .home-subtitle{margin:0}.field{display:grid;gap:.35rem;text-align:left;font-weight:600}.field input{min-height:46px;padding:.5rem .85rem;border:1.5px solid #c9b493;border-radius:12px;background:#fffdf8;color:var(--ink);font-weight:400}.field input:focus-visible{border-color:var(--focus)}.code-input{text-align:center;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.3rem;letter-spacing:.25em;text-transform:uppercase}.lobby-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lobby-choice{display:grid;gap:.6rem;align-content:start;padding:1rem;border-radius:16px;background:var(--cream-deep)}.lobby-choice h2{margin:0;font-size:1rem}.room-code{margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(2.2rem,10vw,3rem);font-weight:700;letter-spacing:.2em;color:var(--wood-deep)}.lobby-status,.lobby-joined{margin:0;color:var(--ink-soft)}.lobby-joined{color:var(--success);font-weight:700}.lobby-error{margin:0;padding:.6rem .8rem;border-radius:10px;background:#a8322a1a;color:var(--danger);font-weight:600}.lobby-actions{display:flex;justify-content:center}.pulse-dot{display:inline-block;width:.6rem;height:.6rem;margin-right:.25rem;border-radius:50%;background:var(--leaf);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.players-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin:0 .75rem .5rem}.player-card{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.5rem;padding:.4rem .75rem;border:2px solid transparent;border-radius:12px;background:#f5ecdb14}.player-card.is-active{border-color:var(--straw);background:#dcb87729}.player-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-you{font-weight:400;color:#f5ecdbb3}.player-score{grid-row:span 2;font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--straw);font-variant-numeric:tabular-nums}.player-meta{font-size:.78rem;color:#f5ecdbbf}.turn-badge{color:var(--straw);font-weight:700}.turn-banner{margin:0;padding:.35rem .8rem;border-radius:999px;background:#f5ecdb1a;font-weight:700;text-align:center;white-space:nowrap}.turn-banner.is-mine{background:var(--leaf);color:#fff}.setup-waiting{margin:.25rem 0 0;font-style:italic;color:var(--ink-soft)}.match-results{display:grid;gap:.5rem}.match-result{display:grid;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.7rem .9rem;border:2px solid transparent;border-radius:12px;background:var(--cream-deep)}.match-result.is-winner{border-color:var(--straw);background:#dcb8774d}.match-result-name{font-weight:700}.match-result-score{grid-row:span 2;align-self:center;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--wood-deep)}.match-result-meta{font-size:.82rem;color:var(--ink-soft)}@media (max-width: 560px){.lobby-choices{grid-template-columns:1fr}.players-bar{grid-template-columns:1fr 1fr;margin:0 .4rem .4rem}.turn-banner{grid-column:1 / -1;grid-row:1}.player-score{font-size:1.3rem}}@media (max-height: 500px) and (orientation: landscape){.players-bar{margin-bottom:.25rem}.player-meta{display:none}}