:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;background:#1a1a2e}#root{display:flex;align-items:center;justify-content:center}.game-container{position:relative;width:800px;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 0 40px #00000080}canvas{display:block;width:800px;height:500px;image-rendering:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:all}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.title{font-size:42px;font-weight:800;color:#fff;text-shadow:3px 3px 0 #e8734a,0 0 30px rgba(232,115,74,.4);letter-spacing:-1px}.subtitle{font-size:16px;color:#ffffffb3;margin-bottom:8px}.btn{padding:14px 40px;font-size:18px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff;min-width:200px}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.97)}.btn-play{background:linear-gradient(135deg,#e8734a,#f4a261);box-shadow:0 4px 20px #e8734a80}.btn-play:hover{box-shadow:0 6px 30px #e8734ab3}.btn-level{background:linear-gradient(135deg,#6c63ff,#9b59b6);box-shadow:0 4px 20px #6c63ff66}.btn-secondary{background:#ffffff26;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff40}.level-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0}.level-btn{padding:16px 20px;border-radius:16px;border:3px solid transparent;cursor:pointer;font-weight:700;font-size:14px;color:#fff;transition:transform .15s,border-color .2s;text-align:center;min-width:140px}.level-btn:hover{transform:scale(1.05)}.level-btn.locked{opacity:.4;cursor:not-allowed;transform:none!important}.level-btn.current{border-color:gold;box-shadow:0 0 20px #ffd70066}.level-forest{background:linear-gradient(135deg,#2d8a4e,#4ecdc4)}.level-candy{background:linear-gradient(135deg,#e84393,#fd79a8)}.level-treasure{background:linear-gradient(135deg,#f39c12,#e67e22)}.stars-display{font-size:20px;color:gold;font-weight:700}.controls-hint{font-size:13px;color:#ffffff80;margin-top:12px;text-align:center;line-height:1.6}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;z-index:5;pointer-events:none}.hud-left,.hud-right,.hud-center{display:flex;align-items:center;gap:16px}.hud-item{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hud-item span{font-size:22px}.hud-level-name{font-size:16px;font-weight:600;color:#fffc;background:#0000004d;padding:4px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-pause{pointer-events:all;background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-pause:hover{background:#00000080}.puzzle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:15}.puzzle-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.puzzle-box{position:relative;z-index:1;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:20px;padding:32px;min-width:320px;text-align:center;box-shadow:0 8px 40px #00000080;border:2px solid rgba(255,255,255,.1)}.puzzle-title{font-size:22px;font-weight:700;color:gold;margin-bottom:12px}.puzzle-question{font-size:16px;color:#ffffffd9;margin-bottom:20px}.puzzle-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.puzzle-opt{padding:12px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.puzzle-opt:hover{background:#ffffff26;border-color:#fff6}.puzzle-opt.correct{background:#2ed5734d;border-color:#2ed573}.puzzle-opt.wrong{background:#ff47574d;border-color:#ff4757}.complete-stars{font-size:36px;margin:8px 0}.complete-msg{font-size:15px;color:#ffffffb3}.transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#fff;font-size:28px;font-weight:700}.mobile-controls{position:absolute;bottom:16px;left:0;right:0;display:none;justify-content:space-between;padding:0 20px;z-index:6;pointer-events:none}@media(max-width:820px){.game-container{width:100vw;height:100vh;border-radius:0}canvas{width:100vw;height:100vh}.mobile-controls{display:flex}}.mobile-btn{pointer-events:all;width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.4);background:#0000004d;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none}.mobile-btn:active{background:#fff3}.mobile-dpad{display:flex;gap:8px}