:root{--ink:#000;--accent:#ed1e79;--accent-text:#da1c6f;--mark:#0f8fb0;--surface:#faf9f7;--muted:#6b6b6b;--hairline:#00000014;--bar-h:52px;--row-h:52px;--font:"Noto Sans Bengali", "Nirmala UI", "Shonar Bangla", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--surface);height:100dvh;color:var(--ink);font-family:var(--font);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}#bar{height:var(--bar-h);padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--hairline);z-index:1;flex:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand subject picker";align-items:center;column-gap:12px;display:grid;position:relative}.brand{object-fit:contain;object-position:left center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;grid-area:brand;width:auto;min-width:0;max-width:100%;height:28px}.picker{grid-area:picker;align-items:center;gap:4px;min-width:0;display:flex}#subject{text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:subject;min-width:0;margin:0;font-size:14px;line-height:1.7;overflow:hidden}#bar:not(.has-subject) #subject{display:none}.subject-text{color:var(--ink);font-weight:500}.subject-count{color:var(--accent-text);font-weight:600}.step{width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background-color .12s,opacity .12s;display:grid}.step svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.step:hover:not(:disabled){background:#0000000d}.step:disabled{opacity:.28;cursor:default}.select-wrap{min-width:0;display:block;position:relative}.select-wrap:after{content:"";border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);pointer-events:none;width:9px;height:9px;margin-top:-6px;position:absolute;top:50%;right:11px;transform:rotate(45deg)}#puzzle{appearance:none;border:1px solid var(--hairline);max-width:100%;height:36px;color:var(--ink);font:inherit;cursor:pointer;text-overflow:ellipsis;background:#fff;border-radius:999px;padding:0 30px 0 12px;font-size:14px;line-height:1.6;transition:border-color .12s,box-shadow .12s}#puzzle:hover{border-color:#0000002e}:is(.step,#puzzle):focus-visible{outline:2px solid var(--accent);outline-offset:2px}#stage{background:#fff;flex:auto;min-height:0;position:relative}#stage iframe{border:0;width:100%;height:100%;display:block}#loading{color:var(--muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;transition:opacity .24s;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}#loading.is-done{opacity:0;pointer-events:none}.spinner{border:2.5px solid #0000001a;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.noscript{text-align:center;color:var(--muted);background:#fff;place-content:center;margin:0;padding:24px;line-height:1.7;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}*{transition-duration:1ms!important}}@media (width<=760px){#bar.has-subject{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand picker""subject subject";grid-template-rows:var(--row-h) var(--row-h);height:calc(var(--row-h) * 2);align-items:center}#bar.has-subject .picker{justify-self:end}#bar.has-subject #subject{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box}}@media (width<=520px){#bar{column-gap:8px}.brand{height:22px}#puzzle{padding-inline:10px 26px;font-size:13px}#subject{font-size:13px}}@media (width<=380px){.brand{height:19px}.step{width:28px}#puzzle{padding-inline:8px 24px}}