*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{overflow:hidden}:root{--background:#121212;--surface:#1d1d1d;--foreground:#f5f5f5;--muted:#bdbdbd;--primary:#42d392;--shadow:#000;--border:#fff;--font:"Courier New", monospace}.snake-view{background-color:var(--background);background-image:radial-gradient(#42d39233 1px,#0000 1px);background-size:16px 16px;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.snake-view__header{background:var(--surface);border-bottom:2px solid var(--primary);width:100%;height:64px;box-shadow:0 4px 0 var(--shadow);flex-shrink:0;align-items:center;display:flex}.snake-view__back{color:var(--foreground);font-family:var(--font);cursor:pointer;background:0 0;border:0;margin-left:24px;padding:0;font-size:28px;font-weight:700;transition:color .15s}.snake-view__back:hover{color:var(--primary)}.snake-view__game{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.snake-view__game canvas{background:var(--background)}