:root{--color-bg-deep: #150c29;--color-bg-mid: #241452;--color-bg-warm: #3a1c5e;--color-panel: rgba(255, 255, 255, .07);--color-panel-strong: rgba(20, 12, 40, .92);--color-border-soft: rgba(255, 255, 255, .14);--color-text-primary: #f6f2ff;--color-text-muted: rgba(246, 242, 255, .68);--color-accent-cyan: #5df3d6;--color-accent-cyan-strong: #2fe0c0;--color-accent-warn: #ff7a7a;--font-display: "Baloo 2", "Trebuchet MS", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 12px;--shadow-soft: 0 12px 34px rgba(6, 2, 20, .5);--shadow-press: 0 4px 12px rgba(6, 2, 20, .4);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg-deep);overscroll-behavior:none}body{font-family:var(--font-body);color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100dvh}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent-cyan);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}.app-shell{min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:stretch;background:radial-gradient(circle at 20% 15%,rgba(93,243,214,.12),transparent 45%),radial-gradient(circle at 85% 80%,rgba(176,107,255,.18),transparent 50%),linear-gradient(160deg,var(--color-bg-deep) 0%,var(--color-bg-mid) 55%,var(--color-bg-warm) 100%)}.game-container{position:relative;width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);overflow:hidden}@media (min-width: 600px){.game-container{min-height:min(860px,96dvh);margin:2dvh 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-border-soft)}}.screen{position:relative;flex:1;display:flex;flex-direction:column;width:100%;min-height:0}.game-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;border-radius:var(--radius-md);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:var(--shadow-press)}.game-button:active{transform:scale(.96);box-shadow:0 2px 6px #06021466}.game-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-button--large{min-height:60px;font-size:1.15rem;padding:.9rem 1.5rem}.game-button--medium{min-height:52px;font-size:1rem;padding:.75rem 1.25rem}.game-button--primary{background:linear-gradient(135deg,var(--color-accent-cyan) 0%,var(--color-accent-cyan-strong) 100%);color:#0b1a20}.game-button--secondary{background:var(--color-panel);border:1.5px solid var(--color-border-soft);color:var(--color-text-primary)}.game-button--ghost{background:transparent;color:var(--color-text-muted);box-shadow:none;text-decoration:underline;text-underline-offset:3px}.icon-toggle{width:48px;height:48px;min-width:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--color-panel);border:1.5px solid var(--color-border-soft);transition:transform .12s ease}.icon-toggle:active{transform:scale(.92)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080414b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20;animation:fade-in .16s ease}.modal-panel{width:100%;max-width:360px;background:var(--color-panel-strong);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;animation:pop-in .2s ease}.modal-panel__title{font-size:1.6rem}.modal-panel__actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.modal-panel__sound-row{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:700}.modal-panel__stats{width:100%;display:flex;flex-direction:column;gap:.6rem;background:#ffffff0a;border-radius:var(--radius-md);padding:1rem}.modal-panel__stat{display:flex;justify-content:space-between;font-size:1rem}.modal-panel__stat-value{font-family:var(--font-display);font-weight:700;color:var(--color-accent-cyan)}.modal-panel__new-best{font-family:var(--font-display);color:#ffd54f;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.home-screen{align-items:center;justify-content:center;padding:2rem 1.5rem;overflow:hidden}.home-screen__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.home-screen__floating-gem{position:absolute;font-size:1.6rem;line-height:1;filter:drop-shadow(0 0 10px currentColor);opacity:.55;animation:float-drift ease-in-out infinite}@keyframes float-drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(12deg)}}.home-screen__sound-toggle{position:absolute;top:calc(1.25rem + var(--safe-top));right:1.25rem;z-index:2}.home-screen__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:320px}.home-screen__logo{display:flex;flex-direction:column;align-items:center;line-height:.95;text-align:center}.home-screen__logo-title{font-family:var(--font-display);font-weight:800;font-size:3rem;letter-spacing:.06em;background:linear-gradient(135deg,#fff,var(--color-accent-cyan) 60%,#b06bff);-webkit-background-clip:text;background-clip:text;color:transparent}.home-screen__logo-subtitle{font-family:var(--font-display);font-weight:700;font-size:1.8rem;letter-spacing:.5em;padding-left:.5em;color:#ffd54f}.home-screen__tagline{color:var(--color-text-muted);font-weight:600;text-align:center}.home-screen__best-score{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--color-panel);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-md);padding:.75rem 1.75rem}.home-screen__best-score-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.home-screen__best-score-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-accent-cyan)}.home-screen__actions{width:100%;display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.how-to-play{align-items:center;justify-content:flex-start;overflow-y:auto;padding:1.5rem 1.25rem calc(1.5rem + var(--safe-bottom))}.how-to-play__panel{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto}.how-to-play__title{font-size:1.9rem;text-align:center;margin-bottom:.25rem}.how-to-play__section{background:var(--color-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.4rem}.how-to-play__section h2{font-size:1.05rem;color:var(--color-accent-cyan)}.how-to-play__section p{color:var(--color-text-muted);line-height:1.5;font-size:.95rem}.how-to-play__example{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.4rem;padding:.5rem 0}.how-to-play__arrow{color:var(--color-text-muted);font-size:1rem}.game-screen{padding:.85rem .85rem calc(.85rem + var(--safe-bottom));gap:.75rem}.game-header{display:flex;align-items:center;gap:.6rem;padding:.4rem .2rem}.game-header__stat{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--color-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:.4rem .3rem;min-width:0}.game-header__stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.game-header__stat-value{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.game-header__stat--low .game-header__stat-value{color:var(--color-accent-warn);animation:pulse-warn 1s ease-in-out infinite}@keyframes pulse-warn{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.game-header__pause-button{flex-shrink:0}.combo-flash{position:absolute;top:68px;left:50%;transform:translate(-50%);z-index:15;background:linear-gradient(135deg,#ffd54f,#ff9f4d);color:#2a1400;font-family:var(--font-display);font-weight:800;font-size:.95rem;padding:.5rem 1rem;border-radius:999px;box-shadow:var(--shadow-soft);animation:combo-pop .9s ease forwards;white-space:nowrap}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.85)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}30%{transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}}.game-board{flex:1;display:grid;grid-template-columns:repeat(var(--board-cols),1fr);grid-template-rows:repeat(var(--board-rows),1fr);gap:3px;width:100%;max-width:100%;aspect-ratio:1 / 1;margin:0 auto;background:#00000038;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:5px;touch-action:none;align-self:center}.puzzle-tile{position:relative;width:100%;height:100%;padding:6%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:transform .14s ease,filter .14s ease}.puzzle-tile--empty{background:transparent}.puzzle-tile__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.puzzle-tile__glyph{position:relative;z-index:1;font-size:clamp(.7rem,3.2vw,1.1rem);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.45)}.puzzle-tile--selected{transform:scale(1.08);filter:drop-shadow(0 0 10px var(--color-accent-cyan))}.puzzle-tile--selected .puzzle-tile__svg polygon{stroke:var(--color-accent-cyan);stroke-width:4}.puzzle-tile--popping{animation:tile-pop var(--match-pop-duration, .26s) ease forwards}@keyframes tile-pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.85}to{transform:scale(.15);opacity:0}}.puzzle-tile--entering{animation:tile-fall-in var(--fall-duration, .24s) cubic-bezier(.34,1.4,.64,1) both}@keyframes tile-fall-in{0%{transform:translateY(-130%);opacity:.4}to{transform:translateY(0);opacity:1}}.puzzle-tile--invalid{animation:tile-shake .26s ease}@keyframes tile-shake{0%,to{transform:translate(0)}25%{transform:translate(-6%)}75%{transform:translate(6%)}}