@import "https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;600;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background-color:#0a0a1a;background-image:radial-gradient(80% 60% at 50% -10%,#ff3c822e 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 38px,#ffffff06 38px 40px),repeating-linear-gradient(90deg,#0000,#0000 38px,#ffffff06 38px 40px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100svh;padding:clamp(16px,3vw,40px);font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden auto}body:before{content:"";pointer-events:none;z-index:0;background:repeating-conic-gradient(#ff3c820a 0deg 2deg,#0000 2deg 6deg);position:fixed;inset:0}.sakura-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.petal{opacity:0;background:radial-gradient(at 40% 35%,#ffb6d9,#ff3c82);border-radius:0 100%;width:14px;height:14px;animation:linear infinite fall;position:absolute;top:-40px}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)scale(1)}5%{opacity:.85}90%{opacity:.7}to{opacity:0;transform:translateY(110vh)rotate(540deg)scale(.6)}}.app{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative}@keyframes whamIn{0%{opacity:0;transform:scale(.5)rotate(-4deg)}60%{opacity:1;transform:scale(1.06)rotate(1deg)}80%{transform:scale(.97)rotate(-.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes whamPop{0%{opacity:0;transform:translate(-50%)scale(0)rotate(-8deg)}70%{opacity:1;transform:translate(-50%)scale(1.15)rotate(3deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes glitch{0%,94%,to{text-shadow:3px 3px #ff3c82,6px 6px #ff3c8240;clip-path:none;transform:translate(0)}95%{text-shadow:-3px 0 #0ff,3px 0 #ff3c82;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);transform:translate(-2px)}96%{text-shadow:3px 0 #ff3c82,-3px 0 #0ff;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(2px)}97%{text-shadow:3px 3px #ff3c82,6px 6px #ff3c8240;clip-path:none;transform:translate(0)}}.container{background:#12122a;border-radius:8px;width:min(100%,420px);padding:22px 20px 20px;animation:.55s cubic-bezier(.22,1,.36,1) both whamIn;position:relative;box-shadow:0 0 0 3px #ff3c82,0 0 0 6px #1a1a3e,0 0 40px #ff3c8259,6px 6px #ff3c82}.container:after{content:"";border-top:0 solid #0000;border-bottom:32px solid #0000;border-left:0 solid #0000;border-right:32px solid #ff3c82;position:absolute;top:0;right:0}.wham-impact{color:#ffe600;letter-spacing:4px;text-shadow:2px 2px #ff3c82,-1px -1px #000;white-space:nowrap;z-index:10;font-family:Bangers,cursive;font-size:1.45rem;animation:.6s cubic-bezier(.22,1,.36,1) both whamPop;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.anime-quote{color:#c8c8e8;background:#ff3c821a;border-left:3px solid #ff3c82;border-radius:0 6px 6px 0;margin-bottom:14px;padding:8px 10px;font-size:11px;font-style:italic;line-height:1.5}.anime-quote span{color:#ff8ab8;letter-spacing:1px;margin-top:3px;font-size:10px;font-style:normal;font-weight:900;display:block}h1{letter-spacing:2px;color:#fff;text-transform:uppercase;text-align:center;text-shadow:3px 3px #ff3c82,6px 6px #ff3c8240;font-family:Bangers,cursive;font-size:clamp(1.65rem,4.8vw,2.4rem);line-height:1;animation:6s infinite glitch;margin-bottom:12px!important}.theme-toggle{cursor:pointer;z-index:5;background:0 0;border:none;font-size:1.2rem;transition:transform .3s;position:absolute;top:12px;right:14px}.theme-toggle:hover{transform:scale(1.2)rotate(20deg)}body.light-mode{background-color:#fff0f6;background-image:radial-gradient(80% 60% at 50% -10%,#ff3c821f 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 38px,#ff3c8212 38px 40px),repeating-linear-gradient(90deg,#0000,#0000 38px,#ff3c8212 38px 40px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}body.light-mode:before{background:repeating-conic-gradient(#ff3c820f 0deg 2deg,#0000 2deg 6deg)}body.light-mode .container{background:#fff5fa;box-shadow:0 0 0 3px #ff3c82,0 0 0 6px #ffd6e8,0 0 40px #ff3c8233,6px 6px #ff3c82}body.light-mode h1{color:#1a0010}body.light-mode td{color:#2a0020}body.light-mode .anime-quote{color:#5a2040}body.light-mode .search-bar{color:#1a0010;background:#fff0f6}body.light-mode .checkbox-container{color:#3a0028}body.light-mode .wham-impact{color:#ff3c82;text-shadow:2px 2px #ffe600,-1px -1px #fff}.search-bar{color:#fff;background:#0d0d22;border:2px solid #ff3c82;border-radius:4px;outline:none;width:100%;margin-bottom:10px;padding:10px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;transition:box-shadow .2s,transform .2s;display:block}.search-bar:focus{box-shadow:0 0 0 3px #ff3c8259}.search-bar::placeholder{color:#6a6a9a}.checkbox-container{color:#c8c8e8;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.checkbox-container input[type=checkbox]{accent-color:#ff3c82;cursor:pointer;flex-shrink:0;width:15px;height:15px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#ff3c82;letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid #ff3c82;padding:0 0 8px;font-size:12px;font-weight:900}td{color:#e0e0ff;border-bottom:1px solid #ffffff12;padding:10px 0;font-size:13px;font-weight:600;transition:color .2s}.product-row{cursor:default;transition:background .2s;position:relative}.product-row:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ff3c821f,#0000);width:0;height:100%;transition:width .25s;position:absolute;bottom:0;left:0}.product-row:hover:after{width:100%}.product-row:hover td{color:#fff}.category-row th{letter-spacing:2px;color:#ff3c82;text-transform:uppercase;background:linear-gradient(90deg,#ff3c822e,#0000);border-bottom:1px solid #ff3c8266;border-left:3px solid #ff3c82;border-radius:0 4px 4px 0;padding:5px 10px 5px 8px;font-family:Bangers,cursive;font-size:15px}.red{color:#ff4d6a;opacity:.75;text-decoration:line-through}.sold-out-badge{color:#fff;letter-spacing:1.5px;vertical-align:middle;background:#ff4d6a;border-radius:3px;margin-left:6px;padding:1px 5px;font-family:Nunito,sans-serif;font-size:9px;font-weight:900;display:inline-block}.power-bar-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.power-bar{background:linear-gradient(90deg,#ff3c82,#ffe600);border-radius:3px;min-width:10px;max-width:60px;height:4px;box-shadow:0 0 6px #ff3c8280}.power-label{color:#ff8ab8;letter-spacing:1px;font-family:Bangers,cursive;font-size:12px}.empty-state{text-align:center;color:#6a6a9a;padding:18px 0 4px}.empty-state .chibi{margin-bottom:5px;font-size:2.2rem;display:block}.empty-state p{color:#6a6a9a;font-size:12px}.empty-state strong{color:#ff3c82;letter-spacing:2px;margin-bottom:4px;font-family:Bangers,cursive;font-size:1.3rem;display:block}@media (width<=768px){.container{width:min(100%,560px);padding:20px 16px 18px}h1{font-size:2rem}.category-row th{font-size:14px}}@media (width<=480px){body{padding:14px 12px}.app{align-items:center;min-height:100svh}.container{border-radius:6px;width:100%;max-width:100%;padding:16px 12px 14px}.wham-impact{letter-spacing:3px;font-size:1.1rem;top:-14px}h1{font-size:1.6rem;margin-bottom:10px!important}.anime-quote{margin-bottom:10px;padding:7px 9px;font-size:10px}.search-bar{margin-bottom:9px;padding:10px 12px;font-size:12px}.checkbox-container{gap:6px;margin-bottom:12px;font-size:12px}th{letter-spacing:1px;font-size:10px}td{padding:8px 0;font-size:12px}.category-row th{padding:5px 8px 5px 7px;font-size:13px}.power-bar{max-width:44px}.empty-state{padding:14px 0 2px}.empty-state strong{font-size:1.1rem}.container:after{border-width:0 24px 24px 0}}@media (width<=360px){body{padding:12px 10px}.container{padding:14px 10px 12px}h1{font-size:1.42rem}.wham-impact{font-size:1rem}td,.anime-quote,.checkbox-container{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body{margin:0}
