*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4CAF50;--primary-dark: #2e7d32;--accent: #FFC107;--danger: #F44336;--danger-light: #ff8a80;--bg-dark: #0d1f0d;--text: #e8f5e8;--text-dim: #a5d6a7;--overlay-bg: rgba(10, 30, 10, .92)}body{overflow:hidden;background:var(--bg-dark);font-family:Comic Sans MS,Marker Felt,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text)}#game{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#hud-hearts{position:absolute;top:16px;left:24px;font-size:28px;display:flex;gap:6px}#hud-hearts .heart{transition:opacity .2s,filter .2s}#hud-hearts .heart.empty{opacity:.25;filter:grayscale(1)}#hud-crystals{position:absolute;top:56px;left:24px;font-size:18px;font-weight:700;color:var(--text-dim);text-shadow:0 0 6px rgba(0,0,0,.4)}#hud-level{position:absolute;top:16px;right:24px;font-size:20px;font-weight:800;color:#c8f7c5;text-shadow:0 0 8px rgba(0,0,0,.35)}#hud-reset-camera{position:absolute;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(200,247,197,.4);background:#0d1f0dbf;color:var(--text);font-size:22px;cursor:pointer;pointer-events:auto;display:none;align-items:center;justify-content:center;transition:background .15s,transform .1s,border-color .15s;-webkit-user-select:none;user-select:none}#hud-reset-camera:hover{background:#224622d9;border-color:#c8f7c5cc}#hud-reset-camera:active{transform:scale(.92)}body[data-state=PLAYING] #hud-reset-camera{display:flex}#hud-boss{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.boss-label{font-size:12px;font-weight:800;color:#ff8a80;text-shadow:0 0 6px rgba(0,0,0,.4);letter-spacing:2px}.boss-bar{width:160px;height:10px;background:#00000073;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.boss-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff5252,#ff8a80);transition:width .2s ease}#overlay-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;padding:24px;animation:fadeIn .2s ease both}.overlay.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}#overlay-title{background:linear-gradient(180deg,#1b5e20,#0d1f0d);overflow:hidden}#overlay-title .title-bg-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}#overlay-title .title-bg-decor:before,#overlay-title .title-bg-decor:after{content:"";position:absolute;bottom:0;width:0;height:0;border-style:solid}#overlay-title .title-bg-decor:before{left:5%;border-width:0 60px 180px 60px;border-color:transparent transparent rgba(0,0,0,.25) transparent}#overlay-title .title-bg-decor:after{left:75%;border-width:0 40px 140px 40px;border-color:transparent transparent rgba(0,0,0,.18) transparent}.title-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}.title-logo{display:flex;align-items:center;gap:14px}.title-icon{font-size:56px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.title-name{font-size:64px;font-weight:900;color:#c8f7c5;text-shadow:0 4px 20px rgba(100,200,100,.5);letter-spacing:2px}.title-tagline{font-size:18px;color:var(--text-dim);margin-bottom:24px;text-shadow:0 2px 6px rgba(0,0,0,.3)}.title-buttons{display:flex;flex-direction:column;gap:12px;width:260px}.title-hint{margin-top:14px;font-size:13px;color:var(--text-dim);opacity:.8;text-align:center}.title-lang{margin-top:18px;display:flex;gap:8px}.lang-btn{background:#ffffff14;border:2px solid rgba(255,255,255,.2);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;padding:6px 16px;border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s}.lang-btn:hover{background:#ffffff24}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}button,.btn{border:none;outline:none;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;padding:14px 32px;border-radius:12px;transition:transform .1s,box-shadow .2s,filter .2s;margin:0;width:100%}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.08)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}button.primary,.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 14px #4caf5066}button.secondary,.btn.secondary{background:linear-gradient(180deg,#ff9800,#e65100);color:#fff;box-shadow:0 4px 14px #ff980059}button.ghost,.btn.ghost{background:#ffffff14;color:var(--text);border:2px solid rgba(255,255,255,.2)}button.ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:#ffffff24}#overlay-level-select{background:var(--overlay-bg)}#overlay-level-select .ls-title{font-size:40px;font-weight:800;color:#c8f7c5;margin-bottom:32px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:720px;width:100%}.level-cell{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 12px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.level-cell:hover:not(.locked){transform:scale(1.03);border-color:#81c784;background:#ffffff1a;box-shadow:0 8px 24px #00000040}.level-cell.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.8)}.level-thumb{width:80px;height:80px;margin:0 auto 12px;border-radius:12px;background:linear-gradient(135deg,#2e7d32,#1b5e20);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#a5d6a7}.level-cell.locked .level-thumb{background:linear-gradient(135deg,#555,#333);color:#999}.level-emoji{font-size:36px;line-height:1}.level-name{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text)}.level-stars{font-size:20px;color:var(--accent);margin-bottom:4px}.level-best-time{font-size:12px;color:var(--text-dim)}.star{opacity:.35;margin:0 2px}.star.filled{opacity:1}.lock{font-size:22px}#overlay-pause{background:transparent}.pause-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;z-index:0}.pause-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}.pause-title{font-size:44px;font-weight:900;color:#c8f7c5;text-shadow:0 4px 12px rgba(0,0,0,.4);margin-bottom:12px}.pause-buttons{display:flex;flex-direction:column;gap:12px;width:260px}#overlay-level-complete{background:var(--overlay-bg)}#overlay-level-complete .lc-title{font-size:44px;font-weight:900;color:#c8f7c5;margin-bottom:8px}#overlay-level-complete .lc-level-name{font-size:20px;color:var(--text-dim);margin-bottom:18px}.lc-stars-wrap{display:flex;gap:10px;margin-bottom:18px;font-size:42px}.lc-star{color:var(--accent);opacity:.25;display:inline-block;transition:opacity .3s,transform .3s}.lc-star.lit{opacity:1;animation:popIn .4s ease both}.lc-all-clear{font-size:18px;font-weight:700;color:var(--accent);margin-bottom:18px;display:none}.lc-all-clear.show{display:block;animation:popIn .5s ease both}.lc-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.lc-stat-row{display:flex;align-items:center;gap:12px;font-size:18px}.lc-stat-row .label{min-width:120px;text-align:right;color:#b2dfdb}.lc-stat-row .value{font-weight:800;color:#fff}.lc-buttons{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.lc-buttons .btn,.go-buttons .btn{width:auto;min-width:140px}#overlay-game-over{background:var(--overlay-bg)}#overlay-game-over .go-title{font-size:44px;font-weight:900;color:var(--danger-light);margin-bottom:12px;animation:shake .3s ease both}#overlay-game-over .go-reason{font-size:20px;color:#ffccbc;margin-bottom:32px;min-height:24px}.go-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}