:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0a0e17;--text-primary:#f1f5f9;--text-shadow:#0009;--photo-border:#94a3b859;--photo-shadow:#0000008c}*,:before,:after{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,system-ui,-apple-system,sans-serif}.liquid-ether-container{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.background{z-index:0;background-color:var(--bg-base);position:fixed;inset:0}.layout{min-height:100vh}.layout__content{z-index:1;position:relative}.shuffle-parent{white-space:normal;word-wrap:break-word;will-change:transform;visibility:hidden;display:inline-block}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{vertical-align:baseline;display:inline-block;position:relative;overflow:hidden}.shuffle-char-wrapper>span{will-change:transform;display:inline-flex}.shuffle-char{line-height:inherit;text-align:center;display:inline-block}.hero{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero__content{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.hero__photo{border:3px solid var(--photo-border);width:auto;max-height:40vh;box-shadow:0 8px 40px var(--photo-shadow);object-fit:cover;border-radius:1rem}.hero__text{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.hero__name{text-transform:uppercase;color:var(--text-primary);letter-spacing:.05em;text-shadow:0 2px 12px var(--text-shadow), 0 0 48px #0e749026;margin:0;font-family:"Press Start 2P",cursive;font-size:clamp(.7rem,2.5vw,1.75rem);font-weight:400;line-height:1.8}.hero__details{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.hero__detail{color:#cbd5e1;letter-spacing:.02em;align-items:center;gap:.65rem;font-family:Nunito,sans-serif;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:600;display:flex}.hero__detail-icon{color:#4ade80;filter:drop-shadow(0 0 6px #4ade8073);flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.hero__detail-icon svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.hero__scroll{color:#4ade80;opacity:.85;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s,color .2s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll:hover{opacity:1;color:#86efac}.hero__scroll-label{letter-spacing:.05em;text-shadow:0 0 16px #4ade8066;font-family:"Press Start 2P",cursive;font-size:clamp(.55rem,1.8vw,.85rem)}.hero__scroll-arrow{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #4ade8080);width:2rem;height:2rem;animation:1.8s ease-in-out infinite hero-scroll-bounce}@keyframes hero-scroll-bounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.hero__scroll-arrow{animation:none}}@media (width>=768px){.hero__content{text-align:left;flex-direction:row;gap:3rem}.hero__text{align-items:flex-start}.hero__photo{flex-shrink:0;max-height:50vh}}.snake{flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 1.5rem 5rem;display:flex}.snake__title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:"Press Start 2P",cursive;font-size:clamp(.85rem,2.5vw,1.25rem)}.snake__scoreboard{color:#4ade80;font-family:"Press Start 2P",cursive;font-size:clamp(.55rem,1.8vw,.85rem)}.snake__playfield{flex-direction:column;align-items:center;gap:1rem;width:min(100%,480px);display:flex}.snake__arena{aspect-ratio:1;touch-action:none;background:#0a0e17d9;border:3px solid #4ade8073;border-radius:.5rem;width:100%;position:relative;overflow:hidden;box-shadow:0 0 24px #39ff141f,inset 0 0 40px #0006}.snake__canvas{width:100%;height:100%;display:block}.snake__controls{grid-template-rows:repeat(2,3.25rem);grid-template-columns:repeat(3,3.25rem);justify-content:center;gap:.5rem;display:none}.snake__control-btn{color:#4ade80;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#4ade801f;border:2px solid #4ade808c;border-radius:.5rem;justify-content:center;align-items:center;width:3.25rem;min-width:48px;height:3.25rem;min-height:48px;padding:0;font-size:1.1rem;line-height:1;transition:background .15s,border-color .15s;display:flex}.snake__control-btn:active,.snake__control-btn.is-active{background:#4ade8059;border-color:#4ade80}.snake__control-btn--up{grid-area:1/2}.snake__control-btn--left{grid-area:2/1}.snake__control-btn--down{grid-area:2/2}.snake__control-btn--right{grid-area:2/3}.snake__message{color:#86efac;text-align:center;min-height:2.5rem;font-family:"Press Start 2P",cursive;font-size:clamp(.5rem,1.5vw,.7rem);line-height:1.8}.snake__hint{color:#f1f5f98c;text-align:center;max-width:28rem;font-size:.9rem;line-height:1.5}.snake__hint--desktop{display:block}.snake__hint--mobile{display:none}.snake__restart{color:#4ade80;cursor:pointer;touch-action:manipulation;background:#4ade801a;border:2px solid #4ade80;border-radius:.5rem;min-width:160px;min-height:48px;padding:1rem 1.75rem;font-family:"Press Start 2P",cursive;font-size:clamp(.6rem,2vw,.75rem);transition:background .15s,color .15s}.snake__restart:hover,.snake__restart:active{color:#0a0e17;background:#4ade80}.snake__initials{flex-direction:column;align-items:center;gap:.75rem;width:min(100%,20rem);display:flex}.snake__initials-label{color:#86efac;text-align:center;font-family:"Press Start 2P",cursive;font-size:clamp(.45rem,1.4vw,.6rem);line-height:1.8}.snake__initials-form{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.snake__initials-input{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#4ade80;background:#0a0e17e6;border:2px solid #4ade808c;border-radius:.5rem;outline:none;width:5.5rem;padding:.75rem .5rem;font-family:"Press Start 2P",cursive;font-size:clamp(.85rem,2.5vw,1.1rem)}.snake__initials-input:focus{border-color:#4ade80;box-shadow:0 0 12px #4ade8040}.snake__initials-save{color:#4ade80;cursor:pointer;touch-action:manipulation;background:#4ade801a;border:2px solid #4ade80;border-radius:.5rem;min-height:48px;padding:.75rem 1rem;font-family:"Press Start 2P",cursive;font-size:clamp(.45rem,1.4vw,.55rem)}.snake__initials-save:disabled{opacity:.4;cursor:not-allowed}.snake__initials-save:not(:disabled):hover,.snake__initials-save:not(:disabled):active{color:#0a0e17;background:#4ade80}.snake__leaderboard{background:#0a0e1799;border:2px solid #4ade804d;border-radius:.5rem;width:min(100%,20rem);padding:1.25rem}.snake__leaderboard-title{color:var(--text-primary);text-align:center;text-transform:uppercase;margin-bottom:1rem;font-family:"Press Start 2P",cursive;font-size:clamp(.5rem,1.6vw,.7rem)}.snake__leaderboard-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.snake__leaderboard-item{color:#4ade80;border-bottom:1px solid #4ade801f;justify-content:space-between;align-items:center;padding:.35rem 0;font-family:"Press Start 2P",cursive;font-size:clamp(.4rem,1.3vw,.55rem);display:flex}.snake__leaderboard-item:last-child{border-bottom:none}.snake__leaderboard-rank{color:#f1f5f973;min-width:1.5rem}.snake__leaderboard-empty{color:#f1f5f980;text-align:center;font-family:Nunito,sans-serif;font-size:.85rem;line-height:1.5}@media (width<=767px),(hover:none) and (pointer:coarse){.snake__controls{display:grid}.snake__hint--desktop{display:none}.snake__hint--mobile{display:block}}@media (width<=767px) and (orientation:portrait){.snake__arena{aspect-ratio:3/4}.snake__control-btn{width:3.5rem;height:3.5rem}}