:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:linear-gradient(#4fa8ff 0%,#6ec6ff 30%,#9adfff 55%,#cdf3e6 82%,#eaf7d6 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:radial-gradient(60px 34px at 12% 12%,#ffffffd9,#0000 70%),radial-gradient(90px 46px at 20% 15%,#ffffffbf,#0000 70%),radial-gradient(70px 38px at 78% 8%,#fffc,#0000 70%),radial-gradient(100px 50px at 88% 12%,#ffffffa6,#0000 70%),radial-gradient(80px 40px at 55% 22%,#ffffff8c,#0000 70%),radial-gradient(70px 36px at 8% 45%,#ffffff80,#0000 70%),radial-gradient(90px 44px at 92% 40%,#ffffff80,#0000 70%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.85;background:radial-gradient(120% 100% at 50% 0,#bfe98f 0%,#9ed86b 55%,#7dc94f 100%);border-radius:50% 50% 0 0/100% 100% 0 0;height:22vh;position:fixed;bottom:-6vh;left:-10%;right:-10%}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}.level-select{text-align:center;color:#12384c;max-width:720px;margin:0 auto;padding:32px 20px 60px}.level-select h1{color:#0e3a52;text-shadow:0 2px #ffffffb3,0 1px 12px #fff6;margin-bottom:4px;font-size:2.1rem}.level-select-sub{opacity:.85;margin-bottom:28px}.level-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.level-card{-webkit-backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(160deg,#fff7e0e0,#ffe2a8cc);border:2px solid #e8a83fd9;border-radius:18px;padding:18px 10px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 4px #c98a2cb3,0 10px 20px #0f32502e,inset 0 1px #fff9}.level-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px #c98a2cb3,0 14px 26px #0f325038,inset 0 1px #ffffffb3}.level-card:not(:disabled):active{transform:translateY(1px)}.level-card-title{color:#7a4a12;font-size:1.1rem;font-weight:700}.level-card-table{color:#d1560f;margin-top:4px;font-weight:600}.level-card-stars{margin-top:10px;font-size:1.1rem}.level-locked{opacity:.85;background:linear-gradient(160deg,#dfe6ead1,#c3ced4b8);border-color:#9aa6abd9;box-shadow:0 4px #7c8a90b3,0 8px 16px #0f32501f}.level-lock-icon{font-size:1.1rem;position:absolute;top:8px;right:10px}.star-filled{filter:none}.star-empty{filter:grayscale()opacity(.45)}.game-screen{flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:16px 12px 40px;display:flex}.game-topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.back-btn{-webkit-backdrop-filter:blur(10px);color:#12384c;background:#ffffff80;border:1px solid #ffffffb3;border-radius:999px;padding:8px 16px;font-weight:600;box-shadow:0 3px 8px #0f32502e}.game-title{color:#0e3a52;text-shadow:0 1px #ffffff80;font-weight:700}.hint-btn{-webkit-backdrop-filter:blur(10px);color:#12384c;background:#ffffff80;border:1px solid #ffffffb3;border-radius:999px;padding:8px 16px;font-weight:600;box-shadow:0 3px 8px #0f32502e}.hint-btn:disabled{opacity:.5}.goal-banner{-webkit-backdrop-filter:blur(12px)saturate(160%);color:#7a4a12;text-align:center;background:linear-gradient(160deg,#fff6dee6,#ffe6a8d1);border:1px solid #e8a83fcc;border-radius:14px;width:100%;margin-bottom:12px;padding:9px 14px;font-size:.85rem;line-height:1.35;box-shadow:0 4px 12px #0f32501f,inset 0 1px #fff9}.goal-banner strong{color:#d1560f}.hud{align-items:stretch;gap:10px;width:100%;margin-bottom:16px;display:flex}.moves-badge{color:#fff;background:radial-gradient(circle at 35% 28%,#8fd6ff,#1c78c9 75%);border:4px solid #ffffffbf;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 4px 10px #0f32504d,inset 0 2px 4px #ffffff80}.moves-label{letter-spacing:.05em;font-size:.6rem;font-weight:700}.moves-value{font-size:1.6rem;font-weight:800}.hud-target{-webkit-backdrop-filter:blur(12px)saturate(160%);background:linear-gradient(160deg,#ffeac4d9,#f6dcb3c7);border:1px solid #d99a4ebf;border-radius:16px;flex-direction:column;flex:1;justify-content:center;padding:8px 12px;display:flex;box-shadow:inset 0 1px #fff9}.target-label{color:#7a4a12;font-size:.8rem;font-weight:700}.target-bar-track{background:#cf9a55b3;border-radius:999px;height:14px;margin:6px 0 2px;position:relative;overflow:visible}.target-bar-fill{background:linear-gradient(90deg,#7fe36a,#38c93c);border-radius:999px;height:100%;transition:width .4s;box-shadow:0 0 8px #38c93c99}.target-star{filter:grayscale()opacity(.5);font-size:1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.target-star[data-hit=true]{filter:none}.hud-score{-webkit-backdrop-filter:blur(12px)saturate(160%);background:linear-gradient(160deg,#ffeac4d9,#f6dcb3c7);border:1px solid #d99a4ebf;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:8px 14px;display:flex;box-shadow:inset 0 1px #fff9}.score-label{color:#7a4a12;font-size:.7rem;font-weight:700}.score-value{color:#12384c;font-size:1.3rem;font-weight:800}.toast{-webkit-backdrop-filter:blur(10px);color:#12384c;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:10px;margin-bottom:10px;padding:6px 14px;font-weight:600}.board-wrap{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff29;border:1px solid #ffffff8c;border-radius:26px;padding:14px;box-shadow:0 10px 34px #0a284647,inset 0 1px #ffffff8c}.board{background-image:repeating-linear-gradient(0deg,#ffffff29 0 1px,#0000 1px 56px),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 56px);border-radius:16px;position:relative;overflow:hidden}.tile{-webkit-backdrop-filter:blur(6px);background:linear-gradient(160deg,#fffc,#ffffff52);border:1px solid #ffffff8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:top .32s cubic-bezier(.34,1.2,.64,1),left .22s,transform .2s,opacity .2s,box-shadow .15s;display:flex;position:absolute;box-shadow:0 4px 10px #0a284633,inset 0 1px #ffffffd9}.tile-fruit{filter:drop-shadow(0 1px 1px #00000026);font-size:1.5rem;line-height:1}.tile-value{color:#12384c;background:#ffffffd9;border-radius:6px;margin-top:2px;padding:0 4px;font-size:.68rem;font-weight:800}.tile-hot{background:linear-gradient(160deg,#ffe28ceb,#ffbb4a8c);box-shadow:inset 0 0 0 2px #ffb100,0 4px 14px #ffb10080,inset 0 1px #ffffffd9}.tile-selected{z-index:5;transform:scale(1.14);box-shadow:0 0 0 3px #fff,0 0 14px 4px #4fd0ff}.tile-matching{opacity:0;transform:scale(.35)}.tile-hint{z-index:4;animation:.7s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #fff,0 0 10px 2px #4fd0ff}50%{transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 22px 8px #4fd0ff}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:20;background:#081c2a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(18px)saturate(160%);text-align:center;background:linear-gradient(160deg,#fff9ecd9,#ffe6b8bf);border:2px solid #e8a83fd9;border-radius:22px;width:100%;max-width:320px;padding:28px 24px;box-shadow:0 16px 40px #0000004d,inset 0 1px #fff9}.modal-card h2{color:#7a4a12;margin:0 0 12px}.modal-stars{margin-bottom:8px;font-size:2.2rem}.modal-score{color:#12384c;margin-bottom:20px;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.modal-actions button{-webkit-backdrop-filter:blur(8px);color:#12384c;background:#ffffffbf;border:1px solid #fff9;border-radius:999px;padding:10px 18px;font-weight:700;box-shadow:0 3px 8px #0f325033}.modal-actions button.primary{color:#fff;background:linear-gradient(160deg,#7fe36a,#38c93c);border-color:#fff6}