:root{--bg-color:#81ecec;--text-color:#2f3640;--font-main:"Nunito", sans-serif;--font-title:"Fredoka One", cursive}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#back-to-portal{color:#576574;z-index:100;background:#fff;border-radius:20px;align-items:center;padding:8px 15px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:15px;left:15px;box-shadow:0 4px 10px #0003}#game-container{flex-direction:column;align-items:center;width:100%;max-width:600px;height:100dvh;max-height:100dvh;padding:10px 20px;display:flex;position:relative}header{background:#fff;border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-top:40px;margin-bottom:15px;padding:10px 15px;display:flex;box-shadow:0 8px 15px #0000001a}h1{font-family:var(--font-title);font-size:1.3rem}.score-board{color:#ff9ff3;background:#f1f2f6;border-radius:12px;padding:5px 15px;font-size:1.2rem;font-weight:900}main{background:#74b9ff;border-radius:20px;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}canvas{width:100%;height:100%;display:block}.overlay{text-align:center;color:#fff;background:#0009;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.overlay.hidden{display:none}.overlay h2{font-family:var(--font-title);color:#ff9ff3;margin-bottom:15px;font-size:2.5rem}.overlay p{margin-bottom:30px;font-size:1.2rem;line-height:1.5}.action-btn{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-main);cursor:pointer;border:none;border-radius:30px;padding:15px 40px;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #0003}.action-btn:active{transform:translateY(6px);box-shadow:0 0 #0003}#controls-hint{text-align:center;color:#576574;background:#fffc;border-radius:12px;flex-shrink:0;width:100%;margin-top:10px;padding:8px;font-size:.85rem;font-weight:800}