body{background:radial-gradient(circle at 12% 12%,rgba(255,211,101,.42),transparent 23%),radial-gradient(circle at 88% 8%,rgba(147,125,255,.2),transparent 26%),radial-gradient(circle at 78% 74%,rgba(69,181,140,.17),transparent 23%),linear-gradient(180deg,#fffaf0,#eef4ff)}
.sky-decor{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.sky-decor i{position:absolute;color:#f4b44e;font-style:normal;animation:float-star 5s ease-in-out infinite}.sky-decor i:nth-child(1){top:17%;left:6%;font-size:24px}.sky-decor i:nth-child(2){top:28%;right:7%;color:#9c8ae8;font-size:15px;animation-delay:-1s}.sky-decor i:nth-child(3){top:68%;left:8%;color:#55b694;font-size:21px;animation-delay:-2s}.sky-decor i:nth-child(4){top:76%;right:5%;color:#ef8a7c;font-size:17px;animation-delay:-3s}.sky-decor i:nth-child(5){top:9%;left:43%;color:#62a5e8;font-size:14px;animation-delay:-4s}
.intro h1{font-weight:950;text-shadow:0 4px 0 rgba(255,255,255,.95)}.intro h1 span{display:inline-block;margin-left:.15em;transform:rotate(-2deg)}
.level{overflow:hidden;min-height:78px;border-width:2px;box-shadow:0 7px 0 rgba(53,67,96,.06)}.level:after{content:"";position:absolute;right:-22px;bottom:-28px;width:72px;height:72px;border-radius:50%;background:currentColor;opacity:.07}.level:nth-child(1){color:#328c66}.level:nth-child(2){color:#4d73d9}.level:nth-child(3){color:#d77831}.level:nth-child(4){color:#865bd2}.level i{font-size:20px}.level.active{transform:translateY(-3px);box-shadow:0 11px 0 rgba(232,144,47,.13)}.level.active i{animation:icon-hop 1.5s ease-in-out infinite}
.game-panel{position:relative;border:2px solid rgba(239,179,95,.55);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,252,243,.97))}.mission-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:-7px -7px 17px;padding:11px 13px;border:1px solid #f6d18e;border-radius:16px;background:linear-gradient(100deg,#fff3d4,#fff9ec)}.mission-banner>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#fff;font-size:23px;box-shadow:0 4px 12px rgba(128,87,24,.12)}.mission-banner b,.mission-banner p{display:block;margin:0}.mission-banner b{font-size:12px}.mission-banner p{margin-top:2px;color:#9a6c2d;font-size:10px}.mission-banner em{padding:6px 9px;border-radius:999px;background:#f29a31;color:#fff;font-size:9px;font-style:normal;font-weight:900}
.board{box-shadow:0 10px 0 rgba(39,56,84,.1),0 18px 35px rgba(44,59,88,.12)}.cell{transition:transform .12s,background .12s}.cell:not(.fixed):hover{z-index:1;transform:scale(.94);background:#fff1c9}.cell.fixed{background:linear-gradient(145deg,#f1f4f9,#e9eef7)}.cell.selected{background:#ffe5a7!important;box-shadow:inset 0 0 0 3px #f4a83e}.number-pad button{border-width:2px;background:#fff;box-shadow:0 4px 0 #dfe5ef;transition:.12s}.number-pad button:nth-child(3n+1){color:#df7b2d}.number-pad button:nth-child(3n+2){color:#4d73d9}.number-pad button:nth-child(3n){color:#32906a}.number-pad button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #ead7b3}.number-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #dfe5ef}
.guide{border:2px solid rgba(116,99,210,.17);background:linear-gradient(180deg,#fff,#f8f6ff)}.guide li span{font-size:12px}.rule-card{border:1px dashed #c8bdf0;background:#f5f1ff}.unique{padding:8px;border-radius:9px;background:#eaf8f2;text-align:center}
.celebration{background:radial-gradient(circle at 50% 34%,rgba(255,214,117,.28),transparent 28%),rgba(31,39,63,.6)}.celebration>.win-card{border:5px solid #fff4d6;background:linear-gradient(180deg,#fffdf7,#fff);box-shadow:0 25px 80px rgba(22,29,52,.38),0 0 0 10px rgba(255,255,255,.12)}.celebration .win-star{width:78px;height:78px;background:linear-gradient(145deg,#fff0b9,#ffd66e);font-size:38px}.celebration .win-kicker{display:inline-block;padding:5px 10px;border-radius:99px;background:#fff0d2}.reward-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.reward-row span{display:grid!important;width:auto!important;height:auto!important;margin:0!important;padding:9px 5px;border-radius:12px!important;background:#f7f4ff!important;color:inherit!important;font-size:19px!important}.reward-row b{margin-top:3px;color:#66738a;font-size:9px}.win-actions .next-level{box-shadow:0 5px 0 #c97319;transition:.12s}.win-actions .next-level:hover{transform:translateY(-2px);box-shadow:0 7px 0 #c97319}.win-actions .next-level:active{transform:translateY(3px);box-shadow:0 2px 0 #c97319}
@keyframes float-star{50%{transform:translateY(-12px) rotate(12deg)}}@keyframes icon-hop{50%{transform:translateY(-4px) rotate(5deg)}}
@media(max-width:620px){.mission-banner{grid-template-columns:auto 1fr}.mission-banner em{grid-column:2}.reward-row{gap:4px}.reward-row b{font-size:8px}}