[data-game=snake]{--game-accent-h: 125;--game-accent-s: 85%;--game-accent-l: 46%;--game-accent: hsl(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l));--game-accent-hover: hsl(var(--game-accent-h), var(--game-accent-s), 55%);--game-accent-muted: hsl(var(--game-accent-h), 55%, 32%);--game-accent-subtle: hsl(var(--game-accent-h), 40%, 14%);--game-accent-glow: hsla(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l), .35)}.snake-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-2)) var(--space-4) var(--space-8);gap:var(--space-4);max-width:680px;margin:0 auto;width:100%;box-sizing:border-box}.snake-lobby{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.snake-lobby__emoji{font-size:64px;line-height:1;animation:snake-wiggle 3s ease-in-out infinite}@keyframes snake-wiggle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.05)}}.snake-lobby__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.snake-lobby__desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:34ch;line-height:1.6}.game-hud-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:440px;gap:var(--space-3);margin-bottom:var(--space-1)}.hud-item{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3.5);display:flex;flex-direction:column;align-items:center;min-width:80px}.hud-item__value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--game-accent)}.hud-item__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.anagram-banner{background:var(--color-surface-raised);border:1.5px solid var(--game-accent-subtle);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1.5)}.anagram-word-display{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.anagram-letter-slot{width:36px;height:38px;border-bottom:3px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-text-tertiary);transition:all var(--duration-normal) var(--ease-spring)}.anagram-letter-slot.filled{border-bottom-color:var(--game-accent);color:var(--game-accent);text-shadow:0 0 8px var(--game-accent-glow);transform:scale(1.1);animation:slot-pop var(--duration-slow) var(--ease-spring)}@keyframes slot-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}.anagram-instruction{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.anagram-instruction span{color:var(--color-status-warning);font-weight:700}.grid-container{width:100%;max-width:440px;aspect-ratio:1;background:var(--color-surface-sunken);border:2px solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #0006;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr)}.snake-cell{aspect-ratio:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.snake-cell.empty:after{content:"";width:2px;height:2px;background:#ffffff0d;border-radius:50%}.snake-cell.wall{background:var(--color-text-tertiary);border:1px solid var(--color-surface-page);border-radius:var(--radius-sm);box-shadow:inset 0 0 6px #00000080}.snake-cell.snake-body{background:var(--game-accent-muted);border:1px solid var(--color-surface-sunken);border-radius:4px}.snake-cell.snake-head{background:var(--game-accent);border:1.5px solid var(--color-surface-sunken);border-radius:6px;box-shadow:0 0 10px var(--game-accent-glow);z-index:10}.snake-cell.snake-head:before,.snake-cell.snake-head:after{content:"";position:absolute;width:3.5px;height:3.5px;background:#fff;border-radius:50%;top:4px}.snake-cell.snake-head:before{left:4px}.snake-cell.snake-head:after{right:4px}.snake-cell.letter{z-index:5}.letter-inner{display:flex;align-items:center;justify-content:center;width:82%;height:82%;border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--game-accent);box-shadow:0 0 8px var(--game-accent-glow);color:var(--color-text-primary);font-family:var(--font-display);font-weight:900;font-size:var(--text-xs);line-height:1;animation:food-pulse 1.8s ease-in-out infinite}[data-theme=metallic] .letter-inner{text-shadow:0 0 3px rgba(0,0,0,.8)}.snake-cell.letter.target .letter-inner{border-color:var(--color-status-warning);box-shadow:0 0 12px #f59e0b99;animation:target-food-pulse 1.2s ease-in-out infinite}@keyframes food-pulse{0%,to{transform:scale(.92)}50%{transform:scale(1.05)}}@keyframes target-food-pulse{0%,to{transform:scale(.92);filter:brightness(1.2)}50%{transform:scale(1.15);filter:brightness(1.4)}}.touch-controller{width:100%;max-width:440px;margin-top:var(--space-2)}.dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:var(--space-2);margin:0 auto;width:max-content;-webkit-user-select:none;user-select:none}.dpad-btn{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--text-2xl);font-weight:800;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background:var(--game-accent);border-color:var(--game-accent);color:#fff;box-shadow:0 0 12px var(--game-accent-glow);transform:scale(.92)}.dpad-btn--up{grid-area:up}.dpad-btn--down{grid-area:down}.dpad-btn--left{grid-area:left}.dpad-btn--right{grid-area:right}.gameover-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;animation:modal-rise var(--duration-slow) var(--ease-spring)}.gameover-card__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;letter-spacing:-.02em}.gameover-card__stats{display:flex;gap:var(--space-6);justify-content:center;margin:var(--space-2) 0}.gameover-stat{display:flex;flex-direction:column;align-items:center}.gameover-stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;color:var(--game-accent)}.gameover-stat__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.gameover-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%}.gameover-card__actions .btn{flex:1;min-width:140px}@media (max-width: 480px){.touch-controller{display:block}}