@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: hsl(40, 20%, 97%);--surface: hsl(0, 0%, 100%);--border: hsl(40, 10%, 85%);--border-light: hsl(40, 10%, 91%);--text: hsl(220, 10%, 15%);--text-muted: hsl(220, 5%, 45%);--text-dim: hsl(220, 5%, 65%);--primary: hsl(25, 30%, 42%);--primary-light: hsl(25, 30%, 92%);--primary-hover: hsl(25, 30%, 36%);--sidebar-bg: hsl(40, 20%, 97%);--sidebar-border: hsl(40, 10%, 85%);--btn-bg: hsl(0, 0%, 100%);--btn-hover: hsl(40, 15%, 94%);--amber: #D4792A;--teal: #2A8FA0;--rose: #B84B6F;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 2px 6px rgba(0,0,0,.04)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans)}.game-layout{display:flex;height:100%;overflow:hidden}.game-sidebar{width:280px;min-width:240px;max-width:300px;height:100%;overflow-y:auto;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.game-main{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#f2f1ed}.grid-area{flex:1;overflow:hidden;min-height:0}.color-palette{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 24px 20px;background:#f2f1ed}.color-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;flex-shrink:0}.color-btn:hover:not(:disabled){transform:scale(1.1)!important}.color-btn:disabled:not(.color-btn--active){opacity:.45;cursor:not-allowed}.progress-section{padding:12px 20px;border-bottom:1px solid var(--border-light)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.progress-pct{font-size:11px;font-weight:600;color:var(--text-muted)}.progress-bar{height:4px;border-radius:99px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .3s ease,background-color .25s ease}.stat-over{color:#b8452e!important}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border-light)}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;margin-bottom:12px;transition:color .15s}.back-link:hover{color:var(--primary)}.game-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--text);line-height:1.15}.game-subtitle{font-size:12px;color:var(--text-dim);margin-top:3px;letter-spacing:.03em}.level-card{padding:16px 20px;border-bottom:1px solid var(--border-light)}.level-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tier-badge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:99px}.level-number{font-size:11px;color:var(--text-dim)}.level-title{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.level-hint{font-size:12px;color:var(--text-muted);line-height:1.55}.color-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.color-chip{font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 9px;border-radius:99px;color:#fff}.color-chip--amber{background:var(--amber)}.color-chip--teal{background:var(--teal)}.color-chip--rose{background:var(--rose)}.stats-row{display:flex;border-bottom:1px solid var(--border-light)}.stat-block{flex:1;text-align:center;padding:14px 0;border-right:1px solid var(--border-light)}.stat-block:last-child{border-right:none}.stat-value{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.02em}.stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.win-banner{margin:16px 20px;background:linear-gradient(135deg,#f5e9e0,#f7f4ed);border:1px solid hsl(25,30%,78%);border-radius:var(--radius);padding:14px;text-align:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.win-icon{font-size:22px;color:var(--primary);margin-bottom:4px}.win-message{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--primary)}.win-stats{font-size:11px;color:var(--text-muted);margin-top:3px}.fail-banner{margin:16px 20px;background:linear-gradient(135deg,#f1e7e4,#f5f1f0);border:1px solid hsl(10,30%,75%);border-radius:var(--radius);padding:14px;text-align:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.fail-icon{font-size:20px;color:#b8452e;margin-bottom:4px}.fail-message{font-family:var(--font-serif);font-size:18px;font-weight:700;color:#914130}.fail-stats{font-size:11px;color:var(--text-muted);margin-top:3px}.sidebar-actions{padding:14px 20px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-light)}.btn{width:100%;padding:9px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;text-align:center}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{background:var(--btn-bg);color:var(--text-muted);border-color:var(--border)}.btn--ghost:hover{background:var(--btn-hover);color:var(--text)}.completion-msg{font-family:var(--font-serif);font-size:13px;font-style:italic;color:var(--primary);text-align:center;padding:6px 0}.level-selector{padding:14px 20px;border-bottom:1px solid var(--border-light)}.selector-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.selector-grid{display:flex;flex-wrap:wrap;gap:5px}.level-dot{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--text-muted);background:var(--btn-bg);transition:all .15s}.level-dot:hover{border-color:var(--primary);color:var(--primary)}.level-dot.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.level-dot.tier-2{border-style:dashed}.level-dot.tier-3{border-style:double;border-width:2px}.level-dot.tier-2.active,.level-dot.tier-3.active{border-style:solid}.how-to-play{padding:14px 20px 20px}.htp-title{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.htp-list{list-style:none;display:flex;flex-direction:column;gap:6px}.htp-list li{font-size:11.5px;color:var(--text-muted);line-height:1.5;padding-left:14px;position:relative}.htp-list li:before{content:"·";position:absolute;left:3px;color:var(--primary);font-size:16px;line-height:1.1}@media(max-width:640px){.game-sidebar{width:220px;min-width:180px}}.music-control{display:flex;align-items:center;gap:6px}.music-btn{padding:5px 12px;border:1.5px solid var(--primary);border-radius:20px;background:transparent;color:var(--primary);font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.music-btn:hover,.music-btn.active{background:var(--primary);color:#fff}.music-next-btn{padding:4px 8px;border:1.5px solid var(--primary);border-radius:20px;background:transparent;color:var(--primary);font-size:12px;cursor:pointer;transition:all .2s ease;line-height:1}.music-next-btn:hover{background:var(--primary);color:#fff}