@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a0533;--surface: #2d1054;--accent1: #ff6b6b;--accent2: #ffd93d;--accent3: #6bcb77;--accent4: #4d96ff;--text: #ffffff;--hud-bg: rgba(255, 255, 255, .08)}body{font-family:Fredoka One,cursive;background:linear-gradient(135deg,#1a0533,#0d2137);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem}header{width:100%;max-width:520px;margin-bottom:1rem}.back-link{color:#ffffff8c;text-decoration:none;font-size:.9rem;font-family:system-ui,-apple-system,sans-serif;transition:color .15s}.back-link:hover{color:#fff}main{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:520px}#hud{display:flex;justify-content:space-around;width:100%;max-width:480px;background:var(--hud-bg);border-radius:14px;padding:.6rem 1rem;border:1px solid rgba(255,255,255,.1)}.hud-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-family:system-ui,-apple-system,sans-serif;font-weight:600}#score-display,#level-display,#high-score-display{font-size:1.6rem;line-height:1;color:var(--accent2)}#level-display{color:var(--accent4)}#high-score-display{color:var(--accent3)}#game-container{border-radius:16px;overflow:hidden;box-shadow:0 0 0 3px #ffffff1f,0 0 40px #6dcb7740,0 8px 32px #00000080;line-height:0;width:100%;max-width:480px}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none}#dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:6px;margin-top:.75rem}#btn-up{grid-area:up}#btn-left{grid-area:left}#btn-right{grid-area:right}#btn-down{grid-area:down}.dpad-btn{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-size:1.4rem;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background:#ffffff47;transform:scale(.9)}@media(max-width:400px){.dpad-btn{width:56px;height:56px;font-size:1.2rem}#dpad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px)}}