:root{--dusk:#2b2350;--ink:#1e1530;--cream:#fff4e0;--saffron:#f5b700;--magenta:#e0226e;--emerald:#1f9e6b;--danger:#c4323b;--glass:#1e153099;--font-display:"Rozha One", Georgia, "Times New Roman", serif;--font-body:"Mukta", "Segoe UI", system-ui, sans-serif;--font-urdu:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;--gutter:clamp(16px, 5vw, 72px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:var(--dusk);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}#scene{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit}button,a{touch-action:manipulation}.on-touch{display:none!important}@media (pointer:coarse){.on-mouse{display:none!important}.on-touch{display:flex!important}}:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.screen{z-index:4;padding-inline:var(--gutter);padding-block:calc(56px + var(--safe-top)) calc(clamp(24px, 7vh, 72px) + var(--safe-bottom));pointer-events:none;background:radial-gradient(90% 80% at 0 100%,#1e1530e6 0%,#1e153073 50%,#1e153000 78%);align-items:flex-end;display:flex;position:fixed;inset:0}.screen-inner{pointer-events:auto;flex-direction:column;gap:1rem;max-width:36rem;display:flex}.bunting{left:0;right:0;top:var(--safe-top);pointer-events:none;filter:drop-shadow(0 2px 2px #0000004d);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='28'%3E%3Cpath d='M0 3Q64 7 128 3' stroke='%23FFF4E0' stroke-width='1.2' fill='none'/%3E%3Cpath d='M4 4h24L16 26z' fill='%23E0226E'/%3E%3Cpath d='M36 5h24L48 27z' fill='%23F5B700'/%3E%3Cpath d='M68 5h24L80 27z' fill='%231F9E6B'/%3E%3Cpath d='M100 4h24L112 26z' fill='%23FFF4E0'/%3E%3C/svg%3E") repeat-x;height:28px;position:fixed}.urdu{font-family:var(--font-urdu);color:var(--saffron);align-self:flex-start;margin:0;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.9}.title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--cream);text-shadow:3px 3px 0 var(--magenta), 7px 7px 0 var(--saffron);text-wrap:balance;margin:-.6rem 0 0;font-size:clamp(3.8rem,15vw,9.5rem);font-weight:400;line-height:.85}#gameover .title{margin-top:0;font-size:clamp(3.2rem,12vw,7rem)}.tag{opacity:.94;max-width:36ch;margin:.4rem 0 0;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.45}.controls{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.controls li{align-items:baseline;gap:.7rem;display:flex}.key{letter-spacing:.1em;text-transform:uppercase;text-align:center;border:1px solid #fff4e080;flex:none;min-width:5.2rem;padding:.12rem .5rem;font-size:.72rem;font-weight:800}.controls b{color:var(--saffron);font-weight:800}.primary{color:var(--ink);background:var(--saffron);cursor:pointer;box-shadow:4px 4px 0 var(--magenta);border:0;align-self:flex-start;margin-top:.5rem;padding:.95rem 1.5rem .85rem;font-size:1.15rem;font-weight:800;line-height:1;transition:transform .12s,box-shadow .12s}.primary:hover{box-shadow:6px 6px 0 var(--magenta);transform:translate(-2px,-2px)}.primary:active{box-shadow:2px 2px 0 var(--magenta);transform:translate(2px,2px)}.stats{gap:2.5rem;margin:.4rem 0 0;display:flex}.stats dt{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:.72rem;font-weight:800}.stats dd{font-family:var(--font-display);color:var(--saffron);font-variant-numeric:tabular-nums;margin:0;font-size:3rem;line-height:1.1}.record{color:var(--magenta);background:var(--cream);align-self:flex-start;margin:0;padding:.15rem .6rem .05rem;font-weight:800}.topbar{z-index:5;top:calc(16px + var(--safe-top));pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;left:16px;right:16px}.score{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;align-items:baseline;gap:.5rem;padding:.35rem .9rem .2rem;display:flex}.score small{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:.68rem;font-weight:800}.score b{font-family:var(--font-display);color:var(--saffron);font-size:1.8rem;font-weight:400;line-height:1}.now-playing{pointer-events:auto;min-width:0;max-width:min(22rem,50vw);color:var(--cream);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:.5rem;margin-left:auto;padding:.35rem .75rem .25rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.now-playing[href]:hover{color:var(--saffron)}.now-playing #now-playing-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eq{flex:none;align-items:flex-end;gap:2px;height:12px;display:flex}.eq i{background:var(--saffron);transform-origin:bottom;width:3px;height:100%;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.now-playing:not([hidden])+.chip-button{margin-left:0}.credit{opacity:.8;margin:.25rem 0 0;font-size:.85rem}.credit span{color:var(--saffron);font-weight:800}.chip-button{pointer-events:auto;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fff4e059;margin-left:auto;padding:.4rem .75rem .3rem;font-size:.75rem;font-weight:800}.chip-button[aria-pressed=true]{opacity:.7}.flight{z-index:3;left:16px;bottom:calc(16px + var(--safe-bottom));background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.9rem;padding:.5rem .9rem .45rem;display:flex;position:fixed}.pill{letter-spacing:.12em;text-transform:uppercase;text-align:center;background:var(--saffron);min-width:5.6rem;color:var(--ink);padding:.18rem .6rem .1rem;font-size:.78rem;font-weight:800}.pill.pull{background:var(--magenta);color:var(--cream)}.stat{align-items:baseline;gap:.3rem;font-size:.95rem;display:flex}.stat small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.68rem}.stat b{text-align:right;min-width:3ch;font-size:1.2rem;font-weight:800}.pecha{z-index:3;left:50%;bottom:calc(16px + var(--safe-bottom));background:var(--ink);border-top:4px solid var(--magenta);pointer-events:none;flex-direction:column;gap:.35rem;width:min(24rem,100% - 32px);padding:.6rem .9rem .7rem;display:flex;position:fixed;transform:translate(-50%)}.pecha-head{align-items:baseline;gap:.6rem;margin:0;display:flex}.pecha-tag{font-family:var(--font-display);color:var(--saffron);font-size:1.5rem;line-height:1}.meter-row{letter-spacing:.1em;text-transform:uppercase;grid-template-columns:5rem 1fr;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;display:grid}.meter{background:#fff4e026;height:8px;overflow:hidden}.meter i{transform-origin:0;height:100%;transition:transform .1s linear;display:block}.meter.you i{background:var(--magenta)}.meter.them i{background:var(--saffron)}.pecha-hint{margin:.1rem 0 0;font-size:.95rem;font-weight:600}@media (max-width:1000px){.pecha{bottom:calc(76px + var(--safe-bottom))}}.labels{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.label{letter-spacing:.06em;white-space:nowrap;text-shadow:0 1px 3px #0009;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.label-meter{background:#1e153099;width:44px;height:4px;overflow:hidden}.label-meter i{background:var(--saffron);transform-origin:0;height:100%;display:block}.label.hooked{color:var(--saffron)}.label[data-edge=left],.label[data-edge=right]{background:var(--glass);flex-direction:row;gap:6px;padding:.3rem .5rem .2rem;translate:0 -50%}.label[data-edge=right]{flex-direction:row-reverse;translate:-100% -50%}.label[data-edge=left]:before,.label[data-edge=right]:before{content:"";border-block:6px solid #0000}.label[data-edge=left]:before{border-right:9px solid var(--saffron)}.label[data-edge=right]:before{border-left:9px solid var(--saffron)}.label[data-edge=left] .label-meter,.label[data-edge=right] .label-meter{display:none}.label.hooked .label-meter i{background:var(--magenta)}.banner{z-index:3;left:50%;top:calc(72px + var(--safe-top));text-align:center;pointer-events:none;width:max-content;max-width:calc(100% - 32px);padding:.5rem 1rem .4rem;font-weight:800;position:fixed;transform:translate(-50%)}.warn{background:var(--danger);color:var(--cream);animation:.7s ease-in-out infinite alternate pulse}.tip{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}@keyframes pulse{0%{opacity:.75}to{opacity:1}}.bokata{z-index:3;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding-inline:16px;animation:1.9s cubic-bezier(.2,.9,.3,1.2) both bokata;display:flex;position:fixed;inset:0}.bokata strong{font-family:var(--font-display);color:var(--cream);text-shadow:4px 4px 0 var(--magenta), 9px 9px 0 var(--saffron);font-size:clamp(3.4rem,min(18vw,30vh),11rem);font-weight:400;line-height:.9}.bokata .urdu{align-self:center}.bokata-sub{background:var(--ink);margin-top:.6rem;padding:.25rem .8rem .15rem;font-size:1.15rem;font-weight:800}@keyframes bokata{0%{opacity:0;transform:scale(.6)rotate(-4deg)}18%{opacity:1;transform:scale(1.06)rotate(1deg)}28%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.nogl{z-index:10;text-align:center;background:var(--dusk);place-items:center;padding-inline:16px;font-size:1.1rem;display:grid;position:fixed;inset:0}@media (max-width:480px){.key{min-width:4.4rem}.topbar{gap:.5rem}.score{padding-inline:.6rem}.now-playing{max-width:44vw;font-size:.72rem}.chip-button{padding-inline:.55rem}.flight{gap:.6rem;padding-inline:.7rem}.controls{font-size:.92rem}}@media (max-height:520px){.screen{padding-block:calc(40px + var(--safe-top)) calc(16px + var(--safe-bottom))}.screen-inner{gap:.5rem}.urdu{font-size:1.3rem;line-height:1.7}.title{font-size:clamp(2.8rem,16vh,5rem)}.intro .tag{display:none}.tag{font-size:.95rem}.controls{gap:.25rem;font-size:.85rem}.stats dd{font-size:2.2rem}.primary{margin-top:.25rem}.banner{top:calc(60px + var(--safe-top))}}@media (max-height:520px) and (min-width:600px){.pecha{left:auto;right:16px;bottom:calc(16px + var(--safe-bottom));gap:.25rem;width:min(20rem,46vw);padding:.45rem .75rem .5rem;transform:none}.pecha-tag{font-size:1.2rem}.pecha-hint{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.warn{animation:none}.primary{transition:none}.eq i{animation:none}.bokata{animation:1.9s both fade}@keyframes fade{0%,to{opacity:0}15%,80%{opacity:1}}}