@keyframes bg-star-in{0%{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}@keyframes bg-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes bg-pop{50%{transform:scale(1.08)}}.bg-shell{--g-bg:#FFFDF7;--g-paper:#FFFFFF;--g-ink:#0E1A3F;--g-ink-2:#3A4670;--g-muted:#6B7594;--g-navy:#032453;--g-navy-2:#164089;--g-gold:#CDA146;--g-gold-l:#F6E7C1;--g-gold-d:#8A671F;--g-good:#17864C;--g-good-l:#E3F5EA;--g-bad:#C93838;--g-bad-l:#FCE8E8;--g-soft:#F3F5FB;--g-line:#DCE1F0;--c1:#E69F00;--c2:#56B4E9;--c3:#009E73;--c4:#F0E442;--c5:#0072B2;--c6:#D55E00;--c7:#CC79A7;--g-r:18px;--g-r-sm:12px;position:relative;display:flex;flex-direction:column;gap:10px;background:var(--g-bg);color:var(--g-ink);border-radius:24px;padding:14px;min-height:min(78vh,760px);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.7;box-shadow:0 18px 50px rgba(1,18,47,.25)}.bg-shell *{box-sizing:border-box}.bg-shell [hidden]{display:none!important}.bg-shell svg{display:block}.bg-hud,.bg-hud-title{display:flex;align-items:center}.bg-hud{gap:10px;flex-wrap:wrap}.bg-hud-title{gap:8px;flex:1 1 180px;min-width:0}.bg-hud-title h2{font-size:1.1rem;margin:0;color:var(--g-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-hud-icon{width:34px;height:34px;flex:none}.bg-hud-stats{display:flex;gap:6px;flex-wrap:wrap}.bg-hud-item{display:flex;flex-direction:column;align-items:center;background:var(--g-paper);border:1px solid var(--g-line);border-radius:var(--g-r-sm);padding:2px 12px;min-width:64px}.bg-hud-item small{font-size:.72rem;color:var(--g-muted)}.bg-hud-val{font-size:1.05rem;color:var(--g-navy);font-variant-numeric:tabular-nums}.bg-hud-val.bg-warn{color:var(--g-bad)}.bg-lives .bg-hud-val{color:var(--g-bad);letter-spacing:2px}.bg-hud-tools{display:flex;gap:6px}.bg-icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--g-line);background:var(--g-paper);color:var(--g-navy);display:grid;place-items:center;cursor:pointer}.bg-icon-btn svg{width:22px;height:22px}.bg-btn:hover,.bg-icon-btn:hover{background:var(--g-soft)}.bg-progress{height:8px;border-radius:99px;background:var(--g-line);overflow:hidden}.bg-progress-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g-gold),var(--g-navy-2));border-radius:99px;transition:width .3s ease}.bg-say{min-height:1.6em;text-align:center;font-weight:700;color:var(--g-ink-2)}.bg-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:6px 0 10px;min-height:0}.bg-btn{font:inherit;font-weight:700;min-height:48px;padding:8px 22px;border-radius:999px;border:2px solid var(--g-navy);background:var(--g-paper);color:var(--g-navy);cursor:pointer;transition:transform .12s ease,background .15s ease}.bg-btn:active{transform:scale(.97)}.bg-btn:disabled{opacity:.45;cursor:not-allowed}.bg-btn-primary{background:var(--g-navy);color:#fff}.bg-btn-primary:hover{background:var(--g-navy-2)}.bg-btn-gold{background:var(--g-gold);border-color:var(--g-gold-d);color:var(--g-navy)}.bg-btn-gold:hover{background:var(--g-gold-l)}.bg-btn-lg{min-height:56px;font-size:1.15rem;padding:10px 34px}.bg-shell :focus-visible{outline:3px solid var(--g-gold);outline-offset:3px}.bg-end,.bg-intro{max-width:520px;width:100%;text-align:center;background:var(--g-paper);border:1px solid var(--g-line);border-radius:var(--g-r);padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.bg-intro-icon{width:84px;height:84px}.bg-end h3,.bg-intro h3{margin:0;font-size:1.4rem;color:var(--g-navy)}.bg-intro-skill{margin:0;color:var(--g-gold-d);font-weight:700}.bg-intro-steps{text-align:start;margin:4px 0;padding-inline-start:22px;color:var(--g-ink-2)}.bg-intro-steps li{margin:4px 0}.bg-intro-level{margin:0;color:var(--g-muted);font-size:.92rem}.bg-stars{display:flex;gap:8px;justify-content:center}.bg-star{width:52px;height:52px;color:var(--g-line)}.bg-star.on{color:var(--g-gold);animation:bg-star-in .45s ease both}.bg-star.on:nth-child(2){animation-delay:.15s}.bg-star.on:nth-child(3){animation-delay:.3s}.bg-end-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;width:100%;margin:6px 0}.bg-end-stats div{background:var(--g-soft);border-radius:var(--g-r-sm);padding:6px}.bg-end-stats dt{font-size:.78rem;color:var(--g-muted)}.bg-end-stats dd{margin:0;font-size:1.25rem;font-weight:800;color:var(--g-navy)}.bg-end-server{margin:0;min-height:1.5em;color:var(--g-ink-2)}.bg-record{color:var(--g-gold-d)}.bg-end-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bg-error{color:var(--g-bad);font-weight:700}.bg-question{font-size:clamp(1.3rem,4.5vw,2rem);font-weight:800;color:var(--g-navy);text-align:center;line-height:1.5}.bg-hint{color:var(--g-muted);font-size:.92rem;text-align:center;margin:0}.bg-choices{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:12px;width:min(560px,100%)}.bg-choice{font:inherit;font-size:clamp(1.15rem,4vw,1.6rem);font-weight:800;min-height:64px;border-radius:var(--g-r);border:2px solid var(--g-line);background:var(--g-paper);color:var(--g-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;transition:transform .12s ease,border-color .15s ease,background .15s ease}.bg-choice:hover{border-color:var(--g-navy-2)}.bg-choice:active{transform:scale(.97)}.bg-choice:disabled{cursor:default}.bg-board{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--gap,6px);width:min(var(--board-w,520px),100%)}.bg-cell{font:inherit;aspect-ratio:1;border-radius:var(--g-r-sm);border:2px solid var(--g-line);background:var(--g-paper);color:var(--g-navy);display:grid;place-items:center;font-size:clamp(1rem,4vw,1.6rem);font-weight:800;cursor:pointer;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.bg-cell.is-fixed{background:var(--g-soft);cursor:default}.is-selected{border-color:var(--g-gold)!important;box-shadow:0 0 0 3px var(--g-gold-l)}.is-good{border-color:var(--g-good)!important;background:var(--g-good-l)!important;color:var(--g-good)!important}.is-bad{border-color:var(--g-bad)!important;background:var(--g-bad-l)!important;color:var(--g-bad)!important}.is-hint{border-style:dashed!important;border-color:var(--g-gold)!important}.bg-card{position:relative;aspect-ratio:3/4;perspective:700px;border:0;padding:0;background:0 0;cursor:pointer;font:inherit}.bg-card-inner{position:absolute;inset:0;transition:transform .35s ease;transform-style:preserve-3d}.bg-card.is-flipped .bg-card-inner{transform:rotateY(180deg)}.bg-card-back,.bg-card-face{position:absolute;inset:0;border-radius:var(--g-r-sm);display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--g-line)}.bg-card-back{background:linear-gradient(135deg,var(--g-navy),var(--g-navy-2));color:var(--g-gold)}.bg-card-face{background:var(--g-paper);transform:rotateY(180deg);font-size:clamp(1.1rem,4vw,1.8rem);font-weight:800;color:var(--g-navy)}.bg-card.is-matched .bg-card-face{border-color:var(--g-good);background:var(--g-good-l)}.bg-shake{animation:bg-shake .35s ease}.bg-pop{animation:bg-pop .3s ease}@media (prefers-reduced-motion:reduce){.bg-shell *{animation:none!important;transition:none!important}}@media (max-width:560px){.bg-shell{padding:10px;border-radius:18px}.bg-hud-item{min-width:56px;padding:2px 8px}.bg-hud-title h2{font-size:1rem}}