.strunkodore-wrapper{flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.strunkodore-outer-box{background:var(--color-dark-gray);border:6px solid var(--color-black);width:100%;max-width:640px;padding:30px 30px 50px;position:relative}.strunkodore-chamfer{background:var(--section-bg-hero);z-index:1;width:6px;height:6px;position:absolute}.strunkodore-chamfer-tl{box-shadow:6px 0 0 0 var(--section-bg-hero), 0 6px 0 0 var(--section-bg-hero), 12px 0 0 0 var(--color-black), 6px 6px 0 0 var(--color-black), 0 12px 0 0 var(--color-black);top:-6px;left:-6px}.strunkodore-chamfer-tr{box-shadow:-6px 0 0 0 var(--section-bg-hero), 0 6px 0 0 var(--section-bg-hero), -12px 0 0 0 var(--color-black), -6px 6px 0 0 var(--color-black), 0 12px 0 0 var(--color-black);top:-6px;right:-6px}.strunkodore-chamfer-bl{box-shadow:6px 0 0 0 var(--section-bg-hero), 0 -6px 0 0 var(--section-bg-hero), 12px 0 0 0 var(--color-black), 6px -6px 0 0 var(--color-black), 0 -12px 0 0 var(--color-black);bottom:-6px;left:-6px}.strunkodore-chamfer-br{box-shadow:-6px 0 0 0 var(--section-bg-hero), 0 -6px 0 0 var(--section-bg-hero), -12px 0 0 0 var(--color-black), -6px -6px 0 0 var(--color-black), 0 -12px 0 0 var(--color-black);bottom:-6px;right:-6px}.strunkodore-screen-wrapper{border:4px solid var(--color-strunk-green);position:relative}.strunkodore-screen-wrapper:before,.strunkodore-screen-wrapper:after{content:"";background:var(--color-dark-gray);z-index:1;width:4px;height:4px;position:absolute}.strunkodore-screen-wrapper:before{box-shadow:4px 0 0 0 var(--color-dark-gray), 0 4px 0 0 var(--color-dark-gray), 8px 0 0 0 var(--color-strunk-green), 4px 4px 0 0 var(--color-strunk-green), 0 8px 0 0 var(--color-strunk-green);top:-4px;left:-4px}.strunkodore-screen-wrapper:after{box-shadow:-4px 0 0 0 var(--color-dark-gray), 0 4px 0 0 var(--color-dark-gray), -8px 0 0 0 var(--color-strunk-green), -4px 4px 0 0 var(--color-strunk-green), 0 8px 0 0 var(--color-strunk-green);top:-4px;right:-4px}.strunkodore-screen-corners-bottom:before,.strunkodore-screen-corners-bottom:after{content:"";background:var(--color-dark-gray);z-index:1;width:4px;height:4px;position:absolute}.strunkodore-screen-corners-bottom:before{box-shadow:4px 0 0 0 var(--color-dark-gray), 0 -4px 0 0 var(--color-dark-gray), 8px 0 0 0 var(--color-strunk-green), 4px -4px 0 0 var(--color-strunk-green), 0 -8px 0 0 var(--color-strunk-green);bottom:-4px;left:-4px}.strunkodore-screen-corners-bottom:after{box-shadow:-4px 0 0 0 var(--color-dark-gray), 0 -4px 0 0 var(--color-dark-gray), -8px 0 0 0 var(--color-strunk-green), -4px -4px 0 0 var(--color-strunk-green), 0 -8px 0 0 var(--color-strunk-green);bottom:-4px;right:-4px}.strunkodore-screen{background:var(--color-black);overscroll-behavior:contain;height:360px;overflow:hidden auto}.strunkodore-label{font-family:var(--font-mono);font-size:var(--font-size-p2);color:#fff;letter-spacing:1px;font-weight:700;line-height:1;position:absolute;bottom:14px;right:30px}.strunkodore-label-number .wave-letter-gameboy{letter-spacing:-.5px}@keyframes wave-gameboy{0%,47%{color:#fff}49%,51%{color:gold}53%,to{color:#fff}}.wave-letter-gameboy{animation:4.1s ease-in-out infinite wave-gameboy;animation-delay:var(--letter-delay,0s);display:inline-block}.strunkodore-bottom-panel{background:var(--color-dark-gray);border:6px solid var(--color-black);box-sizing:border-box;border-top:none;align-items:center;gap:16px;width:100%;max-width:640px;height:100px;padding:0 30px;display:flex;position:relative}.strunkodore-cd-input{background:var(--color-black);width:400px;height:14px;margin-left:auto}.strunkodore-btn-power{background:var(--color-black);cursor:pointer;border:none;width:33px;height:33px;padding:0;position:relative}@media (hover:hover){.strunkodore-btn-power:hover{transform:scale(1.07)}}.strunkodore-btn-power:active{transform:scale(.95)}.strunkodore-btn-power:before{content:"";background:var(--color-black);width:3px;height:3px;box-shadow:-3px 0 var(--color-dark-gray), 27px 0 var(--color-dark-gray), 3px 0 var(--color-black), 6px 0 var(--color-black), 9px 0 var(--color-black), 12px 0 var(--color-black), 15px 0 var(--color-black), 18px 0 var(--color-black), 21px 0 var(--color-black), 24px 0 var(--color-black), -3px 3px var(--color-black), 27px 3px var(--color-black), -3px 6px var(--color-black), 6px 6px var(--color-strunk-green), 12px 6px var(--color-strunk-green), 18px 6px var(--color-strunk-green), 27px 6px var(--color-black), -3px 9px var(--color-black), 3px 9px var(--color-strunk-green), 12px 9px var(--color-strunk-green), 21px 9px var(--color-strunk-green), 27px 9px var(--color-black), -3px 12px var(--color-black), 3px 12px var(--color-strunk-green), 12px 12px var(--color-strunk-green), 21px 12px var(--color-strunk-green), 27px 12px var(--color-black), -3px 15px var(--color-black), 3px 15px var(--color-strunk-green), 21px 15px var(--color-strunk-green), 27px 15px var(--color-black), -3px 18px var(--color-black), 3px 18px var(--color-strunk-green), 21px 18px var(--color-strunk-green), 27px 18px var(--color-black), -3px 21px var(--color-black), 6px 21px var(--color-strunk-green), 18px 21px var(--color-strunk-green), 27px 21px var(--color-black), -3px 24px var(--color-black), 9px 24px var(--color-strunk-green), 12px 24px var(--color-strunk-green), 15px 24px var(--color-strunk-green), 27px 24px var(--color-black), -3px 27px var(--color-black), 27px 27px var(--color-black), -3px 30px var(--color-dark-gray), 27px 30px var(--color-dark-gray), 0 30px var(--color-black), 3px 30px var(--color-black), 6px 30px var(--color-black), 9px 30px var(--color-black), 12px 30px var(--color-black), 15px 30px var(--color-black), 18px 30px var(--color-black), 21px 30px var(--color-black), 24px 30px var(--color-black);position:absolute;top:0;left:3px}.strunkodore-btn-eject{background:var(--color-black);cursor:pointer;border:none;width:33px;height:33px;padding:0;position:relative}@media (hover:hover){.strunkodore-btn-eject:hover{transform:scale(1.07)}}.strunkodore-btn-eject:active{transform:scale(.95)}.strunkodore-btn-eject:before{content:"";background:var(--color-black);width:3px;height:3px;box-shadow:-3px 0 var(--color-dark-gray), 27px 0 var(--color-dark-gray), 3px 0 var(--color-black), 6px 0 var(--color-black), 9px 0 var(--color-black), 12px 0 var(--color-black), 15px 0 var(--color-black), 18px 0 var(--color-black), 21px 0 var(--color-black), 24px 0 var(--color-black), -3px 3px var(--color-black), 27px 3px var(--color-black), -3px 6px var(--color-black), 27px 6px var(--color-black), -3px 9px var(--color-black), 12px 9px var(--color-strunk-green), 27px 9px var(--color-black), -3px 12px var(--color-black), 9px 12px var(--color-strunk-green), 12px 12px var(--color-strunk-green), 15px 12px var(--color-strunk-green), 27px 12px var(--color-black), -3px 15px var(--color-black), 6px 15px var(--color-strunk-green), 9px 15px var(--color-strunk-green), 12px 15px var(--color-strunk-green), 15px 15px var(--color-strunk-green), 18px 15px var(--color-strunk-green), 27px 15px var(--color-black), -3px 18px var(--color-black), 3px 18px var(--color-strunk-green), 6px 18px var(--color-strunk-green), 9px 18px var(--color-strunk-green), 12px 18px var(--color-strunk-green), 15px 18px var(--color-strunk-green), 18px 18px var(--color-strunk-green), 21px 18px var(--color-strunk-green), 27px 18px var(--color-black), -3px 21px var(--color-black), 27px 21px var(--color-black), -3px 24px var(--color-black), 3px 24px var(--color-strunk-green), 6px 24px var(--color-strunk-green), 9px 24px var(--color-strunk-green), 12px 24px var(--color-strunk-green), 15px 24px var(--color-strunk-green), 18px 24px var(--color-strunk-green), 21px 24px var(--color-strunk-green), 27px 24px var(--color-black), -3px 27px var(--color-black), 27px 27px var(--color-black), -3px 30px var(--color-dark-gray), 27px 30px var(--color-dark-gray), 0 30px var(--color-black), 3px 30px var(--color-black), 6px 30px var(--color-black), 9px 30px var(--color-black), 12px 30px var(--color-black), 15px 30px var(--color-black), 18px 30px var(--color-black), 21px 30px var(--color-black), 24px 30px var(--color-black);position:absolute;top:0;left:3px}.strunkodore-panel-chamfer-top:before,.strunkodore-panel-chamfer-top:after{content:"";background:var(--section-bg-hero);z-index:1;width:6px;height:6px;position:absolute}.strunkodore-panel-chamfer-top:before{box-shadow:6px 0 0 0 var(--section-bg-hero), 0 6px 0 0 var(--section-bg-hero), 12px 0 0 0 var(--color-black), 6px 6px 0 0 var(--color-black), 0 12px 0 0 var(--color-black);top:-6px;left:-6px}.strunkodore-panel-chamfer-top:after{box-shadow:-6px 0 0 0 var(--section-bg-hero), 0 6px 0 0 var(--section-bg-hero), -12px 0 0 0 var(--color-black), -6px 6px 0 0 var(--color-black), 0 12px 0 0 var(--color-black);top:-6px;right:-6px}@media (max-width:768px){.strunkodore-outer-box{padding:16px 16px 46px}.strunkodore-screen{height:300px}.strunkodore-label{font-size:var(--font-size-p3);bottom:14px;right:16px}.strunkodore-bottom-panel{flex-wrap:wrap;justify-content:center;row-gap:6px;height:120px;padding:16px}.strunkodore-cd-input{order:1;width:100%;margin-top:6px;margin-left:0}}.strunkodore-wrapper-large{max-width:820px}.strunkodore-wrapper-large .strunkodore-outer-box{max-width:820px;padding:36px 36px 56px}.strunkodore-wrapper-large .strunkodore-screen{height:520px}.strunkodore-wrapper-large .strunkodore-bottom-panel{max-width:820px}.strunkodore-wrapper-large .strunkodore-cd-input{width:500px}.strunkodore-wrapper-large .strunkodore-label{bottom:17px}@media (max-width:768px){.strunkodore-wrapper-large .strunkodore-outer-box{padding:16px 16px 46px}.strunkodore-wrapper-large .strunkodore-screen{height:400px}.strunkodore-wrapper-large .strunkodore-cd-input{width:100%}}