:root{--ink:#27233a;--cream:#fffaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:3px;background:#ff5da2;border-radius:4px;transition:.25s}.nav-link:hover:after{right:0}.primary-button,.secondary-button,.mini-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--ink);font-weight:800;transition:.2s;cursor:pointer}.primary-button{min-height:3.3rem;padding:.75rem 1.3rem;border-radius:1rem;background:#7557ff;color:white;box-shadow:4px 4px 0 var(--ink)}.secondary-button{min-height:3.3rem;padding:.75rem 1.3rem;border-radius:1rem;background:white;box-shadow:4px 4px 0 var(--ink)}.mini-button{padding:.55rem .9rem;border-radius:.8rem;background:#ffd84d;box-shadow:3px 3px 0 var(--ink);font-size:.8rem}.primary-button:hover,.secondary-button:hover,.mini-button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 var(--ink)}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55;transform:none!important}.sticker{display:inline-flex;border:2px solid var(--ink);border-radius:999px;background:#ffd84d;padding:.45rem .85rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:2px 3px 0 var(--ink)}.eyebrow{margin-bottom:.6rem;color:#7557ff;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-title{font-family:Fredoka,sans-serif;font-size:2.4rem;font-weight:700;line-height:1.05}.blob{position:absolute;border-radius:999px;filter:blur(1px);opacity:.3}.blob-one{width:23rem;height:23rem;left:-8rem;top:4rem;background:#42d9e8}.blob-two{width:28rem;height:28rem;right:-10rem;top:0;background:#ff5da2}.hero-machine{position:relative;max-width:32rem;margin:auto;padding:1.4rem 1.4rem 2.2rem;border:3px solid var(--ink);border-radius:2.5rem 2.5rem 4rem 4rem;background:#ffd84d;box-shadow:12px 14px 0 var(--ink);transform:rotate(2deg)}.hero-machine:before{content:"PIXEL FOUNDRY";display:block;margin:.2rem 0 .8rem;text-align:center;font:700 .8rem Fredoka;letter-spacing:.2em}.machine-screen{min-height:19rem;padding:3rem 2rem;border:3px solid var(--ink);border-radius:1.8rem;background:radial-gradient(circle at 50% 50%,#6049ce,#27233a 70%);text-align:center;box-shadow:inset 0 0 0 8px #4b4275}.pixel-stars{margin-bottom:1.5rem;color:#ff5da2;font-size:1.5rem}.joystick{position:relative;width:5rem;height:1.2rem;margin-top:2rem;border:2px solid var(--ink);border-radius:50%;background:#ff5da2}.joystick i{position:absolute;width:1rem;height:3.4rem;left:2rem;bottom:.3rem;border:2px solid var(--ink);background:#7557ff}.joystick i:after{content:"";position:absolute;width:2.1rem;height:2.1rem;left:-.68rem;top:-1.4rem;border:2px solid var(--ink);border-radius:50%;background:#ff5da2}.category-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:9rem;padding:1.4rem;border:2px solid var(--ink);border-radius:1.5rem;box-shadow:5px 6px 0 var(--ink);transition:.25s}.category-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:7px 10px 0 var(--ink)}.category-card h3{font:700 1.3rem Fredoka}.category-card p{margin-top:.2rem;font-size:.8rem}.category-card>span:last-child{font-size:1.8rem;font-weight:800}.product-card{overflow:hidden;border:2px solid rgba(39,35,58,.14);border-radius:1.5rem;background:white;box-shadow:0 4px 16px rgba(39,35,58,.07);transition:.3s}.product-card:hover{transform:translateY(-5px);border-color:var(--ink);box-shadow:6px 7px 0 var(--ink)}.filter-label{display:block;margin-bottom:.35rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.filter-control{width:100%;min-height:2.8rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:.55rem .7rem;font-size:.85rem;outline:none}.filter-control:focus{border-color:#7557ff;box-shadow:0 0 0 3px rgba(117,87,255,.15)}.thumb{display:grid;aspect-ratio:4/3;place-items:center;overflow:hidden;border:2px solid transparent;border-radius:1rem;background:#7557ff;color:#fff;font:700 1.3rem Fredoka}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.active,.thumb:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.pattern-thumb{background-image:radial-gradient(#ffd84d 2px,transparent 2px);background-size:15px 15px}.variant input{position:absolute;opacity:0}.variant span{display:block;border:2px solid #d8d5e2;border-radius:.8rem;padding:.7rem 1rem;font-size:.8rem;font-weight:700;cursor:pointer}.variant input:checked+span{border-color:var(--ink);background:#ffd84d;box-shadow:2px 2px 0 var(--ink)}.quantity-picker{display:flex;height:3.3rem;overflow:hidden;border:2px solid var(--ink);border-radius:1rem;background:white}.quantity-picker button{width:2.7rem;font-size:1.3rem;font-weight:800}.quantity-picker input{width:2.5rem;text-align:center;font-weight:800;outline:none}.benefit{display:flex;min-height:5rem;flex-direction:column;justify-content:center;gap:.35rem;border-radius:1rem;background:white;padding:.6rem;box-shadow:0 3px 12px rgba(39,35,58,.08);font-size:1.2rem}.benefit span{font-size:.65rem}.loading-card{border:2px dashed rgba(39,35,58,.2);border-radius:1rem;padding:2rem;text-align:center;color:#64748b}.cart-line{display:grid;grid-template-columns:4.5rem 1fr auto;gap:.8rem;border-radius:1rem;background:#fff;padding:.75rem}.cart-line img{width:4.5rem;height:4.5rem;border-radius:.7rem;object-fit:cover}.cart-line h3{font:700 .95rem Fredoka}.cart-line button{color:#7557ff;font-size:.75rem;font-weight:800}.cart-open{transform:translateX(0)!important}.toast-show{transform:translate(-50%,0)!important;opacity:1!important}:focus-visible{outline:3px solid #42d9e8;outline-offset:3px}@media(max-width:640px){.hero-machine{box-shadow:7px 9px 0 var(--ink)}.machine-screen{min-height:15rem;padding:2rem 1rem}.section-title{font-size:2rem}}