@font-face{font-family:Slackey;src:url(/assets/Slackey-Regular-CT_LiNZ_.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--fall-distance: 0px}body{font-family:Open Sans,sans-serif;background:linear-gradient(to bottom,#87ceeb,#98d8e8,#b0e0e6);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:200%;height:100%;top:0;left:0;background-repeat:repeat-x;background-position:0 top;opacity:.7}.blur-left,.blur-right{position:absolute;width:300px;height:100%;top:0;filter:blur(40px);z-index:3;opacity:.8}.blur-left{left:-150px;background:linear-gradient(to right,rgba(135,206,235,.6),transparent)}.blur-right{right:-150px;background:linear-gradient(to left,rgba(135,206,235,.6),transparent)}.cloud-layer{position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20width='200'%20height='120'%20viewBox='0%200%20200%20120'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.9'%3e%3cellipse%20cx='50'%20cy='70'%20rx='35'%20ry='25'%20fill='white'/%3e%3cellipse%20cx='80'%20cy='60'%20rx='40'%20ry='30'%20fill='white'/%3e%3cellipse%20cx='115'%20cy='65'%20rx='35'%20ry='28'%20fill='white'/%3e%3cellipse%20cx='145'%20cy='75'%20rx='30'%20ry='20'%20fill='white'/%3e%3cellipse%20cx='70'%20cy='80'%20rx='45'%20ry='20'%20fill='white'/%3e%3cellipse%20cx='120'%20cy='85'%20rx='35'%20ry='18'%20fill='white'/%3e%3c/g%3e%3c/svg%3e");background-repeat:repeat-x;pointer-events:none}.cloud-1{background-size:600px 300px;background-position:0 -150px;animation:drift-clouds 100s linear infinite;z-index:1;filter:blur(20px) contrast(1.1) brightness(1.05);opacity:.7;transform:scaleX(1.2) scaleY(.8) skew(-5deg)}.cloud-2{background-size:800px 400px;background-position:300px -120px;animation:drift-clouds 110s linear infinite;z-index:2;filter:blur(16px) contrast(.9) brightness(1.1);opacity:.6;transform:scaleX(.9) scaleY(1.1) skew(3deg)}.cloud-3{background-size:700px 350px;background-position:600px -140px;animation:drift-clouds 90s linear infinite;z-index:3;filter:blur(26px) contrast(1.2) brightness(.95);opacity:.5;transform:scaleX(1.1) scaleY(.9) skew(-2deg)}.cloud-4{background-size:900px 450px;background-position:900px -110px;animation:drift-clouds 130s linear infinite;z-index:4;filter:blur(14px) contrast(.95) brightness(1.15);opacity:.6;transform:scaleX(.8) scaleY(1.2) skew(5deg)}.cloud-5{background-size:650px 325px;background-position:1200px -130px;animation:drift-clouds 80s linear infinite;z-index:5;filter:blur(17px) contrast(1.05) brightness(1);opacity:.7;transform:scaleX(1.3) scaleY(.7) skew(-3deg)}.cloud-6{background-size:750px 375px;background-position:150px -160px;animation:drift-clouds 140s linear infinite;z-index:6;filter:blur(29px) contrast(1.15) brightness(.9);opacity:.5;transform:scaleX(.85) scaleY(1.15) skew(4deg)}@keyframes drift-clouds{0%{transform:translate(0)}to{transform:translate(-50%)}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:20}.screen.active{transform:translate(0)}.screen.slide-out-left{transform:translate(-100%)}.screen.slide-out-right{transform:translate(100%)}.game-title{font-family:Slackey,cursive;font-size:4em;margin-bottom:80px;color:#333;animation:wobble linear 2s infinite;transform-origin:center;will-change:transform;text-transform:uppercase;position:relative;text-shadow:3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,4px 4px 0 #000,-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,6px 6px 8px rgba(0,0,0,.3);letter-spacing:2px;filter:drop-shadow(0 8px 0 #000)}@keyframes wobble{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-5px) scale(1.02) rotate(2deg)}50%{transform:translateY(-10px) scale(1.04) rotate(0)}75%{transform:translateY(-5px) scale(1.02) rotate(-2deg)}}.menu-buttons{display:flex;flex-direction:column;gap:20px}.menu-button{padding:15px 40px;font-size:1.5em;color:#fff;border:none;cursor:pointer;transition:all .3s ease;transform:skew(-10deg);box-shadow:4px 4px #0003;font-family:Slackey,cursive;text-transform:uppercase;letter-spacing:1px}.menu-button span{display:inline-block;transform:skew(10deg)}#menu-classic{background:#4169e1}#menu-puzzle{background:#ff8c00}#menu-zen{background:#32cd32}.menu-button:hover{transform:skew(-10deg) translateY(-3px);box-shadow:4px 7px #0003}.back-btn{position:absolute;top:20px;left:20px;padding:10px 20px;background:#ffffffe6;border:2px solid #3a3a3c;border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:100}.back-btn:hover{background:#fff;transform:translate(-3px)}.level-title{font-size:2.5em;margin-bottom:30px;color:#fff;text-shadow:6px 3px #333;font-family:Slackey,cursive;text-transform:uppercase;letter-spacing:0}.level-buttons{display:flex;gap:20px}.level-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:1.5em;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0003}.level-btn.classic{background:linear-gradient(135deg,#2196f3,#1976d2);text-shadow:none;filter:none}.level-btn.puzzle{background:linear-gradient(135deg,#ff9800,#f57c00)}.level-btn.zen{background:linear-gradient(135deg,#32cb32,#38af3a)}.level-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 15px #0000004d}.level-btn:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 2px 5px #0003}.level-btn:disabled:hover{transform:none;box-shadow:0 2px 5px #0003}.game-screen{padding:20px}.game-screen .back-btn{background:#ffffffe6;border:2px solid #3a3a3c;color:#333}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;animation:fadeIn .3s ease;transition:transform .5s cubic-bezier(.4,0,.2,1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal.show{display:flex;align-items:center;justify-content:center}.modal.slide-out-right{transform:translate(100%)}.modal-content{background:#fff;padding:0;max-width:460px;width:90%;box-shadow:6px 6px #0000004d;animation:slideUp .3s ease;border:4px solid #333}.modal-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:30px;text-align:center;border-radius:0;border-bottom:4px solid #45a049}.modal-header h2{margin:0;font-size:2em;font-weight:400;font-family:Slackey,cursive;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.modal-header.win-header{background:linear-gradient(135deg,#4caf50,#45a049);border-bottom-color:#45a049}.modal-header.lose-header{background:linear-gradient(135deg,#f44336,#d32f2f);border-bottom-color:#d32f2f}.modal-header.completed-header{background:linear-gradient(135deg,#63a3cc,#4c89af);border-bottom-color:#4c89af}.modal-body{padding:30px;text-align:center}.level-name{font-size:1.5em;color:#333;margin:0 0 20px;font-weight:700}.score-summary{display:flex;justify-content:space-around;margin:20px 0}.score-item{display:flex;flex-direction:column;align-items:center}.score-item .label{font-size:.9em;color:#666;margin-bottom:5px}.score-item .value{font-size:1.8em;font-weight:700;color:#4169e1}.modal-footer{padding:20px 30px 30px;display:flex;gap:10px;justify-content:center}.modal-btn{padding:12px 18px;font-size:1em;color:#fff;border:none;cursor:pointer;transition:all .3s ease;transform:skew(-10deg);box-shadow:4px 4px #0003;letter-spacing:1px;background:#4169e1}.modal-btn:hover{transform:skew(-10deg) translateY(-3px);box-shadow:4px 7px #0003}.modal-btn span{display:inline-block;transform:skew(10deg)}.modal-btn.secondary{background:#f0f0f0;color:#333}.modal-btn.secondary:hover{background:#e0e0e0;box-shadow:0 4px 10px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-container{background:#fffffff2;border-radius:4px;padding:20px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10}.game-header{text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:space-around}.game-header h1{color:#333;font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.score-display,.target-score,.timer{font-size:1.5em;color:#555;font-weight:700}.timer.warning{color:#ffdc2e;animation:pulse 1s infinite}.timer.danger{color:#f44336;animation:pulse .5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.retry-button{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#ffffffe6;border-radius:20%;border:none;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center}.game-board{display:grid;grid-template-columns:repeat(10,40px);grid-template-rows:repeat(12,40px);gap:1px;background:#444;margin:0 auto;width:fit-content;overflow:hidden}.game-board-border{border:10px solid #444;border-radius:4px}.block{position:relative;width:40px;height:40px;border-radius:5px;cursor:pointer;transition:all .2s ease;border:1px solid #444;box-sizing:border-box;background-image:linear-gradient(#fff9,#fff0 50%,#0000004d 50%,#fff3);overflow:hidden}.block:before{content:"";display:block;height:.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:calc(100% - 7.5rem);border-radius:100%;opacity:.7;background:#fff linear-gradient(-270deg,#fff0,#fff 20% 80%,#fff0)}.block:after{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:50%;background:linear-gradient(#fff9,#ffffff0d)}.block.removing{animation:disappear .1s ease-out forwards;opacity:0;transform:scale(0)}@keyframes disappear{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.block.falling{animation:fall .3s ease-in}.block.falling-distance{animation:fallDistance .3s ease-in}@keyframes fall{0%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes fallDistance{0%{transform:translateY(calc(-1 * var(--fall-distance)))}to{transform:translateY(0)}}.block-red{background:linear-gradient(#ee5a24,#ff6b6b)}.block-blue{background:linear-gradient(#4834d4,#686de0)}.block-green{background:linear-gradient(#6ab04c,#badc58)}.block-yellow{background:linear-gradient(#f0932b,#f9ca24)}.block-purple{background:linear-gradient(#be2edd,#e056fd)}.empty{width:40px;height:40px;border-radius:5px;background:#ffffff1a}.game-controls{text-align:center;margin-top:20px}#game-retry:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}#game-retry:active{transform:translateY(0)}.fireworks{z-index:3000;pointer-events:none;width:100%;height:100%;position:absolute}