@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;800&family=Nunito:wght@700;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#f6e7d7;font-family:"Baloo 2",Nunito,system-ui,sans-serif}#app{position:fixed;inset:0}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud.hidden{display:none}#topbar{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}#level-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border-radius:16px;flex-direction:column;padding:8px 16px;line-height:1.05;display:flex;box-shadow:0 4px 14px #78461426,inset 0 -3px #0000000f}#level-num{color:#5b4634;font-size:18px;font-weight:800}#level-name{letter-spacing:2px;color:#b08d68;font-size:11px;font-weight:700}#progress-wrap{background:#ffffffb3;border-radius:999px;flex:1;max-width:420px;height:26px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #7846142e}#progress-bar{background:linear-gradient(90deg,#ffd23f,#ff9f45,#ff5c6c);border-radius:999px;width:0%;height:100%;transition:width .25s cubic-bezier(.2,.9,.3,1.4);box-shadow:0 0 12px #ffa03cb3}#progress-text{color:#6b5138;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}#score-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#5b4634;background:#ffffffd1;border-radius:16px;padding:8px 18px;font-size:18px;font-weight:800;box-shadow:0 4px 14px #78461426,inset 0 -3px #0000000f}#score-wrap:before{content:"★ ";color:#ffb62e}#top-btns{pointer-events:auto;gap:8px;display:flex}.icon-btn{cursor:pointer;background:#ffffffd9;border:none;border-radius:14px;width:42px;height:42px;font-size:19px;transition:transform .1s;box-shadow:0 4px 12px #7846142e,inset 0 -3px #00000012}.icon-btn:active{transform:scale(.9)}#combo{color:#fff;text-shadow:0 4px #d65a28e6,0 8px 24px #00000040;opacity:0;pointer-events:none;font-size:44px;font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%)}#combo.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) forwards comboPop}@keyframes comboPop{0%{opacity:0;transform:translate(-50%)scale(.4)}40%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:1;transform:translate(-50%)scale(1)}}#combo.fade{animation:.4s forwards comboFade}@keyframes comboFade{to{opacity:0;transform:translate(-50%)translateY(-16px)}}#hint{color:#ffe9c9;opacity:0;white-space:nowrap;text-align:center;background:#3c2819d9;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;transition:opacity .4s;position:absolute;top:12%;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#slots-label{letter-spacing:3px;color:#785532a6;font-size:10px;font-weight:800;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:radial-gradient(#321e0f2e,#28160a8c);place-items:center;animation:.35s ease-out ovIn;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}@keyframes ovIn{0%{opacity:0}}.title-card,.banner-card{text-align:center;background:linear-gradient(160deg,#fffdf8f5,#fff0dced);border-radius:32px;padding:40px 52px;animation:.5s cubic-bezier(.2,1.4,.4,1) cardIn;box-shadow:0 30px 80px #5a280a59,inset 0 -6px #965a1e1f}@keyframes cardIn{0%{opacity:0;transform:scale(.7)translateY(40px)}}.logo{letter-spacing:2px;margin-bottom:14px;font-size:clamp(52px,9vw,92px);font-weight:800;line-height:.95}.logo span{text-shadow:0 5px #0000001f;animation:2.2s ease-in-out infinite bob;display:inline-block}.logo .l1{color:#ff5c6c}.logo .l2{color:#ff9f45;animation-delay:80ms}.logo .l3{color:#ffd23f;animation-delay:.16s}.logo .l4{color:#4ecb71;animation-delay:.24s}.logo .l5{color:#4ea8ff;animation-delay:.32s}.logo .l6{color:#9b7bff;animation-delay:.4s}.logo .l7{color:#ff7ac6;animation-delay:.48s}.logo .l8{color:#38c8c8;animation-delay:.56s}.logo .l9{color:#ff9f45;animation-delay:.64s}.logo .l10{color:#ff5c6c;animation-delay:.72s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.tagline{color:#9c7a54;margin-bottom:26px;font-size:17px;font-weight:700}.big-btn{letter-spacing:1px;color:#fff;cursor:pointer;background:linear-gradient(#ffb03a,#ff7b3a);border:none;border-radius:999px;padding:16px 56px;font-family:inherit;font-size:26px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 8px #d14f14,0 16px 30px #d14f1466}.big-btn:hover{transform:translateY(-2px)scale(1.03)}.big-btn:active{transform:translateY(4px);box-shadow:0 3px #d14f14}.ghost-btn{color:#a0764e;cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-family:inherit;font-size:15px;font-weight:800;text-decoration:underline;display:block}#level-select{flex-wrap:wrap;justify-content:center;gap:10px;max-width:340px;margin:26px 0 18px;display:flex}.lvl-dot{cursor:pointer;color:#6b5138;background:#fff;border:none;border-radius:14px;width:40px;height:40px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .1s;box-shadow:0 3px #0000001f}.lvl-dot:hover{transform:scale(1.12)}.lvl-dot.done{color:#fff;background:linear-gradient(#8ee27e,#4ecb71)}.lvl-dot.locked{opacity:.35;cursor:default}.lvl-dot.current{outline:3px solid #ff9f45}.hint-line{color:#b08d68;margin-top:14px;font-size:13px;font-weight:700;line-height:1.7}.banner-card h2{color:#5b4634;letter-spacing:1px;margin-bottom:8px;font-size:46px}.lose-card h2{color:#d1495b}#win-stars{letter-spacing:8px;margin:4px 0 8px;font-size:38px}#win-stars .star{animation:.5s cubic-bezier(.2,1.8,.4,1) backwards starPop;display:inline-block}@keyframes starPop{0%{transform:scale(0)rotate(-40deg)}}#win-score{color:#b08d68;margin-bottom:20px;font-size:20px;font-weight:800}#lose-sub{color:#9c7a54;margin-bottom:22px;font-weight:700}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 62%,#502d0f38 100%);position:absolute;inset:0}