.skin-toolbar { max-width:600px; margin:0 auto 16px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border:1px solid #dce6d5; border-radius:16px; background:#f6f9f2; color:#243b29; box-sizing:border-box; }
.skin-toolbar strong { display:block; font-size:15px; }
.skin-toolbar span { display:block; font-size:12px; margin-top:4px; opacity:.7; }
.skin-options { display:flex; gap:6px; flex-wrap:wrap; }
.skin-options button { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid transparent; border-radius:10px; background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:14px; white-space:nowrap; }
.skin-options button[aria-pressed=true] { background:white; border-color:#a5be91; box-shadow:0 2px 5px #233b2910; }
.skin-options button:focus-visible { outline:3px solid #43a9df; outline-offset:3px; }
.skin-dot { width:13px; height:13px; border-radius:50%; display:inline-block; }
.skin-dot.original { background:#aad751; box-shadow:inset -4px 0 #4e7cf6; }
.skin-dot.midnight { background:#112448; box-shadow:inset -4px 0 #21dce6; }
html[data-snake-skin=midnight] .skin-toolbar { background:#101f3c; border-color:#28496f; color:#dceafb; }
html[data-snake-skin=midnight] .skin-options button[aria-pressed=true] { background:#1a3657; border-color:#21dce6; color:#6ceaf1; }
html[data-snake-skin=midnight] #Q3CKle { background:#0c1931; }
html[data-snake-skin=midnight] #fj6BWc { background:#101f3c; }
html[data-snake-skin=midnight] .EjCLSb { border-radius:15px; box-shadow:0 0 0 2px #2c67af,0 12px 32px #07142830; overflow:hidden; }
html[data-snake-skin=midnight] #Z3vFrd { background:rgba(5,13,30,.82); }
html[data-snake-skin=midnight] .FL0z2d { background:#168caa; }
@media(max-width:560px) { .skin-toolbar { margin:0 10px 12px; padding:12px; flex-wrap:wrap; } .skin-options { flex:1 1 100%; flex-wrap:wrap; } .skin-options button { justify-content:center; flex:1; } }
/* Keep the original absolute-positioned result overlay within the game. */
.EjCLSb { position:relative; }
html[data-snake-skin=midnight] #NLEtbb { background:#142b50; }

.skin-dot.sunset { background:#f4dfb7; box-shadow:inset -4px 0 #ef795f; }
html[data-snake-skin=sunset] .skin-toolbar { background:#fff5e7; border-color:#d9b698; color:#694733; }
html[data-snake-skin=sunset] .skin-options button[aria-pressed=true] { background:#f9ddc8; border-color:#c47253; color:#873f30; }
html[data-snake-skin=sunset] #Q3CKle { background:#694733; }
html[data-snake-skin=sunset] #fj6BWc { background:#b98260; }
html[data-snake-skin=sunset] .EjCLSb { border-radius:15px; box-shadow:0 0 0 2px #c39470,0 12px 32px #69473322; overflow:hidden; }
html[data-snake-skin=sunset] #Z3vFrd { background:rgba(54,32,25,.78); }
html[data-snake-skin=sunset] #NLEtbb { background:#b98260; }
html[data-snake-skin=sunset] .FL0z2d { background:#914e39; }