@layer base{:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#020a0f;min-width:320px;min-height:100%}body{overflow-x:hidden;color:#efffff;background:radial-gradient(circle at 16% 18%,#4ae6ff42,#0000 18rem),radial-gradient(circle at 84% 12%,#a4ff6c33,#0000 17rem),radial-gradient(circle at 50% 100%,#26717e47,#0000 22rem),linear-gradient(145deg,#02080d 0%,#06202a 46%,#031117 100%);min-width:320px;min-height:100vh;margin:0}body:before{position:fixed;z-index:-2;content:"";filter:blur(10px);opacity:.78;background:linear-gradient(112deg,#0000 8%,#ffffff1a 9%,#0000 15%),linear-gradient(72deg,#0000 35%,#68ffe514 37%,#0000 44%),radial-gradient(at 44% 34%,#ffffff1f,#0000 20rem);inset:-20%;transform:rotate(-8deg)}body:after{position:fixed;z-index:-1;content:"";mask-image:radial-gradient(circle,#000,#0000 74%);background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:4.25rem 4.25rem;inset:0}button{font:inherit}}#root{min-height:100vh}.snake-shell{--pointer-x:58%;--pointer-y:34%;--tilt-x:0;--tilt-y:0;display:grid;place-items: center;min-height:100vh;padding:clamp(1rem,3vw,2rem)}.game-panel{position:relative;overflow:hidden;z-index:20;transform:perspective(1200px)rotateX(calc(var(--tilt-x)*-.55deg))rotateY(calc(var(--tilt-y)*.55deg));background:0 0;border:1px solid #cbffff42;border-radius:8px;width:min(100%,68rem);padding:clamp(1rem,2.4vw,1.35rem);transition:transform .18s ease-out;box-shadow:inset 0 1px #ffffff61,inset 0 -1px #46ffd91f,0 2rem 5rem #00000070}.glass-lens{position:absolute;z-index:20;border-radius:inherit;pointer-events:none;background:#0513193d;inset:0}.panel-content{position:relative;z-index:21}.game-panel:before,.game-panel:after{position:absolute;pointer-events:none;content:""}.game-panel:before{border-radius:inherit;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff75,transparent 9rem),linear-gradient(115deg,#ffffff57,transparent 24%),radial-gradient(circle at 84% 14%,#abff6f3d,transparent 12rem),repeating-linear-gradient(104deg,#ffffff0b 0 1px,transparent 1px 24px);mix-blend-mode:screen;opacity:.74;animation:liquid-shift 8s ease-in-out infinite alternate;inset:0}.game-panel:after{background:linear-gradient(100deg,transparent 3%,#ffffff38 10%,transparent 18%),radial-gradient(circle at var(--pointer-x)var(--pointer-y),#6bffe629,transparent 11rem);opacity:.8;border:1px solid #e8ffff2e;border-radius:7px;inset:.45rem}.game-topbar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items: end;gap:1rem;margin-bottom:1rem}.eyebrow{color:#b7fcf5b8;letter-spacing:0;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:800}h1{color:#f5fffb;letter-spacing:0;text-shadow:0 0 2rem #60f3ff5c,0 1px #ffffff59;margin:0;font-size:clamp(2.2rem,7vw,5rem);font-weight:900;line-height:.92}.status-pill{color:#eafffb;text-align:center;backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#ffffff47,#ffffff14),#081e258a;border:1px solid #d2ffff4d;border-radius:999px;min-width:6.5rem;padding:.55rem .85rem;font-size:.88rem;font-weight:850;box-shadow:inset 0 1px #ffffff5c,0 .75rem 2rem #00000038}.play-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(18rem,31.5rem)minmax(17rem,22rem);align-items:stretch;gap:1rem}.board-wrap{position:relative;overflow:hidden;aspect-ratio:1;backdrop-filter:blur(18px)saturate(170%);background:#071a219e;border:1px solid #c1ffff52;border-radius:8px;width:100%;box-shadow:inset 0 1px #ffffff52,inset 0 0 2.5rem #68f7ff17,0 1.5rem 4rem #0000006b}.board-wrap:before{position:absolute;z-index:1;content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(128deg,#ffffff2e,#0000 28%),radial-gradient(circle at 78% 8%,#b9ff7629,#0000 10rem);inset:0}.board-wrap:after{position:absolute;z-index:1;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#fff3,transparent 8rem),conic-gradient(from 210deg at 50% 50%,transparent,#5cf0ff14,transparent,#9eff6f14,transparent);content:"";filter:blur(.5px);mix-blend-mode:screen;opacity:.8;pointer-events:none;animation:liquid-drift 9s ease-in-out infinite alternate;inset:-12%}.game-board{display:block;image-rendering:crisp-edges;width:100%;height:100%}.board-overlay{position:absolute;z-index:2;display:grid;text-align:center;pointer-events:none;place-content: center;gap:.45rem;padding:1.25rem;inset:0}.board-overlay strong{color:#f7fffb;letter-spacing:0;text-shadow:0 0 1.8rem #67f4ff6b;font-size:clamp(1.6rem,6vw,3.4rem);font-weight:900;line-height:1}.board-overlay span{color:#daf5f4d1;font-size:clamp(.88rem,2.7vw,1rem);font-weight:760}.side-panel{position:relative;overflow:hidden;display:flex;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff38,transparent 10rem),linear-gradient(142deg,#ffffff26,#ffffff0b 48%,#80ffd513),#05141b80;backdrop-filter:blur(26px)saturate(175%)contrast(108%);border:1px solid #cbffff3d;border-radius:8px;flex-direction:column;justify-content:space-between;gap:1rem;min-width:0;padding:clamp(1rem,2.4vw,1.35rem);box-shadow:inset 0 1px #ffffff47,0 1rem 3rem #00000042}.side-panel:before{position:absolute;border-radius:inherit;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff59,transparent 8rem),linear-gradient(120deg,#ffffff38,transparent 28%),repeating-linear-gradient(96deg,#ffffff0a 0 1px,transparent 1px 18px);content:"";mix-blend-mode:screen;opacity:.58;pointer-events:none;inset:0}.score-grid,.action-row,.dpad{position:relative;z-index:3}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.score-grid div{position:relative;overflow:hidden;backdrop-filter:blur(16px)saturate(155%);background:linear-gradient(145deg,#ffffff2e,#ffffff0b),#0a232b75;border:1px solid #d2ffff33;border-radius:8px;min-width:0;padding:.78rem;box-shadow:inset 0 1px #ffffff3d}.score-grid div:before{position:absolute;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#fff3,transparent 6rem),linear-gradient(115deg,#ffffff2e,transparent 35%);content:"";opacity:.5;pointer-events:none;inset:0}.score-grid span{display:block;color:#bae6e5b3;font-size:.74rem;font-weight:820}.score-grid strong{display:block;overflow-wrap:anywhere;color:#f4fffb;text-shadow:0 0 1.1rem #74ffe538;font-size:clamp(1.25rem,4vw,2rem);font-weight:920;line-height:1.1}.action-row{display:grid;grid-template-columns:1fr 3rem;gap:.65rem}.primary-action,.icon-action,.dpad button{position:relative;overflow:hidden;display:inline-flex;color:#f6fffb;cursor:pointer;backdrop-filter:blur(16px)saturate(145%);border:1px solid #daffff47;border-radius:8px;justify-content:center;align-items: center;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff57,0 .9rem 2rem #00000038}.primary-action:before,.icon-action:before,.dpad button:before{position:absolute;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff6b,transparent 5.5rem),linear-gradient(110deg,#ffffff47,transparent 32%);content:"";mix-blend-mode:screen;opacity:.56;pointer-events:none;inset:0}.primary-action>*,.icon-action>*,.dpad button>*{position:relative;z-index:1}.primary-action{color:#032325;background:linear-gradient(135deg,#cbff83eb,#39e687c2 48%,#3bdcff94),#54ffa76b;gap:.45rem;min-height:3rem;font-weight:920}.icon-action,.dpad button{background:linear-gradient(145deg,#ffffff2e,#ffffff0e),#071e2694;min-height:3rem}.primary-action:hover,.icon-action:hover,.dpad button:hover{border-color:#e6ffff85;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff6b,0 1rem 2.4rem #00000047,0 0 1.8rem #65ffe22e}.primary-action:active,.icon-action:active,.dpad button:active{transform:translateY(0)}.dpad{display:grid;grid-template-columns:repeat(3,minmax(3rem,1fr));grid-template-rows:repeat(3,3.2rem);align-self:stretch;gap:.5rem}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}@media (prefers-reduced-motion:reduce){.game-panel:before,.board-wrap:after{animation:none}.primary-action,.icon-action,.dpad button{transition:none}}@keyframes liquid-shift{0%{transform:translate(-1.5%,-1%)scale(1.02)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes liquid-drift{0%{transform:translate(-2%,1%)rotate(-1deg)}to{transform:translate(2%,-1%)rotate(1deg)}}@media (max-width:820px){.snake-shell{place-items: start center}.game-topbar{align-items: start}.play-layout{grid-template-columns:1fr}.side-panel{gap:.8rem}.dpad{align-self: center;max-width:24rem}}@media (max-width:440px){.game-panel{padding:.85rem}.game-topbar{flex-direction:column}.status-pill{width:100%}.score-grid{grid-template-columns:1fr}}