@font-face{font-family:CustomPixelFont;src:url(../font.ttf) format("truetype")}body{margin:0;font-family:CustomPixelFont,sans-serif;background-color:#000;color:#fff;overflow:auto;image-rendering:pixelated}.container{width:70vw;margin:2vh auto;padding:0 2vw;box-sizing:border-box;image-rendering:pixelated}header{text-align:center;padding-top:2vh;image-rendering:pixelated}canvas{width:100%;max-width:100%;height:20vh;image-rendering:pixelated}.tab-bar{display:flex;justify-content:space-evenly;background-color:#000;border:.2vh solid #fff;font-family:CustomPixelFont,sans-serif;image-rendering:pixelated}.tab-bar button{flex:1;padding:1vh;font-size:2vh;color:#fff;background-color:#000;border:.2vh solid #fff;cursor:pointer;outline:none;font-family:CustomPixelFont,sans-serif;image-rendering:pixelated}.tab-bar button.active{background-color:#fff;color:#000;font-weight:700;image-rendering:pixelated}.main-content{box-sizing:border-box;image-rendering:pixelated}.page-content{display:none;image-rendering:pixelated}.page-content.active{display:block;image-rendering:pixelated}h1{text-align:center;font-size:4vw;margin:0;padding:0}h2{text-align:center;font-size:2.5vw;margin:0;padding:0}a{font-size:1.75vw;text-align:center;display:block;margin:0 auto;color:#66bfff}a:hover{color:#99d5ff}.aboutText{font-size:1.25vw;text-align:center;margin-top:2vh;padding:12px}p{font-size:1.2vw;text-align:center}.contentStrip{background-color:#000;display:flex;justify-content:space-evenly;color:#fff;padding:2vh;margin-bottom:1vh;border:.2vh solid #fff;text-align:left;image-rendering:pixelated}.contentImg{position:relative;top:50%;left:50%;width:15vw;transform:translate(-50%,-50%)}.boldStrip{background-color:#000;color:#fff;margin-bottom:1vh;border:.2vh solid #fff;font-size:1.5vw;text-align:center;image-rendering:pixelated}.custom-separator{text-align:center;margin:1vh 0;background-color:#fff;font-size:3vw;color:#000;image-rendering:pixelated}footer{padding:2vh;border-top:.2vh solid #fff;text-align:center;image-rendering:pixelated}@media (orientation: portrait){.container{width:100vw}h1{font-size:7vw}h2{font-size:5vw}p,a,.aboutText{font-size:3vw}}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2vw;padding:2vh;image-rendering:pixelated}.shop-card{background-color:#000;border:.2vh solid #fff;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;image-rendering:pixelated}.shop-card:hover{transform:scale(1.05);box-shadow:0 0 1vh #fff}.shop-card img{width:100%;height:auto;image-rendering:pixelated}.shop-info{padding:1vh 1vw;text-align:center}.shop-info h3{margin:.5vh 0;font-size:1.5vw}.shop-info p{font-size:1vw;margin:.5vh 0}.price{display:inline-block;border:.2vh solid #fff;padding:.5vh 1vw;margin-top:1vh;background-color:#111;color:#6f9;font-size:1vw}.shop-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999}.shop-popup.hidden{display:none}.popup-content{position:relative;border:.2vh solid #fff;background:#000;padding:2vw;width:min(600px,90vw);text-align:center;image-rendering:pixelated}.popup-content h2{font-size:2vw}.popup-content p{font-size:1.2vw;margin-bottom:2vh}#popupReviews{margin-top:2vh;text-align:left;border-top:.2vh solid #333;padding-top:1vh;font-size:1vw}.review{margin-bottom:1vh}.review b{color:#6f9}@media (orientation: portrait){.container{width:100vw}h1{font-size:7vw}h2{font-size:5vw}p,a,.aboutText{font-size:3vw}.shop-info h3{font-size:4vw}.shop-info p,.price{font-size:3vw}.popup-content h2{font-size:6vw}.popup-content p,#popupReviews{font-size:3vw}}.stars,.card-stars{color:#fc0;font-size:1.2em;letter-spacing:.1em;display:inline-block;margin-bottom:.5em}.review .stars{font-size:1em}.card-stars{text-align:center;margin-bottom:.5vh}.shop-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999;overflow:hidden}.popup-content{background:#111;color:#fff;width:60%;max-height:80vh;overflow-y:auto;padding:2rem;border:1px solid #fff;box-shadow:0 0 20px #000}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.popup-content::-webkit-scrollbar-track{background:#222}.carousel-image-main{width:60%;max-width:400px;border:.2vh solid #fff;background:#000;image-rendering:pixelated;transition:transform .2s ease}.carousel-arrow{background:none;border:none;color:#fff;font-size:3vw;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s,color .1s;image-rendering:pixelated;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{transform:scale(1.2);color:#6f9}.popup-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.close-x{position:absolute;top:.4rem;right:.6rem;background:transparent;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;z-index:10;transition:color .15s ease}.close-x:hover{color:#f55}.purchase-section{margin-top:1rem;text-align:center}.purchase-btn{display:inline-block;background:#0f0;color:#000;font-weight:700;padding:.5rem 1.2rem;border-radius:6px;text-decoration:none;transition:background .15s ease}.purchase-btn:hover{background:#0c0}.sold-out{display:inline-block;color:#f55;font-weight:700;padding:.4rem 1rem;border-radius:6px;background:#ffffff1a}.popup-title{margin-bottom:1%}
