:root{--gameboyColor:#bbbcc1;--bezelColor:#1b1c20;--printColor:rgba(45,48,58,0.62);--buttonLight:#e4e5e8;--buttonDark:#b3b6bc;--buttonEdge:rgba(70,74,84,0.45);--screenH:calc(var(--vh, 1vh) * 100);--gbw:min(100vw,calc((var(--screenH) - 2rem) * 0.513))}@supports (height:100svh){:root{--screenH:100svh}}html{background:#d8cbb6;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0;overflow:hidden;color:#fff;text-align:center;box-sizing:border-box;height:var(--screenH);display:flex;align-items:center;justify-content:center}iframe{pointer-events:auto}a{color:#fff}.gameboy{--lidH:90cqw;--bezelTop:11cqw;--bezelSide:5cqw;--bezelPad:5cqw;--bezelPadTop:4cqw;--hingeH:11cqw;container-type:size;position:relative;display:flex;flex-direction:column;width:var(--gbw);height:calc(var(--gbw) / .513);pointer-events:none;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;filter:drop-shadow(0 calc(var(--gbw) * .02) calc(var(--gbw) * .03) rgba(60,40,10,.35))}@media (max-aspect-ratio:5/8) and (max-width:600px){.gameboy{--gbw:100vw;--lidH:83cqw;--bezelTop:5.5cqw;--bezelSide:2cqw;--bezelPad:2.5cqw;--bezelPadTop:2.5cqw;--hingeH:8cqw;width:100vw;height:var(--screenH);filter:none}.bumper{width:4.2cqw;height:4.2cqw}.bumper.top-left,.bumper.top-middle,.bumper.top-right{top:.8cqw}.bumper.bottom-left,.bumper.bottom-right{bottom:1cqw}.bumper.bottom-left,.bumper.top-left{left:2.5cqw}.bumper.bottom-right,.bumper.top-right{right:2.5cqw}}.lid{background:linear-gradient(170deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0) 45%,rgba(0,0,0,.1)),var(--gameboyColor);transition:background-color .1s;box-shadow:inset 0 .5cqw .5cqw hsla(0,0%,100%,.55),inset 0 -.7cqw 1cqw rgba(0,0,0,.18),inset .4cqw 0 .5cqw hsla(0,0%,100%,.3),inset -.4cqw 0 .6cqw rgba(0,0,0,.12);position:relative;flex-shrink:0;height:var(--lidH);border-radius:3cqw 3cqw 1.5cqw 1.5cqw}.bumper{width:6cqw;height:6cqw;border-radius:50%;position:absolute;background:radial-gradient(circle at 45% 40%,#d2d4d8,#b1b4ba);box-shadow:inset .3cqw .4cqw .5cqw hsla(0,0%,100%,.7),inset -.3cqw -.4cqw .5cqw rgba(0,0,0,.22),0 0 0 .25cqw rgba(0,0,0,.08)}.bumper.top-left{left:5.5cqw;top:3cqw}.bumper.top-middle{left:47cqw;top:2.5cqw}.bumper.top-right{right:5.5cqw;top:3cqw}.bumper.bottom-left{left:3.5cqw;bottom:2.5cqw}.bumper.bottom-right{right:3.5cqw;bottom:2.5cqw}.bezel{position:absolute;left:var(--bezelSide);right:var(--bezelSide);top:var(--bezelTop);box-sizing:border-box;padding:var(--bezelPadTop) var(--bezelPad) 1.5cqw;border-radius:1.2cqw;background:var(--bezelColor);box-shadow:0 0 0 .35cqw rgba(0,0,0,.25),inset 0 .3cqw .6cqw hsla(0,0%,100%,.06)}.display{position:relative;aspect-ratio:3/2;overflow:hidden;pointer-events:none}.display,.display .game{width:100%;background:#101018}.display .game{position:absolute;inset:0;height:100%;border:0;display:block}.header{display:flex;justify-content:center;margin-top:1.5cqw}.header svg{display:block;height:4.6cqw;width:auto}.hinge{position:relative;z-index:1;flex-shrink:0;height:var(--hingeH);margin:-1cqw 0;display:flex}.hinge span{height:100%;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,hsla(0,0%,100%,.6) 28%,hsla(0,0%,100%,.15) 50%,rgba(0,0,0,.12) 75%,rgba(0,0,0,.35)),var(--gameboyColor);box-shadow:inset -.25cqw 0 0 rgba(0,0,0,.25),inset .25cqw 0 0 hsla(0,0%,100%,.35)}.hinge span:first-child{width:7%;border-radius:3cqw 0 0 3cqw}.hinge span:nth-child(2){width:42%}.hinge span:nth-child(3){width:34%}.hinge span:nth-child(4){width:17%;border-radius:0 3cqw 3cqw 0}.base{background:linear-gradient(170deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0) 45%,rgba(0,0,0,.1)),var(--gameboyColor);transition:background-color .1s;box-shadow:inset 0 .5cqw .5cqw hsla(0,0%,100%,.55),inset 0 -.7cqw 1cqw rgba(0,0,0,.18),inset .4cqw 0 .5cqw hsla(0,0%,100%,.3),inset -.4cqw 0 .6cqw rgba(0,0,0,.12);position:relative;flex:1;border-radius:1.5cqw 1.5cqw 6cqw 6cqw}.light{left:calc(48.5 * 1cqw - 6.2 * .5cqw);top:calc(13 / 94 * 100% - 6.2 * .5cqw);width:calc(6.2 * 1cqw);height:calc(6.2 * 1cqw);background:radial-gradient(circle at 40% 35%,#f0f1f3,var(--buttonLight) 40%,var(--buttonDark));box-shadow:0 0 0 .3cqw var(--buttonEdge),0 .5cqw .6cqw rgba(0,0,0,.3);border-radius:50%;box-shadow:0 0 0 .9cqw rgba(0,0,0,.07),0 0 0 .3cqw var(--buttonEdge),0 .4cqw .5cqw rgba(0,0,0,.25)}.leds,.light{position:absolute}.leds{right:0;top:8cqw;display:flex;flex-direction:column;gap:1.6cqw}.leds span{width:1cqw;height:3cqw;border-radius:.5cqw 0 0 .5cqw;background:#4b4e56}.leds span:first-child{background:#6fe06a;box-shadow:0 0 1cqw rgba(90,230,90,.7)}.a-b>*,.dpad>*,.start-select>*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.controls{position:absolute;inset:0;pointer-events:auto}.dpad-well{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;left:calc(26.5 * 1cqw - 41 * .5cqw);top:calc(38 / 94 * 100% - 41 * .5cqw);width:calc(41 * 1cqw);height:calc(41 * 1cqw);background:linear-gradient(160deg,rgba(0,0,0,.1),hsla(0,0%,100%,.12));box-shadow:inset .5cqw .8cqw .9cqw rgba(0,0,0,.28),inset -.3cqw -.5cqw .5cqw hsla(0,0%,100%,.55),0 0 0 .25cqw hsla(0,0%,100%,.35);border-radius:50%;box-shadow:inset .6cqw .9cqw 1cqw rgba(0,0,0,.3),inset -.4cqw -.6cqw .6cqw hsla(0,0%,100%,.55),0 0 0 1.4cqw hsla(0,0%,100%,.18),0 0 0 1.7cqw rgba(0,0,0,.08)}.dpad,.dpad-well{position:absolute}.dpad{left:calc(20.5 * 1cqw - 31 * .5cqw);top:calc(20.5 * 1cqw - 31 * .5cqw);width:calc(31 * 1cqw);height:calc(31 * 1cqw);filter:drop-shadow(0 0 .3cqw var(--buttonEdge)) drop-shadow(0 .5cqw .5cqw rgba(0,0,0,.3))}.dpad>*{position:absolute;width:33.3333333333%;height:33.3333333333%;background:linear-gradient(160deg,#eceef0,var(--buttonLight) 50%,#c9cbd0)}.dpad>* i{display:none}.dpad .up{top:0;left:33.3333333333%;border-radius:1cqw 1cqw 0 0}.dpad .down{bottom:0;left:33.3333333333%;border-radius:0 0 1cqw 1cqw}.dpad .left{top:33.3333333333%;left:0;border-radius:1cqw 0 0 1cqw}.dpad .right{top:33.3333333333%;right:0;border-radius:0 1cqw 1cqw 0}.dpad .middle{top:33.3333333333%;left:33.3333333333%;background:radial-gradient(circle,rgba(0,0,0,.1) 30%,transparent 32%),linear-gradient(160deg,#eceef0,var(--buttonLight) 50%,#c9cbd0)}.dpad .up.pressed{background:linear-gradient(0deg,var(--buttonLight),#a9acb3)}.dpad .down.pressed{background:linear-gradient(180deg,var(--buttonLight),#a9acb3)}.dpad .left.pressed{background:linear-gradient(270deg,var(--buttonLight),#a9acb3)}.dpad .right.pressed{background:linear-gradient(90deg,var(--buttonLight),#a9acb3)}.a-b{position:absolute;left:calc(74 * 1cqw - 42 * .5cqw);top:calc(34 / 94 * 100% - 21 * .5cqw);width:calc(42 * 1cqw);height:calc(21 * 1cqw);background:linear-gradient(160deg,rgba(0,0,0,.1),hsla(0,0%,100%,.12));box-shadow:inset .5cqw .8cqw .9cqw rgba(0,0,0,.28),inset -.3cqw -.5cqw .5cqw hsla(0,0%,100%,.55),0 0 0 .25cqw hsla(0,0%,100%,.35);border-radius:10.5cqw;transform:rotate(-21deg);box-shadow:inset .5cqw .8cqw .9cqw rgba(0,0,0,.28),inset -.3cqw -.5cqw .5cqw hsla(0,0%,100%,.55),0 0 0 1.2cqw hsla(0,0%,100%,.18),0 0 0 1.5cqw rgba(0,0,0,.08)}.a-b .a,.a-b .b{background:radial-gradient(circle at 40% 35%,#f0f1f3,var(--buttonLight) 40%,var(--buttonDark));box-shadow:0 0 0 .3cqw var(--buttonEdge),0 .5cqw .6cqw rgba(0,0,0,.3);position:absolute;top:4cqw;width:13cqw;height:13cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .05s}.a-b .a span,.a-b .b span{font-size:6cqw;font-weight:400;color:rgba(120,124,134,.55);text-shadow:.15cqw .2cqw 0 hsla(0,0%,100%,.8);transform:rotate(21deg)}.a-b .a.pressed,.a-b .a:active,.a-b .b.pressed,.a-b .b:active{background:radial-gradient(circle at 60% 65%,#f0f1f3,var(--buttonLight) 40%,var(--buttonDark));box-shadow:0 0 0 .3cqw var(--buttonEdge),0 .1cqw .2cqw rgba(0,0,0,.3),inset 0 .4cqw .6cqw rgba(0,0,0,.2);transform:translateY(.35cqw)}.a-b .b{left:5cqw}.a-b .a{right:5cqw}.speaker{position:absolute;left:calc(53 * 1cqw - 16.1 * .5cqw);top:calc(60 / 94 * 100% - 15 * .5cqw);width:calc(16.1 * 1cqw);height:calc(15 * 1cqw);background:radial-gradient(circle,rgba(30,32,40,.65) .45cqw,transparent .6cqw) 0 0/4.6cqw 3.8cqw,radial-gradient(circle,rgba(30,32,40,.65) .45cqw,transparent .6cqw) 2.3cqw 1.9cqw/4.6cqw 3.8cqw;-webkit-mask:radial-gradient(closest-side,#000 88%,transparent 90%);mask:radial-gradient(closest-side,#000 88%,transparent 90%)}.start-select{position:absolute;inset:0;pointer-events:none}.start-select .select,.start-select .start{background:linear-gradient(160deg,rgba(0,0,0,.1),hsla(0,0%,100%,.12));box-shadow:inset .5cqw .8cqw .9cqw rgba(0,0,0,.28),inset -.3cqw -.5cqw .5cqw hsla(0,0%,100%,.55),0 0 0 .25cqw hsla(0,0%,100%,.35);border-radius:50%;font-size:0;pointer-events:auto}.start-select .select:before,.start-select .start:before{background:radial-gradient(circle at 40% 35%,#f0f1f3,var(--buttonLight) 40%,var(--buttonDark));box-shadow:0 0 0 .3cqw var(--buttonEdge),0 .5cqw .6cqw rgba(0,0,0,.3);content:"";position:absolute;left:50%;top:50%;width:7.6cqw;height:7.6cqw;margin:-3.8cqw 0 0 -3.8cqw;border-radius:50%;transition:transform .05s}.start-select .select:after,.start-select .start:after{position:absolute;left:-5cqw;right:-5cqw;bottom:calc(100% + 1.2cqw);font-size:2.4cqw;letter-spacing:.1cqw;color:var(--printColor)}.start-select .select.pressed:before,.start-select .select:active:before,.start-select .start.pressed:before,.start-select .start:active:before{background:radial-gradient(circle at 60% 65%,#f0f1f3,var(--buttonLight) 40%,var(--buttonDark));box-shadow:0 0 0 .3cqw var(--buttonEdge),0 .1cqw .2cqw rgba(0,0,0,.3),inset 0 .4cqw .6cqw rgba(0,0,0,.2);transform:translateY(.3cqw)}.start-select .select{position:absolute;left:calc(43 * 1cqw - 13 * .5cqw);top:calc(82 / 94 * 100% - 13 * .5cqw);width:calc(13 * 1cqw);height:calc(13 * 1cqw)}.start-select .select:after{content:"SELECT"}.start-select .start{position:absolute;left:calc(61.5 * 1cqw - 13 * .5cqw);top:calc(81.5 / 94 * 100% - 13 * .5cqw);width:calc(13 * 1cqw);height:calc(13 * 1cqw)}.start-select .start:after{content:"START"}.help-menu{width:100%;height:100%;font-family:monospace,sans-serif;font-weight:400;background:hsla(0,0%,90.2%,.96);font-size:2.6cqw;display:none;position:absolute;top:0;left:0;z-index:2;color:#0b0a1c;overflow:auto;pointer-events:auto;text-align:left;box-sizing:border-box;padding:0 3cqw 3cqw}.help-menu .title{margin:0 -3cqw;padding:1.5cqw 3cqw;font-size:4cqw;font-weight:700;text-transform:uppercase;border-bottom:1px solid #000}.help-menu h3{margin:2.5cqw 0 1cqw;font-size:3cqw}.help-menu p{margin:.6cqw 0}.help-menu .konami{margin-top:4cqw;font-size:2cqw}.social{position:absolute;left:50%;bottom:1.6cqw;transform:translateX(-50%);display:flex;align-items:center;gap:2.6cqw;color:var(--printColor);font-family:monospace;font-weight:600;font-size:2.8cqw;pointer-events:auto}.social div{cursor:pointer;display:flex}.social svg{fill:var(--printColor);width:3.6cqw;height:3.6cqw}.social .last-social{display:flex;flex-direction:row;align-items:center;gap:2.6cqw}
/*# sourceMappingURL=/styles.74705f75.css.map */