@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";:root{--font-main: "Fredoka One", cursive, system-ui, sans-serif;--color-paper: #fdf6e3;--color-paper-shadow: #dcd0b3;--color-text: #5d4037;--color-accent: #ffb74d;--color-button-hover: #ffa726;--color-border: #8d6e63;--shadow-ui: 4px 4px 0px rgba(0,0,0,.15);--radius-ui: 16px;font-family:var(--font-main);line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text);background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow:hidden}#app{position:fixed;top:0;left:0;width:100%;height:100%}canvas{display:block;width:100%;height:100%;outline:none}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.ui-top-bar{display:flex;justify-content:flex-end;gap:12px;pointer-events:auto}.game-btn{background-color:var(--color-paper);color:var(--color-text);font-family:var(--font-main);font-size:1rem;border:3px solid var(--color-border);border-radius:var(--radius-ui);padding:8px 16px;cursor:pointer;box-shadow:var(--shadow-ui);transition:transform .1s,box-shadow .1s,background-color .2s;text-transform:uppercase;letter-spacing:.5px}.game-btn:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:6px 6px #00000026}.game-btn:active{transform:translateY(2px);box-shadow:2px 2px #00000026}.game-btn.active{background-color:#8bc34a;color:#fff;border-color:#558b2f}.hud-score{position:absolute;top:20px;left:20px;font-size:2rem;color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.3);pointer-events:none}