.snake-container{align-items:center;gap:var(--s-3);width:100%;max-width:640px;padding:var(--s-2);flex-direction:column;margin:0 auto;display:flex}.snake-nokia-frame{background:var(--bg-warm);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-4);align-items:center;gap:var(--s-3);flex-direction:column;width:100%;display:flex}.snake-screen-bezel{background:var(--bg-deep);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);padding:var(--s-3);flex-direction:column;align-items:center;width:100%;display:flex}.snake-lcd-screen{background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-xs);box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.snake-lcd-header{width:100%;padding:var(--s-1) var(--s-2);font-family:var(--font-mono,monospace);font-size:var(--t-xs);border-bottom:var(--border-w) solid var(--ink);color:var(--ink);justify-content:space-between;align-items:center;font-weight:700;display:flex}.snake-canvas{image-rendering:pixelated;background:0 0;max-width:100%;height:auto;display:block}.snake-scoreboard{justify-content:space-around;gap:var(--s-2);width:100%;padding:var(--s-2);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--shadow-1);flex-wrap:wrap;display:flex}.snake-stat-col{font-family:var(--font-mono,monospace);flex-direction:column;align-items:center;display:flex}.snake-stat-label{font-size:var(--t-xs);color:var(--gray-5);text-transform:uppercase}.snake-stat-val{font-size:var(--t-md);color:var(--ink);font-weight:700}.snake-controls-dpad{align-items:center;gap:var(--s-1);margin-top:var(--s-2);flex-direction:column;display:flex}.snake-controls-row{gap:var(--s-1);align-items:center;display:flex}.snake-key-btn{width:48px;height:48px;font-size:var(--t-lg);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--shadow-1);background:var(--surface);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:flex}.snake-key-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.snake-actions{gap:var(--s-2);width:100%;margin-top:var(--s-2);justify-content:center;display:flex}.snake-leaderboard{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);width:100%;padding:var(--s-2);font-family:var(--font-mono,monospace);font-size:var(--t-xs)}.snake-leaderboard-row{padding:var(--s-1) 0;border-bottom:var(--border-w) dashed var(--ink);justify-content:space-between;display:flex}.snake-leaderboard-row:last-child{border-bottom:none}