*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{height:100%}:root{--parchment-50: #FCF8EE;--parchment-100: #F8F2E3;--parchment-200: #F1E8D2;--parchment-300: #E7DABE;--parchment-400: #D9C8A4;--stone-500: #BCAa86;--stone-600: #9C8B6B;--ink-700: #6E5C45;--ink-800: #41331F;--ink-900: #271D10;--green-500: #2E6B4F;--green-600: #245840;--green-400: #3E8A66;--green-100: #DCE9DF;--saffron-500: #CB962B;--saffron-600: #B07F1C;--saffron-400: #E0B255;--saffron-100: #F6EBCB;--terracotta-500:#C2542F;--terracotta-600:#A4431F;--terracotta-400:#D87A53;--terracotta-100:#F4DDD0;--indigo-500: #274363;--indigo-600: #1B3149;--indigo-400: #3C6088;--indigo-100: #D7DEE8;--carpet-500: #9C2B2E;--carpet-600: #7E2023;--carpet-100: #F1D6D5;--tile-correct: var(--green-500);--tile-correct-border: var(--green-500);--tile-present: var(--saffron-500);--tile-present-border: var(--saffron-500);--tile-absent: var(--stone-600);--tile-absent-border: var(--stone-600);--tile-letter: #FCF8EE;--tile-empty-bg: transparent;--tile-empty-border: var(--parchment-400);--tile-filled-border: var(--stone-600);--tile-ink: var(--ink-900);--key-bg: #E3D6BC;--key-bg-hover: #D9C8A4;--key-ink: var(--ink-900);--key-correct: var(--green-500);--key-present: var(--saffron-500);--key-absent: var(--stone-600);--key-action-ink:#FCF8EE;--surface-page: var(--parchment-200);--surface-card: var(--parchment-100);--surface-raised: var(--parchment-50);--surface-sunken: var(--parchment-300);--surface-invert: var(--ink-900);--scrim: rgba(39, 29, 16, .55);--border-subtle: var(--parchment-400);--border-strong: var(--stone-600);--border-ink: var(--ink-900);--text-strong: var(--ink-900);--text-body: var(--ink-800);--text-muted: var(--ink-700);--text-faint: var(--stone-600);--text-inverse: var(--parchment-50);--text-on-accent: #FCF8EE;--text-link: var(--terracotta-600);--brand-primary: var(--green-500);--brand-primary-hover: var(--green-400);--brand-primary-press: var(--green-600);--brand-accent: var(--saffron-500);--brand-decor: var(--terracotta-500);--status-success: var(--green-500);--status-warning: var(--saffron-600);--status-error: var(--carpet-500)}[data-theme=dark]{--parchment-50: #0D0D0D;--parchment-100: #111111;--parchment-200: #141414;--parchment-300: #1E1E1E;--parchment-400: #2A2A2A;--stone-500: #3D3D3D;--stone-600: rgba(252,248,238,.35);--ink-700: rgba(252,248,238,.45);--ink-800: rgba(252,248,238,.75);--ink-900: #FCF8EE;--surface-page: #0D0D0D;--surface-card: #111111;--surface-raised: #141414;--surface-sunken: #1E1E1E;--surface-invert: var(--parchment-100);--scrim: rgba(0,0,0,.82);--border-subtle: rgba(252,248,238,.1);--border-strong: rgba(252,248,238,.22);--border-ink: rgba(252,248,238,.45);--text-strong: #FCF8EE;--text-body: rgba(252,248,238,.75);--text-muted: rgba(252,248,238,.45);--text-faint: rgba(252,248,238,.25);--text-inverse: var(--ink-900);--text-on-accent: #FCF8EE;--text-link: var(--saffron-400);--tile-correct: var(--green-500);--tile-correct-border: var(--green-500);--tile-present: var(--saffron-500);--tile-present-border: var(--saffron-500);--tile-absent: var(--stone-600);--tile-absent-border: var(--stone-600);--tile-letter: #FCF8EE;--tile-empty-border: rgba(252,248,238,.18);--tile-filled-border: rgba(252,248,238,.35);--tile-ink: #FCF8EE;--key-bg: #222222;--key-bg-hover: #2E2E2E;--key-ink: #FCF8EE;--key-correct: var(--green-500);--key-present: var(--saffron-500);--key-absent: #3D3D3D;--key-action-ink:#FCF8EE;--shadow-sm: 0 2px 6px rgba(0,0,0,.6);--shadow-md: 0 6px 18px rgba(0,0,0,.7);--shadow-tile: 0 1px 0 rgba(0,0,0,.6);--shadow-key: 0 2px 0 rgba(0,0,0,.7);--brand-primary: var(--green-500);--brand-primary-hover: var(--green-400);--brand-primary-press: var(--green-600)}:root{--font-pashto-display: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--font-pashto-ui: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--font-display: "Spectral", "Noto Serif", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--text-2xs: .694rem;--text-xs: .8rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-5xl: 5.5rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--leading-nastaliq:2;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 22px;--radius-full: 999px;--tile-size: 62px;--tile-size-sm: 52px;--tile-gap: 6px;--key-height: 44px;--key-min-width: 34px;--key-gap: 6px;--board-max-width: 340px;--game-max-width: 500px;--tile-font-size: 1.9rem;--container-narrow: 560px;--container-base: 960px;--container-wide: 1200px;--header-height: 64px;--hit-target: 44px}@media only screen and (max-width: 480px){:root{--tile-size: clamp(46px, 13.5vw, 62px);--tile-size-sm: clamp(36px, 10vw, 52px);--tile-gap: 5px;--tile-font-size: clamp(1.3rem, 4.5vw, 1.9rem);--key-height: 42px;--key-min-width: 0px;--key-gap: 4px}}@media only screen and (max-width: 360px){:root{--tile-size: clamp(42px, 13vw, 56px);--tile-gap: 4px;--tile-font-size: clamp(1.2rem, 4vw, 1.6rem);--key-height: 40px;--key-gap: 3px}}:root{--shadow-xs: 0 1px 2px rgba(39, 29, 16, .08);--shadow-sm: 0 2px 6px rgba(39, 29, 16, .1);--shadow-md: 0 6px 18px rgba(39, 29, 16, .12);--shadow-lg: 0 16px 40px rgba(39, 29, 16, .18);--shadow-tile:0 1px 0 rgba(39, 29, 16, .12);--shadow-key: 0 2px 0 rgba(39, 29, 16, .18);--inset-well: inset 0 1px 3px rgba(39, 29, 16, .14);--border-hair: 1px;--border-base: 2px;--border-thick: 3px;--focus-ring: 0 0 0 3px rgba(203, 150, 43, .55);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .4s;--dur-flip: .6s;--pop-press: scale(.94);--pop-active: scale(1.08);--kilim-band: repeating-linear-gradient( 90deg, var(--terracotta-500) 0 14px, var(--saffron-500) 14px 28px, var(--green-500) 28px 42px, var(--indigo-500) 42px 56px )}@keyframes pk-flip-in{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pk-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pk-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pk-bounce-win{0%{transform:translateY(0)}30%{transform:translateY(-22px)}50%{transform:translateY(0)}65%{transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-4px)}to{transform:translateY(0)}}html,body,#root{height:100%;margin:0;padding:0;background-color:var(--surface-page);font-family:var(--font-ui);color:var(--text-body)}body:before{content:"";display:block;position:fixed;top:0;left:0;right:0;height:6px;background:var(--kilim-band);z-index:1000;pointer-events:none}[data-theme=dark] #game-container{background-image:radial-gradient(rgba(203,150,43,.06) 2px,transparent 2.5px)!important}