:root{--ink:#000;--accent:#00a99d;--gold:#fbb03b;--surface:#faf9f7;--muted:#6b6b6b;--hairline:#00000014;--bar-h:48px;--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;align-items:center;gap:12px;display:flex;position:relative}.brand{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:28px}.picker{align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.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:32px;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;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<=460px){.brand{height:22px}#bar{gap:8px}#puzzle{padding-inline:10px 26px;font-size:13px}}