*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;font-family:'Fredoka One','Varela Round','Segoe UI',Tahoma,sans-serif;touch-action:none;background:linear-gradient(135deg,#a1c4fd 0,#c2e9fb 100%);display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100%;height:100%;max-width:400px;max-height:711px;aspect-ratio:400/711;box-shadow:0 0 50px rgba(0,0,0,.3);border-radius:12px;background:#fff;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;padding:15px 15px;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}#ui-layer button{pointer-events:auto;padding:8px 12px;margin-left:0;background:#fff;border:3px solid #333;border-radius:8px;font-weight:800;cursor:pointer;box-shadow:2px 2px 0 #333;font-size:14px;color:#333;transition:all .1s;display:inline-flex;align-items:center;justify-content:center}#ui-layer button:active{transform:translate(2px,2px);box-shadow:0 0 0 #333}#ui-layer>div:last-child{display:flex;flex-direction:column;gap:8px}#level-info{font-size:28px;font-weight:900;color:gold;-webkit-text-stroke:1.5px #333;text-shadow:2px 2px 0 #333;letter-spacing:1px;line-height:1.1;max-width:120px;pointer-events:auto;cursor:pointer;transition:transform .1s}#level-info:active{transform:scale(.95)}#timer-display{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:40px;font-weight:900;color:#ff3b30;-webkit-text-stroke:2px white;text-shadow:2px 2px 0 #222;pointer-events:none;letter-spacing:2px}.hidden{display:none!important;opacity:0}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(20,30,48,.85);backdrop-filter:blur(5px);z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;pointer-events:auto;transition:opacity .3s}#overlay-title{font-size:56px;margin-bottom:10px;font-weight:900;text-shadow:3px 3px 0 gold,6px 6px 0 rgba(0,0,0,.4);letter-spacing:2px}#overlay-desc{font-size:18px;margin-bottom:40px;font-weight:700;background:rgba(0,0,0,.3);padding:8px 16px;border-radius:16px}#overlay button{padding:12px 24px;font-size:20px;font-weight:900;background:#4caf50;color:#fff;border:3px solid #fff;border-radius:12px;cursor:pointer;box-shadow:0 6px 0 #2e7d32,0 8px 12px rgba(0,0,0,.4);transition:all .1s;letter-spacing:1px}#overlay button:active{transform:translateY(8px);box-shadow:0 0 0 #2e7d32,0 2px 5px rgba(0,0,0,.4)}#btn-retry{background:#ff5252!important;box-shadow:0 8px 0 #d32f2f,0 12px 15px rgba(0,0,0,.4)!important}#btn-retry:active{box-shadow:0 0 0 #d32f2f,0 2px 5px rgba(0,0,0,.4)!important}#overlay-rules{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(20,30,48,.9);backdrop-filter:blur(5px);z-index:30;display:flex;justify-content:center;align-items:center;pointer-events:auto;transition:opacity .3s}.rules-content{background:#fff;color:#333;padding:30px;border-radius:20px;border:4px solid #333;box-shadow:0 10px 25px rgba(0,0,0,.5);width:85%;max-width:320px;display:flex;flex-direction:column;gap:15px}.rules-content h2{color:#2e7d32;text-align:center;font-size:28px;margin-bottom:5px}.rules-content ul{list-style-position:outside;margin-left:20px;font-family:'Segoe UI',Tahoma,sans-serif;font-size:14px;line-height:1.5;font-weight:500}.rules-content ul li{margin-bottom:8px}.rules-content ul ul{margin-top:5px;list-style-type:circle}#btn-close-rules{margin-top:15px;padding:12px;font-size:18px;font-weight:900;background:gold;color:#333;border:3px solid #333;border-radius:12px;cursor:pointer;box-shadow:0 6px 0 #b8860b,0 8px 12px rgba(0,0,0,.3);transition:transform .1s,box-shadow .1s;font-family:'Fredoka One','Varela Round',sans-serif}#btn-close-rules:active{transform:translateY(6px);box-shadow:0 0 0 #b8860b,0 2px 5px rgba(0,0,0,.3)}