@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/lisbon/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2) format("woff2"),url(/lisbon/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/lisbon/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2) format("woff2"),url(/lisbon/assets/vt323-latin-ext-400-normal-DqOq58ri.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/lisbon/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/lisbon/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --glow{syntax: "<color>"; inherits: true; initial-value: rgb(0 0 0 / 0);}:root{--glow: rgb(0 0 0 / 0);transition:--glow 1s ease-out;--case-hi: #34332f;--case: #262522;--case-lo: #1a1917;--gasket: #0a0a09;--label: #b0ab9d;--label-dim: #9f9b8e;--phosphor: rgb(66 255 115);--led-off: #2a2015;--led-standby: #ff9a1f;--led-on: #4dff7a;--chin-h: clamp(56px, 9vh, 76px);--bezel: clamp(10px, 3.6vmin, 44px);--tube-r: clamp(18px, 4.2vmin, 46px);--tube-max: 1080px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--case-lo);-webkit-tap-highlight-color:transparent}body{font:600 11px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--label);-webkit-font-smoothing:antialiased;-moz-user-select:none;user-select:none;-webkit-user-select:none}.monitor{position:fixed;inset:0;display:flex;flex-direction:column;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 90% at 50% 0%,var(--case-hi),var(--case) 45%,var(--case-lo))}@media(min-width:641px)and (min-height:541px){:root{--gap: 24px;--top-h: clamp(6px, 1.3vmin, 14px);--tube-w: min( var(--tube-max), 100vw - var(--gap) * 2 - var(--bezel) * 2, (100dvh - var(--gap) * 2 - var(--top-h) - var(--chin-h) - var(--bezel) * 1.6) * 4 / 3 )}body{background:transparent}html{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23d)'/%3E%3C/svg%3E"),radial-gradient(ellipse 85% 80% at 50% 42%,#2a2a2a,#1a1a1a 45%,#0f0f0f 75%,#0a0a0a)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse calc(var(--tube-w) * .78) calc(var(--tube-w) * .64) at 50% calc(50% + var(--top-h) / 2),color-mix(in srgb,var(--glow) 12%,transparent),color-mix(in srgb,var(--glow) 4%,transparent) 55%,transparent 78%);animation:glow-flicker 2.7s steps(9) infinite}.warm{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 70% 65% at 50% 42%,#ffb46e12,#ffb46e00 75%)}body[data-found] .warm{opacity:1;transition:opacity 2s ease-in-out}.bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;image-rendering:pixelated;pointer-events:none}html[data-bg-scene] body:after,html[data-bg-scene] .warm{display:none}.bg-canvas--smooth{image-rendering:auto}html[data-bg=y2k][data-skin=graphite] .monitor{box-shadow:inset 0 1px #dcecff52,inset 0 4px 8px -4px #c8e1ff29,inset 0 -3px #0000006b,inset 12px 0 16px -12px #00000080,inset -12px 0 16px -12px #0000008c,0 0 0 1px #dcecff24,0 30px 70px #2436504d,0 10px 22px #24365038}html[data-bg=y2k][data-skin=graphite] .monitor:before{box-shadow:0 -1px #dcecff66,inset 0 1px #dcecff38}.bg-wall{image-rendering:auto;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='2.2 0 0 0 -.6 0 2.2 0 0 -.6 0 0 2.2 0 -.6 0 0 0 0 .55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(ellipse 70% 45% at 50% 100%,#fad6e2b3,#fad6e200 70%),linear-gradient(#a9deec,#b5dbef 14%,#c6d6f0,#cecdee 38%,#d8caed 46%,#f0cdec 56%,#f3caeb 72%,#f6cfe2);background-blend-mode:overlay,normal,normal}.bg-wall--night{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .75 0 0 0 0 .82 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),var(--wall, linear-gradient(135deg, #1f3170, #050a1f));background-blend-mode:normal}html[data-bg=stickers-night] body:after,html[data-bg=stickers-night] .warm{display:block}.bg-wall--studio{background-blend-mode:normal;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .3 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23d)'/%3E%3C/svg%3E"),radial-gradient(ellipse 90% 85% at 50% 45%,transparent 55%,rgb(70 70 72 / .12)),linear-gradient(90deg,#ffffff0d,#00000008),linear-gradient(#e4e2e1 0 62%,#e8e5e4 72%,#efeceb 86%,#f6f4f3)}.sticker.is-stamped{animation:sticker-stamp .22s cubic-bezier(.3,.7,.4,1)}@keyframes sticker-stamp{0%{transform:scale(1.18);opacity:.4;filter:drop-shadow(8px 10px 12px rgb(0 0 0 / .45))}}.bg-wall__layer{position:absolute;inset:0;transition:transform .6s ease-out}.sticker{position:absolute;filter:drop-shadow(3px 3px 8px rgb(0 0 0 / .4))}.sticker__body,.sticker__face{position:absolute;inset:0}.sticker__face img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .6px rgb(60 60 60))}.sticker__face:after,.sticker__scuff,.sticker__under{content:"";position:absolute;inset:0;-webkit-mask:var(--src) 0 0 / 100% 100% no-repeat;mask:var(--src) 0 0 / 100% 100% no-repeat}.sticker__face:after{background:linear-gradient(135deg,#fff3,#ffffff12 22%,#fff0 34%,#ffffff0d 40%,#fff0 48%)}.sticker__face.is-faded{opacity:.85;filter:saturate(.7) contrast(.92)}.sticker__scuff{background:repeating-linear-gradient(118deg,rgb(255 255 255 / .16) 0 1px,transparent 1px 3px),#ffffff1a;-webkit-mask-composite:source-in;-webkit-mask:var(--src) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 55% 70% at var(--at),#000,transparent 70%);mask:var(--src) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 55% 70% at var(--at),#000,transparent 70%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.sticker__flap{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;filter:drop-shadow(0 0 2px rgb(0 0 0 / .55)) drop-shadow(0 0 5px rgb(0 0 0 / .35))}.sticker--deva{top:50%;height:calc(var(--chin-h) * .58);aspect-ratio:600 / 380;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(1px 1.5px 1.5px rgb(0 0 0 / .55));pointer-events:none}html:not([data-skin=graphite],[data-skin=pastel],[data-skin=white]) .sticker--deva{display:none}.monitor{inset:calc(var(--gap) + var(--top-h)) var(--gap) var(--gap);width:calc(var(--tube-w) + var(--bezel) * 2);height:calc(var(--tube-w) * 3 / 4 + var(--chin-h) + var(--bezel) * 1.6);margin:auto;border-radius:20px;outline:1px solid rgb(0 0 0 / .42);outline-offset:-7px;box-shadow:inset 0 1px #ffffff1c,inset 0 3px 5px -3px #ffffff0d,inset 0 -3px #0000006b,inset 12px 0 16px -12px #0000008c,inset -12px 0 16px -12px #0009,0 0 0 1px #ffffff0f,0 -1px 0 1px #ffffff0a,0 34px 80px #000000b3,0 12px 24px #00000080}.monitor:before{content:"";box-shadow:0 -1px #ffffff0f;position:absolute;left:2.5%;right:2.5%;bottom:100%;height:var(--top-h);border-radius:16px 16px 0 0/8px 8px 0 0;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,rgb(0 0 0 / .6) 0 3px,rgb(255 255 255 / .03) 3px 4px,transparent 4px 9px) center 55% / 44% 42% no-repeat,linear-gradient(180deg,#2b2a26,#3b3a35 70%,#45433d);pointer-events:none}.chin:before,.chin:after{content:"";position:absolute;bottom:10px;width:9px;height:9px;border-radius:50%;background:linear-gradient(45deg,transparent 42%,rgb(0 0 0 / .75) 42% 58%,transparent 58%),radial-gradient(circle at 40% 35%,#4a4842,#2a2925 55%,#141412);box-shadow:0 0 0 1px #0000008c,0 1px 0 1px #ffffff0d}.chin:before{left:12px}.chin:after{right:12px}}.bezel{position:relative;flex:1;min-height:0;padding:var(--bezel) var(--bezel) calc(var(--bezel) * .6)}.bezel:before{content:"";position:absolute;inset:calc(var(--bezel) * .4) calc(var(--bezel) * .4) calc(var(--bezel) * .22);border-radius:calc(var(--tube-r) * 1.25);background:linear-gradient(180deg,#0f0f0e,#1b1a18 35%,#2d2c28);box-shadow:inset 0 0 0 calc(var(--bezel) * .12) #ffffff06,inset 0 calc(var(--bezel) * .2) calc(var(--bezel) * .24) #000000b8,inset 0 -1px #ffffff17,0 1px #ffffff14,0 -1px 1px #0000008c}.tube{position:relative;height:100%;border-radius:var(--tube-r);background:var(--gasket);overflow:hidden;box-shadow:0 0 0 2px #050505,0 0 0 3px #1a1917,0 0 0 4px #ffffff0a;cursor:text}body[data-state=off] .tube{cursor:pointer}#crt,.tube>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 85% at 24% 6%,rgb(255 255 255 / .085),transparent 38%),radial-gradient(60% 30% at 30% 12%,rgb(255 255 255 / .05),transparent 70%),linear-gradient(105deg,transparent 58%,rgb(255 255 255 / .025) 64%,transparent 70%),radial-gradient(90% 60% at 80% 105%,rgb(255 255 255 / .03),transparent 60%);box-shadow:inset 0 0 0 1px #000000e6}.tube.no-gl>canvas{filter:sepia(1) hue-rotate(65deg) saturate(5) brightness(1.1) blur(.4px)}.tube.no-gl .glass{background-image:repeating-linear-gradient(0deg,rgb(0 0 0 / .35) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 calc(var(--tube-r) * 1.4) calc(var(--tube-r) * .35) #000000bf,inset 0 calc(var(--tube-r) * .25) calc(var(--tube-r) * .6) #00000080}.smoke{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.smoke i{position:absolute;bottom:-40%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(190 188 178 / .32),rgb(190 188 178 / .12) 55%,transparent);filter:blur(12px);opacity:0}.tube.smoking .smoke i{animation:smoke 6.5s ease-out var(--d, 0s) forwards}.smoke i:nth-child(1){left:22%;--dx: -18%;--d: 0s}.smoke i:nth-child(2){left:40%;--dx: 12%;--d: .5s}.smoke i:nth-child(3){left:30%;--dx: 30%;--d: 1.1s}.smoke i:nth-child(4){left:48%;--dx: -25%;--d: 1.7s}.smoke i:nth-child(5){left:18%;--dx: 20%;--d: 2.4s}.smoke i:nth-child(6){left:44%;--dx: -8%;--d: 3s}@keyframes smoke{0%{transform:translate(0) scale(.5);opacity:0}18%{opacity:1}to{transform:translate(var(--dx),-230%) scale(1.9);opacity:0}}.standby{position:absolute;left:0;right:0;top:50%;margin:0;transform:translateY(-50%);text-align:center;font:400 clamp(18px,2.6vmin,26px) / 1 "VT323",monospace;letter-spacing:.08em;text-transform:uppercase;color:#ffffff29;pointer-events:none;transition:opacity .3s ease-out}body:not([data-state=off]) .standby{opacity:0}.chin{position:relative;flex:none;height:var(--chin-h);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;-moz-column-gap:16px;column-gap:16px;padding:0 var(--bezel) env(safe-area-inset-bottom)}.controls{justify-self:start;display:flex;align-items:center;gap:12px;padding:5px 12px 5px 5px;border-radius:24px;background:linear-gradient(180deg,#191816,#201f1c);box-shadow:inset 0 2px 3px #0009,inset 0 -1px #ffffff0d,0 1px #ffffff0a}.power{position:relative;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a3934,#1c1b19 70%);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 3px #00000080,0 2px 3px #00000080,0 0 0 3px #0e0e0d,0 0 0 4px #ffffff17;cursor:pointer;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.power:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 4px #0009,0 0 0 3px #0e0e0d,0 0 0 4px #ffffff17}.power:focus-visible,.key:focus-visible{outline:2px solid var(--label);outline-offset:4px}.power__glyph svg,.skip__glyph svg{display:block;width:100%;height:100%}.power__glyph{position:absolute;inset:9px;color:var(--label-dim)}body[data-state=off] .power__glyph{color:var(--label)}.led{position:relative;width:7px;height:7px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 1px 1px #0009}.led:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .6) 0 .8px,transparent 1.6px);box-shadow:0 0 0 2px #0c0c0b,0 0 0 3px #ffffff12}body[data-state=off] .led{background:var(--led-standby);box-shadow:0 0 6px 1px #ff9a1f8c,inset 0 -1px 1px #0000004d;animation:standby 2.4s ease-in-out infinite}body:not([data-state=off]) .led{background:var(--led-on);box-shadow:0 0 8px 1px #4dff7a99,inset 0 -1px 1px #00000040}body[data-state=booting] .led{animation:activity .18s steps(2) infinite}@keyframes standby{50%{opacity:.35}}@keyframes activity{50%{opacity:.55}}.key{height:26px;padding:0 10px;border:0;border-radius:4px;background:linear-gradient(#33322d,#262521 60%,#201f1c);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #111110,0 3px #0f0f0e,0 4px 4px #00000073;color:var(--label);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.key:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #111110,0 1px #0f0f0e}.key--icon{position:relative;width:34px;padding:0}.key--icon:after{content:"";position:absolute;inset:-6px -2px}.key--icon:disabled{opacity:.35;cursor:default;pointer-events:none}.skip__glyph{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;color:var(--label)}.key--icon[data-role=replay] .icon-skip,.key--icon:not([data-role=replay]) .icon-replay{display:none}.key[aria-pressed=false]{color:var(--label-dim);text-decoration:line-through}.brand{min-width:0;display:flex;justify-content:flex-end;filter:drop-shadow(0 1px 0 rgb(255 255 255 / .07)) drop-shadow(0 -1px 0 rgb(0 0 0 / .7))}.brand__mark{display:block;width:min(111px,100%);aspect-ratio:162 / 38;background:var(--label);-webkit-mask:url(/lisbon/brand/devcon-logo.svg) center / contain no-repeat;mask:url(/lisbon/brand/devcon-logo.svg) center / contain no-repeat}@media(max-width:640px){:root{--bezel: 10px;--tube-r: 20px;--chin-h: calc(56px + env(safe-area-inset-bottom)) }.controls{gap:10px}.brand__mark{width:min(68px,100%)}}html[data-skin=graphite] .monitor{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' vector-effect='non-scaling-stroke' stroke-linecap='round'%3E%3Cpath stroke-opacity='.06' stroke-width='.7' vector-effect='non-scaling-stroke' d='M118 21q64-5 134-1'/%3E%3Cpath stroke-opacity='.045' stroke-width='.6' vector-effect='non-scaling-stroke' d='M612 31l92 5M640 27l30 2'/%3E%3Cpath stroke-opacity='.05' stroke-width='.6' vector-effect='non-scaling-stroke' d='M792 16l44-3'/%3E%3Cpath stroke-opacity='.045' stroke-width='.6' vector-effect='non-scaling-stroke' d='M15 296l5 74M19 640l-2 38'/%3E%3Cpath stroke-opacity='.05' stroke-width='.6' vector-effect='non-scaling-stroke' d='M983 418l-4 92'/%3E%3Cpath stroke-opacity='.05' stroke-width='.7' vector-effect='non-scaling-stroke' d='M548 934q52 7 114 3M470 968l64 3'/%3E%3Cpath stroke-opacity='.035' stroke-width='1' vector-effect='non-scaling-stroke' d='M300 975q40-4 80-2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .09 0 0 0 -.035'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 90% at 50% 0%,var(--case-hi),var(--case) 45%,var(--case-lo))}@media(min-width:641px)and (min-height:541px){html[data-skin=graphite] .monitor:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' stroke-linecap='round'%3E%3Cpath stroke-opacity='.07' stroke-width='.6' vector-effect='non-scaling-stroke' d='M180 30l70 42M205 20l40 28'/%3E%3Cpath stroke-opacity='.05' stroke-width='.6' vector-effect='non-scaling-stroke' d='M705 62l110-30'/%3E%3Cpath stroke-opacity='.045' stroke-width='.7' vector-effect='non-scaling-stroke' d='M420 80q60-14 118-12'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,repeating-linear-gradient(90deg,rgb(0 0 0 / .6) 0 3px,rgb(255 255 255 / .03) 3px 4px,transparent 4px 9px) center 55% / 44% 42% no-repeat,linear-gradient(180deg,#2b2a26,#3b3a35 70%,#45433d)}}html[data-skin=graphite] .bezel:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.2' cy='0.2' r='.75'%3E%3Cstop offset='0' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='72' height='72' fill='url(%23g)'/%3E%3C/mask%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .74 0 0 0 0 .66 0 0 0 9 -5.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='72' height='72' filter='url(%23n)' mask='url(%23m)' opacity='.1'/%3E%3C/svg%3E") left top / 72px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.8' cy='0.2' r='.75'%3E%3Cstop offset='0' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='72' height='72' fill='url(%23g)'/%3E%3C/mask%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .74 0 0 0 0 .66 0 0 0 9 -5.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='72' height='72' filter='url(%23n)' mask='url(%23m)' opacity='.1'/%3E%3C/svg%3E") right top / 72px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.2' cy='0.8' r='.75'%3E%3Cstop offset='0' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='72' height='72' fill='url(%23g)'/%3E%3C/mask%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .74 0 0 0 0 .66 0 0 0 9 -5.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='72' height='72' filter='url(%23n)' mask='url(%23m)' opacity='.1'/%3E%3C/svg%3E") left bottom / 72px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.8' cy='0.8' r='.75'%3E%3Cstop offset='0' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='72' height='72' fill='url(%23g)'/%3E%3C/mask%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .74 0 0 0 0 .66 0 0 0 9 -5.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='72' height='72' filter='url(%23n)' mask='url(%23m)' opacity='.1'/%3E%3C/svg%3E") right bottom / 72px no-repeat,linear-gradient(180deg,#0f0f0e,#1b1a18 35%,#2d2c28)}html[data-skin=graphite] .controls{position:relative;background:radial-gradient(ellipse 80px 14px at 40px 35%,rgb(255 255 255 / .03),transparent),linear-gradient(180deg,#191816,#201f1c)}html[data-skin=graphite] .controls:after{content:"";position:absolute;left:calc(100% + 6px);top:-9px;width:24px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 38'%3E%3Cfilter id='s'%3E%3CfeGaussianBlur stdDeviation='.45'/%3E%3C/filter%3E%3Cg filter='url(%23s)' fill='none' stroke='white' stroke-opacity='.045' stroke-width='.9' stroke-dasharray='4 2.2 7 1.5'%3E%3Cellipse cx='15' cy='19' rx='3' ry='4.5'/%3E%3Cellipse cx='15' cy='19' rx='5.5' ry='7.5'/%3E%3Cellipse cx='15' cy='19.5' rx='8' ry='10.5'/%3E%3Cellipse cx='15' cy='20' rx='10.5' ry='13.5'/%3E%3Cellipse cx='15' cy='20.5' rx='13' ry='16.5'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;transform:rotate(-16deg);pointer-events:none}html[data-skin=graphite] .key{background:radial-gradient(ellipse 60% 55% at 50% 40%,rgb(255 255 255 / .035),transparent),linear-gradient(#33322d,#262521 60%,#201f1c)}html[data-skin=graphite] .power{background:radial-gradient(circle at 46% 38%,rgb(255 255 255 / .04),transparent 45%),radial-gradient(circle at 50% 35%,#3a3934,#1c1b19 70%)}html[data-skin=pastel]{--case-hi: #c3e4f1;--case: #d6cdf0;--case-lo: #f0c6e4;--label: #2f2a57;--label-dim: #5b5589}html[data-skin=pastel] .monitor{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cg stroke='%23302a5a'%3E%3Cpath stroke-opacity='.16' stroke-width='.7' vector-effect='non-scaling-stroke' d='M118 21q64-5 134-1M548 934q52 7 114 3'/%3E%3Cpath stroke-opacity='.12' stroke-width='.6' vector-effect='non-scaling-stroke' d='M612 31l92 5M15 296l5 74M983 418l-4 92M470 968l64 3'/%3E%3Cpath stroke-opacity='.1' stroke-width='.6' vector-effect='non-scaling-stroke' d='M792 16l44-3M19 640l-2 38M880 950l40-6'/%3E%3C/g%3E%3Cg stroke='white'%3E%3Cpath stroke-opacity='.5' stroke-width='.7' vector-effect='non-scaling-stroke' d='M122 24q60-4 128 0M640 27l30 2M300 975q40-4 80-2'/%3E%3Cpath stroke-opacity='.4' stroke-width='.6' vector-effect='non-scaling-stroke' d='M980 520l-3 40M60 960l50 4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='2.2 0 0 0 -.6 0 2.2 0 0 -.6 0 0 2.2 0 -.6 0 0 0 0 .55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(70% 60% at 85% 100%,rgb(255 205 170 / .55),transparent 70%),linear-gradient(150deg,#a9deec,#c6d6f0 28%,#cecdee,#e6c9ee 62%,#f3caeb 80%,#f6cfe2);background-blend-mode:normal,overlay,normal,normal;outline-color:#3c326e47}@media(min-width:641px)and (min-height:541px){html[data-skin=pastel] .monitor{box-shadow:inset 0 1px #ffffffb3,inset 0 3px 5px -3px #fff6,inset 0 -3px #46327847,inset 12px 0 16px -12px #463c8c4d,inset -12px 0 16px -12px #783c8252,0 0 0 1px #ffffff1f,0 34px 80px #0009,0 12px 24px #0006}html[data-skin=pastel] .monitor:before{box-shadow:0 -1px #ffffff80;background:repeating-linear-gradient(90deg,rgb(50 40 100 / .35) 0 3px,rgb(255 255 255 / .25) 3px 4px,transparent 4px 9px) center 55% / 44% 42% no-repeat,linear-gradient(180deg,#9fcbe0,#b8d6ef 70%,#c9dcf3)}html[data-skin=pastel] .chin:before,html[data-skin=pastel] .chin:after{background:linear-gradient(45deg,transparent 42%,rgb(40 30 80 / .6) 42% 58%,transparent 58%),radial-gradient(circle at 40% 35%,#fff,#d9d4ee 55%,#a9a2cc);box-shadow:0 0 0 1px #3c326e4d,0 1px 0 1px #ffffff80}}html[data-skin=pastel] .bezel:before{background:linear-gradient(180deg,#3a2f78,#5b4ca3 35%,#9a8ad0);box-shadow:inset 0 0 0 calc(var(--bezel) * .12) #ffffff0d,inset 0 calc(var(--bezel) * .2) calc(var(--bezel) * .24) #0a051eb3,inset 0 -1px #ffffff40,0 1px #ffffff8c,0 -1px 1px #3c286e73}html[data-skin=pastel] .controls{background:linear-gradient(180deg,#463c822e,#463c8214);box-shadow:inset 0 1px 2px #3228644d,0 1px #ffffff8c}html[data-skin=pastel] .key{background:radial-gradient(ellipse 60% 55% at 50% 40%,rgb(255 255 255 / .6),transparent),linear-gradient(#fbfaff,#e6e2f6 60%,#d4cfea);box-shadow:inset 0 1px #fff,0 0 0 1px #a49dc8,0 3px #ada6d0,0 4px 4px #3228644d}html[data-skin=pastel] .power{background:radial-gradient(circle at 46% 38%,rgb(255 255 255 / .8),transparent 45%),radial-gradient(circle at 50% 35%,#fbfaff,#cfc9e8 70%);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #503c8c4d,0 2px 3px #32286459,0 0 0 3px #b4add6,0 0 0 4px #fff9}html[data-skin=white]{--case-hi: #ffffff;--case: #f0efed;--case-lo: #dcdad6;--label: #33373d;--label-dim: #6a6f77}html[data-skin=white] .monitor{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23656a72' stroke-linecap='round'%3E%3Cpath stroke-opacity='.14' stroke-width='.7' vector-effect='non-scaling-stroke' d='M118 21q64-5 134-1M548 934q52 7 114 3'/%3E%3Cpath stroke-opacity='.1' stroke-width='.6' vector-effect='non-scaling-stroke' d='M612 31l92 5M15 296l5 74M983 418l-4 92M470 968l64 3'/%3E%3Cpath stroke-opacity='.08' stroke-width='.6' vector-effect='non-scaling-stroke' d='M792 16l44-3M19 640l-2 38M880 950l40-6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .32 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 90% at 50% 0%,var(--case-hi),var(--case) 45%,var(--case-lo));outline-color:#5a5f6938}@media(min-width:641px)and (min-height:541px){html[data-skin=white] .monitor{box-shadow:inset 0 1px #fff,inset 0 3px 5px -3px #fffc,inset 0 -3px #6e737d38,inset 12px 0 16px -12px #6e737d38,inset -12px 0 16px -12px #6e737d42,0 0 0 1px #969ba559,0 30px 60px #282c344d,0 10px 20px #282c3438}html[data-skin=white] .monitor:before{box-shadow:0 -1px #ffffffe6;background:repeating-linear-gradient(90deg,rgb(70 75 85 / .3) 0 3px,rgb(255 255 255 / .4) 3px 4px,transparent 4px 9px) center 55% / 44% 42% no-repeat,linear-gradient(180deg,#d7d6d3,#e7e6e3 70%,#f0efec)}html[data-skin=white] .chin:before,html[data-skin=white] .chin:after{background:linear-gradient(45deg,transparent 42%,rgb(60 64 72 / .55) 42% 58%,transparent 58%),radial-gradient(circle at 40% 35%,#fff,#e2e2e0 55%,#b9bab8);box-shadow:0 0 0 1px #6e737d59,0 1px 0 1px #ffffffb3}}html[data-skin=white] .bezel:before{background:linear-gradient(180deg,#c3c6cb,#d8dadd 40%,#e9eaec);box-shadow:inset 0 0 0 calc(var(--bezel) * .12) #ffffff4d,inset 0 calc(var(--bezel) * .2) calc(var(--bezel) * .24) #50566066,inset 0 -1px #fffc,0 1px #ffffffe6,0 -1px 1px #787e8866}html[data-skin=white] .controls{background:linear-gradient(180deg,#6e737d24,#6e737d0f);box-shadow:inset 0 1px 2px #5a606a4d,0 1px #fffc}html[data-skin=white] .key{background:radial-gradient(ellipse 60% 55% at 50% 40%,rgb(255 255 255 / .7),transparent),linear-gradient(#fff,#f0f0ee 60%,#e2e2df);box-shadow:inset 0 1px #fff,0 0 0 1px #b4b7bc,0 3px #c4c6c9,0 4px 4px #282c3438}html[data-skin=white] .power{background:radial-gradient(circle at 46% 38%,rgb(255 255 255 / .9),transparent 45%),radial-gradient(circle at 50% 35%,#fff,#dcdcda 70%);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #5a606a40,0 2px 3px #282c344d,0 0 0 3px #c9cbce,0 0 0 4px #fffc}.bg-toast{position:fixed;left:50%;bottom:5px;z-index:3;transform:translate(-50%);padding:2px 8px;border-radius:8px;background:#00000059;color:#ffffff80;font-size:10px;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.bg-toast.is-on{opacity:1}.keys{width:min(560px,100% - 32px);max-height:calc(100% - 32px);padding:18px 22px 16px;border:1px solid color-mix(in srgb,var(--phosphor) 55%,transparent);border-radius:4px;background:#040705f2;box-shadow:0 0 32px color-mix(in srgb,var(--phosphor) 22%,transparent);font:400 20px/1.2 VT323,monospace;color:var(--phosphor)}.keys::backdrop{background:#0000008c}.keys h2{margin:0 0 12px;font:inherit;font-size:26px;text-transform:uppercase;letter-spacing:.08em}.keys section{margin-bottom:12px}.keys h3{margin:0 0 4px;font:inherit;opacity:.6}.keys dl{display:grid;grid-template-columns:7.5em 1fr;gap:2px 18px;margin:0}.keys dd{margin:0}.keys kbd{display:inline-block;min-width:1.4em;padding:0 4px;border:1px solid color-mix(in srgb,var(--phosphor) 60%,transparent);font:inherit;text-align:center}.keys form{margin:4px 0 0;text-align:right}.keys button{padding:2px 10px;border:0;border-radius:0;background:var(--phosphor);font:inherit;color:#000;cursor:pointer}.keys button kbd{border-color:#00000080}.keys :focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}.kbd{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;font-size:16px;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}main.show-form{left:50%;bottom:calc(100% + 12px);width:min(420px,100% - var(--bezel) * 2 - 24px);height:auto;overflow:visible;clip-path:none;white-space:normal;transform:translate(-50%);z-index:2;padding:12px 14px;border:1px solid color-mix(in srgb,var(--phosphor) 55%,transparent);border-radius:4px;background:#040705f2;box-shadow:0 0 24px color-mix(in srgb,var(--phosphor) 18%,transparent);font:400 20px/1.2 VT323,monospace;color:var(--phosphor)}main.show-form>:not(#sr-form,#sr-status){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}main.show-form label{display:block;margin-bottom:6px}main.show-form input{width:100%;padding:3px 6px;border:1px solid color-mix(in srgb,var(--phosphor) 60%,transparent);border-radius:0;background:#000;font:inherit;color:inherit;caret-color:currentColor;-moz-user-select:text;user-select:text;-webkit-user-select:text}main.show-form p{margin:8px 0}main.show-form #sr-status{margin:0}main.show-form a{color:inherit}main.show-form button{padding:2px 10px;border:0;border-radius:0;background:var(--phosphor);font:inherit;color:#000;cursor:pointer}main.show-form :focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}@keyframes glow-flicker{0%,to{opacity:1}22%{opacity:.93}58%{opacity:.97}71%{opacity:.9}}@media(max-width:640px),(max-height:540px){.warm,.bg-canvas,.sticker--deva,.bg-toast:not(.is-always){display:none}html,body{background:#0a0a0a}}@media(prefers-reduced-motion:reduce){.led,body:after{animation:none!important}.warm{transition:none!important}:root{transition:none!important}.smoke{display:none}}html[data-skin=retro]{--label: #ebe3cf;--label-dim: #c2b8a2;--focus: #2b2318;--plastic-hi: #c9b48a;--plastic: #a3855a;--plastic-lo: #7d6242;--specks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .1 0 0 0 0 .04 9 0 0 0 -6.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23d)'/%3E%3C/svg%3E");--stains: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1100'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='5' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .16 0 0 0 0 .07 .9 0 0 0 -.47'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .15 0 0 0 0 .05 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--gap: 24px;--panel-w: clamp(150px, 17vw, 250px);--ring: clamp(18px, 4.4vmin, 54px);--pad: clamp(14px, 3vmin, 40px);--tube-w: min( var(--tube-max), 100vw - var(--gap) * 2 - var(--bezel) * 2, (100dvh - var(--gap) * 2 - var(--top-h, 0px) - var(--chin-h) - var(--bezel) * 1.6) * 4 / 3, 100vw - var(--gap) * 2 - var(--panel-w) - var(--ring) * 2 - var(--pad) * 2, (100dvh - var(--gap) * 2 - var(--ring) * 2 - var(--pad) * 2) * 4 / 3 );--tube-r: calc(var(--tube-w) * .075)}html[data-skin=retro] .monitor:before,html[data-skin=retro] .chin:after{display:none}html[data-skin=retro] .monitor{inset:var(--gap);width:calc(var(--tube-w) + var(--ring) * 2 + var(--pad) * 2 + var(--panel-w));height:calc(var(--tube-w) * 3 / 4 + var(--ring) * 2 + var(--pad) * 2);margin:auto;flex-direction:row;border-radius:26px;outline:none;box-shadow:inset 0 2px #fff0c866,inset 0 -6px 10px #462d0f73,inset 14px 0 20px -12px #462d0f73,inset -14px 0 20px -12px #462d0f80,0 0 0 1px #281c0aa6,0 34px 80px #000000b3,0 12px 24px #00000080;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%23402a0e'%3E%3Cpath d='M80 610q60-30 130-22' stroke-opacity='.22' stroke-width='1.2'/%3E%3Cpath d='M640 90q40 12 70 40' stroke-opacity='.18'/%3E%3Cpath d='M470 660l38-6' stroke-opacity='.25'/%3E%3Cpath d='M820 420q-10 40 4 70' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M150 60l22 9' stroke-opacity='.22'/%3E%3Cpath d='M300 520q30 4 52-6' stroke-opacity='.12' stroke-width='3'/%3E%3Cpath d='M720 600l60-24' stroke-opacity='.16'/%3E%3Cpath d='M40 300q14 30 8 64' stroke-opacity='.15' stroke-width='1.5'/%3E%3Cpath d='M560 330l3 2M590 210l2 3M240 420l3 1M860 150l2 2' stroke-opacity='.35' stroke-width='2.5'/%3E%3C/g%3E%3Cg stroke='%23fff3d6'%3E%3Cpath d='M82 612q60-30 130-22' stroke-opacity='.18'/%3E%3Cpath d='M380 110q50-8 90 4' stroke-opacity='.14'/%3E%3Cpath d='M690 470l40 16' stroke-opacity='.14'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 900px 700px,var(--specks),var(--stains) 0 0 / 1600px 1100px no-repeat,var(--grain),linear-gradient(transparent 70%,#462d1247),radial-gradient(130% 120% at 40% 30%,transparent 45%,rgb(70 45 18 / .42)),radial-gradient(120% 100% at 25% 15%,var(--plastic-hi),var(--plastic) 50%,var(--plastic-lo))}html[data-skin=retro] .bezel{flex:none;width:calc(var(--tube-w) + var(--ring) * 2);height:calc(var(--tube-w) * 3 / 4 + var(--ring) * 2);margin:auto;padding:var(--ring)}html[data-skin=retro] .bezel:before{inset:0;border-radius:calc(var(--tube-r) + var(--ring) * .9);background:var(--specks) 40px 70px,var(--stains) -300px -200px / 1600px 1100px no-repeat,var(--grain),radial-gradient(120% 120% at 30% 15%,rgb(255 246 222 / .35),transparent 55%),linear-gradient(170deg,#d6c39b,#b49870 50%,#8c7150);box-shadow:inset 0 calc(var(--ring) * .12) calc(var(--ring) * .1) calc(var(--ring) * -.04) #fff8e499,inset 0 calc(var(--ring) * -.14) calc(var(--ring) * .16) calc(var(--ring) * -.04) #462d0f6b,inset calc(var(--ring) * .1) 0 calc(var(--ring) * .14) calc(var(--ring) * -.06) #fff8e440,inset calc(var(--ring) * -.1) 0 calc(var(--ring) * .14) calc(var(--ring) * -.06) #462d0f4d,0 calc(var(--ring) * .08) calc(var(--ring) * .12) #28190880,0 -1px #fff8e473,0 0 0 1px #32220c8c,0 calc(var(--ring) * .15) calc(var(--ring) * .5) #32220c66}html[data-skin=retro] .tube{box-shadow:0 0 0 2px #0b0906,0 0 0 calc(var(--ring) * .12) #2e2112,0 0 0 calc(var(--ring) * .22) #57422a,0 0 0 calc(var(--ring) * .3) #846b4a,0 calc(var(--ring) * .06) 0 calc(var(--ring) * .3) #fff4d64d,0 calc(var(--ring) * -.08) calc(var(--ring) * .1) calc(var(--ring) * .3) #1e12068c,0 0 calc(var(--ring) * .3) calc(var(--ring) * .36) #3c260e4d}html[data-skin=retro] .glass{background:linear-gradient(100deg,transparent 2%,rgb(255 255 255 / .045) 4% 11%,transparent 15%),radial-gradient(130% 85% at 24% 6%,rgb(255 255 255 / .07),transparent 38%),radial-gradient(90% 60% at 80% 105%,rgb(255 255 255 / .03),transparent 60%)}html[data-skin=retro] .chin{position:static;width:var(--panel-w);height:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vh,26px);padding:var(--pad) clamp(14px,1.6vw,24px);background:linear-gradient(90deg,rgb(60 40 12 / .12),transparent 30%);box-shadow:inset 2px 0 #32220c73,inset 3px 0 #fff0c84d}html[data-skin=retro] .chin:before{content:"";position:static;display:block;flex:none;width:min(66%,max(0px,(100dvh - var(--gap) * 2 - var(--panel-w) * 2.2) * .8));height:auto;margin-top:6px;aspect-ratio:.86;border-radius:3px;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 35%),radial-gradient(90% 90% at 50% 40%,#1c1916,#090807);box-shadow:inset 0 3px 8px #000000d9,0 0 0 2px #2a2016,0 0 0 calc(var(--panel-w) * .045) #c7ad84,0 2px 0 calc(var(--panel-w) * .045) #5a3c1973,0 -1px 0 calc(var(--panel-w) * .045) #fff6de73,0 0 0 calc(var(--panel-w) * .045 + 1px) #32220c80}html[data-skin=retro] .controls{justify-self:auto;display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;gap:26px 18px;width:100%;padding:clamp(14px,3vh,26px) 0 0;border-top:1px solid rgb(50 34 12 / .45);border-radius:0;background:none;box-shadow:inset 0 1px #fff0c84d}html[data-skin=retro] #skip,html[data-skin=retro] #sound{grid-column:1 / -1}html[data-skin=retro] .power{width:50px;height:50px;background:radial-gradient(50% 30% at 45% 22%,rgb(255 255 255 / .22),transparent 70%),radial-gradient(circle at 45% 35%,#3e3a37,#191715 60%,#080707);box-shadow:inset 0 1px #fff3,inset 0 -4px 6px #000000a6,0 3px 4px #0000008c,0 0 0 3px #4d473f,0 0 0 5px #b6ae9c,0 0 0 7px #6c6556,0 0 0 8px #1e1810,0 1px 0 9px #fff6de59,0 0 4px 10px #3c260e66}html[data-skin=retro] .power:active{box-shadow:inset 0 3px 7px #000000bf,0 0 0 3px #4d473f,0 0 0 5px #b6ae9c,0 0 0 7px #6c6556,0 0 0 8px #1e1810,0 0 4px 10px #3c260e66}html[data-skin=retro] .power__glyph{inset:15px}html[data-skin=retro] .led{width:10px;height:10px}html[data-skin=retro] body:not([data-state=off]) .led{box-shadow:0 0 12px 3px #4dff7a8c,inset 0 -2px 2px #0000004d}html[data-skin=retro] .key{width:min(112px,100% - 16px);height:54px;padding:0;border-radius:6px;background:linear-gradient(rgb(255 255 255 / .1),transparent 30%),var(--grain),linear-gradient(#36322e,#23201d 55%,#141210);box-shadow:inset 0 1px #ffffff29,inset 0 -3px 4px #0000008c,0 4px #090807,0 0 0 2px #0e0c0a,0 0 0 7px #bea47b,0 -1px 0 7px #fff6de73,0 2px 0 7px #50341480,0 0 0 8px #32220c8c;font-size:13px;font-weight:700;letter-spacing:.12em}html[data-skin=retro] .key:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #000000a6,0 1px #090807,0 0 0 2px #0e0c0a,0 0 0 7px #bea47b,0 0 0 8px #32220c8c}html[data-skin=retro] .key--icon:after{inset:0}html[data-skin=retro] .skip__glyph{scale:1.5}html[data-skin=retro] .power:focus-visible,html[data-skin=retro] .key:focus-visible{outline-color:var(--focus);outline-offset:12px}html[data-skin=retro] .brand{margin-top:auto;align-self:flex-end;filter:drop-shadow(0 1px 0 rgb(255 246 222 / .35));opacity:.92}html[data-skin=retro] .brand__mark{width:calc(var(--panel-w) * .78);background:#1f1810}html[data-skin=retro] main.show-form{position:fixed;left:calc((100vw - var(--panel-w)) / 2);bottom:calc((100dvh - var(--tube-w) * 3 / 4) / 2 + 18px);width:min(420px,var(--tube-w) - 48px)}@media(max-width:640px),(orientation:portrait){html[data-skin=retro]{--ring: calc(var(--bezel) * .65);--pad: calc(var(--bezel) * .35);--strip-h: 74px;--tube-w: min( var(--tube-max), 100vw - var(--gap) * 2 - var(--bezel) * 2, 100vw - var(--gap) * 2 - var(--ring) * 2 - var(--pad) * 2, (100dvh - var(--gap) * 2 - var(--strip-h) - var(--ring) * 2 - var(--pad) * 2) * 4 / 3 )}html[data-skin=retro] .monitor{width:calc(var(--tube-w) + var(--ring) * 2 + var(--pad) * 2);height:calc(var(--tube-w) * 3 / 4 + var(--ring) * 2 + var(--pad) * 2 + var(--strip-h));flex-direction:column}html[data-skin=retro] .chin{position:relative;width:auto;height:var(--strip-h);flex-direction:row;gap:18px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgb(60 40 12 / .12),transparent 40%);box-shadow:inset 0 2px #32220c73,inset 0 3px #fff0c84d}html[data-skin=retro] .chin:before{width:40px;aspect-ratio:1.2;box-shadow:inset 0 2px 4px #000c,0 0 0 3px #b19e74,0 0 0 4px #32220c8c}html[data-skin=retro] .controls{display:flex;width:auto;gap:20px;padding:0;border:0;box-shadow:none}html[data-skin=retro] .power{width:38px;height:38px;box-shadow:inset 0 1px #ffffff2e,inset 0 -3px 5px #0009,0 0 0 2px #6f6553,0 0 0 3px #a2967c,0 0 0 4px #2a2218,0 0 0 7px #ab9670,0 0 0 8px #32220c73}html[data-skin=retro] .power__glyph{inset:11px}html[data-skin=retro] .key{width:54px;height:40px;font-size:10px;letter-spacing:.06em;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 3px #00000080,0 2px #0c0b0a,0 0 0 2px #15130f,0 0 0 5px #a38e67,0 0 0 6px #32220c80}html[data-skin=retro] .power:focus-visible,html[data-skin=retro] .key:focus-visible{outline-offset:9px}html[data-skin=retro] .brand{margin:0 0 0 auto;align-self:center;min-width:0}html[data-skin=retro] .brand__mark{width:70px}html[data-skin=retro] main.show-form{position:absolute;left:50%;bottom:calc(100% + var(--pad) + var(--ring) + 12px);width:min(420px,var(--tube-w) - 24px)}}@media(max-width:640px){html[data-skin=retro]{--ring: 10px;--pad: 0px;--tube-r: 22px}html[data-skin=retro] .monitor{inset:0;width:auto;height:auto;margin:0;border-radius:0;box-shadow:none}html[data-skin=retro] .chin{height:auto}html[data-skin=retro] main.show-form{bottom:calc(100% + var(--ring) + 12px);width:min(420px,100vw - 2 * (var(--pad) + var(--ring)) - 16px)}html[data-skin=retro] .bezel{flex:1;width:auto;height:auto;min-height:0;margin:var(--pad) var(--pad) 0}}.frame{display:none}@media(min-width:900px)and (min-height:600px)and (orientation:landscape){html[data-skin=retro][data-frame]{--fw: min( 100vw - var(--gap) * 2, (100dvh - var(--gap) * 2) * 1609 / 928, var(--tube-max) * 1609 / 1241 );--px: calc(var(--fw) / 1609)}html[data-skin=retro][data-frame] .monitor{display:block;width:var(--fw);height:calc(var(--px) * 928);border-radius:calc(var(--px) * 6);background:none;box-shadow:0 34px 80px #000000b3,0 12px 24px #00000080}html[data-skin=retro][data-frame] .frame--retro{display:block;position:absolute;inset:0;z-index:2;pointer-events:none}html[data-skin=retro][data-frame] .frame--retro img{display:block;width:100%;height:100%;border-radius:inherit}html[data-skin=retro][data-frame] .bezel{position:absolute;left:calc(var(--px) * 60);top:calc(var(--px) * 59);width:calc(var(--px) * 1241);height:calc(var(--px) * 805);margin:0;padding:0;z-index:1}html[data-skin=retro][data-frame] .bezel:before{display:none}html[data-skin=retro][data-frame] .tube{border-radius:calc(var(--px) * 120);box-shadow:none}html[data-skin=retro][data-frame] .chin{position:absolute;inset:0;z-index:3;width:auto;height:auto;display:block;padding:0;background:none;box-shadow:none;pointer-events:none}html[data-skin=retro][data-frame] .chin:before,html[data-skin=retro][data-frame] .brand{display:none}html[data-skin=retro][data-frame] .controls{display:contents}html[data-skin=retro][data-frame] .power,html[data-skin=retro][data-frame] .key{position:absolute;min-width:36px;min-height:36px;padding:0;background:none;box-shadow:none;color:transparent;text-decoration:none;pointer-events:auto;transform:none}html[data-skin=retro][data-frame] .power{left:calc(var(--px) * 1420);top:calc(var(--px) * 375);width:calc(var(--px) * 105);height:calc(var(--px) * 105);border-radius:50%}html[data-skin=retro][data-frame] .power__glyph{display:none}html[data-skin=retro][data-frame] #skip{left:calc(var(--px) * 1427);top:calc(var(--px) * 499);width:calc(var(--px) * 125);height:calc(var(--px) * 76);border-radius:calc(var(--px) * 9);padding:calc(var(--px) * 7) calc(var(--px) * 4) calc(var(--px) * 2.5)}html[data-skin=retro][data-frame] #sound{left:calc(var(--px) * 1424);top:calc(var(--px) * 592);width:calc(var(--px) * 128);height:calc(var(--px) * 79);border-radius:calc(var(--px) * 9);padding:calc(var(--px) * 5.5) calc(var(--px) * 6)}html[data-skin=retro][data-frame] .power:active,html[data-skin=retro][data-frame] .key:active{box-shadow:inset 0 calc(var(--px) * 6) calc(var(--px) * 14) #0000008c;transform:none}html[data-skin=retro][data-frame] .power:focus-visible,html[data-skin=retro][data-frame] .key:focus-visible{outline:3px solid #ffd54a;outline-offset:4px;box-shadow:0 0 0 4px #140c04d9}html[data-skin=retro][data-frame] .key--icon:after{display:none}html[data-skin=retro][data-frame] .skip__glyph{display:none}html[data-skin=retro][data-frame] #skip[data-role=skip]{background:linear-gradient(#2f2b27,#1d1a17) content-box}html[data-skin=retro][data-frame] #skip[data-role=skip] .skip__glyph{display:block;color:#ebe3cf;scale:calc(var(--fw) / 1000px)}html[data-skin=retro][data-frame] .key--icon:disabled{opacity:1;background:#00000073 content-box}html[data-skin=retro][data-frame] .key[aria-pressed=false]{background:linear-gradient(transparent calc(50% - 1.5px),rgb(235 227 207 / .85) 0 calc(50% + 1.5px),transparent 0) content-box,#00000073 content-box}html[data-skin=retro][data-frame] .led{position:absolute;left:calc(var(--px) * 1538);top:calc(var(--px) * 421);width:calc(var(--px) * 15);height:calc(var(--px) * 15)}html[data-skin=retro][data-frame] .led:after{box-shadow:0 0 0 calc(var(--px) * 3) #1a1712}html[data-skin=retro][data-frame] main.show-form{position:absolute;left:calc(var(--px) * (60 + 1241 / 2));bottom:calc(var(--px) * (928 - 864) + 30px);width:min(420px,var(--px) * 1241 - 80px)}}