html,body{overscroll-behavior:none;color:#f8fbff;background:#071025;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Cairo,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}canvas,.game-surface{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:inherit}.game-root{direction:rtl;background:#071025;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.hud{z-index:5;pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid;position:absolute;top:10px;left:10px;right:10px}.hud:after{content:attr(data-combo);color:#ffe06a;text-align:start;min-width:72px;font-size:.86rem;font-weight:900;position:absolute;inset-block-end:-28px;inset-inline-start:8px}.hud-badge{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e22d1;border:1px solid #ffffff21;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:36px;padding:5px 6px;display:flex;box-shadow:0 6px 18px #00000038}.hud-badge span{color:#edf5ff;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:800;line-height:1.1;overflow:hidden}.hud-badge strong{color:#ffc965;white-space:nowrap;font-family:Cairo,Inter,sans-serif;font-size:.95rem;font-weight:900;line-height:1}.hud-score strong{color:#ffe28a}.pause-button,.exit-button,.mute-button{z-index:9;box-sizing:border-box;color:#f8fbff;text-align:center;background:#394260d6;border:2px solid #e6f0ff94;border-radius:50%;width:62px;max-width:62px;height:62px;min-height:62px;padding:5px;font-size:.48rem;font-weight:900;line-height:1.15;position:absolute;top:70px;box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 18px #00000040}.pause-button{right:8px}.exit-button{right:64px}.mute-button{right:228px}.pause-button,.exit-button,.mute-button,.touch-btn,.mini-btn,.retry-button,.skip-button{white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-icon{font-family:Inter,Cairo,sans-serif;font-weight:900;line-height:1}.pause-button.squash{animation:.18s ease-out button-squash}.pause-button.is-paused{background:#ff5f36e6}.mute-button.is-muted{color:#cbd6e5;background:#141f34e6}.start-overlay{z-index:12;color:#f8fbff;text-align:center;background:linear-gradient(#05081238,#0508126b);border:0;place-items:stretch stretch;gap:10px;display:grid;position:absolute;inset:0}.intro-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070d21d6;border:1px solid #ebf5ff8a;border-radius:0;gap:11px;width:100%;height:100%;max-height:none;margin:0;padding:clamp(14px,4vw,26px);display:grid;overflow:auto;box-shadow:0 24px 60px #0000006b}.game-title{color:#ffe28a;background:#0509199e;border-radius:18px;padding:6px 16px 9px;font-size:2.15rem;font-weight:900;line-height:1.12;display:inline-block}.intro-panel .game-title{padding:4px 11px 6px;font-size:1.48rem}.start-overlay>span:last-child{color:#fff;background:#253254c2;border-radius:999px;justify-self:center;padding:6px 14px 8px;font-size:1.1rem;font-weight:800}.intro-summary{color:#f8fbff;text-align:start;margin:0;font-size:.8rem;font-weight:800;line-height:1.45}.intro-controls-grid{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.intro-control{color:#ffca62;white-space:normal;background:#0a122aa8;border:1px solid #ffca6275;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:clamp(38px,10vw,54px);height:clamp(38px,10vw,54px);min-height:0;padding:3px;font-family:Inter,Cairo,sans-serif;font-weight:900;line-height:1;display:inline-flex}.intro-control b{font-size:clamp(.95rem,3.4vw,1.35rem);line-height:1}.intro-control small{color:#edf5ff;font-family:Cairo,Inter,sans-serif;font-size:clamp(.42rem,1.85vw,.56rem);font-weight:800}.intro-list{color:#dce8ff;text-align:start;gap:4px;margin:0;padding-inline-start:18px;font-size:.74rem;font-weight:700;line-height:1.35;display:grid}.intro-list strong{color:#ffe28a;font-weight:900}.intro-actions{grid-template-columns:1fr;gap:10px;margin-top:2px;display:grid}.intro-start{justify-self:center;width:clamp(78px,18vw,96px);height:clamp(78px,18vw,96px);min-height:0;margin-top:0;padding:8px}.skip-button{color:#f8fbff;background:#364260e6;border:2px solid #ebf4ff9e;border-radius:50%;min-height:48px;font-family:Cairo,Inter,sans-serif;font-size:1rem;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff14,0 8px 18px #00000047}.tap-anywhere{color:#bcd4ef;justify-self:center;font-size:.78rem;font-weight:800}.intro-panel .tap-anywhere{padding:3px 10px 5px;font-size:.7rem}.touch-controls{z-index:8;pointer-events:none;position:absolute;inset:0}.touch-btn,.mini-btn,.retry-button{color:#f8fbff;pointer-events:auto;background:#343e5cd6;border:2px solid #ebf4ffad;border-radius:50%;font-family:Inter,Cairo,sans-serif;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff14,0 8px 18px #00000047}.touch-btn:active,.mini-btn:active,.retry-button:active{transform:scale(.94,.9)}.touch-btn{width:68px;height:68px;font-size:.7rem}.touch-btn .btn-icon{font-size:1.55rem}.touch-btn.left{position:absolute;bottom:0;left:12px}.right-cluster{grid-template-rows:68px 68px;grid-template-columns:68px 68px;gap:8px;display:grid;position:absolute;bottom:0;right:0}.touch-btn.right{grid-area:2/2}.touch-btn.up{grid-area:1/1}.touch-btn.down{grid-area:2/1}.speed-buttons{grid-template-columns:repeat(2,46px);gap:6px;display:grid;position:absolute;top:78px;right:120px}.mini-btn{border-radius:50%;width:52px;height:52px;font-size:.55rem;line-height:1}.mini-btn .btn-icon{font-size:1.2rem}.result-panel{inset-inline:20px;z-index:11;box-sizing:border-box;background:#070c1fe6;border:1px solid #ffffff2e;border-radius:22px;max-width:360px;margin-inline:auto;padding:18px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 24px 60px #00000070}.result-panel .retry-button{margin:14px auto 0}.result-panel h2{color:#ffca62;text-align:center;margin:0 0 12px;font-size:1.65rem;font-weight:900;line-height:1.15}.result-line{color:#dce8ff;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:.95rem;font-weight:800;display:flex}.result-line strong{color:#fff;font-size:1.08rem;font-weight:900}.retry-button{background:linear-gradient(#1bb6b4,#117e90);border-color:#69ffdab3;justify-self:center;width:86px;height:86px;min-height:0;margin-top:14px;font-family:Cairo,Inter,sans-serif;font-size:.68rem}@keyframes button-squash{0%{transform:scale(1)}45%{transform:scale(1.08,.86)}to{transform:scale(1)}}@media (width<=390px),(height<=620px){.hud{gap:4px;right:8px}.hud-badge{border-radius:10px;min-height:32px;padding:4px 5px}.hud-badge span{font-size:.5rem}.hud-badge strong{font-size:.72rem}.pause-button,.exit-button,.mute-button{width:56px;max-width:56px;height:56px;min-height:56px;font-size:.44rem}.exit-button{right:62px}.mute-button{right:212px}.touch-btn{width:60px;height:60px;font-size:.62rem}.right-cluster{grid-template-rows:60px 60px;grid-template-columns:60px 60px;gap:7px}.speed-buttons{grid-template-columns:repeat(2,42px);top:72px;right:116px}.mini-btn{width:46px;height:46px}}