@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0a0f1e;--bg2:#111827;--accent:#ff6b6b;--accent2:#ffd166;--gold:gold;--text:#f0f4ff;--text2:#8892b0;--font:"Nunito", sans-serif}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}#header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#0a0f1ed9;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex;position:relative}#title{background:linear-gradient(135deg,#ffd166,#ff6b6b);-webkit-text-fill-color:transparent;white-space:nowrap;letter-spacing:-.3px;-webkit-background-clip:text;font-size:17px;font-weight:900}.stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat{color:var(--text2);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:flex}.stat span{color:var(--text)}#timer-stat.urgent span{color:#ff6b6b!important}.btn{color:var(--text);font-family:var(--font);cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1c;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700;transition:all .15s}.btn:hover{background:#ffffff21}.btn:active{transform:scale(.95)}.hdr-right{align-items:center;gap:6px;display:flex}#canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden}#bg-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#canvas{touch-action:none;cursor:grab;z-index:1;width:100%;height:100%;display:block;position:relative}#canvas.dragging{cursor:grabbing}#confetti-canvas{pointer-events:none;z-index:3;position:absolute;inset:0}#ui-overlay{pointer-events:none;z-index:4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{text-align:center;pointer-events:all;background:#080c1cf5;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:13px;width:88%;max-width:320px;padding:28px 36px;display:none}.modal h2{color:var(--gold);font-size:26px;font-weight:900}.modal p{color:var(--text2);font-size:13px;line-height:1.6}.modal-btn{background:linear-gradient(135deg, var(--accent2), var(--accent));color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:11px;width:100%;padding:10px 24px;font-size:14px;font-weight:800;transition:transform .15s}.modal-btn:hover{transform:scale(1.03)}.modal-btn.secondary{color:var(--text);background:#ffffff12;border:1px solid #ffffff1c}.modal-icon{font-size:42px;line-height:1}#main-menu{z-index:10;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#mm-card{background:#080c1cf0;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:22px;width:88%;max-width:340px;padding:44px 52px;display:flex}#mm-logo{background:linear-gradient(135deg,#ffd166,#ff6b6b);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;font-size:34px;font-weight:900;line-height:1.2}#mm-tagline{color:var(--text2);text-align:center;margin-top:-8px;font-size:13px}#mm-actions{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}#mm-play{background:linear-gradient(135deg, var(--accent2), var(--accent));color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:17px;font-weight:800;transition:transform .15s}#mm-play:hover{transform:scale(1.03)}#mm-play:active{transform:scale(.97)}#mm-select-levels{text-align:center;width:100%;padding:10px 24px;font-size:13px}#mm-mute{font-size:16px}#level-modal{z-index:10;background:#080d1a;flex-direction:column;align-items:center;display:none;position:absolute;inset:0;overflow-y:auto}#lm-header{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;padding:16px 20px 0;display:flex}#lm-back{align-self:flex-start;margin-bottom:6px}#lm-header h1{background:linear-gradient(135deg,#ffd166,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:900}#lm-header p{color:var(--text2);font-size:12px}#lm-body{flex-direction:column;gap:20px;width:100%;max-width:640px;padding:16px 16px 28px;display:flex}.chapter{flex-direction:column;gap:8px;display:flex}.chapter-title{letter-spacing:1.5px;text-transform:uppercase;padding:0 2px;font-size:11px;font-weight:800}.ct-easy{color:#64dc78}.ct-medium{color:#ffd166}.ct-hard{color:#ff6b6b}.ct-expert{color:#b464ff}.chapter-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:7px;display:grid}.lc{cursor:pointer;background:#111827;border:1.5px solid #ffffff12;border-radius:12px;flex-direction:column;gap:4px;min-height:72px;padding:11px 10px;transition:all .16s;display:flex;position:relative;overflow:hidden}.lc:hover:not(.lc-locked){background:#151f30;border-color:#ffd1664d}.lc.lc-locked{opacity:.35;cursor:not-allowed}.lc.lc-done{border-color:#64dc7847}.lc.lc-done:after{content:"✓";color:#64dc78;font-size:12px;font-weight:900;position:absolute;top:7px;right:9px}.lc.lc-current{border-color:var(--accent2);box-shadow:0 0 0 1px #ffd16626}.lc-n{color:var(--text2);font-size:10px;font-weight:700}.lc-name{color:var(--text);font-size:12px;font-weight:800;line-height:1.3}.lc-meta{color:var(--text2);margin-top:auto;font-size:10px}.lc-lock-icon{font-size:14px;position:absolute;bottom:8px;right:9px}#hint-bar{color:var(--text2);pointer-events:none;opacity:0;white-space:nowrap;z-index:5;background:#080c1ceb;border:1px solid #ffffff17;border-radius:10px;padding:5px 14px;font-size:12px;transition:opacity .3s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}