:root{--paper: #f4ecd8;--paper-2: #ece1c6;--ink: #2b2118;--ink-soft: #6b5b48;--red: #c8402e;--red-soft: #e2503f;--board: #1f4d3d;--board-2: #173a2e;--sky: #bfe0e8;--gold: #d9a441;--line: rgba(43, 33, 24, .16);--shadow: 0 10px 26px rgba(43, 33, 24, .16);--radius: 16px;--font: "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Noto Serif Bengali", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{background-image:radial-gradient(rgba(43,33,24,.045) 1px,transparent 1px);background-size:18px 18px}button{font-family:inherit;color:inherit;cursor:pointer}a{color:inherit}#app{min-height:100vh;min-height:100dvh}.hub{max-width:1120px;margin:0 auto;padding:28px 20px 64px}.hub-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:12px;background:var(--board);display:grid;place-items:center;box-shadow:0 6px 0 var(--board-2)}.brand-title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.15;margin:0}.brand-sub{margin:2px 0 0;font-size:13px;color:var(--ink-soft)}.hub-note{font-size:13px;color:var(--ink-soft);border:1px dashed var(--line);border-radius:999px;padding:8px 14px;background:#fff6}.hero{margin:34px 0 30px;padding:30px 26px;border-radius:22px;background:linear-gradient(160deg,var(--board),var(--board-2));color:#eef4e9;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -60px -120px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(217,164,65,.28),transparent 65%);pointer-events:none}.hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,46px);line-height:1.22;margin:0 0 10px;max-width:22ch}.hero p{margin:0;max-width:56ch;font-size:15px;line-height:1.85;color:#eef4e9c7}.hero-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.tag{font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid rgba(238,244,233,.28);color:#eef4e9d9}.section-label{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.section-label h2{font-family:var(--font-display);font-size:18px;margin:0}.section-label span{font-size:12px;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 15px;border-radius:var(--radius);border:1px solid var(--line);background:#fffdf7;box-shadow:0 6px #2b211812;text-align:right;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;min-height:196px}.card.is-live:hover,.card.is-live:focus-visible{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 12px #2b211817}.card.is-soon{opacity:.62;cursor:not-allowed}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-art{width:74px;height:64px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--paper-2)}.card-badge{font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 8px;border-radius:999px;background:#1f4d3d1a;color:var(--board)}.card-badge.is-soon{background:#6b5b481f;color:var(--ink-soft)}.card h3{font-family:var(--font-display);margin:4px 0 0;font-size:19px;line-height:1.3}.card p{margin:0;font-size:13px;line-height:1.7;color:var(--ink-soft)}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-soft);padding-top:6px}.card-play{font-size:12px;font-weight:700;color:var(--red)}.hub-foot{margin-top:46px;padding-top:18px;border-top:1px dashed var(--line);font-size:12px;line-height:1.9;color:var(--ink-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.game{position:fixed;inset:0;overflow:hidden;background:var(--sky);touch-action:none}.game canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;padding:14px clamp(12px,3vw,24px);display:flex;flex-direction:column;justify-content:space-between;color:#20302c}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#fffdf7db;border:1px solid rgba(43,33,24,.12);backdrop-filter:blur(8px);font-size:13px;font-weight:500;box-shadow:0 4px 14px #2b21181f}.mode-pick{display:flex;gap:8px;margin:14px 0 4px}.mode-pick .btn{flex:1}.mode-pick .btn.is-on{background:#2f8a52;border-color:#246d40;color:#fff6e2;box-shadow:inset 0 -2px #00000029}.mode-note{margin:0 0 8px;font-size:12px;color:var(--muted, #6b5b48)}.hud-pill.combo{color:#7a4d2b;font-weight:800;transition:background .16s ease,transform .16s ease}.hud-pill.combo.is-hot{background:linear-gradient(135deg,#ffe6a3,#f0b64d);color:#4a2c12;transform:translateY(-2px)}.hud-pill.time.is-low{background:#c8402eeb;color:#fff6ee;animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.045)}}.score-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.score-name{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#20302c99}.score-dots{display:flex;gap:7px}.dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(32,48,44,.28);background:#fffdf780}.dot.you.on{background:var(--red);border-color:var(--red)}.dot.rival.on{background:#2f6fa8;border-color:#2f6fa8}.hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tension{pointer-events:none;width:min(260px,44vw)}.tension-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:5px;color:#20302cb8}.tension-bar{height:10px;border-radius:999px;background:#fffdf7b8;border:1px solid rgba(43,33,24,.14);overflow:hidden}.tension-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#5aa06a,var(--gold) 55%,var(--red));transition:width .06s linear}.hud-actions{display:flex;gap:8px;pointer-events:auto}.btn{border:1px solid rgba(43,33,24,.16);background:#fffdf7e6;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 4px #2b21181a;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}.btn:active{transform:translateY(3px);box-shadow:0 1px #2b21181a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--red);color:#fff6ee;border-color:var(--red);box-shadow:0 4px #8f2b1e}.btn.super{background:var(--gold);border-color:#b5872f;box-shadow:0 4px #a97d29;color:#2b2118}.btn.ghost{background:#fffdf78c;box-shadow:none}.hint{position:absolute;left:50%;bottom:88px;transform:translate(-50%);font-size:13px;padding:7px 14px;border-radius:999px;background:#20302cc7;color:#f4ecd8;pointer-events:none;white-space:nowrap;transition:opacity .3s ease}.sheet{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#173a2e8c;backdrop-filter:blur(6px);pointer-events:auto;z-index:5}.sheet-inner{width:min(460px,100%);background:var(--paper);border-radius:20px;border:1px solid rgba(43,33,24,.14);box-shadow:0 22px 60px #141e1a59;padding:24px;max-height:88vh;overflow:auto}.sheet-inner h2{font-family:var(--font-display);margin:0 0 4px;font-size:25px;line-height:1.3}.sheet-inner .muted{margin:0 0 18px;font-size:13px;color:var(--ink-soft)}.field{margin-bottom:16px}.field>label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:var(--ink-soft);letter-spacing:.03em}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid rgba(43,33,24,.18);background:#fffdf7;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.chip.is-on{background:var(--board);border-color:var(--board);color:#eef4e9}.swatches{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px #ffffffb3;outline:1px solid rgba(43,33,24,.18)}.swatch.is-on{border-color:var(--ink);transform:scale(1.06)}.sheet-actions{display:flex;gap:9px;margin-top:20px}.sheet-actions .btn{flex:1;text-align:center}.rules{margin:0;padding:0;list-style:none;display:grid;gap:12px}.rules li{display:flex;gap:11px;font-size:13.5px;line-height:1.75}.rules b{font-weight:700}.rule-icon{width:28px;height:28px;flex:none;border-radius:8px;background:#1f4d3d1a;color:var(--board);display:grid;place-items:center;font-size:12px;font-weight:700}.input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(43,33,24,.2);background:#fffdf7;font:inherit;font-size:14px;color:var(--ink)}.input:focus{outline:2px solid rgba(31,77,61,.35);outline-offset:1px}.score-row{display:flex;align-items:center;gap:9px;justify-content:center}.hud-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.ghuri-flash{position:absolute;inset:0;background:#fff6ee;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:3}.ghuri-flash.on{opacity:.55;transition:none}.ghuri-splash{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;pointer-events:none;z-index:4;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,7vw,58px);line-height:1.3;color:#fff6ee;text-shadow:0 5px 0 rgba(43,33,24,.28),0 18px 40px rgba(43,33,24,.4);opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .22s ease}.ghuri-splash.show{opacity:1;transform:scale(1)}.toast{position:fixed;left:50%;top:74px;transform:translate(-50%,-8px);background:#20302ceb;color:#f4ecd8;font-size:13px;padding:9px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40}.toast.show{opacity:1;transform:translate(-50%)}.loading{position:fixed;inset:0;display:grid;place-items:center;gap:10px;background:var(--board);color:#eef4e9;font-size:14px;z-index:60}.loading .spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(238,244,233,.25);border-top-color:var(--gold);animation:spin .8s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 620px){.hub{padding:20px 14px 48px}.hero{padding:24px 18px;margin-top:22px}.hud{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.hud-pill{padding:7px 10px;font-size:12px}.btn{padding:9px 11px;font-size:12px}.hint{bottom:74px;font-size:12px;max-width:92vw;white-space:normal;text-align:center}.tension{width:40vw}}.game-2d canvas{position:absolute;inset:0;width:100%;height:100%}.hud-center{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none}.stat-big{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2}.stat-sub{font-size:11px;letter-spacing:.03em;color:#20302ca6}.result-stats{display:flex;gap:9px;margin:2px 0 16px}.result-stats>div{flex:1;background:#fffdf7;border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}.result-stats span{display:block;font-size:11px;color:var(--ink-soft);margin-bottom:2px}.result-stats b{font-family:var(--font-display);font-size:19px}.dice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:78px;height:78px;border-radius:18px;border:2px solid rgba(43,33,24,.25);background:#fffdf7;box-shadow:0 6px #2b211833;color:var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.dice span{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1}.dice small{font-size:10px;letter-spacing:.06em;color:var(--ink-soft)}.dice:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #2b211833}.dice:disabled{opacity:.55;cursor:default}.hud button,.hud .btn,.dice{pointer-events:auto}.sound-fab{position:fixed;left:max(10px,env(safe-area-inset-left));top:calc(50% - 19px);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(43,33,24,.16);background:#fffdf7c7;color:var(--ink);box-shadow:0 4px 14px #2b211829;backdrop-filter:blur(8px);z-index:4;transition:transform .12s ease,opacity .12s ease}.sound-fab svg{width:19px;height:19px}.sound-fab:active{transform:scale(.92)}.sound-fab .slash{opacity:0}.sound-fab.is-off{opacity:.72}.sound-fab.is-off .slash{opacity:1;stroke:var(--red)}.sound-fab.is-off .wave{opacity:0}.hud-pill.is-low{background:#c8402ee0;color:#fff6ee;border-color:#8f2b1e80}.sound-fab.is-hidden{display:none}.hadudu-game .hud-bottom{position:absolute;top:74px;left:24px;right:24px;align-items:center}.hadudu-game .tension{width:min(240px,42vw)}.hadudu-game .hint{bottom:158px;max-width:min(92vw,700px);text-align:center;white-space:normal}.hadudu-controls{position:absolute;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.hadudu-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,40px);grid-template-areas:". up ." "left . right" ". down .";gap:3px;pointer-events:auto}.hadudu-pad [data-dir=up]{grid-area:up}.hadudu-pad [data-dir=left]{grid-area:left}.hadudu-pad [data-dir=right]{grid-area:right}.hadudu-pad [data-dir=down]{grid-area:down}.hadudu-pad .btn{display:grid;place-items:center;padding:0;font-size:17px;border-radius:13px;touch-action:none;user-select:none;-webkit-user-select:none}.hadudu-actions{display:flex;gap:8px;align-items:flex-end;pointer-events:auto}.hadudu-actions .btn{min-width:74px;min-height:48px;touch-action:none;user-select:none;-webkit-user-select:none}.hadudu-dash{background:#fffdf7eb}.hadudu-dash:active{background:var(--gold)}.hadudu-tag{min-width:92px!important}.hadudu-game .hud-pill.is-low{animation:pulse .9s ease-in-out infinite}@media (max-width: 620px){.hadudu-game .hud-bottom{left:12px;right:12px;top:66px}.hadudu-game .hint{bottom:153px;width:92vw;font-size:11px}.hadudu-controls{left:8px;right:8px;justify-content:flex-end}.hadudu-pad{display:none}.hadudu-actions{gap:6px}.hadudu-actions .btn{min-width:64px;min-height:44px;padding:8px}.hadudu-tag{min-width:78px!important}}