:root{--bg: #ffffff;--ink: #1e293b;--ink-soft: #4c4f69;--hearts-color: #f34f4f;--dot: #d1d5db;--arrow: #000d27;--trail: #4a6df2;--wrong: #e74c3c;--pill: #ffffffe6;--pill-strong: #fffffff2;--accent: #7287fd}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}html.dark-theme,html.dark-theme body{--bg: #0b1020;--ink: #e7ecf5;--ink-soft: #b9c0d4;--dot: #3a4256;--arrow: #e7ecf5;--pill: #1c2238e6;--pill-strong: #1c2238f2}#app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:background .3s ease}#gameCanvas{display:block;background:var(--bg);touch-action:none}.top-ui{position:fixed;top:0;left:0;right:0;height:67px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.06);z-index:5}.level-info{display:flex;flex-direction:column;align-items:center;gap:4px}.level-name{font-weight:700;font-size:14px;color:var(--accent);letter-spacing:.02em}.lives-counter{display:flex;align-items:center;gap:8px}.lives-counter svg{width:22px;height:22px}.top-actions{display:flex;gap:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.action-btn{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:transform .15s ease,background .2s ease;opacity:.6}.action-btn:hover{transform:scale(1.05)}.bottom-ui-group{position:fixed;bottom:20px;left:50%;transform:translate(-50%);height:48px;display:flex;align-items:center;gap:12px;padding:0;background:transparent;z-index:5}.bottom-ui-group>.hint-btn,.bottom-ui-group>.guide-btn{width:48px;height:48px;background:var(--pill-strong);border-radius:50%;box-shadow:0 2px 14px #00000014}.bottom-ui-group>.zoom-controls{background:var(--pill-strong);border-radius:999px;box-shadow:0 2px 14px #00000014;padding:0 16px;height:48px}.hint-btn,.guide-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;position:relative}.hint-btn[disabled],.hint-btn.disabled{opacity:.6;pointer-events:none;filter:grayscale(.8)}.hint-glyph{font-size:22px;line-height:1;filter:grayscale(.6) opacity(.55);transition:filter .15s ease}.guide-glyph{font-size:22px;font-weight:700;line-height:1;color:#6b7280}.hint-btn:hover .hint-glyph,.hint-btn.active .hint-glyph{filter:none}.hint-count{position:absolute;bottom:-2px;right:-2px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:700;border-radius:999px;padding:1px 5px;min-width:14px;text-align:center}.guide-btn.active{color:var(--accent)}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-controls .zoom-emoji{font-size:14px;opacity:.7}#zoomSlider{width:160px}.tutorial-hand-overlay{position:absolute;width:80px;height:64px;pointer-events:none;z-index:8;animation:tutorialPulse 1.5s ease-in-out infinite}.tutorial-hand-overlay img{width:80px;height:64px;display:block}.tutorial-hand-emoji{font-size:64px;line-height:64px;display:block;text-align:center;width:80px;height:64px}@keyframes tutorialPulse{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.wrong-move-overlay{position:fixed;top:67px;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,#e74c3c59 80%,var(--wrong) 100%);z-index:9}.wrong-move-overlay.flash{animation:wrongMoveFlash .4s ease-out forwards}@keyframes wrongMoveFlash{0%{opacity:0}20%{opacity:.55}to{opacity:0}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;display:none}.loading-content{width:320px;text-align:center;display:flex;flex-direction:column;gap:12px}.progress-container{width:100%;height:6px;background:#00000014;border-radius:6px;overflow:hidden}.progress-bar{height:100%;background:var(--ink);border-radius:6px;transition:width .1s linear}#loadingPercentage{font-size:14px;color:var(--ink-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.level-complete-modal{background:#00000080}#confettiCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.modal-card{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:52px 38px 28px;width:min(303px,90vw);text-align:center;box-shadow:0 20px 60px #00000040;animation:popIn .4s ease-out;z-index:2}.level-complete-content,.game-over-content{animation:popIn .4s ease-out}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{font-size:80px;margin-bottom:12px}.modal-card h2{margin:12px 0 6px;font-size:32px;color:var(--ink)}.modal-card .level-complete-level{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;margin:4px 0 28px}.modal-card p{margin:0 0 20px;color:var(--ink-soft)}.primary-btn{display:block;width:100%;margin:8px 0 0;padding:16px 18px;border:none;border-radius:12px;background:var(--ink);color:var(--bg);font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .2s ease}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{background:transparent;color:var(--ink);border:2px solid var(--ink)}.continue-btn{background:linear-gradient(135deg,#7c8cf4,#5b78ed);color:#fff;border-radius:999px}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--ink)}.ad-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px;font-weight:600}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:49}.settings-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:90vw;background:var(--pill-strong);border-radius:18px;padding:22px;z-index:50;box-shadow:0 18px 50px #0003;animation:popIn .3s ease-out}.settings-title{margin:0 0 14px;font-size:20px;color:var(--ink)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:16px;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.08);background:none;border-left:none;border-right:none;border-top:none;width:100%;cursor:pointer}.settings-row:last-child{border-bottom:none}.settings-row-label{font-weight:500}.settings-row-button{font-size:16px;font-family:inherit;color:var(--ink);text-align:left}.settings-chevron{opacity:.5;font-size:20px}