.arcade-hanoi-shell{--hanoi-disk-1:#f8d56b;--hanoi-disk-2:#8bd5ab;--hanoi-disk-3:#77bcec;--hanoi-disk-4:#c7a1e9;--hanoi-disk-5:#eea18f;--hanoi-disk-ink:#182a38;--hanoi-disk-shine:#fff4d6}@supports (color:lab(0% 0 0)){.arcade-hanoi-shell{--hanoi-disk-1:lab(86.7398% 3.64408 56.1502);--hanoi-disk-2:lab(79.5647% -30.7761 13.216);--hanoi-disk-3:lab(73.0499% -12.7692 -31.2145);--hanoi-disk-4:lab(71.6882% 24.4985 -31.0724);--hanoi-disk-5:lab(73.6997% 27.8684 21.6538);--hanoi-disk-ink:lab(16.0177% -4.01391 -11.5039);--hanoi-disk-shine:lab(96.484% .269741 15.9106)}}.arcade-hanoi-stage{max-width:540px;margin-inline-start:auto;margin-inline-end:auto;scroll-margin-top:6rem}.arcade-hanoi-copy,.arcade-hanoi-title{overflow-wrap:anywhere}.arcade-hanoi-settings{color:var(--arcade-dot);gap:1rem;display:grid}.arcade-hanoi-readout{border:2px solid var(--arcade-wall);color:var(--arcade-dot);background:var(--arcade-readout-background);text-align:center;letter-spacing:.12em;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;padding:.75rem .5rem;font-size:.85rem;display:grid}.arcade-hanoi-readout p{overflow-wrap:anywhere;margin:0}.arcade-hanoi-readout strong{font-size:1.8rem;font-weight:400;display:block}.arcade-hanoi-board{aspect-ratio:3/2;border:4px solid var(--arcade-wall);background:var(--arcade-board-background);width:100%;box-shadow:0 0 0 2px var(--arcade-wall), 0 0 18px var(--arcade-board-shadow);direction:ltr;position:relative}.arcade-hanoi-board canvas{width:100%;height:100%;display:block}.arcade-hanoi-pegs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.arcade-hanoi-peg{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:44px;min-height:44px;margin:3px}.arcade-hanoi-peg:focus-visible{outline:3px solid var(--arcade-ghost);outline-offset:-4px}.arcade-hanoi-peg:disabled{cursor:default}.arcade-hanoi-overlay{text-align:center;gap:1rem;padding:.75rem}.arcade-hanoi-overlay .arcade-hanoi-title{color:var(--arcade-dot);font-size:max(1rem,min(4vw,1.6rem))}.arcade-hanoi-message{text-align:center;overflow-wrap:anywhere;min-height:3.5rem;padding:.75rem .25rem;font-size:1rem}.arcade-hanoi-result{text-align:center;overflow-wrap:anywhere;gap:.35rem;margin-bottom:1rem;font-size:.9rem;display:grid}.arcade-hanoi-leaderboard{max-width:540px;margin:1rem auto}.arcade-hanoi-control-dock{z-index:20;max-width:540px;padding:1rem .5rem max(env(safe-area-inset-bottom), .9rem);border-top:2px solid var(--arcade-control-dock-border);background:var(--arcade-control-dock-background);flex-wrap:wrap;gap:.65rem;margin:.5rem auto 0;display:flex;position:sticky;bottom:0}.arcade-hanoi-control-dock>button{white-space:normal;overflow-wrap:anywhere;flex:1 1 0;min-width:0;height:auto;min-height:48px;padding:.65rem .3rem;font-size:.9rem;line-height:1.25}.arcade-hanoi-control-dock>p{text-align:center;width:100%;margin:0;font-size:.85rem}.arcade-hanoi-footer{text-align:center;max-width:540px;margin:1rem auto;font-size:.9rem}.arcade-hanoi-shell[data-hanoi-language=ar] .arcade-retro,.arcade-hanoi-shell[data-hanoi-language=fa] .arcade-retro,.arcade-hanoi-shell[data-hanoi-language=zh] .arcade-retro{letter-spacing:normal}@media (min-width:640px){.arcade-hanoi-control-dock{border:2px solid var(--arcade-control-dock-border)}}