@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn/Vazirmatn[wght].woff2) format("woff2-variations"),url(/fonts/vazirmatn/Vazirmatn-Regular.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn/Vazirmatn-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{color-scheme:dark;--primary:#bb7878;--primary-light:#e8b4b4;--primary-dark:#8e4a4a;--primary-glow:hsla(0,33%,60%,.4);--bg-dark-top:#1e0c12;--bg-dark-bottom:#3a1a22;--gold-accent:#f3c68f;--gold-glow:hsla(33,81%,76%,.5);--cyan-accent:#6fe3e1;--text-main:#fff0f2;--text-muted:#d8baba;--glass-bg:rgba(45,24,30,.76);--glass-border:hsla(0,53%,81%,.3);--glass-shadow:0 12px 40px rgba(0,0,0,.55);--glass-blur:blur(16px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,sans-serif!important}body,html{width:100%;height:100%;height:100dvh;overflow:hidden;position:fixed;background-color:#1e0c12!important;background:radial-gradient(circle at 50% 30%,var(--bg-dark-bottom),var(--bg-dark-top) 85%)!important;font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}.game-viewport{height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-container,.game-viewport{position:absolute;inset:0;width:100%}.canvas-container{height:100%;z-index:1}.canvas-container canvas{width:100%!important;height:100%!important;display:block;touch-action:none}.ui-layer{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ui-layer *{pointer-events:auto}.hud-bar{justify-content:space-between;width:100%;max-width:520px;margin:0 auto;padding:10px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow),0 0 20px var(--primary-glow)}.hud-bar,.hud-stat{display:flex;align-items:center}.hud-stat{gap:8px;font-size:.95rem;font-weight:600;color:var(--text-main)}.hud-stat .icon-heart{color:var(--primary-light);filter:drop-shadow(0 0 6px var(--primary-glow))}.hud-stat .score-value{font-size:1.15rem;font-weight:700;color:var(--primary-light)}.lives-container{display:flex;gap:4px}.life-heart{color:var(--primary);font-size:1.2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.life-heart.lost{opacity:.25;transform:scale(.75);filter:grayscale(1)}.hud-actions{display:flex;gap:8px}.icon-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:var(--text-main);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{transform:scale(1.08)}.icon-btn.active,.icon-btn:hover{background:var(--primary);border-color:var(--primary-light)}.icon-btn.active{color:#fff;box-shadow:0 0 12px var(--primary-glow)}.combo-badge{position:absolute;top:75px;left:50%;transform:translateX(-50%) scale(.8);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:max-content;max-width:90vw;background:linear-gradient(135deg,var(--gold-accent),var(--primary-light));color:#2d1418;padding:6px 16px;border-radius:20px;font-weight:800;font-size:1rem;box-shadow:0 4px 16px var(--gold-glow);opacity:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.combo-badge.active{opacity:1;transform:translateX(-50%) scale(1.1);animation:pulse-glow .6s infinite alternate}@keyframes pulse-glow{0%{transform:translateX(-50%) scale(1);box-shadow:0 4px 12px var(--gold-glow)}to{transform:translateX(-50%) scale(1.12);box-shadow:0 6px 20px var(--gold-glow)}}.powerup-banner{position:absolute;top:115px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:max-content;max-width:90vw;background:rgba(111,227,225,.25);border:1px solid var(--cyan-accent);color:var(--cyan-accent);padding:4px 14px;border-radius:16px;font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;box-shadow:0 0 14px rgba(111,227,225,.4)}.touch-controls{width:100%;max-width:440px;margin:0 auto;display:flex;justify-content:space-between;padding:0 10px}.touch-btn{width:72px;height:72px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);color:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--glass-shadow);touch-action:manipulation;transition:transform .1s ease,background .1s ease}.touch-btn:active{transform:scale(.9);background:var(--primary-dark);border-color:var(--primary-light)}.modal-overlay{position:absolute;inset:0;z-index:50;background:rgba(18,10,12,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-card{width:100%;max-width:420px;max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;padding:24px 20px;text-align:center;box-shadow:var(--glass-shadow),0 0 35px var(--primary-glow);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.modal-card:before{content:"";position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:180px;height:100px;background:var(--primary);filter:blur(60px);opacity:.5;pointer-events:none}.modal-title{font-family:Vazirmatn,sans-serif;font-size:1.85rem;font-weight:700;color:var(--primary-light);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.4)}.modal-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.5;max-width:320px}.love-quote{font-family:Vazirmatn,sans-serif;font-size:1.05rem;color:var(--primary-light);background:hsla(0,33%,60%,.12);border-right:3px solid var(--primary);border-left:none;padding:12px 16px;border-radius:8px;margin:6px 0;width:100%}.btn-primary{width:100%;padding:14px 28px;border-radius:30px;border:none;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#1a0d0f;font-size:1.1rem;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px var(--primary-glow);transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 28px var(--primary-glow);background:linear-gradient(135deg,#fff,var(--primary-light))}.btn-primary:active{transform:translateY(1px) scale(.98)}.btn-secondary{background:hsla(0,0%,100%,.08);border:1px solid var(--glass-border);color:var(--text-main);padding:10px 14px;border-radius:30px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}@media (max-height:720px){.modal-card{padding:18px 16px;gap:10px}.modal-title{font-size:1.5rem}.love-quote{padding:8px 12px;font-size:.95rem;margin:.6rem 0}.diff-chip{padding:6px 0;font-size:.75rem}}.btn-secondary:hover{background:hsla(0,0%,100%,.16)}.input-group{width:100%;display:flex;flex-direction:column;gap:6px;text-align:right}.input-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.text-input{width:100%;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--glass-border);color:var(--text-main);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease}.text-input:focus{border-color:var(--primary-light);box-shadow:0 0 10px var(--primary-glow)}.difficulty-picker{display:flex;width:100%;gap:8px}.diff-chip{flex:1 1;padding:8px 0;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--glass-border);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.diff-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary-light);box-shadow:0 0 10px var(--primary-glow)}.game-footer{font-size:.8rem;color:var(--text-muted);opacity:.7;letter-spacing:.5px}@keyframes hapticPulse{0%{transform:scale(1)}35%{transform:scale(1.025) translateY(-2px)}70%{transform:scale(.99) translateY(1px)}to{transform:scale(1)}}@keyframes hapticShake{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.haptic-pulse{animation:hapticPulse .15s ease-out}.haptic-shake{animation:hapticShake .22s ease-in-out}