.handheld-page{--shell:#ece8da;--shell-light:#fffcf2;--shell-dark:#c5c0b0;--accent:#7c8872;min-height:100svh;background:radial-gradient(ellipse at 50% 38%,#f7f5ef 0,#e7e5de 65%,#d9d8d2 100%);color:#484940;font-family:Helvetica Neue,PingFang SC,sans-serif;padding:0 4vw 44px;display:flex;flex-direction:column;overflow-x:hidden}.theme-1{--shell:#e9c5c7;--shell-light:#ffebeb;--shell-dark:#ba949c;--accent:#aa707f}.theme-2{--shell:#ccdbcb;--shell-light:#edf6e8;--shell-dark:#9cae9f;--accent:#668c77}.hh-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #77796a24;flex-shrink:0}.hh-wordmark{font-size:36px;font-weight:900;letter-spacing:-3px;line-height:1}.hh-wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.hh-edition,.hh-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.hh-contact{border-bottom:1px solid #7b7d6e;padding:8px 0}.hh-contact span{margin-left:20px}.hh-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:26px 0 15px;gap:clamp(22px,4vw,80px)}.hh-side{width:190px;flex-shrink:0}.hh-side h1{font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:20px 0}.hh-side h1 em{font-family:Georgia,Songti SC,serif;font-style:normal}.hh-side p{line-height:2.2;color:#85857a}.hh-side .hh-side-note{display:block;font-family:Georgia,serif;font-size:13px;font-style:italic;color:#7e8074;margin-top:55px}.hh-side-right{width:150px}.hh-side-right p{margin-top:24px;font-size:11px}.hh-side-right b{font-size:9px;margin-right:12px;color:#54594c;font-weight:400}.key-guide{margin-top:30px;text-align:center;width:90px}.key-guide kbd{display:inline-block;border:solid #aeafa2;border-width:1px 1px 3px;border-radius:4px;font-size:12px;width:23px;height:24px;margin:2px;line-height:22px}.key-guide span{font-size:10px;color:#8b8b7e;display:block;margin-top:10px}.console{container-type:inline-size;width:min(680px,calc((100svh - 190px)*.925));min-width:350px;aspect-ratio:.925;position:relative;flex-shrink:0;filter:drop-shadow(0 35px 21px #55564235);perspective:1500px;animation:console-arrive .85s cubic-bezier(.16,1,.3,1) both}.base,.lid{position:absolute;width:100%;background:linear-gradient(115deg,var(--shell-light),var(--shell) 36%,var(--shell) 78%,var(--shell-dark));border:1px solid var(--shell-dark);box-shadow:inset 0 2px 2px #fff,inset 3px 0 3px #ffffffab,inset -3px 0 5px #8c887544,0 3px 0 var(--shell-dark),0 5px 0 #989687;transition:background .3s}.lid{top:0;height:47%;border-radius:7cqw 7cqw 2.5cqw 2.5cqw;transform-origin:50% 100%;animation:lid-open 1.1s cubic-bezier(.16,1,.3,1) both}.base:before,.lid:before{content:"";position:absolute;inset:.8cqw;border:1px solid #ffffff70;border-radius:inherit;pointer-events:none}.base{bottom:0;height:48%;border-radius:2.3cqw 2.3cqw 6cqw 6cqw}.camera{top:2.1cqw;left:48.5%;width:2.5cqw;height:2.5cqw;background:radial-gradient(circle at 38% 35%,#54594f 0 10%,#182326 17%,#050708 45%,#313632 65%,#191b19 70%);box-shadow:0 1px 1px #fff}.camera,.camera-light{position:absolute;border-radius:50%}.camera-light{top:2.6cqw;left:52.3%;width:1cqw;height:1cqw;background:#45483a}.speaker{position:absolute;top:20cqw;width:4cqw;height:4cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:.7cqw}.speaker-left{left:5%}.speaker-right{right:5%}.speaker i{width:.6cqw;height:.6cqw;border-radius:50%;background:#66675a;box-shadow:0 1px 0 #fff}.speaker i:first-child{grid-column:2}.speaker i:nth-child(2){grid-column:1}.speaker i:last-child{grid-column:2}.top-bezel{position:absolute;left:14.4%;top:14%;width:71.2%;height:74%;background:#34362f;border-radius:1.7cqw;padding:.9cqw;box-shadow:0 0 0 .6cqw var(--shell),0 0 0 .8cqw #b3af9e,0 0 0 1.2cqw #ffffff6e,inset 0 1px 3px #000}.bottom-screen,.top-screen{width:100%;height:100%;background:#232b27;overflow:hidden;border:1px solid #151b17}.top-screen{border-radius:.5cqw}.screen-status{height:13%;background:#e9eedd;color:#737e66;display:flex;align-items:center;justify-content:space-between;padding:0 1.8cqw;font-family:monospace;font-size:1.25cqw;font-weight:600}.screen-status>span{display:flex;align-items:center;gap:.8cqw}.online-dot{width:.65cqw;height:.65cqw;background:#89a568;border-radius:50%;display:inline-block}.battery{display:inline-block;width:2.5cqw;height:1.15cqw;border:1px solid #788369;border-radius:2px;background:linear-gradient(90deg,#93a481 75%,transparent 0);box-shadow:inset 0 0 0 1px #e9eedd}.top-content{height:78%;position:relative;overflow:hidden;background:#eef0e5;animation:screen-in .2s ease-out}.welcome{display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 80% 25%,#f9fbef,#e4e9d5)}.welcome-copy{position:relative;z-index:2;width:60%}.welcome-copy>span{font:1.15cqw monospace;letter-spacing:.18cqw;color:#7d8769}.welcome h2{font-size:4.2cqw;font-weight:750;letter-spacing:-.15cqw;margin:1.5cqw 0 1cqw}.welcome h2 span{display:block;font-size:2.6cqw;font-weight:500}.welcome p{font-size:1.55cqw;line-height:1.7;color:#727a62;margin-top:1.5cqw}.welcome small{font:.85cqw monospace;letter-spacing:.08cqw;display:block;margin-top:2.3cqw;color:#7e876a}.welcome img{position:absolute;width:36%;right:4%;top:21%;border-radius:2cqw;transform:rotate(-7deg);box-shadow:1cqw 2cqw 2cqw #4f57302a;z-index:1}.welcome-orbit{width:40cqw;height:40cqw;right:-16cqw;top:-7cqw;z-index:0}.welcome-orbit,.welcome-orbit:after{position:absolute;border:1px solid #b5bea270;border-radius:50%}.welcome-orbit:after{content:"";inset:4cqw}.screen-bottom{height:9%;background:#d9e0c9;display:flex;justify-content:space-between;align-items:center;padding:0 1.6cqw;font:.85cqw monospace;letter-spacing:.1cqw;color:#798569}.preview{display:grid;grid-template-columns:43% 57%;padding:1.5cqw;gap:0}.preview>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fafaf4;border-radius:.7cqw;min-height:0}.preview-copy{padding:1cqw 0 0 2cqw}.preview-copy>span{font:1cqw monospace;color:#7e886f}.preview-copy h2{font-size:3cqw;font-weight:700;margin:.8cqw 0}.preview-copy p{font-size:1.3cqw;line-height:1.75;color:#778168}.preview-copy button{font-size:1.2cqw;background:#dce5ca;padding:.6cqw 1cqw;border-radius:.5cqw;margin-top:1cqw}.lid-word{position:absolute;bottom:2.9%;left:44%;font-size:1.4cqw;letter-spacing:.15cqw;color:#a09e8c;text-shadow:0 1px #fff}.lid-word b{font-weight:500}.volume-label{left:3.5%;bottom:14%}.stereo-label,.volume-label{position:absolute;font-size:1.1cqw;color:#a09e8c}.stereo-label{right:4.5%;bottom:13%;text-align:center}.stereo-label i{display:block;height:2.5cqw;width:.5cqw;border-radius:10px;background:#a5a48f;margin:.5cqw auto}.hinge{position:absolute;top:47.6%;height:4.4%;width:100%;background:linear-gradient(#dedace,#fffcf1 24%,var(--shell) 50%,var(--shell-dark) 92%);border:1px solid #bab8a8;border-radius:2.5cqw;box-shadow:0 2px 3px #6b68544d;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 4%}.hinge>i{height:100%;width:1px;background:#b6b4a1}.hinge>span{height:100%;width:56%;border-inline:1px solid #b6b4a188}.hinge>b{position:absolute;right:2.1%;width:.8cqw;height:.8cqw;background:#888f70;border-radius:2px}.hinge>b.lit{background:#a6bc6d;box-shadow:0 0 5px #a6bc6d}.bottom-bezel{position:absolute;width:56%;height:76%;left:22%;border-radius:1cqw;background:#77786c;padding:.8cqw;box-shadow:0 0 0 .5cqw var(--shell-light),0 0 0 .8cqw #afad9d}.bottom-screen{border-radius:.4cqw}.menu-toolbar{display:flex;justify-content:space-between;align-items:center;height:13%;padding:0 1.3cqw;background:#e9eedd;border-bottom:1px solid #b8c3a2;font-size:1.2cqw;color:#788566}.menu-toolbar button{font:1.1cqw monospace;padding:.2cqw .4cqw}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.4cqw 1.3cqw;height:72%;padding:1.7cqw 1.9cqw;background-color:#f0f3e7;background-image:linear-gradient(#b5c39a15 1px,transparent 0),linear-gradient(90deg,#b5c39a15 1px,transparent 0);background-size:1.2cqw 1.2cqw}.menu-item{flex-direction:column;min-height:0;gap:.5cqw;font-size:1.13cqw;color:#727a64;white-space:nowrap;border-radius:.8cqw;outline-offset:2px}.app-tile,.menu-item{display:flex;align-items:center;justify-content:center}.app-tile{width:7.3cqw;height:7.3cqw;padding:.55cqw;background:linear-gradient(#fff,#e5e8dd);border:1px solid #c5cbb9;box-shadow:0 .4cqw .4cqw #6d755326,inset 0 1px white;border-radius:1.25cqw;position:relative;transition:transform .15s}.app-tile img{-o-object-fit:cover;object-fit:cover;border-radius:.75cqw}.menu-item.selected .app-tile{outline:.3cqw solid #91b37b;outline-offset:.45cqw;transform:translateY(-.2cqw)}.menu-item.selected .app-tile:before{content:"";position:absolute;top:-1.2cqw;left:calc(50% - .45cqw);border-left:.45cqw solid transparent;border-right:.45cqw solid transparent;border-top:.5cqw solid #91b37b}.menu-caption{height:15%;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;background:linear-gradient(#e3ead4,#d5dfc3);border-top:1px solid #b6c69a;color:#73835e;font-size:1.5cqw}.menu-caption>button{font-size:1.3cqw}.menu-caption b{border-radius:50%;border:1px solid #80906b;font:1.2cqw monospace;padding:.05cqw .4cqw;margin-left:.5cqw}.mail-icon{font-size:4.8cqw;color:#a58a65}.theme-icon{display:flex;flex-wrap:wrap;justify-content:center;gap:.1cqw;width:5cqw;transform:rotate(-20deg)}.theme-icon i{width:2.3cqw;height:2.3cqw;background:#e6c2c4;border-radius:50%;border:2px solid #fff}.theme-icon i:nth-child(2){background:#b4c9aa}.theme-icon i:nth-child(3){background:#d9cba9;margin-top:-.8cqw}.left-controls{position:absolute;left:4%;top:10%;width:14%;height:75%}.circle-pad{display:grid;place-items:center;background:linear-gradient(135deg,#b3b09b,#fffdf0);width:10cqw;height:10cqw;border-radius:50%;box-shadow:0 0 0 .5cqw #eceadd80,inset 0 .4cqw .8cqw #847f6850;margin:auto}.circle-pad span{width:7.8cqw;height:7.8cqw;border-radius:50%;background:radial-gradient(ellipse at 40% 20%,#e0deca,#bfbea8);box-shadow:0 .5cqw .8cqw #68695677,inset 0 2px 3px #f9f7e3;display:block}.dpad{position:relative;margin:5cqw auto 0;width:11cqw;height:11cqw;filter:drop-shadow(0 3px 1px #79776188)}.dpad button,.dpad i{position:absolute;display:grid;place-items:center;width:3.7cqw;height:3.7cqw;background:linear-gradient(135deg,var(--shell-light),var(--shell));font-size:2cqw;color:#a5a18c;text-shadow:0 1px #fff}.dpad .up{top:0;left:3.65cqw;border:1px solid #b5b09d;border-bottom:0;border-radius:.5cqw .5cqw 0 0}.dpad .left{top:3.65cqw;left:0;border:1px solid #b5b09d;border-right:0;border-radius:.5cqw 0 0 .5cqw}.dpad .right{top:3.65cqw;right:0;border:1px solid #b5b09d;border-left:0;border-radius:0 .5cqw .5cqw 0}.dpad .down{bottom:0;left:3.65cqw;border:1px solid #b5b09d;border-top:0;border-radius:0 0 .5cqw .5cqw}.dpad i{top:3.65cqw;left:3.65cqw}.right-controls{position:absolute;right:3.5%;top:12%;width:14%;height:70%}.abxy{position:relative;width:14cqw;height:14cqw;margin:0 auto 4cqw}.abxy button{position:absolute;width:4.5cqw;height:4.5cqw;border-radius:50%;border:1px solid #b7b39f;background:linear-gradient(135deg,var(--shell-light),var(--shell));box-shadow:0 .4cqw .3cqw #807b6470,inset 0 2px 1px #ffffffaa;font-size:2.1cqw;font-weight:500}.key-x{left:4.75cqw;top:0;color:#7593aa}.key-y{left:0;top:4.75cqw;color:#88a184}.key-a{right:0;top:4.75cqw;color:#b96b65}.key-b{left:4.75cqw;bottom:0;color:#bda05e}.small-hardware{display:flex;align-items:center;gap:.7cqw;font-size:.95cqw;color:#9c9986;margin:1.4cqw .5cqw;text-shadow:0 1px #fff}.small-hardware i{width:2.2cqw;height:2.2cqw;background:linear-gradient(135deg,var(--shell-light),var(--shell));border:1px solid #bbb6a3;border-radius:50%;box-shadow:0 2px 2px #716e5655}.home-button{position:absolute;left:43%;width:14%;height:9%;border:1px solid #bab7a4;border-radius:1.1cqw;background:linear-gradient(var(--shell-light),var(--shell));box-shadow:0 .2cqw .2cqw #9c97835e,inset 0 1px #fff;color:#999783;font-size:2cqw;display:flex;align-items:center;justify-content:center;gap:.5cqw}.home-button span{font-size:.9cqw}.mic-label{position:absolute;bottom:6%;left:62%;color:#9d9a87;font-size:.85cqw}.power-button{position:absolute;right:6%;bottom:4.8%;border:1px solid #bab7a4;width:2.8cqw;height:2.8cqw;border-radius:50%;color:#989b86;font-size:1.7cqw;line-height:1}.power-leds{position:absolute;bottom:-.7cqw;right:8%;display:flex;gap:1.3cqw}.power-leds i{width:.65cqw;height:.9cqw;background:#aeb8a3;border-radius:0 0 2px 2px}.power-leds i.lit{background:#76b0d3;box-shadow:0 0 5px #76b0d3}.console button:active{filter:brightness(.95);transform:translateY(1px)}.console button:focus-visible,.hh-header button:focus-visible{outline:2px solid #60884d;outline-offset:4px}.is-off .bottom-screen,.is-off .top-screen{background:linear-gradient(120deg,#434b40,#29312a)}.hh-under{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px;font-size:11px;color:#8e9082}.hh-under>span:first-child{color:#626b56}.hh-under i{display:inline-block;width:5px;height:5px;background:#87966e;border-radius:50%;margin-right:8px}.hh-under>span:last-child{font-size:10px;letter-spacing:.5px}.portfolio-dialog{padding:0;border:1px solid #c5c5b5;border-radius:22px;width:min(1000px,94vw);max-height:88svh;background:#f4f3ec;color:#474b3e;box-shadow:0 30px 100px #20281e44;overscroll-behavior:contain}.portfolio-dialog::backdrop{background:#20291d99;backdrop-filter:blur(9px)}.dialog-inner{padding:30px}.dialog-inner>header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c5c9b9;padding-bottom:20px}.dialog-inner>header span{font:10px monospace;text-transform:uppercase;letter-spacing:1px;color:#848b76}.dialog-inner h2{font-size:30px;font-weight:650;margin-top:7px}.dialog-close{border:1px solid #bbc4aa;padding:10px 14px;border-radius:30px;font-size:12px;white-space:nowrap}.dialog-intro{font-size:16px;line-height:1.8;margin:25px 0;color:#747b69}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.project-notes h3{font-weight:600;font-size:14px;margin-bottom:8px}.project-notes p{font-size:13px;line-height:1.8;color:#7a816e}.dialog-gallery{-moz-columns:3;column-count:3;-moz-column-gap:14px;column-gap:14px;margin-top:24px}.dialog-gallery a{display:block;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:14px;border-radius:8px;overflow:hidden;background:#fff}.dialog-gallery img{width:100%;height:auto}.about-content{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:40px;padding:35px 0}.about-content>img{width:100%;border-radius:25px}.about-content h3{font-size:28px;line-height:1.5;font-weight:600}.about-content p{margin-top:20px;font-size:14px;line-height:1.8;color:#747b69}.service-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.service-list span{background:#e4e8da;border-radius:20px;padding:7px 10px;font-size:11px}.about-content button{border-bottom:1px solid #7a8768;padding-bottom:5px;font-size:13px}.contact-content{padding:20px 0}.contact-content>p{font-size:35px;line-height:1.6;margin:10px 0 30px}.contact-content strong{font-weight:500}.contact-content>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbd1be;padding:24px 0;gap:12px;font-size:14px}.contact-content>a b{font-weight:500}.theme-content{padding:40px 0}.theme-content>p{font-size:20px;margin-bottom:30px}.theme-content>div{display:flex;gap:20px}.theme-swatch{flex:1;padding:20px;border:1px solid #c5ccb8;border-radius:16px;font-size:13px}.theme-swatch[aria-pressed=true]{outline:2px solid #859a71;outline-offset:3px}.theme-swatch i{display:block;height:70px;background:#ece8da;border-radius:10px;margin-bottom:16px;box-shadow:inset 0 1px 3px #ffffffaa,0 5px 0 #00000010}.swatch-1 i{background:#e9c5c7}.swatch-2 i{background:#ccdbcb}.sound-option{display:block;margin-top:30px;border-bottom:1px solid #b7c2a7;padding-bottom:5px;font-size:13px}@keyframes console-arrive{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes lid-open{0%{transform:rotateX(-55deg)}to{transform:rotateX(0)}}@keyframes screen-in{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hh-side{width:230px}.hh-side-right{width:190px}.hh-side h1{font-size:38px}.hh-side p{font-size:14px}.hh-side-right p{font-size:12px}}@media(max-width:1100px){.hh-stage{gap:24px}.hh-side{width:145px}.hh-side-right{width:120px}.hh-side h1{font-size:25px}.hh-eyebrow{font-size:8px;letter-spacing:1.3px}.hh-side-right p{font-size:10px}.console{width:min(620px,calc((100svh - 205px)*.925),60vw)}}@media(max-width:760px){.handheld-page{padding:0 4vw 48px}.hh-header{height:72px}.hh-wordmark{font-size:32px}.hh-edition{font-size:8px;letter-spacing:1px}.hh-contact{font-size:10px}.hh-contact span{margin-left:8px}.hh-side{display:none}.hh-stage{padding:28px 0 20px;min-height:410px}.console{width:min(92vw,calc((100svh - 200px)*.925));min-width:0;max-width:600px}.hh-under{padding:0 0 10px}.menu-item{font-size:1.6cqw}.menu-grid{padding:1.5cqw;gap:1cqw}.app-tile{width:7.5cqw;height:7.5cqw}.menu-toolbar,.menu-toolbar button{font-size:1.5cqw}.menu-caption{font-size:1.8cqw}.menu-caption>button{font-size:1.7cqw}.dialog-inner{padding:20px}.dialog-gallery{-moz-columns:2;column-count:2}.about-content{grid-template-columns:1fr;gap:20px}.about-content>img{width:160px}.about-content h3{font-size:24px}.project-notes{grid-template-columns:1fr;gap:18px}.theme-content>div{gap:10px}.theme-swatch{padding:10px}.contact-content>p{font-size:28px}.contact-content>a{font-size:12px}.dialog-close{padding:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){.console,.lid,.top-content{animation:none}.handheld-page *{transition:none!important}}@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel-12px.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.handheld-page{background:radial-gradient(ellipse at 50% 40%,#fcf7e8 0,#eee9d7 65%,#dfdfc9 100%)}.hh-side{font-family:Fusion Pixel,monospace;color:#75512f}.hh-side-left{width:205px}.hh-side-right{width:184px;padding:22px 17px;background:#f1dfb4;border:3px solid #ac8150;border-radius:1px;box-shadow:inset 0 0 0 3px #fceac5,inset 0 0 0 5px #d2b180,3px 4px 0 #725a3730;position:relative}.hh-side-right:after,.hh-side-right:before{content:"";position:absolute;top:9px;width:4px;height:4px;background:#9a703e;box-shadow:0 1px #fff0cb}.hh-side-right:before{left:9px}.hh-side-right:after{right:9px}.hh-side .hh-eyebrow{font-family:inherit;font-size:12px;font-weight:400;letter-spacing:1px;color:#8a633b}.hh-side-left .hh-eyebrow{display:inline-block;padding:8px 11px;border:2px solid #ba9868;background:#f3e4be;box-shadow:2px 3px 0 #b79d6940}.hh-side h1{font-family:inherit;font-size:36px;font-weight:400;line-height:1.65;letter-spacing:0;text-shadow:2px 2px #e4cfa4;margin:24px 0 16px}.hh-side h1 em{font-family:inherit;color:#6e7947;text-shadow:2px 2px #d5dab5}.hh-side p{font-size:12px;color:#8d754f;line-height:2.3}.hh-side .hh-side-note{font-family:inherit;font-style:normal;font-size:12px;line-height:2;color:#818052;margin-top:34px}.hh-side-right p{font-size:12px}.hh-side-right b{font:inherit;color:#ac7844;margin-right:7px}.hh-side-right .hh-side-note{margin-top:25px;padding-top:16px;border-top:2px dashed #c9ad78}.key-guide{width:104px;margin-top:24px}.key-guide kbd{font-family:inherit;border:solid #aa8754;border-width:2px 2px 4px;border-radius:0;background:#fff0ca;width:26px;height:27px;color:#84613e}.key-guide span{font-size:12px;color:#8a714b}.hh-under{font-family:Fusion Pixel,monospace}.hh-under>span:first-child{font-size:12px;color:#7e8053}.console{max-width:590px}.top-bezel{width:68%;left:16%;top:12.5%;padding:.65cqw;border-radius:1.15cqw}.top-bezel,.top-screen{height:auto;aspect-ratio:5/3}.lid{border-radius:5.5cqw 5.5cqw 2cqw 2cqw}.lid-word{left:42%;bottom:2.8%;font-size:1.25cqw}.base{border-radius:2cqw 2cqw 5.5cqw 5.5cqw}.bottom-bezel{width:55%;left:22.5%;top:6%;padding:.65cqw}.bottom-bezel,.bottom-screen{height:auto;aspect-ratio:4/3}.right-controls{top:25%}.c-stick{position:absolute;right:10%;top:7%;width:3.7cqw;height:3.7cqw;border-radius:50%;border:1px solid #b5ae91;background:radial-gradient(circle at 35% 30%,#d7d0b4,#afa887);box-shadow:0 .3cqw .3cqw #77705266,inset 0 1px #f6efce}.stereo-label{bottom:15%}.home-button{bottom:4%}.menu-grid{gap:2cqw 1.3cqw;padding-block:2.5cqw}@media (max-width:1100px){.hh-side-left{width:170px}.hh-side-right{width:166px;padding:20px 13px}.hh-side h1{font-size:30px}.hh-side-right p{font-size:11px}.hh-stage{gap:28px}.console{width:min(540px,calc((100svh - 205px)*.925),51vw);min-width:310px}}@media (max-width:820px){.hh-side{display:none}.console{width:min(92vw,calc((100svh - 200px)*.925));min-width:0}}.lid-word{bottom:1.1%;font-size:1.05cqw}.hh-wordmark span{font-size:10px;margin-left:8px;font-weight:400;color:#846742}.hh-contact,.hh-wordmark span{font-family:Fusion Pixel,monospace}.hh-contact{color:#775232;font-size:12px}.bottom-screen,.top-screen{border-color:#444a37}.screen-status{color:#52633d;font-size:1.5cqw;background:#e4ead2}.welcome{background:#f3efd9;padding:2.5cqw}.welcome-copy{width:65%}.welcome-copy>span{font-size:1.75cqw;letter-spacing:0;color:#84673d}.welcome h2,.welcome-copy>span{font-family:Fusion Pixel,monospace}.welcome h2{font-size:4.5cqw;font-weight:400;line-height:1.3;color:#4c472f;margin:2cqw 0}.welcome h2 span{font-family:Fusion Pixel,monospace;font-size:2.5cqw;line-height:1.7;color:#70834d}.welcome p{font-size:2cqw;line-height:1.55;color:#696443;margin:1.4cqw 0}.welcome small{font-family:Fusion Pixel,monospace;font-size:1.5cqw;letter-spacing:0;color:#8c754c;margin-top:2cqw}.welcome img{height:95%;width:38%;-o-object-fit:contain;object-fit:contain;right:1%;top:2%;border-radius:0;box-shadow:none;transform:none;image-rendering:pixelated;z-index:2}.welcome-ground{position:absolute;width:26%;height:5%;bottom:4%;right:6%;background:#b4c092;border-radius:50%;opacity:.45}.screen-bottom{font-family:Fusion Pixel,monospace;font-size:1.3cqw;letter-spacing:0;color:#687647}.preview{grid-template-columns:47% 53%;background:#f2efd9}.preview-copy{padding-top:.5cqw}.preview-copy>span{display:none}.preview-copy h2{font-family:Fusion Pixel,monospace;font-weight:400;font-size:3.25cqw;margin:1.4cqw 0;color:#624b2f}.preview-copy p{font-size:1.8cqw;line-height:1.65;color:#6b6349}.preview-copy button{color:#53653b;border:1px solid #9daa7c;border-radius:0;padding:.8cqw 1.2cqw;background:#dbe4c5;margin-top:1.5cqw}.menu-toolbar,.preview-copy button{font-family:Fusion Pixel,monospace;font-size:1.7cqw}.menu-toolbar{background:#e4dcc0;color:#705b38;border-color:#c0ae81}.menu-toolbar button{font-size:1.5cqw;color:#766b49}.menu-grid{background-color:#f3ecd7;background-image:linear-gradient(#bfaa7420 1px,transparent 0),linear-gradient(90deg,#bfaa7420 1px,transparent 0);padding:1.4cqw 1.3cqw;gap:.9cqw 1cqw}.menu-item{font-family:Fusion Pixel,monospace;font-size:1.8cqw;color:#655136;gap:.65cqw}.app-tile{width:8.4cqw;height:8.4cqw;border-radius:.3cqw;padding:.15cqw;border:1px solid #c1ad7c;background:#fff6df;box-shadow:inset 0 0 0 .3cqw #f2e1b9,0 .35cqw 0 #c9b281}.app-tile img{border-radius:0;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;width:100%;height:100%}.app-tile img.character-icon{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}.menu-item.selected .app-tile{outline:.35cqw solid #7d9657;outline-offset:.35cqw;background:#e7ebcb}.menu-item.selected .app-tile:before{border-top-color:#6d8749}.menu-caption{font-family:Fusion Pixel,monospace;background:#ddd6b5;color:#665433;border-color:#c2ad7a}.menu-caption,.menu-caption>button{font-size:1.8cqw}.menu-caption b{color:#576b3a;border-color:#7b8d57}.portfolio-dialog{border:3px solid #a18451;border-radius:5px;background:#faf5e7;box-shadow:0 25px 90px #17200f66,inset 0 0 0 3px #fcebc5}.dialog-inner>header{background:#eee0b8;border:1px solid #bfa571;padding:18px 20px;margin:-13px -13px 22px;position:sticky;top:-30px;z-index:3;box-shadow:0 3px 0 #bda66d33}.dialog-inner h2{font-family:Fusion Pixel,monospace;font-weight:400;font-size:26px;color:#684c2c}.dialog-inner>header span{color:#8c7650}.collection-back,.dialog-close,.reader-toolbar button{font-family:Fusion Pixel,monospace;border:2px solid #b09764;border-radius:0;background:#fcf1ce;color:#765535;box-shadow:0 2px #c4ac79}.about-content>img{image-rendering:pixelated;-o-object-fit:contain;object-fit:contain;max-height:360px;border-radius:0}.about-content h3,.contact-content>p,.theme-content>p{font-family:Fusion Pixel,monospace;font-weight:400;color:#765333}.collection-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:28px}.collection-heading h3{font-family:Fusion Pixel,monospace;font-size:24px;color:#6c5031;outline:none}.collection-heading>span{font-size:12px;color:#8a7858;white-space:nowrap}.collection-intro{color:#83765d;font-size:14px;line-height:1.8;margin:12px 0 25px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.collection-card{text-align:left;padding:8px 8px 13px;border:1px solid #d4c59e;background:#fffbed;box-shadow:0 4px 0 #daceb044;transition:transform .15s}.collection-card:hover{transform:translateY(-3px);border-color:#8a9b66}.collection-cover{height:220px;position:relative;background:#eeeadf;overflow:hidden}.collection-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.collection-cover>span{position:absolute;top:8px;left:8px;background:#f5e4b9;padding:3px 8px;border:1px solid #b29863;font:12px Fusion Pixel,monospace}.collection-card h4{font-family:Fusion Pixel,monospace;font-size:18px;color:#644d31;margin:15px 5px 8px}.collection-card>p{font-size:11px;color:#8e8065;margin:0 5px 14px}.collection-count{display:flex;justify-content:space-between;font-size:11px;color:#8b7a58;margin:0 5px}.collection-count b{font-weight:500;color:#668144}.collection-back{padding:8px 12px;margin-top:16px;font-size:12px}.artwork-grid{-moz-columns:3;column-count:3;-moz-column-gap:16px;column-gap:16px}.artwork-grid>button{width:100%;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:16px;border:1px solid #d5c8a7;padding:6px;background:#fffdf5;display:block}.artwork-grid img{display:block;width:100%;height:auto}.artwork-grid button>span{display:flex;justify-content:space-between;padding:10px 4px 5px;font-size:11px;color:#8a7b5f}.artwork-grid b{font-weight:500;color:#708345}.artwork-grid .active-artwork{outline:2px solid #889e64}.artwork-reader{border:1px solid #c5b188;padding:10px;background:#fffdf5;margin-bottom:24px}.artwork-reader>img{width:100%;height:auto}.artwork-reader>a{display:block;padding:12px;font-size:12px;color:#73874e;text-align:right}.reader-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.reader-toolbar button{padding:6px 10px}.reader-toolbar button:disabled{opacity:.35}@media(max-width:760px){.welcome-copy>span{font-size:1.8cqw}.welcome p{font-size:2.2cqw}.menu-item{font-size:2cqw}.menu-toolbar{font-size:1.9cqw}.app-tile{width:8.6cqw;height:8.6cqw}.menu-caption,.menu-caption>button{font-size:2.1cqw}.preview-copy p{font-size:2cqw}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-cover{height:180px}.collection-card h4{font-size:15px}.collection-card>p{line-height:1.7}.dialog-inner>header{top:-20px;padding:13px 12px;margin:-6px -6px 20px}.dialog-inner h2{font-size:22px}.artwork-grid{-moz-columns:2;column-count:2}.collection-heading h3{font-size:20px}}@media(max-width:420px){.collection-grid{grid-template-columns:1fr}.collection-cover{height:260px}.artwork-grid{-moz-columns:1;column-count:1}.preview-copy p{font-size:2.2cqw}}.welcome img{-o-object-fit:cover;object-fit:cover}.app-tile{overflow:hidden}.app-tile img.character-icon{transform:scale(1.85);transform-origin:50% 15%}.handheld-page .console,.handheld-page .lid{animation:none}.intro-skip{position:fixed;z-index:30;right:20px;bottom:22px;background:#fff7de;border:1px solid #b6a17a;color:#725b38;padding:10px 16px;font:14px Fusion Pixel,monospace;box-shadow:0 3px 0 #d6c59f}.intro-pending .console{opacity:0}.intro-full .console{animation:pocket-arrive 1s cubic-bezier(.2,.75,.2,1) both}.intro-full .lid{z-index:5;animation:pocket-unfold 1.5s cubic-bezier(.25,.65,.25,1) both}.lid:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,var(--shell-light),var(--shell),var(--shell-dark));border:1px solid var(--shell-dark);transform:rotateX(180deg) translateZ(1px);backface-visibility:hidden;pointer-events:none}.bottom-screen,.top-screen{position:relative}.intro-full .bottom-screen:after,.intro-full .top-screen:after,.intro-quick .bottom-screen:after,.intro-quick .top-screen:after{content:"";position:absolute;inset:0;z-index:10;background:#252b25;pointer-events:none;animation:screen-wake .35s 1.05s both}.intro-full .bottom-screen:after{animation-delay:1.3s}.intro-quick .bottom-screen:after,.intro-quick .top-screen:after{animation-delay:0s;animation-duration:.5s}.intro-full .menu-item{animation:inventory-pop .4s cubic-bezier(.2,.8,.3,1.3) both}.intro-full .power-leds .lit{animation:led-wake 1s both}.keke-wave{position:absolute;right:0;top:2%;width:40%;height:95%;padding:0;background:none;border:0;z-index:3;cursor:pointer}.keke-sprite{display:block;position:absolute;height:100%;aspect-ratio:1;left:50%;top:0;transform:translateX(-50%)}.welcome .keke-sprite img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:0;transform:none}.keke-body{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 57%,39% 57%,40% 53%,36% 47%,35% 36%,0 36%)}.welcome .keke-sprite .keke-arm{clip-path:polygon(24% 36%,35% 36%,36% 47%,40% 53%,39% 57%,24% 57%);transform-origin:39% 53%;animation:keke-wave 2s ease-in-out .15s both}.intro-full .keke-sprite .keke-arm{animation-delay:1.5s}.intro-full .keke-sprite{animation:keke-hop .55s 1.55s both}.hello-bubble{position:absolute;right:2%;top:2%;z-index:4;font:1.8cqw Fusion Pixel,monospace;background:#fff9e5;border:1px solid #b5a272;padding:.7cqw 1cqw;opacity:0;pointer-events:none}.intro-full .hello-bubble{animation:hello-pop 1.35s 1.6s both}.touch-hint{display:none!important}@keyframes pocket-arrive{0%{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes pocket-unfold{0%,15%{transform:rotateX(-178deg)}80%{transform:rotateX(5deg)}to{transform:rotateX(0)}}@keyframes screen-wake{0%{opacity:1}to{opacity:0}}@keyframes inventory-pop{0%{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:none}}@keyframes led-wake{0%,30%{opacity:.15}55%,to{opacity:1}}@keyframes keke-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(18deg)}40%,80%{transform:rotate(-13deg)}}@keyframes keke-hop{0%,to{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(-5px)}}@keyframes hello-pop{0%,to{opacity:0;transform:translateY(3px)}15%,85%{opacity:1;transform:none}}@media(max-width:760px){.intro-full .lid{animation-name:pocket-unfold-mobile}.desktop-hint{display:none!important}.touch-hint{display:block!important}.intro-skip{bottom:58px;font-size:12px}}@keyframes pocket-unfold-mobile{0%{opacity:.2;transform:rotateX(-65deg)}to{opacity:1;transform:rotateX(0)}}@media(prefers-reduced-motion:reduce){.handheld-page *,.handheld-page :after{animation:none!important}.intro-pending .console{opacity:1}.intro-full .bottom-screen:after,.intro-full .top-screen:after,.intro-quick .bottom-screen:after,.intro-quick .top-screen:after{display:none}}.handheld-page .lid{transform-style:preserve-3d}.handheld-page .lid:before,.handheld-page .lid>*{backface-visibility:hidden}.handheld-page .base{z-index:2}.handheld-page .hinge{z-index:3}.handheld-page .lid:after{transform:translateZ(-2px) rotateX(180deg)}