*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{background:#d9d1c2;background-image:radial-gradient(ellipse at 40% 20%,#f1ece1,transparent 65%),repeating-linear-gradient(92deg,#ffffff08 0 1px,transparent 1px 6px);font-family:Arial,'Malgun Gothic',sans-serif;color:#625a4f}main{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 32px;gap:20px}header{text-align:center}header span{font-size:11px;letter-spacing:3px;color:#8c8173}h1{font-size:20px;font-weight:400;letter-spacing:-.6px;margin:10px 0 0}.device{width:min(550px,85vw,calc((100svh - 190px) * .84));filter:drop-shadow(0 24px 18px #4f44353a);position:relative}.lid,.base{position:relative;background:linear-gradient(125deg,#fff 0%,#faf9f7 45%,#e2e1dc 100%);border:1px solid #c7c6bf;box-shadow:inset 0 2px 3px #fff,inset 0 -4px 4px #c5c5be,inset 3px 0 3px #ffffff;border-radius:24px 24px 16px 16px;width:100%;aspect-ratio:1.9}.lid{border-bottom:3px solid #bfbeb7}.base{border-radius:15px 15px 24px 24px;aspect-ratio:1.78}.bezel{position:absolute;left:22%;top:11%;width:56%;height:77%;padding:9px;background:linear-gradient(150deg,#333531,#111310);border-radius:4px;box-shadow:0 0 0 2px #c9c9c3,0 0 0 5px #ecece8,inset 0 0 3px #000}.screen{height:100%;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#343a35,#202722 65%,#2d352e);box-shadow:inset 0 0 7px #0009;transition:background .12s}.screen:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,#ffffff09,transparent 50%);z-index:2}.boot{position:absolute;inset:0;background:#fff;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#222;transition:opacity .35s}.on .boot{opacity:1}.ds-logo{display:flex;align-items:center;gap:7px;transform:translateY(-5px);opacity:0;filter:blur(2px)}.on .ds-logo{animation:boot-logo 1.5s ease-out forwards}.nintendo{font-size:clamp(13px,3.4vw,22px);font-weight:500;letter-spacing:-1.5px}.ds-logo strong{font-size:clamp(25px,5vw,35px);font-weight:500;letter-spacing:-4px}.ds-logo sup{align-self:flex-start;font-size:7px;margin-top:5px}.dual-icon{width:21px;display:flex;gap:3px;flex-direction:column}.dual-icon b{height:14px;border:2px solid #222;border-radius:2px}.speaker{position:absolute;top:38%;width:8%;height:28%;background-image:radial-gradient(circle,#6e7069 1.3px,#e5e5de 1.7px,transparent 2px);background-size:8px 8px;border-radius:5px}.speaker.left{left:7%}.speaker.right{right:7%}.lid-notch{position:absolute;top:4%;left:48%;width:4%;height:4px;border-radius:5px;background:#dddcd5}.hinge{height:24px;position:relative;margin:0 5px;background:linear-gradient(#cecdc5,#fffffc 38%,#dfdfd6 60%,#bdbcb4);border-radius:8px;box-shadow:0 2px 3px #68675d70;z-index:1}.hinge:before,.hinge:after{content:'';position:absolute;top:0;bottom:0;width:2px;background:#b4b3ab;left:18%}.hinge:after{left:82%}.mic{font-size:6px;position:absolute;left:48%;top:8px;color:#92928a}.lamp,.charge{position:absolute;right:9%;top:4px;height:13px;width:4px;border-radius:2px;background:#829177;box-shadow:inset 0 0 2px #485943}.charge{right:7%;background:#bfbaaa}.powered .lamp{background:#8bf155;box-shadow:0 0 6px #7dfd51}.bottom{top:11%;height:69%}.dpad{position:absolute;left:6%;top:31%;width:12%;aspect-ratio:1;filter:drop-shadow(1px 2px 1px #aaa)}.dpad:before,.dpad:after{content:'';position:absolute;background:linear-gradient(120deg,#fafafa,#dadad3);border:1px solid #c3c3bc;border-radius:4px}.dpad:before{width:34%;height:100%;left:33%}.dpad:after{height:34%;width:100%;top:33%}.dpad i{position:absolute;width:18%;height:18%;background:#e6e6df;z-index:1;top:41%;left:41%;border-radius:50%}.face-buttons{position:absolute;right:5%;top:25%;width:14%;aspect-ratio:1}.face-buttons i{font-style:normal;display:grid;place-items:center;width:35%;aspect-ratio:1;border:1px solid #c8c8c1;border-radius:50%;background:linear-gradient(130deg,#fdfdfa,#deded7);box-shadow:1px 2px 2px #bbbcb4;font-size:12px;color:#a1a199;position:absolute}.x{top:0;left:33%}.y{top:33%;left:0}.a{top:33%;right:0}.b{bottom:0;left:33%}.small-buttons{position:absolute;right:6%;top:65%;display:flex;gap:10px;flex-direction:column;font-size:7px;color:#98988f}.small-buttons span{display:flex;gap:5px;align-items:center}.small-buttons i{width:12px;height:6px;background:#eaeae4;border:1px solid #c0c0b8;border-radius:4px}.volume{position:absolute;bottom:5%;left:12%;font-size:6px;color:#919188;display:flex;gap:5px;align-items:center}.volume span{width:38px;height:5px;border-radius:3px;background:#aeaea6;border:1px solid #d4d4cb}.headphone{position:absolute;bottom:4%;left:47%;font-size:9px;color:#98988e}#power{position:absolute;right:-16px;top:28%;width:25px;height:80px;border:0;padding:0;background:transparent;cursor:pointer;touch-action:none;user-select:none}#power:focus-visible{outline:2px solid #688968;outline-offset:5px;border-radius:6px}.track{position:absolute;left:7px;top:18px;width:13px;height:45px;background:linear-gradient(90deg,#8f8f86,#d0d0c7);border:1px solid #aaa99e;border-radius:4px;box-shadow:inset 1px 1px 3px #6a6b61}.slider{position:absolute;left:0;bottom:2px;width:12px;height:22px;background:repeating-linear-gradient(0deg,#e0e0d7 0 2px,#babbb2 2px 3px);border:1px solid #b7b7ac;border-radius:3px;transition:transform .12s}.sliding .slider{transform:translateY(-18px)}.power-label{font-size:5px;position:absolute;top:4px;left:0;color:#8e8e83}.up{position:absolute;bottom:0;left:10px;font-size:10px;color:#8b8b80}.small-logo{font-size:12px;font-weight:bold;border:1.8px solid #222;border-radius:20px;padding:0 7px;margin-bottom:10px;letter-spacing:-1px}.health{text-align:center;font-size:clamp(6px,1.4vw,9px);line-height:1.5}.health strong{font-size:clamp(7px,1.6vw,11px)}.health p{margin:8px 0}.health .korean{font-size:clamp(6px,1.2vw,8px);color:#555}footer{text-align:center}footer p{font-size:12px;margin:0 0 10px}footer small{font-size:9px;color:#958b7d;line-height:1.8}@keyframes boot-logo{0%{opacity:0;filter:blur(2px);transform:translateY(-5px)}50%{opacity:1;filter:blur(0)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:500px){main{padding:24px 20px;gap:26px}.device{width:min(88vw,calc((100svh - 190px) * .84))}.hinge{height:18px}.bezel{padding:6px}.face-buttons i{font-size:9px}.small-buttons{font-size:5px;gap:7px}.speaker{background-size:6px 6px;background-image:radial-gradient(circle,#74766f 1px,transparent 1.5px)}h1{font-size:17px}}@media(prefers-reduced-motion:reduce){.on .ds-logo{animation:none;opacity:1;filter:none;transform:none}}
.lower .small-logo,.lower .health{opacity:0}.on .lower .small-logo,.on .lower .health{animation:lower-text 1.4s ease-out .3s forwards}@keyframes lower-text{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.on .lower .small-logo,.on .lower .health{animation:none;opacity:1}}

.lategames-logo{font-size:clamp(15px,3.6vw,24px);font-weight:500;letter-spacing:-1px;white-space:nowrap}.ds-logo .lategames-logo strong{font-size:inherit;font-weight:700;letter-spacing:-1px;margin-left:1px}

nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}nav a{font-size:11px;text-decoration:none;color:#6a6259;padding:9px 12px;border-radius:20px;border:1px solid #aca49455}nav a[aria-current]{background:#625b52;color:#fff}main{gap:24px}footer small{font-size:10px}
.handheld{width:min(320px,80vw,calc((100svh - 170px) * .61));filter:drop-shadow(12px 20px 14px #554c3b38)}.shell{position:relative;aspect-ratio:.61;background:linear-gradient(125deg,#ede9df,#c9c7bc);border:1px solid #b3b1a6;border-radius:14px 14px 65px 14px;box-shadow:inset 2px 3px 3px #ffffffb0,inset -4px -5px 7px #8c8b8060}.handheld .bezel{left:8%;top:7%;width:84%;height:42%;padding:32px 30px 25px 44px;border-radius:12px 12px 32px 12px;background:linear-gradient(145deg,#6e707a,#555764);box-shadow:inset 0 1px 3px #29293480,0 1px 1px #fff8}.handheld .screen{background:#777e48;aspect-ratio:1.11;box-shadow:inset 3px 3px 7px #26371e99}.classic .boot{background:#9aa45c;color:#263d22}.classic .handheld-logo{font-family:monospace;font-weight:bold;font-size:clamp(13px,4vw,22px);letter-spacing:-1.5px;image-rendering:pixelated}.handheld .ds-logo{transform:none;filter:none}.handheld .on .ds-logo{animation:none}.handheld.on .ds-logo{animation:cartridge-logo 1.3s linear forwards}.boot-credit{position:absolute;bottom:12%;font-size:8px;opacity:0}.on .boot-credit{animation:lower-text .5s 1.5s forwards}.handheld-logo{font-size:clamp(13px,4vw,23px);font-weight:bold;letter-spacing:-1px}.handheld-logo small{display:block;text-align:center;font-size:13px;letter-spacing:4px;margin-top:3px}.screen-caption{position:absolute;top:12px;left:12%;font-size:6px;letter-spacing:1px;color:#dbdae2}.handheld .lamp{left:6%;right:auto;top:46%;height:5px;width:5px;border-radius:50%;background:#593b43}.handheld.powered .lamp{background:#ff514a;box-shadow:0 0 5px #ff4d4d}.battery{position:absolute;left:2%;top:52%;font-size:5px;color:#ddd}.brand{position:absolute;left:9%;top:51%;color:#353960;font-weight:bold;font-style:italic;font-size:14px;letter-spacing:-.5px}.handheld .dpad{left:9%;top:64%;width:23%;filter:drop-shadow(1px 3px 1px #0005)}.handheld .dpad:before,.handheld .dpad:after{background:linear-gradient(140deg,#474648,#1b1b1e);border-color:#16161b}.handheld .dpad i{background:#292a2e}.handheld .face-buttons{right:8%;top:64%;width:30%;transform:rotate(-25deg)}.handheld .face-buttons i{width:42%;background:linear-gradient(135deg,#a23860,#651332);border-color:#601732;color:#e6b0c4;font-size:12px}.handheld .face-buttons .b{bottom:auto;left:0;top:30%}.handheld .face-buttons .a{right:0;top:30%}.handheld .small-buttons{left:34%;right:auto;top:85%;flex-direction:row;gap:15px;font-size:6px;color:#626279}.handheld .small-buttons span{flex-direction:column;gap:5px}.handheld .small-buttons i{height:8px;width:25px;background:#858585;border-color:#646464;transform:rotate(-20deg)}.handheld .speaker{top:84%;right:7%;width:22%;height:10%;background:repeating-linear-gradient(90deg,transparent 0 7px,#8f8f8755 7px 10px);transform:rotate(-25deg);border-radius:12px}.handheld #power{top:-9px;left:10%;right:auto;width:66px;height:27px}.handheld #power .track{top:0;left:3px;height:12px;width:45px}.handheld #power .slider{height:12px;width:20px;bottom:-1px;left:1px;background:repeating-linear-gradient(90deg,#676768 0 2px,#444 2px 3px)}.handheld.sliding .slider,.handheld.powered .slider{transform:translateX(22px)}.handheld #power .power-label{top:-10px;left:3px;font-size:6px}.handheld #power .up{left:54px;bottom:14px}.seam{position:absolute;bottom:10%;left:0;right:0;border-top:1px solid #0000000b;pointer-events:none}
.color .shell{background:linear-gradient(135deg,#7160a6,#493b80);border-color:#3c316d;border-radius:15px 15px 45px 45px;box-shadow:inset 3px 3px 5px #b6a8e660,inset -5px -6px 6px #29224270}.color .bezel{background:#24242d;border-radius:10px 10px 28px 28px}.color .screen{background:#4b5665}.color .brand{color:#c6b8eb}.color .face-buttons i{background:linear-gradient(135deg,#555559,#202023);color:#bbb;border-color:#161619}.color .small-buttons{color:#b7a9d5}.color .speaker{background:radial-gradient(circle,#211b43 1px,transparent 1.7px);background-size:6px 6px}.color .handheld-logo{color:#183a89}.color .handheld-logo b:nth-child(1){color:#cb353b}.color .handheld-logo b:nth-child(2){color:#7d44ae}.color .handheld-logo b:nth-child(3){color:#529641}.color .handheld-logo b:nth-child(4){color:#dbac22}.color .handheld-logo b:nth-child(5){color:#2687bb}
.advance{width:min(570px,90vw,calc((100svh - 180px) * 1.55))}.advance .shell{aspect-ratio:1.68;border-radius:80px 80px 70px 70px;background:linear-gradient(130deg,#8274b5,#574990 65%,#47397b);border-color:#443477;box-shadow:inset 3px 5px 6px #c1b9e655,inset -5px -7px 7px #34255e70}.advance .bezel{left:22%;top:9%;height:75%;width:56%;padding:24px 17px 27px;background:#25242f;border-radius:18px 18px 28px 28px}.advance .screen{aspect-ratio:1.5;background:#4b5361}.advance .screen-caption{top:auto;bottom:8px;left:0;right:0;text-align:center;font-size:9px;color:#a7a4b5;font-style:italic;letter-spacing:1px}.advance .brand{display:none}.advance .dpad{left:5%;top:32%;width:13%}.advance .face-buttons{right:4%;top:31%;width:16%}.advance .small-buttons{left:7%;top:68%;flex-direction:column;gap:7px;font-size:5px}.advance .small-buttons span{flex-direction:row}.advance .small-buttons i{width:15px;height:6px}.advance .speaker{right:6%;top:70%;width:12%;height:12%;background:repeating-linear-gradient(0deg,transparent 0 5px,#302848 5px 7px);transform:rotate(-15deg)}.advance .battery{left:auto;right:-25%;top:16%;color:#bbb1d3}.advance .lamp{left:auto;right:-20%;top:12%}.advance #power{left:auto;right:13%;top:auto;bottom:-8px}.advance #power .power-label{top:16px;color:#756b8d}.advance #power .up{display:none}.advance .handheld-logo{color:#29479c}.advance .handheld-logo small{color:#444c70;font-size:9px}
@keyframes cartridge-logo{0%{opacity:0;transform:translateY(-100px)}15%{opacity:1}75%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.handheld.on .ds-logo{animation:none;opacity:1;transform:none}.on .boot-credit{animation:none;opacity:1}}
nav{max-width:850px;gap:5px}nav a{font-size:10px;padding:7px 10px}.sp{width:min(330px,76vw,calc((100svh - 240px) * .65))}.sp .lid,.sp .base{aspect-ratio:1.07;border-radius:13px;background:linear-gradient(130deg,#bcc5d3,#798898)}.sp .lid .bezel{left:10%;top:12%;width:80%;height:75%;padding:12px}.sp .speaker,.sp .lid-notch,.sp .mic,.sp .charge,.sp .face-buttons .x,.sp .face-buttons .y,.sp .volume,.sp .headphone{display:none}.sp .hinge{background:linear-gradient(#778699,#cbd4dd,#758494)}.sp .sp-label{position:absolute;top:9%;text-align:center;width:100%;font-size:10px;color:#4e5d70}.sp .dpad{left:11%;top:28%;width:23%}.sp .face-buttons{right:9%;top:27%;width:27%;transform:rotate(-20deg)}.sp .face-buttons .a{right:0;top:35%;width:45%}.sp .face-buttons .b{left:0;bottom:auto;top:35%;width:45%}.sp .small-buttons{top:75%;right:30%;flex-direction:row}.sp .small-buttons span{flex-direction:column}.sp .base:after{content:'';position:absolute;top:55%;left:44%;width:14%;height:12%;background:radial-gradient(circle,#5c6878 1px,transparent 1.8px);background-size:5px 5px}.sp .lamp{right:4%}.three .lid,.three .base{background:linear-gradient(135deg,#413c46,#151519);border-color:#111;box-shadow:inset 0 2px 3px #777,inset 0 -3px 4px #000}.three .hinge{background:linear-gradient(#111,#555,#111)}.three .lid .bezel{left:16%;width:68%}.three .speaker{background-image:radial-gradient(circle,#080808 1.5px,transparent 2px)}.three .dpad:before,.three .dpad:after,.three .face-buttons i{background:#39373d;border-color:#151519;color:#999}.three .lid-notch{background:#070708;border:1px solid #666;width:8px;height:8px;border-radius:50%}.micro{width:min(450px,86vw)}.micro .shell{aspect-ratio:2.05;border-radius:22px;background:linear-gradient(130deg,#d8dadc,#777b85)}.micro .bezel{top:10%;height:78%;left:24%;width:52%;border-radius:7px;padding:12px 10px 20px}.micro .dpad{width:13%;left:6%}.micro .face-buttons{width:16%;right:4%}.micro .small-buttons{left:40%;top:91%;flex-direction:row}.micro .small-buttons span{font-size:0}.micro .speaker{display:none}
.modern{width:min(760px,91vw);filter:drop-shadow(0 22px 18px #443c3440)}.modern-body{position:relative;aspect-ratio:2.4;background:#202126;border:1px solid #121319;border-radius:40px;box-shadow:inset 0 3px 3px #ffffff20,inset 0 -5px 4px #0008}.modern .bezel{left:14%;top:3%;width:72%;height:94%;background:#111216;padding:18px;border-radius:6px;box-shadow:none}.modern .screen{background:#151718}.modern .boot{background:#111;color:#fff}.modern .ds-logo{filter:none;transform:none}.modern-logo{text-align:center;font-weight:600;letter-spacing:-1px;font-size:clamp(18px,4vw,32px)}.modern-logo small{display:block;font-size:.5em;letter-spacing:3px;margin-top:12px;font-weight:400}.joy{position:absolute;top:0;bottom:0;width:14%;background:linear-gradient(100deg,#27c0dd,#1095b6);border-radius:40px 0 0 40px;box-shadow:inset 3px 2px 3px #ffffff30,inset -2px -5px 5px #0003}.right-joy{right:0;background:linear-gradient(100deg,#fe635b,#e93f3b);border-radius:0 40px 40px 0}.stick{position:absolute;left:27%;top:19%;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#38393b 0 58%,#111 60% 70%,#4a4b4c 72%);box-shadow:1px 3px 3px #0006}.right-joy .stick{top:55%}.plus,.minus{position:absolute;top:7%;right:15%;font-size:20px;color:#222;font-weight:bold}.plus{left:15%;right:auto}.modern .face-buttons{width:68%;height:auto;right:17%;top:18%}.modern .face-buttons i{background:linear-gradient(#454548,#252528);color:#ddd;border-color:#18181a;box-shadow:1px 2px 2px #0005;font-size:10px}.direction-buttons{position:absolute;left:20%;top:50%;width:62%;aspect-ratio:1}.direction-buttons i{position:absolute;width:30%;aspect-ratio:1;background:#303034;color:#aaa;border-radius:50%;font-size:8px;font-style:normal;display:grid;place-items:center}.direction-buttons i:nth-child(1){left:35%;top:0}.direction-buttons i:nth-child(2){left:0;top:35%}.direction-buttons i:nth-child(3){right:0;top:35%}.direction-buttons i:nth-child(4){left:35%;bottom:0}.capture,.home{position:absolute;left:41%;bottom:9%;font-size:20px;color:#333}.modern #power{top:-9px;left:17%;right:auto;width:28px;height:14px;font-size:9px;color:#a5a5a9;background:#323338;border:1px solid #17181a;border-radius:4px;box-shadow:0 -1px 1px #ffffff30}.modern.powered #power{color:#8ddd8c}.lite .modern-body,.lite .joy{background:linear-gradient(120deg,#57c9c6,#33a9a8)}.lite .bezel{left:17%;width:66%;top:8%;height:84%;padding:14px;border-radius:8px}.lite .joy{width:17%}.lite .right-joy{background:linear-gradient(120deg,#52c4c1,#33a9a8)}.lite .stick{background:radial-gradient(circle,#eee 0 58%,#c3cecf 60% 70%,#f8f8f8 72%)}.lite .face-buttons i,.lite .direction-buttons i{background:#e9eeed;color:#787f7e;border-color:#cad8d5}.oled .joy{background:linear-gradient(120deg,#fcfcfc,#d9dadc)}.oled .bezel{padding:8px}.switch2 .joy{background:linear-gradient(100deg,#3d3e41,#242529)}.switch2 .left-joy .stick{box-shadow:0 0 0 3px #74c7e7,1px 3px 3px #000}.switch2 .right-joy .stick{box-shadow:0 0 0 3px #f28d75,1px 3px 3px #000}.switch2 .plus,.switch2 .minus{color:#ddd}.switch2 .bezel{padding:10px}.wiiu .modern-body{aspect-ratio:1.8;border-radius:65px;background:linear-gradient(#ececeb,#cacbc8)}.wiiu .joy{width:21%;background:transparent;box-shadow:none}.wiiu .bezel{left:22%;width:56%;height:77%;top:9%;padding:12px 10px 18px;border-radius:15px}.wiiu .left-joy .stick{top:17%}.wiiu .right-joy .stick{top:17%}.wiiu .face-buttons{top:50%;width:55%;right:23%}.wiiu .direction-buttons{top:50%;width:55%;left:25%}.wiiu .home{left:-155%;bottom:4%}.wiiu .capture,.wiiu .plus,.wiiu .minus{display:none}.wiiu #power{left:auto;top:auto;right:15%;bottom:8%;height:20px;width:20px;border-radius:50%;background:#ddd;color:#777;border-color:#aaa}
.motion{width:min(650px,90vw);height:460px;position:relative}.television{position:absolute;left:0;top:0;width:82%;aspect-ratio:1.65;background:linear-gradient(140deg,#3f4141,#171919);border:1px solid #101211;border-radius:7px;padding:14px 14px 26px;box-shadow:inset 0 1px 2px #777}.television .screen{background:#161919}.television .boot{background:#f6f6f5;color:#999}.television .modern-logo{font-size:28px;font-weight:400;color:#9eaaa9}.tv-label{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:7px;color:#888}.tv-stand{position:absolute;width:29%;height:15px;top:69%;left:27%;background:#242626;border-radius:50%;box-shadow:0 5px 4px #0003}.motion-console{position:absolute;right:0;top:10%;height:80%;width:12%;background:linear-gradient(100deg,#fff,#c9d0d2);border-radius:5px 5px 3px 3px;box-shadow:3px 6px 5px #0003;transform:skewY(-7deg);border:1px solid #bbc3c4}.motion #power{position:absolute;top:5%;left:16%;right:auto;width:20px;height:20px;background:#e1e6e5;border:1px solid #b5bebf;border-radius:3px;color:#7a8b8a;font-size:12px}.motion .lamp{left:22%;top:12%;width:5px;height:3px;background:#a33}.motion.powered .lamp{background:#7adb73}.reset{position:absolute;top:19%;left:15%;font-size:5px;color:#8e9b9b}.disc-slot{position:absolute;right:23%;top:10%;width:4px;height:72%;background:#384644;border-radius:3px;box-shadow:0 0 0 3px #97b2b744}.powered .disc-slot{box-shadow:0 0 7px 3px #43b9ff}.console-brand{position:absolute;bottom:10%;left:7%;font-size:7px;color:#929b9c}.eject{position:absolute;bottom:3%;left:14%;font-size:12px;color:#93a0a1}.remote{position:absolute;bottom:0;left:5%;width:45px;height:175px;border-radius:9px;background:linear-gradient(100deg,#fff,#dadfdf);box-shadow:2px 5px 5px #0003;display:flex;align-items:center;flex-direction:column;gap:7px;padding:8px;font-size:7px;color:#899}.remote>i{color:#a68b8b;font-style:normal;align-self:flex-start}.remote .dpad{position:relative;left:auto;top:auto;width:24px;margin-bottom:2px}.remote b{display:grid;place-items:center;border:1px solid #bcc5c5;border-radius:50%;width:18px;height:18px;font-weight:400}.remote span{white-space:nowrap}.remote-lights{color:#8badbd;font-size:8px}@media(max-width:500px){nav{gap:3px}nav a{font-size:9px;padding:5px 7px}.modern .bezel{padding:8px}.modern .face-buttons i{font-size:7px}.modern .home,.modern .capture,.modern .plus,.modern .minus{font-size:12px}.motion{height:310px}.television{padding:8px 8px 20px}.television .modern-logo{font-size:19px}.motion-console{height:70%;width:13%;top:6%}.tv-stand{top:58%}.remote{height:150px;width:38px;gap:4px}.handheld .bezel{padding:26px 22px 19px 34px}.handheld .screen-caption{font-size:5px}.advance .bezel,.micro .bezel{padding:14px 10px 22px}.advance .screen-caption{font-size:6px}.sp .lid .bezel{padding:8px}}
.device.sp{width:min(330px,76vw,calc((100svh - 260px) * .45))}.device.three,.device:not(.handheld):not(.modern):not(.motion):not(.sp){width:min(550px,85vw,calc((100svh - 260px) * .84))}

#power{z-index:8}#power:after{content:"";position:absolute;inset:-8px}.wiiu #power:after{inset:-10px}

/* Edge-mounted persistent sliders: DMG top edge, CGB right edge. */
.device.classic #power{left:11%;top:-5px;height:18px;width:62px}.device.classic #power .track{top:0;height:8px;width:42px;border-radius:2px;background:#92958d}.device.classic #power .slider{height:9px;bottom:0;width:19px;box-shadow:0 1px 2px #0005}.device.classic #power .power-label{top:13px;color:#77796f;font-size:5px}.device.classic #power .up{display:none}.device.classic.powered .slider{transform:translateX(21px)}
.device.color{width:min(300px,76vw,calc((100svh - 230px) * .56))}.color .shell{aspect-ratio:.564}.device.color #power{left:auto;right:-8px;top:25%;width:18px;height:58px}.device.color #power .track{top:9px;left:2px;width:9px;height:40px;background:#322a51;border-color:#322a51}.device.color #power .slider{width:10px;height:20px;left:-1px;bottom:2px;background:repeating-linear-gradient(0deg,#626168 0 2px,#36353d 2px 3px)}.device.color #power .power-label{left:14px;top:14px;font-size:5px;writing-mode:vertical-rl;color:#716584}.device.color #power .up{display:none}.device.color.sliding #power .slider,.device.color.powered #power .slider{transform:translateY(-16px)}
.device.advance:not(.micro){width:min(560px,88vw)}.advance:not(.micro) .shell{aspect-ratio:1.76;border-radius:46% 46% 42% 42% / 22% 22% 30% 30%;background:linear-gradient(155deg,#8878bd 0%,#7061a8 30%,#67579e 70%,#53458b);box-shadow:inset 0 3px 4px #bcb0e07a,inset 0 -7px 7px #35296466,inset 3px 0 3px #b8a8dc55;border:2px solid #51427e}.advance:not(.micro) .shell:before,.advance:not(.micro) .shell:after{content:'';position:absolute;top:-3px;width:17%;height:8%;border-radius:15px 15px 2px 2px;background:linear-gradient(#b6b3c7,#89899d);z-index:-1}.advance:not(.micro) .shell:before{left:4%}.advance:not(.micro) .shell:after{right:4%}.advance:not(.micro) .bezel{left:23%;top:9%;width:54%;height:80%;border-radius:44% 44% 32% 32% / 12% 12% 14% 14%;padding:28px 16px 29px;background:linear-gradient(#25232d,#34313f);box-shadow:inset 0 1px 2px #08070c,0 0 0 1px #b1a2d044}.advance:not(.micro) .screen{aspect-ratio:1.5;height:100%;width:100%}.advance:not(.micro) .screen-caption{bottom:9px;font-size:10px;letter-spacing:.5px}.advance:not(.micro) .dpad{left:5%;top:33%;width:14%;transform:scale(.94)}.advance:not(.micro) .face-buttons{right:4%;top:31%;width:17%;transform:rotate(-22deg)}.advance:not(.micro) .face-buttons i{background:linear-gradient(140deg,#727481,#434652);border-color:#363948;color:#b6bac7}.advance:not(.micro) .small-buttons{left:10%;top:67%;gap:10px;color:#c3b7e0}.advance:not(.micro) .small-buttons i{background:#757984;border-color:#444954;transform:rotate(-15deg)}.advance:not(.micro) .speaker{right:7%;top:68%;width:12%;height:13%;border-radius:40%;background:repeating-linear-gradient(0deg,transparent 0 6px,#352953 6px 8px);transform:rotate(-8deg)}.advance:not(.micro) .lamp{left:auto;right:-22%;top:27%;width:7px;height:7px}.advance:not(.micro) .battery{right:-24%;top:35%;font-size:5px;letter-spacing:.4px}.advance:not(.micro) #power{left:auto;right:15%;bottom:-4px;top:auto;height:12px;width:50px}.advance:not(.micro) #power .track{height:7px;top:0;width:36px}.advance:not(.micro) #power .slider{height:8px;width:16px;bottom:0}.advance:not(.micro) #power .power-label{top:12px;font-size:5px}.advance:not(.micro) #power .up{display:none}.advance:not(.micro) .seam{bottom:6%}@media(max-width:500px){.advance:not(.micro) .bezel{padding:19px 10px 22px}.advance:not(.micro) .screen-caption{font-size:6px;bottom:7px}.advance:not(.micro) .small-buttons{font-size:4px;gap:6px}.advance:not(.micro) .small-buttons i{width:11px;height:5px}}

.advance:not(.micro) .bezel{padding-bottom:44px}.advance:not(.micro) .shell:before,.advance:not(.micro) .shell:after{height:5%;top:2px}.advance:not(.micro) .screen-caption{bottom:14px}@media(max-width:500px){.advance:not(.micro) .bezel{padding-bottom:29px}.advance:not(.micro) .screen-caption{bottom:10px}}

/* Advance reference: raised flat crown, pale shoulders, bowed lower edge. */
.advance:not(.micro) .shell{aspect-ratio:1.78;border-radius:15% 15% 38% 38% / 16% 16% 16% 16%;background:linear-gradient(130deg,#514995,#322a78 65%,#373080);border-color:#777298;clip-path:polygon(0% 18%,2% 10%,17% 7%,24% 1%,76% 1%,83% 7%,98% 10%,100% 18%,100% 80%,98% 86%,93% 91%,72% 98%,50% 100%,28% 98%,7% 91%,2% 86%,0% 80%);box-shadow:inset 3px 3px 3px #b9b5db88,inset -4px -4px 3px #aaa4d066}.advance:not(.micro) .shell:before,.advance:not(.micro) .shell:after{z-index:1;top:2%;width:21%;height:12%;background:linear-gradient(#e2e3e9,#aaadbc);border-radius:60% 60% 15% 15%;transform:rotate(-12deg)}.advance:not(.micro) .shell:before{left:1%}.advance:not(.micro) .shell:after{right:1%;transform:rotate(12deg)}.advance:not(.micro) .bezel{left:24%;top:15%;width:52%;height:74%;border-radius:12% 12% 23% 23% / 9% 9% 12% 12%;padding:14px 16px 42px;background:linear-gradient(140deg,#252731,#151820);box-shadow:0 0 0 2px #131524,inset 1px 1px 2px #6c6d77}.advance:not(.micro) .dpad{top:34%;left:6%;width:13%}.advance:not(.micro) .dpad:before,.advance:not(.micro) .dpad:after{background:linear-gradient(135deg,#fff,#c8cbd5);border-color:#9095aa;border-radius:3px}.advance:not(.micro) .dpad i{background:#c1c7d4}.advance:not(.micro) .face-buttons{top:34%;right:5%;width:16%}.advance:not(.micro) .face-buttons i{background:linear-gradient(135deg,#f9faff,#bdc2d0);border-color:#a0a5b7;color:#989fae}.advance:not(.micro) .small-buttons{top:62%;left:10%;gap:11px;font-size:7px}.advance:not(.micro) .small-buttons span{flex-direction:row-reverse;color:#746fa9;gap:5px}.advance:not(.micro) .small-buttons i{border-radius:50%;width:13px;height:13px;background:linear-gradient(135deg,#fff,#bec6d7);border-color:#a7acc0;transform:none}.advance:not(.micro) .speaker{top:63%;right:8%;height:17%;width:11%;background:repeating-linear-gradient(0deg,transparent 0 7px,#181643 7px 11px);transform:rotate(-13deg)}.advance:not(.micro) .lamp{right:-20%;top:2%;width:9px;height:9px}.advance:not(.micro).powered .lamp{background:#a4df71;box-shadow:0 0 4px #b5ec78}.advance:not(.micro) .battery{top:2%;right:-36%;color:#746ba3;font-size:7px}.advance:not(.micro) .brand{display:block;top:6%;left:40%;width:20%;text-align:center;font-style:normal;font-size:9px;border:1px solid #76709f;border-radius:20px;color:#77709e}.advance:not(.micro) #power{bottom:1%;right:13%;z-index:9}.advance:not(.micro) .screen-caption{bottom:12px;color:#d7d9e1;font-size:11px;font-weight:bold}.advance:not(.micro) .seam{display:none}@media(max-width:500px){.advance:not(.micro) .bezel{padding:9px 10px 28px}.advance:not(.micro) .screen-caption{font-size:7px;bottom:9px}.advance:not(.micro) .brand{font-size:6px}.advance:not(.micro) .small-buttons{font-size:4px;gap:7px}.advance:not(.micro) .small-buttons i{width:8px;height:8px}.advance:not(.micro) .battery{font-size:4px}}

.advance:not(.micro) #power{bottom:7%;right:15%}.advance:not(.micro) #power .power-label{display:none}

.advance:not(.micro) #power{left:10%;right:auto;bottom:7%}

.retro .motion-console{right:4%;top:77%;width:58%;height:23%;transform:none;border-radius:18px;background:linear-gradient(#d7d7dc,#9d9da8)}.retro #power{left:9%;top:34%;width:32px;height:17px}.retro .console-brand{left:43%;bottom:12%;font-size:8px}.retro .reset{top:40%;left:24%}.retro .eject{left:66%;bottom:35%}.retro .lamp{top:68%;left:11%}.cartridge-slot{position:absolute;top:15%;left:35%;width:45%;height:14%;background:#454650;border-radius:12px}.retro-pad{position:absolute;left:0;bottom:-18%;width:37%;height:25%;background:linear-gradient(#d7d7dc,#a4a4b0);border-radius:50px;box-shadow:0 5px 6px #0003}.retro-pad .dpad{left:12%;top:28%;width:23%}.pad-center{position:absolute;left:37%;top:62%;font-size:5px;color:#646471}.pad-buttons{position:absolute;right:8%;top:20%;width:29%;height:62%;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-25deg)}.pad-buttons i{display:grid;place-items:center;font-size:8px;font-style:normal;border-radius:50%;background:#74648d;color:#ddd}.n64 .motion-console{background:linear-gradient(#404449,#15181c);border-color:#111;border-radius:35% 35% 15% 15%;height:25%;top:75%}.n64 .console-brand{color:#a3aab1}.n64 .retro-pad{background:linear-gradient(#b5b8c0,#838892);height:28%;border-radius:35% 35% 40% 40%;clip-path:polygon(0 0,100% 0,90% 100%,70% 100%,60% 62%,50% 100%,40% 62%,25% 100%,10% 100%)}.n64 .pad-buttons i:first-child{background:#328650}.n64 .pad-buttons i:nth-child(2){background:#307aaa}.n64 .pad-buttons i:nth-child(n+3){background:#c6b542}.retro{margin-bottom:60px}.advance:not(.micro) .shell{clip-path:polygon(0% 18%,1% 12%,3% 9%,16% 6%,21% 3%,25% 1%,75% 1%,79% 3%,84% 6%,97% 9%,99% 12%,100% 18%,100% 76%,99% 82%,97% 87%,93% 90%,82% 94%,68% 98%,50% 100%,32% 98%,18% 94%,7% 90%,3% 87%,1% 82%,0% 76%)}

.n64 .retro-pad{clip-path:none;height:20%;border-radius:45px 45px 38px 38px}.n64 .retro-pad:before{content:'';position:absolute;left:40%;top:65%;width:25%;height:70%;background:linear-gradient(#a1a6b0,#858b96);border-radius:0 0 20px 20px;z-index:-1}.n64 .retro-pad .pad-center{font-size:0;width:17px;height:17px;left:43%;top:22%;background:#a53938;border-radius:50%}.n64 .motion-console:after{content:'●　●　●　●';position:absolute;bottom:9%;left:12%;right:12%;color:#0c0e10;font-size:15px;text-align:center;letter-spacing:5px}.super .pad-buttons i:nth-child(1){background:#2d9963}.super .pad-buttons i:nth-child(2){background:#c9ae38}.super .pad-buttons i:nth-child(3){background:#356fa5}.super .pad-buttons i:nth-child(4){background:#b74449}