:root{--color-bg:#fafafa;--color-surface:#fff;--color-piece-stroke:#4750c9;--color-piece-stroke-invalid:#ef4444;--color-dot:#c8cce0;--color-text-primary:#1a1a2e;--color-text-secondary:#6b6b7b;--color-accent:#6c63ff;--color-accent-text:#fff;--color-heart-filled:#ff5a6e;--color-heart-empty:#d8d8e0;--color-divider:#eaeaf0;--color-nav-bg:#fff;--color-nav-inactive:#a0a0b0;--color-modal-overlay:#14141e73;--shadow-button:0 8px 20px #6c63ff59}:root[data-theme=dark]{--color-bg:#14151f;--color-surface:#1e202f;--color-piece-stroke:#aab6f2;--color-piece-stroke-invalid:#ff5470;--color-dot:#383a52;--color-text-primary:#eceefb;--color-text-secondary:#8e91ab;--color-accent:#5b62f0;--color-accent-text:#fff;--color-heart-filled:#ff4d6d;--color-heart-empty:#383a52;--color-divider:#262841;--color-nav-bg:#1a1c29;--color-nav-inactive:#62647d;--color-modal-overlay:#0009;--shadow-button:0 8px 20px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#14151f;--color-surface:#1e202f;--color-piece-stroke:#aab6f2;--color-piece-stroke-invalid:#ff5470;--color-dot:#383a52;--color-text-primary:#eceefb;--color-text-secondary:#8e91ab;--color-accent:#5b62f0;--color-accent-text:#fff;--color-heart-filled:#ff4d6d;--color-heart-empty:#383a52;--color-divider:#262841;--color-nav-bg:#1a1c29;--color-nav-inactive:#62647d;--color-modal-overlay:#0009;--shadow-button:0 8px 20px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text-primary);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;transition:background .2s,color .2s}button{position:relative;overflow:hidden}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.piece-shaking{animation:.35s ease-in-out shake}@keyframes screen-shake{0%{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(4px,-2px)}to{transform:translate(0)}}.screen-shake{animation:.4s ease-in-out screen-shake}@keyframes damage-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes flash-red-stroke{0%{stroke:var(--color-piece-stroke)}50%{stroke:var(--color-piece-stroke-invalid)}to{stroke:var(--color-piece-stroke)}}@keyframes flash-red-fill{0%{fill:var(--color-piece-stroke)}50%{fill:var(--color-piece-stroke-invalid)}to{fill:var(--color-piece-stroke)}}.piece-shaking .piece-line{animation:.3s ease-in-out flash-red-stroke}.piece-shaking .piece-arrow-fill{animation:.3s ease-in-out flash-red-fill}@keyframes hint-pulse{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 6px var(--color-accent)) drop-shadow(0 0 10px var(--color-accent))}}.piece-hint{animation:.5s ease-in-out 3 hint-pulse}@keyframes heart-pop{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:0;transform:scale(0)}}.heart-lost{animation:.3s ease-in forwards heart-pop}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-sheet{animation:.28s cubic-bezier(.4,0,.2,1) modal-slide-up}@keyframes ripple-effect{0%{opacity:.45;transform:scale(0)}to{opacity:0;transform:scale(1)}}.ripple{pointer-events:none;background:#00000047;border-radius:50%;animation:.55s ease-out ripple-effect;position:absolute;transform:scale(0)}@keyframes tap-pulse-effect{0%{opacity:.5;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.tap-pulse{background:var(--color-accent);pointer-events:none;border-radius:50%;width:36px;height:36px;animation:.4s ease-out tap-pulse-effect;position:absolute}.app-shell{flex-direction:column;height:100%;margin:0 auto;display:flex;position:relative}.screen{flex-direction:column;flex:1;min-height:0;padding:24px 20px;display:flex}.home-screen{text-align:center;justify-content:center;align-items:center;gap:8px}.home-logo{width:220px;height:auto;color:var(--color-text-primary)}.home-level{color:var(--color-text-secondary);margin:12px 0 32px;font-size:15px}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:var(--shadow-button);cursor:pointer;border:none;border-radius:999px;padding:16px 48px;font-size:17px;font-weight:600}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:14px 24px;font-size:15px;font-weight:500}.btn-revive{color:#3a2a00;cursor:pointer;background:#f5b942;border:none;border-radius:999px;align-items:center;gap:6px;padding:14px 40px;font-size:16px;font-weight:600;display:flex}.btn-revive:disabled{opacity:.45;cursor:default}.game-screen{gap:12px;padding:20px 16px;position:relative}.damage-vignette{pointer-events:none;z-index:20;opacity:0;background:radial-gradient(#ef444400 35%,#ef44448c 100%);position:absolute;inset:0}.damage-vignette.active{animation:.5s ease-out damage-flash}.game-topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-topbar-controls{gap:8px;min-width:88px;display:flex}.game-topbar-right{justify-content:flex-end;min-width:88px;display:flex}.coin-badge{background:var(--color-surface);color:var(--color-text-primary);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.coin-badge-icon{color:#f5b942}.icon-button-sm{background:var(--color-surface);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.icon-button-sm:disabled{opacity:.5;cursor:default}.hearts-bar{justify-content:center;gap:8px;font-size:22px;line-height:1;display:flex}.heart{display:inline-block}.heart-filled{color:var(--color-heart-filled)}.heart-empty{color:var(--color-heart-empty)}.progress-track{background:var(--color-divider);border-radius:999px;height:4px;margin:4px 0 8px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.board-container{flex:1;min-height:0;position:relative;overflow:hidden}.piece-group,.piece-hit-area{cursor:pointer}.piece-line{stroke:var(--color-piece-stroke)}.piece-arrow-fill{fill:var(--color-piece-stroke)}.hint-row{justify-content:center;padding-top:8px;display:flex}.icon-button{background:var(--color-surface);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 2px 8px #0000001f}.hint-icon{color:#facc15}.icon-button:disabled{opacity:.5;cursor:default}.modal-overlay{background:var(--color-modal-overlay);z-index:10;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-sheet{background:var(--color-surface);text-align:center;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;padding:32px 24px 40px;display:flex}.modal-sheet h2{color:var(--color-text-primary);margin:0 0 8px;font-size:20px}.settings-screen{gap:20px}.settings-title{margin:0 0 8px;font-size:20px;font-weight:600}.settings-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:16px 4px;display:flex}.settings-row-label{font-size:16px}.settings-row-expand{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:14px;display:flex}.settings-subrows{flex-direction:column;padding-left:16px;display:flex}.settings-subrow{padding:12px 4px}.settings-subrow .settings-row-label{color:var(--color-text-secondary);font-size:15px}.toggle{background:var(--color-heart-empty);cursor:pointer;border:none;border-radius:999px;width:48px;height:28px;transition:background .2s;position:relative}.toggle.toggle-on{background:var(--color-accent)}.toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.toggle-on .toggle-knob{transform:translate(20px)}.settings-action-row{gap:12px;display:flex}.settings-action{border:1px solid var(--color-divider);color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px;font-size:15px}.settings-danger{border:1px solid var(--color-piece-stroke-invalid);color:var(--color-piece-stroke-invalid);cursor:pointer;background:0 0;border-radius:12px;margin-top:auto;padding:12px;font-size:15px}.settings-credits{color:var(--color-text-secondary);text-align:center;margin:4px 0 0;font-size:12px;line-height:1.5}.settings-credits a{color:var(--color-accent)}.bottom-nav{border-top:1px solid var(--color-divider);background:var(--color-nav-bg);display:flex}.nav-tab{color:var(--color-nav-inactive);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 14px;font-size:12px;display:flex}.nav-tab-active{color:var(--color-accent)}.nav-icon{font-size:18px}.tap-effect-layer{pointer-events:none;z-index:9999;position:fixed;inset:0}