.pocket-stage{--u:min(calc((100vw - 32px)/360),calc((100svh - 116px)/590),1.3px);flex-direction:column;align-items:center;gap:18px;display:flex}@media (orientation:landscape) and (max-height:540px) and (max-width:1023px){.pocket-stage{--u:min(calc((100vw - 40px)/360),calc((100svh - 24px)/590),1.05px)}}@media (min-width:1024px){.pocket-stage{--u:max(.78px,min(calc((100svh - 240px)/590),calc(36vw/360),1.3px))}}.pocket{width:calc(var(--u)*360);height:calc(var(--u)*590);border-radius:calc(var(--u)*16)calc(var(--u)*16)calc(var(--u)*80)calc(var(--u)*16);box-shadow:inset 0 calc(var(--u)*1.5)0 #ffffffe6,inset calc(var(--u)*-3)calc(var(--u)*-4)calc(var(--u)*10)#5a503c24,inset calc(var(--u)*2)0 calc(var(--u)*4)#ffffff80,0 calc(var(--u)*2)calc(var(--u)*2)#3c34231f,0 calc(var(--u)*18)calc(var(--u)*30)#3c342329,0 calc(var(--u)*50)calc(var(--u)*80)calc(var(--u)*-20)#3c342359;transform:perspective(1800px)rotateX(var(--tilt-x,0deg))rotateY(var(--tilt-y,0deg))rotate(var(--rest-rot,0deg));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;background:radial-gradient(120% 55% at 25% 0,#ffffff8c,#0000 60%),linear-gradient(165deg,#f2efe8 0%,#e5e1d7 50%,#d7d2c6 100%);flex-shrink:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:.9s cubic-bezier(.2,.8,.2,1) both pocket-in;position:relative}@media (min-width:1024px){.pocket{--rest-rot:-2deg}}@keyframes pocket-in{0%{opacity:0;translate:0 calc(var(--u)*28)}to{opacity:1;translate:0}}.pocket button{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;padding:0}.pocket button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pocket__seam{left:0;right:0;top:calc(var(--u)*24);height:calc(var(--u)*2);border-top:calc(var(--u)*1)solid #50463224;border-bottom:calc(var(--u)*1)solid #ffffffbf;position:absolute}.pocket__seam:before,.pocket__seam:after{content:"";width:calc(var(--u)*2);height:calc(var(--u)*24);border-left:calc(var(--u)*1)solid #50463224;border-right:calc(var(--u)*1)solid #ffffffbf;position:absolute;bottom:100%}.pocket__seam:before{left:calc(var(--u)*24)}.pocket__seam:after{right:calc(var(--u)*24)}.pocket__power{top:calc(var(--u)*-6);left:calc(var(--u)*38);width:calc(var(--u)*26);height:calc(var(--u)*7);border-radius:calc(var(--u)*3)calc(var(--u)*3)0 0;box-shadow:inset 0 calc(var(--u)*1)0 #fffc;background:linear-gradient(#dcd8ce,#c9c4b8);transition:translate .22s;position:absolute}.pocket__power:before{content:"";inset:calc(var(--u)*-10);position:absolute}.pocket__power[data-on]{translate:calc(var(--u)*16)0}.pocket__power-label{pointer-events:none;top:calc(var(--u)*9);left:calc(var(--u)*30);font:500 calc(var(--u)*6.5)/1 var(--font-geist-mono),monospace;letter-spacing:.12em;color:#3c372d80;position:absolute}.pocket__bezel{top:calc(var(--u)*40);left:calc(var(--u)*22);width:calc(var(--u)*316);height:calc(var(--u)*266);border-radius:calc(var(--u)*10)calc(var(--u)*10)calc(var(--u)*46)calc(var(--u)*10);box-shadow:inset 0 calc(var(--u)*1)0 #ffffff2e,inset 0 calc(var(--u)*-2)calc(var(--u)*5)#00000047,0 calc(var(--u)*1)0 #ffffffb3,0 calc(var(--u)*-1)calc(var(--u)*1)#00000014;background:linear-gradient(#75747c 0%,#66656d 100%);position:absolute}.pocket__bezel:before{content:"";top:calc(var(--u)*10);left:calc(var(--u)*14);right:calc(var(--u)*14);height:calc(var(--u)*4);background:linear-gradient(to bottom,#8b4a5e 0 calc(var(--u)*1.5),transparent calc(var(--u)*1.5)calc(var(--u)*2.5),#4a5189 calc(var(--u)*2.5)calc(var(--u)*4));position:absolute}.pocket__bezel-label{top:calc(var(--u)*9);padding:0 calc(var(--u)*7);white-space:nowrap;font:500 calc(var(--u)*6)/1 var(--font-geist-mono),monospace;letter-spacing:.16em;color:#ffffff9e;background:#74737b;position:absolute;left:50%;translate:-50%}.pocket__led{top:calc(var(--u)*96);left:calc(var(--u)*13);width:calc(var(--u)*7);height:calc(var(--u)*7);box-shadow:inset 0 calc(var(--u)*1)calc(var(--u)*1)#00000080;background:#4b2b30;border-radius:50%;transition:background .25s,box-shadow .25s;position:absolute}.pocket__led[data-on]{box-shadow:0 0 calc(var(--u)*4)#ff3c46e6,0 0 calc(var(--u)*12)#ff3c4673;background:radial-gradient(circle at 35% 35%,#ff9e9e,#ef2c3a 60%)}.pocket__led-label{top:calc(var(--u)*108);left:calc(var(--u)*5);font:500 calc(var(--u)*5)/1 var(--font-geist-mono),monospace;letter-spacing:.1em;color:#ffffff80;position:absolute}.pocket__lcd{top:calc(var(--u)*28);left:calc(var(--u)*34);width:calc(var(--u)*248);height:calc(var(--u)*222);border-radius:calc(var(--u)*3);background:var(--lcd-0);box-shadow:inset 0 calc(var(--u)*2)calc(var(--u)*6)#0000004d,inset 0 0 0 calc(var(--u)*1)#0000004d;transition:background-color .3s;position:absolute;overflow:hidden}.pocket__lcd:not([data-on]){background:color-mix(in srgb,var(--lcd-0)62%,#3b4030)}.pocket__lcd:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff29 0%,#fff0 38%),repeating-linear-gradient(0deg,#0000000b 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000b 0 1px,#0000 1px 3px);position:absolute;inset:0}.pocket__screen{animation:.16s steps(3,end) both lcd-in;position:absolute;inset:0}@keyframes lcd-in{0%{opacity:.15}to{opacity:1}}.pocket__brand{top:calc(var(--u)*320);left:calc(var(--u)*26);align-items:baseline;gap:calc(var(--u)*7);color:#2f3479;display:flex;position:absolute}.pocket__wordmark{font:italic 800 calc(var(--u)*22)/1 var(--font-geist),sans-serif;letter-spacing:-.03em}.pocket__edition{font:600 calc(var(--u)*6)/1 var(--font-geist-mono),monospace;letter-spacing:.16em}.pocket__dpad-well{left:calc(var(--u)*22);top:calc(var(--u)*378);width:calc(var(--u)*120);height:calc(var(--u)*120);background:radial-gradient(circle,#5a503c1a 0 55%,#5a503c00 71%);border-radius:50%;position:absolute}.pocket__dpad{left:calc(var(--u)*34);top:calc(var(--u)*390);width:calc(var(--u)*96);height:calc(var(--u)*96);transition:transform 70ms ease-out;position:absolute}.pocket__dpad[data-dir=up]{transform:perspective(calc(var(--u)*260))rotateX(9deg)}.pocket__dpad[data-dir=down]{transform:perspective(calc(var(--u)*260))rotateX(-9deg)}.pocket__dpad[data-dir=left]{transform:perspective(calc(var(--u)*260))rotateY(-9deg)}.pocket__dpad[data-dir=right]{transform:perspective(calc(var(--u)*260))rotateY(9deg)}.pocket__cross{filter:drop-shadow(0 calc(var(--u)*3)0 #121114)drop-shadow(0 calc(var(--u)*6)calc(var(--u)*6)#0000004d);position:absolute;inset:0}.pocket__cross>span{border-radius:calc(var(--u)*5);background:linear-gradient(150deg,#3d3c42,#242327);position:absolute}.pocket__cross-v{left:calc(var(--u)*33);width:calc(var(--u)*30);height:100%;top:0}.pocket__cross-h{top:calc(var(--u)*33);width:100%;height:calc(var(--u)*30);left:0}.pocket__cross .pocket__dimple{left:calc(var(--u)*39);top:calc(var(--u)*39);width:calc(var(--u)*18);height:calc(var(--u)*18);background:radial-gradient(circle at 50% 35%,#19181b,#2e2d32 75%);border-radius:50%}.pocket__dir{background:0 0;place-items:center;display:grid;position:absolute}.pocket__dir--up{left:calc(var(--u)*26);top:calc(var(--u)*-8);width:calc(var(--u)*44);height:calc(var(--u)*42)}.pocket__dir--down{left:calc(var(--u)*26);bottom:calc(var(--u)*-8);width:calc(var(--u)*44);height:calc(var(--u)*42)}.pocket__dir--left{top:calc(var(--u)*26);left:calc(var(--u)*-8);width:calc(var(--u)*42);height:calc(var(--u)*44)}.pocket__dir--right{top:calc(var(--u)*26);right:calc(var(--u)*-8);width:calc(var(--u)*42);height:calc(var(--u)*44)}.pocket__dir i{border:calc(var(--u)*4.5)solid transparent;opacity:.4;width:0;height:0}.pocket__dir--up i{border-top-width:0;border-bottom-color:#8c8a92}.pocket__dir--down i{border-top-color:#8c8a92;border-bottom-width:0}.pocket__dir--left i{border-left-width:0;border-right-color:#8c8a92}.pocket__dir--right i{border-left-color:#8c8a92;border-right-width:0}.pocket__ab-well{left:calc(var(--u)*204);top:calc(var(--u)*395);width:calc(var(--u)*124);height:calc(var(--u)*58);border-radius:calc(var(--u)*29);box-shadow:inset 0 calc(var(--u)*2)calc(var(--u)*4)#5a503c29,0 calc(var(--u)*1)0 #fff9;background:#5a503c12;position:absolute;rotate:-25deg}.pocket__round{width:calc(var(--u)*44);height:calc(var(--u)*44);box-shadow:0 calc(var(--u)*3)0 #5e1830,0 calc(var(--u)*6)calc(var(--u)*9)#3c141e59,inset 0 calc(var(--u)*1)calc(var(--u)*1)#ffffff59;background:radial-gradient(circle at 38% 30%,#c9547a 0%,#a2305a 45%,#85213f 100%);border-radius:50%;transition:translate 60ms,box-shadow 60ms;position:absolute}.pocket__round[data-pressed]{translate:0 calc(var(--u)*2);box-shadow:0 calc(var(--u)*1)0 #5e1830,0 calc(var(--u)*2)calc(var(--u)*4)#3c141e4d,inset 0 calc(var(--u)*1)calc(var(--u)*2)#0003}.pocket__round--b{left:calc(var(--u)*214);top:calc(var(--u)*416)}.pocket__round--a{left:calc(var(--u)*274);top:calc(var(--u)*388)}.pocket__round-label,.pocket__pill-label{color:#2f3479;pointer-events:none;position:absolute}.pocket__round-label{font:italic 800 calc(var(--u)*11)/1 var(--font-geist),sans-serif;letter-spacing:.08em}.pocket__round-label--b{left:calc(var(--u)*231);top:calc(var(--u)*468)}.pocket__round-label--a{left:calc(var(--u)*291);top:calc(var(--u)*440)}.pocket__pill{top:calc(var(--u)*514);width:calc(var(--u)*40);height:calc(var(--u)*11);border-radius:calc(var(--u)*6);box-shadow:0 calc(var(--u)*2)0 #6a6863,0 0 0 calc(var(--u)*3.5)#5a503c14,inset 0 calc(var(--u)*1)0 #ffffff59;background:linear-gradient(#a3a099,#86837d);transition:translate 60ms,box-shadow 60ms;position:absolute;rotate:-25deg}.pocket__pill:before{content:"";inset:calc(var(--u)*-10);position:absolute}.pocket__pill[data-pressed]{translate:0 calc(var(--u)*1.5);box-shadow:0 calc(var(--u)*.5)0 #6a6863,0 0 0 calc(var(--u)*3.5)#5a503c14}.pocket__pill--select{left:calc(var(--u)*130)}.pocket__pill--start{left:calc(var(--u)*186)}.pocket__pill-label{top:calc(var(--u)*538);font:600 calc(var(--u)*6.5)/1 var(--font-geist-mono),monospace;letter-spacing:.14em;rotate:-25deg}.pocket__pill-label--select{left:calc(var(--u)*130)}.pocket__pill-label--start{left:calc(var(--u)*190)}.pocket__speaker{left:calc(var(--u)*258);top:calc(var(--u)*486);gap:calc(var(--u)*7);display:flex;position:absolute;rotate:-25deg}.pocket__speaker span{width:calc(var(--u)*6);height:calc(var(--u)*56);border-radius:calc(var(--u)*3);box-shadow:inset calc(var(--u)*1)calc(var(--u)*2)calc(var(--u)*2)#3c342373,0 calc(var(--u)*1)0 #ffffffb3;background:linear-gradient(90deg,#bcb7ac,#d3cec3)}.pocket-toast{background:var(--ink);min-height:30px;color:var(--paper);font:500 11px/14px var(--font-geist-mono),monospace;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:8px 16px;transition:opacity .2s,translate .2s;translate:0 6px}.pocket-toast[data-show]{opacity:1;translate:0}.lcd{padding:calc(var(--u)*9)calc(var(--u)*11)calc(var(--u)*8);color:var(--lcd-3);font-family:var(--font-vt323),monospace;text-shadow:calc(var(--u)*.8)calc(var(--u)*.8)0 color-mix(in srgb,var(--lcd-3)16%,transparent);flex-direction:column;display:flex;position:absolute;inset:0}.lcd p{margin:0}.lcd-head,.lcd-foot{justify-content:space-between;align-items:center;gap:calc(var(--u)*6);font-family:var(--font-silkscreen),monospace;font-size:calc(var(--u)*7.5);letter-spacing:.04em;text-transform:uppercase;line-height:1;display:flex}.lcd-head{padding-bottom:calc(var(--u)*6);border-bottom:calc(var(--u)*1)dashed color-mix(in srgb,var(--lcd-3)45%,transparent)}.lcd-foot{padding-top:calc(var(--u)*6);border-top:calc(var(--u)*1)dashed color-mix(in srgb,var(--lcd-3)45%,transparent)}.lcd-meta,.lcd-hearts,.lcd-hint,.lcd-key,.lcd-menu-label{align-items:center;display:inline-flex}.lcd-meta{gap:calc(var(--u)*3)}.lcd-hearts{gap:calc(var(--u)*2)}.lcd-hint{gap:calc(var(--u)*4)}.lcd-key{gap:calc(var(--u)*2);padding:calc(var(--u)*1.5)calc(var(--u)*3);background:var(--lcd-3);color:var(--lcd-0);text-shadow:none}.lcd-arrow{flex-shrink:0;display:inline-block}.lcd-body{gap:calc(var(--u)*7);min-height:0;padding:calc(var(--u)*8)0 calc(var(--u)*6);flex-direction:column;flex:1;display:flex;position:relative}.lcd-body--center{justify-content:center;align-items:center;gap:calc(var(--u)*5);text-align:center}.lcd-title{font-family:var(--font-silkscreen),monospace;font-weight:700;font-size:calc(var(--u)*15);text-transform:uppercase;line-height:.95}.lcd-subtitle{font-family:var(--font-silkscreen),monospace;font-weight:700;font-size:calc(var(--u)*11);text-transform:uppercase;line-height:1}.lcd .lcd-small{margin-top:calc(var(--u)*4);font-family:var(--font-silkscreen),monospace;font-size:calc(var(--u)*7);letter-spacing:.05em;text-transform:uppercase;opacity:.85;line-height:1}.lcd-text{font-size:calc(var(--u)*15);line-height:1}.lcd-text--center{max-width:calc(var(--u)*200)}.lcd-hero,.lcd-row{align-items:center;display:flex}.lcd-hero{gap:calc(var(--u)*10)}.lcd-row{gap:calc(var(--u)*9)}.lcd-menu{gap:calc(var(--u)*1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lcd-menu li{height:calc(var(--u)*15);padding:0 calc(var(--u)*5);font-family:var(--font-silkscreen),monospace;font-size:calc(var(--u)*8);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.lcd-menu li[data-active]{background:var(--lcd-3);color:var(--lcd-0);text-shadow:none}.lcd-menu--compact{gap:0}.lcd-menu--compact li{height:calc(var(--u)*14)}.lcd-now-current{margin-top:calc(var(--u)*6)}.lcd-recent{margin:calc(var(--u)*5)0 0;flex-direction:column;padding:0;list-style:none;display:flex}.lcd-recent li{justify-content:space-between;gap:calc(var(--u)*8);padding:calc(var(--u)*2.5)0;border-top:calc(var(--u)*1)dotted color-mix(in srgb,var(--lcd-3)35%,transparent);font-family:var(--font-silkscreen),monospace;font-size:calc(var(--u)*7.5);text-transform:uppercase;line-height:1;display:flex}.lcd-recent li span:last-child{opacity:.7}.lcd-menu-wrap{position:relative}.lcd-scrollbar{top:0;bottom:0;right:calc(var(--u)*-7);width:calc(var(--u)*2);background:var(--lcd-1);position:absolute}.lcd-scrollbar span{background:var(--lcd-3);transition:top .12s steps(2,end);position:absolute;left:0;right:0}.lcd-menu-label{gap:calc(var(--u)*4)}.lcd-menu-aside{font-size:calc(var(--u)*7);opacity:.7}.lcd-list{gap:calc(var(--u)*5);font-size:calc(var(--u)*16);flex-direction:column;margin:0;padding:0;line-height:1;list-style:none;display:flex}.lcd-list li:before{content:"";width:calc(var(--u)*4);height:calc(var(--u)*4);margin-right:calc(var(--u)*7);vertical-align:middle;translate:0 calc(var(--u)*-1.5);background:currentColor;display:inline-block}.lcd-button{margin-top:calc(var(--u)*3);padding:calc(var(--u)*4)calc(var(--u)*8);border:calc(var(--u)*1.5)solid var(--lcd-3);font-family:var(--font-silkscreen),monospace;font-size:calc(var(--u)*7.5);letter-spacing:.05em;text-transform:uppercase;line-height:1}.lcd-dots{justify-content:center;gap:calc(var(--u)*5);margin-top:auto;display:flex}.lcd-dots span{width:calc(var(--u)*4);height:calc(var(--u)*4);background:var(--lcd-2);opacity:.5}.lcd-dots span[data-active]{background:var(--lcd-3);opacity:1}.lcd-side{position:absolute;top:50%;translate:0 -50%}.lcd-side--left{left:0}.lcd-side--right{right:0}.lcd-blink{animation:1.1s step-end infinite lcd-blink}@keyframes lcd-blink{50%{opacity:0}}.px-1{fill:var(--lcd-1)}.px-2{fill:var(--lcd-2)}.px-3{fill:var(--lcd-3)}.lcd-boot{justify-content:center;align-items:center}.lcd-boot-logo{text-align:center;animation:1.4s steps(14,end) both boot-drop}.lcd-boot-mark{margin:0 auto calc(var(--u)*12);display:block}.lcd-wordmark{font-family:var(--font-silkscreen),monospace;font-weight:700;font-size:calc(var(--u)*24);line-height:1}.lcd-boot-bar{width:calc(var(--u)*110);height:calc(var(--u)*8);margin-top:calc(var(--u)*16);padding:calc(var(--u)*1.5);border:calc(var(--u)*1.5)solid var(--lcd-3);opacity:0;animation:1ms 1.45s forwards boot-show}.lcd-boot-bar span{background:var(--lcd-3);width:0;height:100%;animation:.9s steps(10,end) 1.5s forwards boot-fill;display:block}@keyframes boot-drop{0%{translate:0 calc(var(--u)*-150)}to{translate:0}}@keyframes boot-show{to{opacity:1}}@keyframes boot-fill{to{width:100%}}.lcd-body--game{padding:calc(var(--u)*7)0 calc(var(--u)*5);justify-content:center;align-items:center}.lcd-game{aspect-ratio:17/13;height:100%;position:relative}.lcd-canvas{width:100%;height:100%;image-rendering:pixelated;box-shadow:0 0 0 calc(var(--u)*1.5)var(--lcd-3);display:block}.lcd-game-overlay{justify-content:center;align-items:center;gap:calc(var(--u)*6);background:color-mix(in srgb,var(--lcd-0)82%,transparent);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.pocket,.pocket__screen,.lcd-boot-logo,.lcd-blink{animation:none}.pocket{transition:none}.lcd-boot-bar,.lcd-boot-bar span{opacity:1;width:100%;animation:none}.lcd-boot-bar{width:calc(var(--u)*110)}}