:root{--bg-space: #0e0a14;--bg-nebula: #120b1c;--glow-1: rgba(168, 60, 255, .34);--glow-2: rgba(255, 74, 190, .2);--glow-3: rgba(120, 80, 255, .16);--surface-1: #1d1428;--surface-2: #241733;--surface-3: #2a1c3a;--surface-glass: rgba(30, 19, 44, .72);--text-primary: #f2eef6;--text-secondary: rgba(242, 238, 246, .6);--text-dim: rgba(242, 238, 246, .45);--accent: #ff7ad9;--accent-strong: #ffb0e8;--accent-2: #a83cff;--accent-dim: rgba(255, 122, 217, .16);--accent-2-dim: rgba(168, 60, 255, .16);--play: #ff9ee2;--danger: #ff5d7a;--success: #4ef0b0;--warning: #ffd166;--glass-grad: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02) 60%);--glass-grad-strong: linear-gradient( 180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03) 55% );--glass-border: rgba(255, 255, 255, .16);--glass-border-strong: rgba(255, 255, 255, .18);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .22);--glass-inset-strong: inset 0 1px 0 rgba(255, 255, 255, .25);--pill-grad: linear-gradient(180deg, rgba(255, 122, 217, .4), rgba(168, 60, 255, .25));--pill-border: rgba(255, 150, 225, .5);--hover-grad: linear-gradient(180deg, rgba(255, 122, 217, .2), rgba(168, 60, 255, .08));--hover-border: rgba(255, 150, 225, .55);--border-soft: var(--glass-border);--border-accent: var(--pill-border);--glow-accent: 0 0 14px rgba(255, 122, 217, .35);--glow-accent-2: 0 0 14px rgba(168, 60, 255, .3);--shadow-panel: 0 10px 34px rgba(0, 0, 0, .55);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-s: 0px;--radius-m: 0px;--radius-bar: 0px;--radius-l: 0px;--radius-card: 0px;--radius-round: 0px;--font-latin: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-arabic: "Segoe UI", "Noto Naskh Arabic", "Geeza Pro", Tahoma, sans-serif;--font-urdu: "Noto Nastaliq Urdu", "Urdu Typesetting", "Jameel Noori Nastaleeq", "Segoe UI", Tahoma, sans-serif;--font-devanagari: "Nirmala UI", "Noto Sans Devanagari", Mangal, sans-serif;--font-han-sc: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-japanese: "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, "Noto Sans CJK JP", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;--font-current: var(--font-latin);--text-xs: .75rem;--text-s: .875rem;--text-m: 1rem;--text-l: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.4rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .14s;--duration-med: .26s;--focus-ring: 0 0 0 3px rgba(255, 122, 217, .55);--shell-max-width: 1180px;--game-stage-max-width: 720px;--game-stage-max-height: 820px;--ad-reserve-width: 180px;--ad-desktop-breakpoint: 1100px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%;color-scheme:dark;font-size:15px}body{min-height:100dvh;background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-current);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}html:lang(en),html:lang(fr),html:lang(es),html:lang(fil),html:lang(ru){--font-current: var(--font-latin)}html:lang(ar){--font-current: var(--font-arabic)}html:lang(ur){--font-current: var(--font-urdu)}html:lang(hi){--font-current: var(--font-devanagari)}html:lang(zh-CN){--font-current: var(--font-han-sc)}html:lang(ja){--font-current: var(--font-japanese)}html:lang(ur) body{line-height:2}html:lang(ar) body{line-height:1.8}html:lang(ja) body,html:lang(zh-CN) body{line-break:strict;letter-spacing:0}.caps{text-transform:uppercase;letter-spacing:.1em}h1,h2,h3,h4{line-height:1.25;font-weight:800;text-wrap:balance}html:lang(ur) h1,html:lang(ur) h2,html:lang(ur) h3{line-height:1.9}p{overflow-wrap:break-word}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}img,canvas,svg{display:block;max-width:100%}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle 320px at 8% 6%,var(--glow-1),transparent 70%),radial-gradient(circle 360px at 96% 42%,var(--glow-2),transparent 70%),radial-gradient(circle 300px at 38% 100%,var(--glow-3),transparent 70%)}body:after{content:"";position:fixed;top:-10%;bottom:-10%;inset-inline-start:0;width:100%;z-index:-2;transform:skew(-12deg);background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035) 45%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.035) 55%,transparent 70%) no-repeat 12% 0 / 340px 100%,linear-gradient(115deg,transparent 35%,rgba(255,255,255,.045) 50%,transparent 65%) no-repeat 82% 0 / 180px 100%;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.motion-reduced *,body.motion-reduced *:before,body.motion-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skip-link{position:absolute;inset-inline-start:var(--space-3);top:-3rem;z-index:100;background:var(--surface-2);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-s);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[dir=rtl] .dir-icon{transform:scaleX(-1)}.brand-logo{height:52px;width:auto;flex:none;display:block}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-inline:max(var(--space-5),var(--safe-left)) max(var(--space-5),var(--safe-right))}.shell-header{position:sticky;top:var(--space-3);z-index:20;display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;max-width:var(--shell-max-width);width:100%;margin-inline:auto;margin-top:calc(var(--space-4) + var(--safe-top))}.brand{flex:1;display:flex;align-items:center}.brand:hover .brand-logo{filter:drop-shadow(0 0 10px var(--glow-1))}.shell-nav{display:flex;align-items:stretch;gap:10px;flex:1 1 auto;min-width:0}.shell-nav a{flex:1;justify-content:center;min-height:42px;display:flex;align-items:center;padding:0 18px;background:var(--glass-grad-strong);border:1px solid var(--glass-border-strong);backdrop-filter:blur(12px);box-shadow:var(--glass-inset-strong);font-size:13px;font-weight:700;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.shell-nav a:hover{color:var(--text-primary);border-color:var(--hover-border)}.nav-language{gap:8px}.nav-language .flag{flex:none}.shell-main{flex:1;width:100%;max-width:var(--shell-max-width);margin-inline:auto;padding-block:var(--space-4) var(--space-6)}.shell-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:var(--shell-max-width);width:100%;margin-inline:auto;margin-bottom:calc(var(--space-5) + var(--safe-bottom));padding:12px 20px;background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-bar);box-shadow:var(--glass-inset);font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.shell-footer a{color:var(--text-secondary)}.shell-footer a:hover{color:var(--text-primary)}.lore-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);opacity:.22;transition:opacity var(--duration-fast) var(--ease-out)}.lore-toggle:hover,.lore-toggle:focus-visible,.lore-toggle[aria-expanded=true]{opacity:.8}.lore-toggle svg{width:14px;height:14px;display:block}.lore-panel{flex-basis:100%;display:grid;gap:9px;padding:var(--space-4);margin-top:var(--space-2);background:#ffffff08;border:1px solid var(--glass-border);text-align:start;font-size:12px;line-height:1.6;color:var(--text-secondary)}.lore-title{font-size:11px;letter-spacing:.16em;color:var(--accent);opacity:.85}.lore-entry{display:flex;gap:10px}.lore-num{flex:none;font-weight:700;color:var(--accent);opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-4);background:var(--glass-grad-strong);color:var(--text-primary);border:1px solid var(--glass-border-strong);border-radius:var(--radius-m);box-shadow:var(--glass-inset-strong);font-weight:700;font-size:var(--text-s);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover{border-color:var(--hover-border);background:var(--hover-grad)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pill-grad);border-color:var(--pill-border);box-shadow:inset 0 1px #ffffff59}.btn-primary:hover{box-shadow:inset 0 1px #ffffff59,var(--glow-accent)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--glass-border);background:transparent}.btn-danger{border-color:#ff5d7a66;color:var(--danger)}.btn-icon{min-width:44px;padding:var(--space-2)}.btn[aria-pressed=true]{background:var(--pill-grad);border-color:var(--pill-border)}.panel{background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-bar);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-panel),var(--glass-inset)}.daily-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:var(--space-4);margin-block:var(--space-4);padding:var(--space-4);background:var(--glass-grad-strong);border:1px solid var(--accent);box-shadow:0 0 24px #ff7ad92e,var(--glass-inset-strong)}.daily-thumb{width:100%;height:100%;min-height:130px;object-fit:cover;border:1px solid var(--glass-border-strong)}.daily-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.daily-body .btn{margin-top:auto}.daily-meta{display:flex;align-items:center;gap:var(--space-3)}.daily-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent)}.daily-day{font-size:12px;font-weight:700;padding:3px 10px;color:var(--text-primary);background:#ff7ad924;border:1px solid rgba(255,122,217,.4)}.daily-title{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;letter-spacing:-.01em;line-height:1.1}@media(max-width:560px){.daily-card{grid-template-columns:1fr}.daily-thumb{aspect-ratio:8 / 5;height:auto}}.lang-screen{position:relative;min-height:calc(100dvh - 14rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-4)}.lang-title{font-size:clamp(2.6rem,8vw,4.2rem);font-weight:900;line-height:.95;letter-spacing:-.03em;color:var(--text-primary);text-shadow:0 0 40px var(--glow-1)}.lang-title-accent{color:var(--accent)}.lang-choose{font-size:var(--text-m);font-weight:700;color:var(--text-primary)}.lang-subtitle{color:var(--text-secondary);font-size:var(--text-s)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:min(720px,100%);list-style:none;padding:0}.lang-option{min-height:54px;font-size:var(--text-m);font-weight:700;width:100%;background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-inset);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.lang-option:hover{background:var(--hover-grad);border-color:var(--hover-border)}.lang-option[aria-current=true]{background:var(--pill-grad);border-color:var(--pill-border)}.home-hero{padding:clamp(1.8rem,6vw,3.2rem) var(--space-2) var(--space-5)}.hero-title{font-size:clamp(2.6rem,9vw,5rem);font-weight:900;line-height:.92;letter-spacing:-.03em}.hero-title .hero-accent{display:block;color:var(--accent);text-shadow:0 0 40px var(--glow-1)}.hero-subtitle{color:var(--text-secondary);margin-block-start:var(--space-5);font-size:15px;max-width:420px}.home-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-block-end:var(--space-4)}.search-input{flex:1 1 220px;min-height:42px;padding:var(--space-2) var(--space-4);background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-inset);color:var(--text-primary)}.search-input::placeholder{color:var(--text-dim)}.search-input:focus-visible{border-color:var(--hover-border)}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-block-end:var(--space-6);list-style:none;padding:0}.chip{min-height:34px;padding:var(--space-1) var(--space-4);border:1px solid var(--glass-border);background:var(--glass-grad);box-shadow:var(--glass-inset);border-radius:var(--radius-card);color:var(--text-secondary);font-size:13px;font-weight:700;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chip:hover{color:var(--text-primary);border-color:var(--hover-border)}.chip[aria-pressed=true]{color:var(--text-primary);background:var(--pill-grad);border-color:var(--pill-border)}.section-title{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-block:var(--space-5) var(--space-3);color:var(--text-dim);font-family:var(--font-mono)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px;list-style:none;padding:0;padding-bottom:var(--space-6)}.game-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);min-height:0;padding:var(--space-4);background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-inset);transition:background var(--duration-med) var(--ease-out),border-color var(--duration-med) var(--ease-out)}.game-card:hover{background:var(--hover-grad);border-color:var(--hover-border)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.card-meta .caps{letter-spacing:.08em}.fav-btn{min-width:36px;min-height:36px;margin:-8px;border-radius:var(--radius-round);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center}.fav-btn[aria-pressed=true]{color:var(--warning)}.fav-btn svg{width:18px;height:18px}.card-title{font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:800;letter-spacing:-.01em;line-height:1.1}.card-desc{color:var(--text-secondary);font-size:13px;margin-block-start:var(--space-2)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-thumb{width:100%;height:auto;aspect-ratio:16 / 10;border:1px solid var(--glass-border)}.btn-block{width:100%;letter-spacing:.1em;font-size:13px}.card-best{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-block-start:var(--space-2)}.flag{width:24px;height:16px;flex:none;outline:1px solid rgba(255,255,255,.22)}.flag-s{width:18px;height:12px}.lang-option .flag{margin-inline-end:var(--space-2)}.chip .flag-s{margin-inline-end:var(--space-1)}.chip{display:inline-flex;align-items:center}.empty-state{color:var(--text-secondary);text-align:center;padding:var(--space-7) var(--space-4)}.game-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4);justify-items:center}@media(min-width:1100px){.game-layout{grid-template-columns:var(--ad-reserve-width) minmax(0,1fr) var(--ad-reserve-width)}}.ad-reserve{display:none}@media(min-width:1100px){.ad-reserve{display:block;width:var(--ad-reserve-width);min-height:200px}}.ad-reserve-debug{outline:1px dashed var(--glass-border)}.game-column{width:100%;max-width:var(--game-stage-max-width);display:flex;flex-direction:column;gap:var(--space-3)}.game-topbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.game-title{font-size:var(--text-xl);font-weight:900;letter-spacing:-.02em;flex:1;min-width:8rem}.hud{display:flex;gap:var(--space-4);align-items:baseline;flex-wrap:wrap;padding:8px 14px;background:var(--glass-grad);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-inset)}.hud-item{display:flex;gap:var(--space-2);align-items:baseline}.hud-label{color:var(--text-dim);font-family:var(--font-mono);font-size:11px}.hud-value{font-size:var(--text-l);font-weight:800;color:var(--accent-strong);font-variant-numeric:tabular-nums}.hud-status{color:var(--accent-2);font-size:var(--text-s);min-height:1.4em}.game-stage{position:relative;width:100%;height:min(62dvh,var(--game-stage-max-height));min-height:320px;background:var(--bg-nebula);border:1px solid var(--glass-border);border-radius:var(--radius-bar);box-shadow:var(--glass-inset);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.game-canvas{position:absolute;inset:0}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-5);background:#0e0a14db;backdrop-filter:blur(6px);overflow-y:auto;z-index:5}.overlay h2{font-size:var(--text-xl);font-weight:900;letter-spacing:-.02em}.overlay-instructions{color:var(--text-secondary);max-width:46ch;white-space:pre-line;font-size:var(--text-s)}.overlay-score{font-size:var(--text-2xl);font-weight:900;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-shadow:0 0 30px var(--glow-1)}.overlay-record{color:var(--warning);font-weight:700}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.overlay .lang-inline{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:var(--space-1);justify-content:center;margin-block-start:var(--space-2);margin-bottom:var(--safe-bottom)}.game-column.has-dpad .game-stage{height:min(46dvh,var(--game-stage-max-height));min-height:260px}@media(min-width:1100px){.game-column.has-dpad .game-stage{height:min(62dvh,var(--game-stage-max-height));min-height:320px}}.dpad button{border-radius:var(--radius-m);background:var(--surface-glass);border:1px solid var(--glass-border);box-shadow:var(--glass-inset);color:var(--text-primary);font-size:var(--text-l);min-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.dpad button:active{background:var(--pill-grad);border-color:var(--pill-border);transform:none}.dpad .dpad-up{grid-column:2;grid-row:1}.dpad .dpad-left{grid-column:1;grid-row:2}.dpad .dpad-down{grid-column:2;grid-row:2}.dpad .dpad-right{grid-column:3;grid-row:2}@media(min-width:1100px){.dpad{display:none}}.settings-page,.privacy-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:640px;margin-inline:auto}.settings-page h1,.privacy-page h1{font-size:var(--text-2xl);font-weight:900;letter-spacing:-.02em}.setting-row{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between;flex-wrap:wrap}.setting-label{font-weight:700}.setting-control{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.setting-row-stack{flex-direction:column;align-items:flex-start}.lang-settings{display:flex;gap:8px;flex-wrap:wrap}.lang-settings .chip[aria-pressed=true]{border-color:var(--accent);color:var(--text-primary)}.stat-value{font-family:var(--font-mono);font-weight:700;color:var(--accent-strong)}.score-row .setting-label{flex:1;font-weight:600}.btn-mini{min-height:30px;padding:2px 12px;font-size:12px}.btn.armed{border-color:var(--danger);color:var(--danger)}.setting-hint{color:var(--text-secondary);font-size:13px}.data-io{width:100%;min-height:88px;padding:var(--space-3);background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;resize:vertical}.data-io:focus-visible{outline:none;border-color:var(--accent)}.data-actions{justify-content:flex-start}.build-line{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}select.select{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-m);color:var(--text-primary);font:inherit}input[type=range].range{accent-color:var(--accent);width:160px}.error-panel{text-align:center;padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media(max-width:420px){.shell{padding-inline:max(var(--space-3),var(--safe-left)) max(var(--space-3),var(--safe-right))}.shell-nav a{padding:0 8px;font-size:11px;letter-spacing:.04em}.game-grid{grid-template-columns:1fr}.game-stage{height:min(68dvh,560px)}}
