@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-nastaliq-urdu-arabic-400-normal.2xpo_tprubc1w.woff2)format("woff2"),url(../media/noto-nastaliq-urdu-arabic-400-normal.1_en_3z08ozy2.woff)format("woff")}
@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-nastaliq-urdu-arabic-700-normal.16-69wdsoy499.woff2)format("woff2"),url(../media/noto-nastaliq-urdu-arabic-700-normal.411enyvh53w0-.woff)format("woff")}
:root{--bg:#0b1510;--panel:#122019;--panel-2:#18291f;--line:#27402f;--fg:#f3f6f1;--muted:#9fb3a5;--gold:#f4c542;--gold-dk:#7a5200;--accent:#2edb6a;--danger:#ff5c5c;--w-matchday:#ff6b1a;--w-arena:#2f7bff;--w-nets:#1eb549;--w-puzzle:#ff4fa3;--w-dugout:#5a3222;--w-street:#f2a900;--radius:14px;--tap:48px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-ur:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Alvi Nastaleeq", "Urdu Typesetting", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.5}body{overscroll-behavior-y:contain;min-height:100dvh}:lang(ur),:lang(ur) button,:lang(ur) input,:lang(ur) select{font-family:var(--font-ur);letter-spacing:0}:lang(ur) body,:lang(ur) p,:lang(ur) li,:lang(ur) .card{line-height:2}:lang(ur) h1{font-size:26px;line-height:1.9}:lang(ur) h2{font-size:20px;line-height:1.9}:lang(ur) .btn{padding-block:6px;line-height:1.8}:lang(ur) .tile .name{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:13px;line-height:1.9;display:-webkit-box;overflow:hidden}:lang(ur) table.tbl th,:lang(ur) table.tbl td{line-height:1.9}:lang(ur) .num,:lang(ur) code,:lang(ur) .latin{font-family:var(--font)}a{color:inherit}button,input,select{font:inherit}.wrap{max-width:520px;padding-block:12px 96px;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));margin:0 auto}.wide{max-width:1100px}h1{letter-spacing:.2px;margin:0 0 4px;font-size:24px;font-weight:800}h2{margin:18px 0 8px;font-size:18px;font-weight:800}.muted{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:380px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:14px}.btn{min-height:var(--tap);border:2px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.pri{background:linear-gradient(180deg, #ffe08a 0%, var(--gold) 45%, #d9a620 100%);color:#2a1a00;border-color:#ffd866;box-shadow:inset 0 1px #fff8,0 2px #7a5200}.btn.pri:active{transform:translateY(1px);box-shadow:inset 0 1px #fff8,0 1px #7a5200}.btn.big{width:100%;min-height:56px;font-size:18px}.btn.danger{border-color:var(--danger);color:var(--danger)}.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.pill.gold{background:var(--gold);color:#2a1a00;border-color:var(--gold-dk)}.coins{font-variant-numeric:tabular-nums;font-weight:800}.icon{width:64px;height:64px;box-shadow:0 0 0 3px var(--gold), 0 0 0 4px var(--gold-dk), 0 8px 16px #00000080;color:#fff;text-shadow:0 2px #00000080;border-radius:16px;flex:none;place-items:center;font-size:28px;display:grid}.icon.sm{width:44px;height:44px;box-shadow:0 0 0 2px var(--gold), 0 0 0 3px var(--gold-dk);border-radius:12px;font-size:20px}.tile{text-align:center;color:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:8px 2px;text-decoration:none;display:flex}.tile .name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.tile:focus-visible{outline:3px solid var(--accent)}.input{width:100%;min-height:var(--tap);border:2px solid var(--line);background:var(--panel);color:var(--fg);border-radius:12px;padding:10px 12px;font-size:18px}.input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.nav{inset-inline:0;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1510f5;justify-content:space-around;display:flex;position:fixed;bottom:0}.nav a{min-width:64px;min-height:var(--tap);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.nav a.on{color:var(--gold)}.banner{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font-size:14px}.banner.warn{border-color:var(--danger)}.toast{inset-inline:16px;background:var(--gold);color:#2a1a00;text-align:center;z-index:50;border-radius:12px;padding:12px 14px;font-weight:800;position:fixed;bottom:84px;box-shadow:0 10px 30px #00000080}.stage{aspect-ratio:9/14;border-radius:var(--radius);border:1px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#06120b;width:100%;max-height:70dvh;position:relative;overflow:hidden}.stage.short{aspect-ratio:9/6;max-height:240px}.stage canvas{width:100%;height:100%;display:block}.hud{inset-inline:10px;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:10px}.hud .pill{pointer-events:none}.tapzone{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.tapzone:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}table.tbl{border-collapse:collapse;width:100%;font-size:14px}table.tbl th,table.tbl td{text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 6px}.scroll-x{overflow-x:auto}.kpi{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.kpi .card b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.pulse{animation:1.2s ease-in-out infinite pulse}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}a.card{color:inherit;text-decoration:none;display:block}.sheet-back{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:520px;max-height:85vh;padding-bottom:max(14px, env(safe-area-inset-bottom));overflow-y:auto}.howto-steps{gap:8px;margin:10px 0 0;padding-inline-start:22px;font-size:14px;display:grid}.howto-steps li{line-height:1.45}.howto-steps .ur{color:var(--muted);text-align:start;font-size:14px;line-height:2;font-family:var(--font-ur);direction:rtl;display:block}.howto-steps .latin{text-align:start;font-family:var(--font);direction:ltr;display:block}