.arrow-game{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;margin:0 auto;display:flex}.arrow-hud{background:var(--surface-1,#fff8ee);border:2px solid var(--border,#1b1726);width:100%;font-family:var(--font-heading,inherit);border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.arrow-hud-lives{align-items:center;gap:4px;display:flex}.arrow-heart{filter:grayscale(0%);transition:filter var(--dur-fast,.15s);font-size:16px}.arrow-heart.lost{filter:grayscale()opacity(30%)}.arrow-hud-counter{color:var(--ink-secondary,#6b6575)}.arrow-hud-timer{font-variant-numeric:tabular-nums;color:var(--ink-primary,#1b1726)}.arrow-board-wrap{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-width:356px;position:relative}.arrow-board-grid{background:var(--surface-2,#f4eedb);border:2px solid var(--border,#1b1726);width:100%;height:100%;box-shadow:3px 3px 0 var(--border,#1b1726);border-radius:12px;display:grid;position:relative;overflow:hidden}.arrow-cell-btn{cursor:pointer;z-index:2;touch-action:manipulation;background:0 0;border:none;width:100%;height:100%;padding:0;position:relative}.arrow-cell-btn:focus-visible{outline:3px solid var(--board-accent,#4da8ff);outline-offset:-3px}.arrow-svg-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.arrow-group{transition:transform var(--dur-slow,.3s) cubic-bezier(.4, 0, .2, 1), opacity var(--dur-slow,.3s) ease}.arrow-group.sliding-0{opacity:0;transform:translateY(-120%)}.arrow-group.sliding-1{opacity:0;transform:translate(120%)}.arrow-group.sliding-2{opacity:0;transform:translateY(120%)}.arrow-group.sliding-3{opacity:0;transform:translate(-120%)}@keyframes bump-up{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes bump-right{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}@keyframes bump-down{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes bump-left{0%{transform:translate(0)}50%{transform:translate(-8px)}to{transform:translate(0)}}.arrow-group.bump-0{animation:bump-up var(--dur-fast,.15s) ease}.arrow-group.bump-1{animation:bump-right var(--dur-fast,.15s) ease}.arrow-group.bump-2{animation:bump-down var(--dur-fast,.15s) ease}.arrow-group.bump-3{animation:bump-left var(--dur-fast,.15s) ease}@keyframes blocker-flash{0%,to{filter:drop-shadow(0 0 #0000)}25%,75%{filter:drop-shadow(0 0 6px #ff5a36)drop-shadow(0 0 2px #ff5a36)}}.arrow-group.blocker-flashing{animation:.4s 2 blocker-flash}@media (prefers-reduced-motion:reduce){.arrow-group{transition:opacity var(--dur-fast,.15s) ease!important}.arrow-group.sliding-0,.arrow-group.sliding-1,.arrow-group.sliding-2,.arrow-group.sliding-3{opacity:0;transform:none!important}.arrow-group.bump-0,.arrow-group.bump-1,.arrow-group.bump-2,.arrow-group.bump-3{opacity:.5;animation:none!important}}@media (max-height:430px){.arrow-game{gap:8px}.arrow-board-wrap{max-width:212px}}