@font-face{font-family:Manrope;src:url('./assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Pixel;src:url('./assets/pixel.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#edeee6;--ink:#273c31;--lcd:#b4c889;--pixel:#263c25;--mono:'Courier New',monospace;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 38%,#f8f8f1 0%,#e8eadf 76%,#e0e4d7 100%);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777968' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;font:inherit;color:inherit}
button:focus-visible{outline:3px solid #6d8752;outline-offset:5px;z-index:10}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.console-stage{min-height:100svh;display:grid;place-items:center;padding:34px 16px 42px}
.console{container-type:inline-size;width:min(480px,100%);aspect-ratio:480/754;position:relative;border-radius:5% 5% 18% 5%;background:linear-gradient(122deg,#eeeee7 0%,#dedfd6 40%,#d6d7ce 77%,#cacdc1 100%);border:1px solid #bcc1b2;box-shadow:inset 3px 3px 3px #fffffff2,inset -4px -3px 6px #8a8f7c44,2px 4px 0 #adb2a3,4px 8px 0 #b8bdaf,5px 11px 0 #a8ae9c,10px 22px 28px #66715324,0 35px 70px #6c75512b;isolation:isolate}
.console::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777' opacity='.4' filter='url(%23p)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");pointer-events:none}
.top-ridge{position:absolute;left:0;right:0;top:4%;height:5px;border-top:1px solid #b9bead;border-bottom:2px solid #f9f9ed;box-shadow:0 1px 2px #b9bead55}
.top-ridge::before,.top-ridge::after{content:'';position:absolute;bottom:4px;height:6.2cqw;width:4px;border-left:1px solid #aab19d;border-right:2px solid #f3f4e8}.top-ridge::before{left:7%}.top-ridge::after{right:7%}
.power-control,.sound-control{position:absolute;top:2%;height:5cqw;transform:translateY(-50%);display:flex;align-items:center;gap:5px;z-index:4;font:bold 1.7cqw var(--mono);color:#65705c;letter-spacing:.8px}
.power-control{left:13%}.sound-control{right:13%;gap:7px}
.power-switch{position:relative;width:10cqw;height:5cqw;border:1px solid #939a86;border-radius:3px;background:linear-gradient(#878c7d,#a3a997);padding:2px;box-shadow:inset 0 2px 3px #48503888}
.power-switch::before{content:'';position:absolute;inset:-13px -5px}
.power-switch>span{display:block;position:relative;width:55%;height:100%;transition:transform .15s;background:repeating-linear-gradient(90deg,#575e50 0 2px,#777d6d 2px 3px);border:1px solid #505747;border-radius:2px;box-shadow:1px 1px 2px #30352766,inset 0 1px 1px #bcc2ac66}
.power-switch[aria-checked=true]>span{transform:translateX(77%)}
.sound-toggle{display:flex;position:relative;align-items:center;justify-content:center;gap:5px;height:5cqw;width:11cqw;border:1px solid #89927e;border-radius:4px;background:linear-gradient(#c7ccbc,#a4ae97);box-shadow:inset 0 1px 1px #e9eddf,0 2px 1px #7a876e}
.sound-toggle::after{content:'';position:absolute;inset:-13px -5px}.sound-toggle svg{width:3.3cqw;height:3.3cqw;stroke-width:1.5}.sound-toggle i{width:1cqw;height:1cqw;border-radius:50%;background:#7d866e;box-shadow:inset 0 1px 1px #46533c}
.sound-toggle[aria-pressed=true] i{background:#d0ef87;box-shadow:0 0 3px #b9ea7388}.sound-toggle .sound-wave{display:none}.sound-toggle[aria-pressed=true] .sound-wave{display:block}.sound-toggle[aria-pressed=true] .sound-mute{display:none}
.sound-toggle:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #8a967b,0 1px 1px #7a876e}
.screen-bezel{position:absolute;top:7.3%;left:5.3%;right:5.3%;height:47.2%;border-radius:3cqw 3cqw 10cqw 3cqw;background:linear-gradient(145deg,#74777c,#65686d 60%,#5d6265);border:1px solid #606469;box-shadow:inset 1px 2px 2px #b2b5b6,inset -2px -3px 3px #43494c55,0 2px 0 #fbfcef99}
.bezel-heading{position:absolute;left:3%;right:3%;top:5.2%;display:flex;align-items:center;gap:6px}.bezel-heading p{font:1.45cqw var(--mono);white-space:nowrap;color:#e0e1e0;letter-spacing:.6px;margin:0}.bezel-heading>span{height:5px;flex:1;border-top:2px solid #603548;border-bottom:1px solid #364457}
.power-led{position:absolute;left:1.8%;top:43%;display:flex;align-items:center;flex-direction:column;gap:6px}.power-led i{width:1.7cqw;height:1.7cqw;border-radius:50%;background:#4f3e3e;box-shadow:inset 1px 1px 2px #202c22;transition:background .2s,box-shadow .2s}.power-led span{font:1.15cqw var(--mono);color:#e5e5de;letter-spacing:0}
.console[data-power=on] .power-led i,.console[data-power=boot] .power-led i{background:#e46b54;box-shadow:0 0 5px #fe744dcc,inset 1px 1px 1px #ffbe83}
.lcd{position:absolute;left:10.8%;right:5.4%;top:12.2%;bottom:7.1%;background:#9eac81;color:var(--pixel);border:3px solid #454e3e;box-shadow:inset 3px 4px 7px #283b3b44,0 1px 0 #a1a89a;overflow:hidden;transition:background .3s,box-shadow .3s;isolation:isolate;pointer-events:none;user-select:none;-webkit-user-select:none}
.console[data-power=on] .lcd,.console[data-power=boot] .lcd{background:var(--lcd);box-shadow:inset 3px 4px 8px #283b3b22,0 0 12px #bdd29622,0 1px 0 #a1a89a}
.lcd-glass{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,#38522305 0 1px,transparent 1px 3px);box-shadow:inset 1px 2px 7px #263c2929;mix-blend-mode:multiply}
.bezel-bottom{position:absolute;left:11%;bottom:2.8%;font:1.25cqw var(--mono);letter-spacing:1px;color:#bcc2bd}
.console-brand{position:absolute;left:6%;right:6%;top:56.3%;color:#334966;font-size:4.1cqw;letter-spacing:-.8px;display:flex;align-items:baseline;gap:7px}.console-brand>span:first-child{font-weight:800}.console-brand strong{font-style:italic;font-weight:600;letter-spacing:-.8px;font-size:5cqw}.console-brand sup{font:1.6cqw Arial;margin-left:-6px;align-self:flex-start;margin-top:4px}.console-brand .edition{font:1.3cqw var(--mono);letter-spacing:.6px;margin-left:auto;color:#727c68}
.control-deck{position:absolute;top:63.1%;left:6.3%;right:6%;height:18.4%;display:flex;align-items:center;justify-content:space-between}
.dpad-well{width:30cqw;height:30cqw;border-radius:50%;background:linear-gradient(135deg,#bdc1b780,#e9eade33);display:grid;place-items:center;box-shadow:inset 1px 2px 4px #9ba19020,1px 1px 0 #f1f2e244}
.dpad{position:relative;width:25.5cqw;height:25.5cqw;filter:drop-shadow(3px 5px 2px #333b3566);touch-action:none}
.dpad-shape{position:absolute;inset:0;background:linear-gradient(135deg,#464d4b,#292f2e);clip-path:polygon(33.333% 0,66.667% 0,66.667% 33.333%,100% 33.333%,100% 66.667%,66.667% 66.667%,66.667% 100%,33.333% 100%,33.333% 66.667%,0 66.667%,0 33.333%,33.333% 33.333%)}
.direction{position:absolute;display:flex;align-items:center;justify-content:center;width:33.333%;height:33.333%;border:0;background:transparent;padding:0;color:#242d28;box-shadow:inset 0 2px 1px #6a716c}.direction svg{width:3.5cqw;height:3.5cqw;fill:currentColor;filter:drop-shadow(0 1px 0 #74807070);pointer-events:none}.direction::after{content:'';position:absolute;inset:-4px}
.direction.up{left:33.333%;top:0;border-radius:3px 3px 0 0;padding-top:3px}.direction.right{right:0;top:33.333%;border-radius:0 3px 3px 0;box-shadow:inset 0 2px 1px #6a716c,inset -2px 0 1px #1d2422;padding-right:3px}.direction.down{left:33.333%;bottom:0;border-radius:0 0 3px 3px;box-shadow:inset 0 -3px 1px #1d2422;padding-bottom:3px}.direction.left{left:0;top:33.333%;border-radius:3px 0 0 3px;padding-left:3px}
.direction:active,.direction.is-pressed{background:#191f1d;box-shadow:inset 1px 1px 4px #111b15;color:#819576}.direction:focus-visible{z-index:4;outline-offset:0;outline-color:#a6bd77}
.dpad-center{position:absolute;width:21%;height:21%;border-radius:50%;top:39.5%;left:39.5%;border:1px solid #252d29;background:linear-gradient(135deg,#282f2c,#454e45);box-shadow:1px 1px 1px #5e695a55;pointer-events:none}
.ab-well{display:flex;align-items:center;justify-content:space-around;width:36cqw;height:18.5cqw;border-radius:12cqw;transform:rotate(-25deg);background:linear-gradient(180deg,#b8bdae99,#e4e7d633);box-shadow:inset 2px 3px 4px #98a08d33,1px 1px 1px #f2f3e877;margin-top:1%}.action-key{position:relative}
.round-button{position:relative;width:13.5cqw;height:13.5cqw;border-radius:50%;border:1px solid #72233a;background:radial-gradient(ellipse at 35% 18%,#a84462,#902d4c 65%,#74273e);box-shadow:inset 1px 2px 2px #d27489,inset -2px -4px 2px #661c34,1px 4px 0 #582437,2px 6px 3px #4a25395c;color:#b96880;font:bold 5.5cqw Arial;text-shadow:0 -1px 0 #651d36;transform:rotate(25deg);transition:transform .06s,box-shadow .06s}.round-button::after{content:'';position:absolute;inset:-4px;border-radius:50%}
.round-button:active,.round-button.is-pressed{transform:rotate(25deg) translateY(3px);box-shadow:inset 1px 2px 4px #74263e,inset -2px -3px 2px #661c34,0 1px 0 #582437}.action-key>span{position:absolute;bottom:-5.6cqw;left:46%;font:italic bold 3cqw Arial;color:#3b4f6c}
.system-buttons{position:absolute;top:86.2%;left:30%;display:flex;gap:4.8cqw;transform:rotate(-25deg)}.system-buttons>div{display:flex;align-items:center;flex-direction:column;gap:2.1cqw}.system-buttons button{height:3.2cqw;width:11cqw;border-radius:10px;border:1px solid #6c7567;background:linear-gradient(#a0a696,#848d7c);box-shadow:inset 0 1px 1px #c9cebe,1px 3px 0 #5c6657,2px 5px 3px #69726066;position:relative}.system-buttons button::after{content:'';position:absolute;inset:-15px -5px}.system-buttons button:active,.system-buttons button.is-pressed{transform:translateY(2px);box-shadow:inset 0 1px 2px #6b7760,0 1px 0 #5c6657}.system-buttons span{font:600 1.7cqw var(--sans);letter-spacing:.9px;color:#3d526b}
.speaker{position:absolute;right:5.5%;bottom:6.4%;display:flex;gap:1.8cqw;transform:rotate(-25deg)}.speaker i{width:1.8cqw;height:14cqw;border-radius:5px;background:linear-gradient(90deg,#929b8766,#59634f 47%,#9ea793);box-shadow:inset 2px 1px 2px #545e4d,inset -1px 0 1px #cfd4c0,1px 1px 1px #f8f9ed99}.speaker i:nth-child(1){height:9cqw;align-self:center}.speaker i:nth-child(6){height:11.5cqw;align-self:center}
.keyboard-legend{position:absolute;bottom:3.1%;left:6.8%;font:bold 1.6cqw var(--mono);letter-spacing:.15px;color:#708065;white-space:nowrap}.keyboard-legend span{font-size:1.35cqw;color:#8a957f}
.console-bottom-mark{position:absolute;left:43%;bottom:1.5%;font:1.3cqw var(--mono);letter-spacing:.4px;color:#87907b;text-shadow:0 1px #ffffffe6}.console-bottom-mark span{margin-left:3px;font-size:1.9cqw}.shell-seam{position:absolute;bottom:4px;left:4px;right:4px;height:14%;border-bottom:1px solid #a5ae9944;border-radius:0 0 17cqw 4cqw;pointer-events:none}

/* The LCD is output only. All interaction comes from the physical controls. */
.screen-content{position:relative;height:100%;font-family:var(--mono);font-weight:700;font-size:3.15cqw;line-height:1.4;overflow:hidden;display:flex;flex-direction:column;padding:2.4cqw 2.4cqw 1.7cqw;color:var(--pixel)}
.screen-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:currentColor;flex-shrink:0;pointer-events:none}.screen-icon.outbound{fill:none;stroke:currentColor;stroke-width:2}.cursor .screen-icon{display:block;width:100%;height:auto}
.screen-off{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#354c2d}.pixel-device{width:15cqw;height:17cqw;fill:currentColor;stroke:none;shape-rendering:crispEdges;margin-bottom:4cqw}.screen-off h2{font:2.8cqw/1.5 Pixel,monospace;margin:0 0 4cqw}.screen-start-label{font:2.6cqw/1.6 Pixel,monospace;margin:0;padding:1.7cqw 2cqw;border:2px solid currentColor;box-shadow:2px 2px 0 #354c2d55}.screen-off>p:last-child{font-size:2.6cqw;line-height:1.5;margin:3cqw 0 0}
.pixel-avatar{width:8.5cqw;height:8.5cqw;stroke:none;fill:currentColor;flex-shrink:0;shape-rendering:crispEdges}.screen-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30482c90;padding-bottom:1.2cqw;font-size:2.55cqw;line-height:1.4;min-height:4.7cqw;gap:4px;flex-shrink:0}.screen-top>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.pixel-battery{display:flex;gap:2px;padding:2px;border:1px solid var(--pixel);position:relative;height:2.7cqw;width:5.2cqw}.pixel-battery::after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:calc(100% - 4px);background:var(--pixel)}.pixel-battery i{flex:1;height:100%;background:var(--pixel)}
.screen-main{flex:1;min-height:0;padding:1.5cqw 0;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}.screen-footer{display:flex;justify-content:space-between;font-size:2.25cqw;line-height:1.4;border-top:1px solid #30482c90;padding-top:1.1cqw;margin-top:auto;flex-shrink:0;gap:4px;min-height:4.4cqw;white-space:nowrap}
.menu-identity{display:flex;align-items:center;gap:2.2cqw;margin:0 0 1.2cqw}.menu-identity h2{font:3.25cqw/1.45 Pixel,monospace;letter-spacing:-.2px;margin:0 0 .5cqw}.menu-identity p{font-size:2.05cqw;letter-spacing:.3px;margin:0}.menu-list{display:flex;flex-direction:column;gap:.4cqw}.menu-item{width:100%;display:flex;align-items:center;text-align:left;padding:.7cqw 1.5cqw;min-height:5.9cqw;font:2.6cqw/1.35 Pixel,monospace;gap:2cqw}.menu-item .cursor{width:1.5cqw;font-size:2cqw;opacity:0}.menu-item .menu-num{margin-left:auto;font:2.4cqw var(--mono);opacity:.8}.menu-item.is-selected,.screen-option.is-selected,.project-row.is-selected,.price-row.is-selected,.game-row.is-selected{background:var(--pixel);color:var(--lcd)}.menu-item.is-selected .cursor{opacity:1}
.screen-title{font:2.55cqw/1.6 Pixel,monospace;margin:0 0 1.7cqw;overflow-wrap:anywhere}.screen-copy{font-size:3.15cqw;line-height:1.42;margin:0 0 1.8cqw;overflow-wrap:anywhere}.screen-note{font-size:2.85cqw;line-height:1.4;margin:0 0 1.8cqw;color:#354e2e}.tag-list{display:flex;flex-wrap:wrap;gap:.8cqw;margin-top:2cqw}.pixel-tag{font:700 2.45cqw/1.3 var(--mono);border:1px solid #30482c90;padding:.6cqw .9cqw;white-space:nowrap}.profile-heading{display:flex;align-items:center;gap:1.9cqw;margin-bottom:1.7cqw}.profile-heading .pixel-avatar{width:7.8cqw;height:7.8cqw}.profile-heading .screen-title{font-size:2.25cqw;margin:0}.profile-heading>div>p{font-size:2.65cqw;margin:.9cqw 0 0}
.project-row{border-bottom:1px solid #30482c60;display:flex;width:100%;align-items:center;gap:1.7cqw;padding:2.2cqw 1.5cqw;min-height:12.5cqw}.project-row .project-index{font:3.3cqw Pixel,monospace;opacity:.65}.project-row strong{display:block;font:2.65cqw/1.5 Pixel,monospace}.project-row small{font-size:2.65cqw;display:block;line-height:1.4;margin-top:1cqw}.project-row>span:last-child{font-size:3.2cqw;margin-left:auto}.project-demo-label{font-size:2.1cqw;line-height:1.4;margin-bottom:1.7cqw;display:flex;justify-content:space-between;gap:5px}.project-art{height:11cqw;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2cqw;border:1px solid #30482c80;background:repeating-linear-gradient(0deg,transparent 0 7px,#30482c09 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,#30482c09 7px 8px);overflow:hidden}.project-art svg{stroke:currentColor;width:21cqw;height:11cqw;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.project-art>span{font-size:2.1cqw;position:absolute;bottom:.8cqw;right:1cqw}.project-detail .screen-copy{font-size:2.95cqw;line-height:1.4}.project-detail .tag-list{margin:1.4cqw 0 1.8cqw}.project-detail .pixel-tag{font-size:2.3cqw;padding:.3cqw .7cqw}
.screen-options{display:flex;flex-direction:column;gap:1cqw}.screen-option{display:flex;gap:6px;align-items:center;justify-content:space-between;border:1px solid #30482c80;width:100%;padding:1.25cqw 1.7cqw;text-align:left;font-size:2.8cqw;line-height:1.3;min-height:7cqw}.feature-list{list-style:none;padding:0;margin:1.7cqw 0 2cqw}.feature-list li{position:relative;padding-left:3cqw;font-size:2.9cqw;line-height:1.4;margin-bottom:1.2cqw}.feature-list li::before{content:'+';position:absolute;left:0;font-size:3cqw}
.price-row{display:flex;flex-direction:column;width:100%;border-bottom:1px solid #30482c60;padding:.8cqw 1.5cqw;gap:.5cqw;min-height:10.3cqw}.price-row>span{font-size:2.9cqw;line-height:1.3}.price-row>strong{font-size:3.7cqw;line-height:1.25}.price-disclaimer{font-size:2.5cqw;line-height:1.35;margin:1cqw 0 0}.service-price{font-size:4.4cqw;margin:.5cqw 0 1cqw;line-height:1.25}.service-time{font-size:2.65cqw;border-bottom:1px dashed #30482c70;padding-bottom:1.5cqw;margin:0 0 1.5cqw}
.contact-hero{text-align:center;padding:0 0 1cqw}.contact-hero .pixel-avatar{display:block;height:5.5cqw;width:5.5cqw;margin:0 auto 1cqw}.contact-hero h2{font:2.3cqw/1.5 Pixel,monospace;margin:0 0 .8cqw}.contact-hero p{font-size:2.8cqw;line-height:1.4;margin:0 0 .5cqw}.contact-handle{font-size:3.4cqw;margin:0;display:block}.screen-toast{position:absolute;left:2cqw;right:2cqw;bottom:7cqw;padding:2.4cqw 2cqw;background:var(--pixel);color:var(--lcd);font-size:2.8cqw;line-height:1.5;text-align:center;box-shadow:2px 2px 0 #789153;border:1px solid var(--lcd);z-index:6}
.arcade-intro{display:flex;justify-content:space-between;align-items:center;font-size:2.2cqw;margin:0 0 1.5cqw;padding-bottom:1.3cqw;border-bottom:1px dashed #30482c80}.arcade-intro strong{font:2.55cqw Pixel,monospace}.game-list{display:flex;flex-direction:column;gap:1.2cqw}.game-row{display:flex;align-items:center;gap:1.8cqw;border:1px solid #30482c80;padding:1.6cqw;min-height:13.5cqw}.game-row>span:nth-child(2){min-width:0}.game-row strong{display:block;font:2.85cqw/1.4 Pixel,monospace}.game-row small{display:block;font-size:2.15cqw;line-height:1.4;margin-top:.6cqw}.game-row>.screen-icon{margin-left:auto;font-size:3cqw}.game-glyph{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;width:7.4cqw;height:7.4cqw;flex:0 0 auto;border:1px solid currentColor;padding:1px}.snake-glyph{display:block;border:0;padding:0;fill:currentColor;stroke:none;shape-rendering:crispEdges}.tetris-glyph::before{content:'';width:2.1cqw;height:2.1cqw;background:currentColor;box-shadow:calc(2.1cqw) 0 0 currentColor,calc(4.2cqw) 0 0 currentColor,calc(2.1cqw) calc(2.1cqw) 0 currentColor}.arcade-note{font-size:2.2cqw;line-height:1.3;margin:1.7cqw 0 0;text-align:center}.game-screen .screen-main{display:flex;flex-direction:column;align-items:center;padding-top:1cqw}.game-hud{display:flex;justify-content:space-between;width:min(39cqw,100%);font-size:2.25cqw;line-height:1.3;margin:0 0 1.1cqw}.game-hud strong{font:inherit}.game-board{display:grid;border:1px solid #30482c;background:repeating-linear-gradient(0deg,#30482c08 0 1px,transparent 1px 3px),#a7be80}.game-cell{display:block;min-width:0;min-height:0;border:1px solid #30482c20}.snake-board{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:26.4cqw;height:26.4cqw}.snake-board .is-snake{background:#44613a;box-shadow:inset 1px 1px #86a466}.snake-board .is-head{background:#203d28;box-shadow:inset 1px 1px #76965e}.snake-board .is-food{background:#dce88b;box-shadow:inset 0 0 0 1px #263c25}.game-message{min-height:3.3cqw;margin:1.1cqw 0 0;font-size:2.05cqw;line-height:1.35;text-align:center}.tetris-layout{display:flex;align-items:flex-start;justify-content:center;gap:1.7cqw;width:100%}.tetris-board{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(16,1fr);width:19cqw;height:30.4cqw}.tetris-board .is-filled,.next-grid .is-filled{background:#395833;box-shadow:inset 1px 1px #89a766,inset -1px -1px #213a24}.tetris-board .is-active{background:#223e28;box-shadow:inset 1px 1px #9ebe72,inset -1px -1px #152b1b}.block-i{filter:brightness(1.13)}.block-o{filter:brightness(1.28)}.block-t{filter:brightness(.93)}.block-s{filter:brightness(1.07)}.block-z{filter:brightness(.83)}.block-j{filter:brightness(1.2)}.block-l{filter:brightness(.99)}.next-piece{display:flex;flex-direction:column;align-items:center;width:10.5cqw;font-size:1.85cqw;line-height:1.25;gap:.9cqw}.next-piece>span{letter-spacing:.3px}.next-piece>b{font:1.5cqw/1.25 var(--mono);text-align:center;overflow-wrap:anywhere}.next-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:8.5cqw;height:8.5cqw;border:1px solid #30482c;background:#a7be80}.next-grid .game-cell{border-color:#30482c20}
.boot-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.boot-screen .pixel-avatar{width:13cqw;height:13cqw;margin-bottom:5cqw}.boot-screen h2{font:3.5cqw Pixel,monospace;margin:0 0 3cqw}.boot-screen p{font-size:2.5cqw;margin:0}.boot-progress{width:27cqw;height:2.5cqw;border:1px solid var(--pixel);padding:2px;margin-top:4cqw}.boot-progress span{height:100%;display:block;background:var(--pixel);animation:load .8s steps(8) both}.screen-content.booting{animation:screen-on .25s ease-out}.screen-content.entering .screen-main{animation:page-in .12s steps(3)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js{position:absolute;top:19%;left:15%;right:10%;font-size:3.3cqw;padding:4cqw;background:var(--lcd);color:var(--pixel);text-align:center}
@keyframes load{from{width:0}to{width:100%}}@keyframes screen-on{from{transform:scaleY(.03);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes page-in{from{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:850px){.console{width:min(430px,100%)}}
@media(max-width:480px){.console-stage{padding:28px 16px 36px}.console{box-shadow:inset 2px 2px 2px #fffffff2,inset -3px -2px 5px #8a8f7c44,1px 3px 0 #adb2a3,2px 6px 0 #b8bdaf,3px 9px 0 #a8ae9c,4px 20px 26px #66715326,0 25px 40px #6c755122}.lcd{border-width:2px}.power-control,.sound-control{gap:4px}.bezel-heading{gap:4px}.bezel-heading p{letter-spacing:.35px}.console-brand{gap:5px}.console-brand sup{margin-left:-4px}.console-brand .edition{letter-spacing:.4px}.keyboard-legend{font-size:1.8cqw}.keyboard-legend span{font-size:1.5cqw}}
@media(pointer:coarse){.direction::after{inset:-10px}.system-buttons button::after{inset:-19px -8px}.power-switch::before,.sound-toggle::after{inset:-16px -6px}}
@media(pointer:coarse) and (max-width:350px){.direction::after{inset:-11px}.system-buttons button::after{inset:-20px -9px}.power-switch::before,.sound-toggle::after{inset:-17px -8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}