:root{--bg:#16070f;--panel:#260b19;--panel-light:#3a0f27;--line:#6b2048;--pink:#ff4fa3;--hot-pink:#ff167b;--pale-pink:#ffc6e2;--red:#ef4648;--cream:#fff3e9;--muted:#c994ad;--mint:#64e5b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);margin:0;font-family:Courier New,Courier,monospace;overflow-x:hidden}body:after{content:"";z-index:99;pointer-events:none;opacity:.12;background:repeating-linear-gradient(#0000 0 3px,#000 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{font:inherit}button{color:inherit}img{max-width:100%;display:block}::selection{background:var(--pink);color:var(--bg)}.cursor-fx{display:none}body.reveal-ready [data-reveal]{opacity:0;transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(12px)}body.reveal-ready [data-reveal=left]{transform:translate(-12px)}body.reveal-ready [data-reveal=right]{transform:translate(12px)}body.reveal-ready [data-reveal].is-visible{opacity:1;transform:translate(0,0)}@media (pointer:fine) and (prefers-reduced-motion:no-preference){body{cursor:crosshair}a,button{cursor:pointer}.cursor-fx{z-index:101;width:18px;height:18px;color:var(--pink);opacity:0;pointer-events:none;will-change:transform;background:#ff167b21;border:1px solid #ff4fa3b3;place-items:center;font-size:.52rem;line-height:1;transition:width .15s,height .15s,opacity .15s,border-color .15s,color .15s,background .15s;display:grid;position:fixed;top:0;left:0;transform:translate(-40px,-40px);box-shadow:0 0 18px #ff4fa361}.cursor-fx.is-active{opacity:1}.cursor-fx.is-hovering{border-color:var(--mint);width:30px;height:30px;color:var(--mint);background:#64e5b01a}}header{border-bottom:1px solid var(--line);width:100%;height:64px}.header-inner{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:-.05em;width:fit-content;font-family:Arial Black,Arial,sans-serif;font-size:1rem;font-weight:950}.brand span{color:var(--pink)}.soon-chip{border:1px solid var(--line);color:var(--pale-pink);letter-spacing:.06em;padding:7px 9px;font-size:.56rem;font-weight:900}.soon-chip span{color:var(--pink)}.hero-shell{background:radial-gradient(circle at 78% 44%,#ff4fa347 0,#ff4fa31a 23%,#0000 46%),radial-gradient(circle at 12% 88%,#ef464821 0,#0000 34%),linear-gradient(135deg,#ff167b0e,#0000 48%);position:relative;overflow:hidden}.hero-shell:before{content:"";opacity:.2;pointer-events:none;background-image:linear-gradient(#ff4fa34d 1px,#0000 1px),linear-gradient(90deg,#ff4fa34d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 4%,#00000040 38%,#000 100%);mask-image:linear-gradient(90deg,#0000 4%,#00000040 38%,#000 100%)}.hero{grid-template-columns:minmax(0,1fr) minmax(370px,.75fr);align-items:center;gap:70px;width:min(1120px,100% - 40px);min-height:610px;margin:0 auto;padding:58px 0 72px;display:grid;position:relative}.pixel-label{color:var(--pink);letter-spacing:.09em;margin:0 0 17px;font-size:.6rem;font-weight:900;line-height:1.45}h1,h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-family:Arial Black,Arial,sans-serif;font-weight:950;line-height:.94}h1{max-width:620px;font-size:clamp(3rem,6.2vw,5.25rem)}h1 em{color:var(--pink);text-shadow:4px 4px #771943;font-style:normal;display:block}.hero-copy>p:not(.pixel-label){max-width:510px;color:var(--pale-pink);margin:24px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}.pink-button{border:1px solid var(--pink);background:var(--pink);min-height:44px;color:var(--bg);letter-spacing:.06em;cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:0 15px;font-size:.64rem;font-weight:950;display:inline-flex;box-shadow:4px 4px #76183f}.hero-copy .pink-button{margin-top:30px}:is(.pink-button:hover,.pink-button:focus-visible){transform:translate(2px,2px);box-shadow:2px 2px #76183f}.pink-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.booba-card:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hero-card-wrap{padding:0 15px 15px 0;position:relative}.hero-card-wrap:before{content:"";opacity:.48;pointer-events:none;background:radial-gradient(circle,#ff4fa39e 0 3px,#0000 4px) 0 0/24px 24px,linear-gradient(135deg,#ff167b33,#0000 58%);position:absolute;inset:-36px -42px -28px -40px;-webkit-mask-image:radial-gradient(#000 12%,#000000b8 48%,#0000 74%);mask-image:radial-gradient(#000 12%,#000000b8 48%,#0000 74%)}.hero-card{z-index:2;border:2px solid var(--pink);background:var(--panel);margin:0;position:relative;box-shadow:9px 9px #76183f}.card-top{height:34px;color:var(--pale-pink);justify-content:space-between;align-items:center;padding:0 10px;font-size:.54rem;font-weight:900;display:flex}.card-top span:last-child{color:var(--pink);font-size:.9rem}.hero-portrait{aspect-ratio:1;background:var(--panel);width:100%;position:relative;overflow:hidden}.hero-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .68s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.025)}.hero-portrait img.active{opacity:1;transform:scale(1)}.pixel-heart{z-index:3;color:var(--pink);text-shadow:3px 3px #771943;line-height:1;position:absolute}.heart-one{font-size:2rem;top:-18px;right:-10px;transform:rotate(8deg)}.heart-two{font-size:1.25rem;bottom:28px;left:-28px;transform:rotate(-10deg)}.boobas-section{border-top:2px solid var(--pink);background:radial-gradient(circle at 88% 16%,#64e5b01a,#0000 28%),radial-gradient(circle at 12% 82%,#ff4fa31a,#0000 32%),linear-gradient(#ff4fa309 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ff4fa309 1px,#0000 1px) 0 0/32px 32px,#1b0812;padding:86px max(20px,50vw - 560px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}h2{text-shadow:3px 3px #771943b8;font-size:clamp(2.5rem,5.5vw,4.5rem)}.section-heading>span{color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font-size:.5rem;font-weight:900}.booba-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.booba-card{border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;min-width:0;padding:0;transition:transform .13s,border-color .13s,box-shadow .13s;position:relative;box-shadow:4px 4px #6b20489e}.booba-card:nth-child(2n){transform:translateY(12px)}.booba-card:hover{border-color:var(--pink);transform:translateY(-4px)}.booba-card:nth-child(2n):hover{transform:translateY(8px)}.booba-card img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;filter:saturate(.82)brightness(.85)}.booba-card span{height:38px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 9px;font-size:.54rem;font-weight:900;display:flex}.booba-card b{color:var(--pink)}.booba-card:hover img,.booba-card.active img{filter:none}.booba-card.active{border-color:var(--pink);background:var(--panel-light);box-shadow:5px 5px 0 #76183f, inset 0 -3px 0 var(--pink)}.milk-section{border-top:1px solid var(--line);background:radial-gradient(circle at 78% 50%, #64e5b01c, transparent 30%), linear-gradient(120deg, #ff4fa30d, transparent 44%), var(--panel);grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px;padding:86px max(20px,50vw - 520px);display:grid}.milk-copy>p:not(.pixel-label){max-width:430px;color:var(--muted);margin:20px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:.94rem;line-height:1.55}.milk-machine{border:1px solid var(--pink);background:var(--bg);grid-template-columns:170px 1fr;gap:22px;padding:16px;display:grid;box-shadow:7px 7px #76183f}.milk-subject{border:1px solid var(--line);background:var(--panel)}.milk-subject img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated}.milk-subject span{min-height:29px;color:var(--muted);align-items:center;padding:0 7px;font-size:.48rem;font-weight:900;display:flex}.milk-controls{flex-direction:column;justify-content:center;min-width:0;display:flex}.milk-data{justify-content:space-between;align-items:end;gap:15px;display:flex}.milk-data span{color:var(--muted);font-size:.56rem;font-weight:900}.milk-data strong{color:var(--pink);font-family:Arial Black,Arial,sans-serif;font-size:2.2rem;line-height:1}.milk-meter{grid-template-columns:repeat(4,1fr);gap:4px;height:17px;margin-top:12px;display:grid}.milk-meter i{border:1px solid var(--line);background:var(--panel)}.milk-meter i.filled{border-color:var(--mint);background:linear-gradient(90deg, var(--mint), var(--pink))}.milk-controls p{min-height:28px;color:var(--pale-pink);margin:14px 0;font-size:.55rem;font-weight:900}.milk-controls .pink-button{width:100%}footer{width:min(1120px,100% - 40px);min-height:72px;color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:.52rem;font-weight:900;display:flex}footer p{margin:0}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:55px}.hero-card-wrap{width:min(430px,100%)}.milk-section{grid-template-columns:1fr;gap:40px}.booba-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.header-inner,.hero,footer{width:min(100% - 28px,1120px)}.hero{min-height:0;padding:46px 0 60px}h1{font-size:clamp(3rem,15vw,4.3rem)}h1 em{text-shadow:3px 3px #771943}.boobas-section,.milk-section{padding-top:66px;padding-bottom:66px}.section-heading{flex-direction:column;align-items:flex-start}.booba-grid{grid-template-columns:repeat(2,1fr)}.booba-card:nth-child(2n){transform:translateY(8px)}.booba-card:hover{transform:none}.booba-card:nth-child(2n):hover{transform:translateY(8px)}.milk-machine{grid-template-columns:110px 1fr;gap:13px;padding:11px}.milk-data strong{font-size:1.6rem}.milk-controls p{font-size:.48rem}footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1!important;transition:none!important;animation:none!important}.hero-portrait img{transition:none}}
