.buddymon-page{color:#fff9e8;background:#0a1310;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.buddymon-page .skip-link{z-index:10001}.buddymon-page .celestial-portal-close:hover,.buddymon-page .celestial-portal-close:focus-visible{transform:rotate(90deg)}.buddymon{--bm-mint:#72c7a9;--bm-mint-pale:#b6e4cf;--bm-mint-deep:#3b826f;--bm-green-deep:#398978;--bm-heart:#d95462;--bm-heart-bright:#e98f9a;--bm-blue:#4f8fc7;--bm-blue-bright:#7cb2dd;--bm-ink:#262236;--bm-ink-soft:#363150;--bm-cream:#fff9e8;--bm-warm-gray:#e7dfc9;--bm-bg:#0a1310;--bm-mono:ui-monospace, "SFMono-Regular", monospace;--bm-pixel-notch:polygon(0 var(--notch), var(--notch) var(--notch), var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, var(--notch) calc(100% - var(--notch)), 0 calc(100% - var(--notch)));background:linear-gradient(color-mix(in srgb, var(--bm-cream) 2.8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--bm-cream) 2.8%, transparent) 1px, transparent 1px), var(--bm-bg);background-size:48px 48px;min-width:320px;overflow:clip}.buddymon-kicker{color:color-mix(in srgb, var(--bm-blue-bright) 72%, transparent);font:650 9px/1.4 var(--bm-mono);letter-spacing:.2em;margin:0}.bm-cursor{background:var(--bm-heart);vertical-align:-1px;width:7px;height:11px;margin-left:9px;animation:1.1s step-end infinite bm-blink;display:inline-block}.buddymon-hero{isolation:isolate;grid-template-columns:minmax(320px,1.08fr) minmax(400px,.92fr);align-items:center;gap:clamp(42px,6vw,110px);min-height:100svh;padding:clamp(110px,14vh,170px) clamp(24px,5vw,90px) 90px;display:grid;position:relative}.buddymon-hero:before{z-index:-1;aspect-ratio:1;content:"";background:radial-gradient(circle,#72c7a912,#4f8fc708 46%,#0000 68%);width:66vw;position:absolute;top:-12%;right:-14%}.buddymon-hero__copy{z-index:2;max-width:760px;position:relative}.buddymon-hero h1{letter-spacing:-.08em;max-width:740px;margin:24px 0 0;font:570 clamp(52px,7vw,118px)/.82 ui-sans-serif,system-ui,sans-serif}.buddymon-hero h1 em{color:var(--bm-mint);text-shadow:0 0 34px #72c7a957;font-style:normal}.buddymon-deck{max-width:580px;color:color-mix(in srgb, var(--bm-cream) 60%, transparent);letter-spacing:-.024em;margin:clamp(32px,5.5vh,62px) 0 0;font-size:clamp(16px,1.4vw,21px);line-height:1.55}.dex-card{--notch:12px;background:linear-gradient(color-mix(in srgb, var(--bm-cream) 2.8%, transparent), color-mix(in srgb, var(--bm-cream) 1.2%, transparent)), var(--bm-bg);width:min(44vw,520px);clip-path:var(--bm-pixel-notch);border:1px solid #72c7a94d;justify-self:end;padding:clamp(20px,2.4vw,32px);position:relative}.dex-card:after{background:var(--bm-heart);width:7px;height:7px;box-shadow:0 0 8px #d95462b3, -14px 0 0 var(--bm-blue), -14px 0 8px #4f8fc799, -28px 0 0 var(--bm-mint), -28px 0 8px #72c7a999;content:"";animation:2.6s step-end infinite bm-led;position:absolute;top:clamp(22px,2.5vw,34px);right:clamp(20px,2.4vw,32px)}.dex-card__head{color:color-mix(in srgb, var(--bm-mint) 78%, transparent);font:650 9px/1 var(--bm-mono);letter-spacing:.19em;margin:0}.dex-card__frame{background:radial-gradient(circle at 50% 44%, #72c7a921, transparent 62%), var(--bm-ink);border:1px solid #e7dfc91f;place-items:center;margin-top:18px;padding:clamp(16px,1.8vw,26px);display:grid;position:relative}.dex-card__frame:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0a131029 0 2px,#0000 2px 4px);position:absolute;inset:0}.dex-card__frame img{width:min(100%,256px);height:auto;image-rendering:pixelated;animation:1.7s steps(2,jump-none) infinite bm-idle}.dex-card__stats{gap:9px;margin:20px 0 0;display:grid}.dex-card__stats div{border-bottom:1px dashed #e7dfc929;justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:9px;display:flex}.dex-card__stats dt{color:color-mix(in srgb, var(--bm-blue-bright) 66%, transparent);font:650 8px/1.2 var(--bm-mono);letter-spacing:.18em}.dex-card__stats dd{color:var(--bm-cream);font:600 10px/1.2 var(--bm-mono);letter-spacing:.12em;text-align:right;margin:0}.dex-card__stats .dex-card__status{color:var(--bm-mint);text-shadow:0 0 14px #72c7a966}.dex-card__xp{align-items:center;gap:12px;margin-top:18px;display:flex}.dex-card__xp span{color:color-mix(in srgb, var(--bm-blue-bright) 66%, transparent);font:650 8px/1 var(--bm-mono);letter-spacing:.18em}.dex-card__xp i{background:var(--bm-ink);border:1px solid #e7dfc938;flex:1;height:12px;padding:2px;display:block}.dex-card__xp b{background:repeating-linear-gradient(90deg, var(--bm-green-deep) 0 6px, var(--bm-mint) 6px 12px);width:78%;height:100%;display:block}.buddymon-scroll{color:color-mix(in srgb, var(--bm-cream) 28%, transparent);font:600 7px/1 var(--bm-mono);letter-spacing:.18em;align-items:center;gap:14px;display:flex;position:absolute;bottom:30px;left:clamp(24px,5vw,90px)}.buddymon-scroll i{background:linear-gradient(90deg, var(--bm-mint), transparent);width:clamp(40px,8vw,120px);height:1px}.buddymon-log{background:color-mix(in srgb, var(--bm-cream) 2%, transparent);border-block:1px solid #72c7a929}.buddymon-log ol{flex-wrap:wrap;gap:12px clamp(26px,4vw,56px);width:min(1400px,100% - clamp(40px,10vw,180px));margin:0 auto;padding:26px 0;list-style:none;display:flex}.buddymon-log li{color:color-mix(in srgb, var(--bm-cream) 50%, transparent);font:600 9px/1.6 var(--bm-mono);letter-spacing:.1em}.buddymon-log li:before{color:var(--bm-mint);content:"▸";margin-right:9px}.buddymon-log li span{color:color-mix(in srgb, var(--bm-blue-bright) 70%, transparent);margin-right:9px}.buddymon-open{content-visibility:auto;contain-intrinsic-size:auto 900px;width:min(1400px,100% - clamp(40px,10vw,180px));margin-inline:auto;position:relative}.buddymon-open h2{letter-spacing:-.06em;margin:18px 0 0;font-size:clamp(40px,5.2vw,84px);font-weight:540;line-height:.92}.cart-insert{width:min(1720px,100% - clamp(16px,3vw,56px));color:var(--bm-mint);font:650 9px/1 var(--bm-mono);letter-spacing:.24em;justify-content:center;align-items:center;gap:18px;margin:clamp(70px,10vh,130px) auto 0;display:flex}.cart-insert span:before{color:var(--bm-heart);content:"▶";margin-right:12px;animation:1.4s step-end infinite bm-blink;display:inline-block}.cart-insert i{background:linear-gradient(90deg,#0000,#72c7a980);flex:1;max-width:220px;height:1px}.cart-insert i:last-child{background:linear-gradient(90deg,#72c7a980,#0000)}.buddymon-cart{--notch:26px;background:var(--bm-ink);width:min(1720px,100% - clamp(16px,3vw,56px));clip-path:var(--bm-pixel-notch);content-visibility:auto;contain-intrinsic-size:auto 4600px;margin:clamp(26px,4vh,48px) auto clamp(110px,15vh,190px);padding:8px;position:relative}.cart-shell{--notch:18px;color:var(--bm-ink);background:linear-gradient(#2622360d 1px, transparent 1px), linear-gradient(90deg, #2622360d 1px, transparent 1px), var(--bm-cream);clip-path:var(--bm-pixel-notch);background-size:8px 8px;padding:clamp(64px,9vw,140px) clamp(20px,6vw,120px) clamp(56px,7vw,104px);position:relative}.cart-shell:before{border-top:8px solid var(--bm-heart);border-left:8px solid var(--bm-heart);content:"";width:clamp(28px,3.2vw,42px);height:clamp(28px,3.2vw,42px);position:absolute;top:clamp(20px,2.6vw,36px);left:clamp(20px,2.6vw,36px)}.cart-shell:after{background:var(--bm-blue);width:22px;height:8px;box-shadow:-34px 0 0 var(--bm-blue), -68px 0 0 var(--bm-blue);content:"";position:absolute;top:clamp(24px,3vw,42px);right:clamp(20px,2.6vw,36px)}.cart-play,.cart-saves,.cart-menu{max-width:1240px;margin-inline:auto}.cart-saves,.cart-menu{margin-top:clamp(96px,13vh,180px)}.cart-kicker{color:var(--bm-ink);font:700 9px/1.4 var(--bm-mono);letter-spacing:.2em;margin:0}.cart-kicker:before{background:var(--bm-heart);content:"";width:7px;height:7px;margin-right:10px;display:inline-block}.cart-shell h2{max-width:900px;color:var(--bm-ink);letter-spacing:-.055em;margin:16px 0 0;font-size:clamp(34px,4.6vw,74px);font-weight:560;line-height:.94}.cart-lead{max-width:520px;color:var(--bm-ink-soft);margin:24px 0 0;font-size:clamp(14px,1.1vw,17px);line-height:1.6}.cart-stage{grid-template-columns:minmax(0,726px) minmax(260px,1fr);align-items:start;gap:clamp(36px,5vw,84px);margin-top:clamp(44px,6vh,84px);display:grid}.cart-screen{--notch:10px;background:var(--bm-ink);width:min(100%,726px);clip-path:var(--bm-pixel-notch);margin:0;padding:clamp(10px,1.6vw,18px)}.cart-screen img{width:100%;height:auto;display:block}.cart-dialogue{border:3px solid var(--bm-ink);background:var(--bm-cream);width:min(100%,726px);box-shadow:inset 0 0 0 3px var(--bm-cream), inset 0 0 0 5px var(--bm-ink);margin-top:16px;padding:18px 48px 18px 20px;position:relative}.cart-dialogue p{color:var(--bm-ink);letter-spacing:.07em;margin:0;font:600 clamp(11px,1.05vw,14px)/1.9 ui-monospace,SFMono-Regular,monospace}.cart-dialogue__advance{color:var(--bm-heart);font-size:13px;line-height:1;animation:1.1s step-end infinite bm-blink;position:absolute;bottom:12px;right:16px}.cart-turns{margin:0;padding:0;list-style:none}.cart-turns li{border-top:2px dashed #26223652;padding:20px 0 22px}.cart-turns li:last-child{border-bottom:2px dashed #26223652}.cart-turns__label{color:var(--bm-ink);font:700 10px/1 var(--bm-mono);letter-spacing:.16em;display:block}.cart-turns p{max-width:420px;color:var(--bm-ink-soft);font:500 12.5px/1.7 var(--bm-mono);letter-spacing:.02em;margin:10px 0 0}.cart-saves__stack{flex-direction:column;gap:clamp(48px,7vh,96px);margin-top:clamp(44px,6vh,84px);display:flex}.cart-save{width:min(100%, var(--save-w,640px));transform:rotate(var(--save-tilt,0deg));margin:0;transition:transform .26s}.cart-save:nth-child(odd){--save-tilt:-.6deg;align-self:flex-start}.cart-save:nth-child(2n){--save-tilt:.7deg;align-self:flex-end}.cart-save:hover{transform:rotate(0)}.cart-save:first-child{--save-w:596px}.cart-save:nth-child(2){--save-w:601px}.cart-save:nth-child(3){--save-w:700px}.cart-save:nth-child(4){--save-w:620px}.cart-save:nth-child(5){--save-w:693px}.cart-save__frame{border:3px solid var(--bm-ink);background:var(--bm-cream);padding:6px}.cart-save__frame img{width:100%;height:auto;display:block}.cart-save__plate{border:3px solid var(--bm-ink);background:var(--bm-cream);margin-top:-3px;padding:13px 16px 15px}.cart-save__row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.cart-save__plate h3{color:var(--bm-ink);font:700 11px/1.2 var(--bm-mono);letter-spacing:.16em;margin:0}.cart-save__stamp{color:var(--bm-ink-soft);font:600 9px/1.2 var(--bm-mono);letter-spacing:.1em;text-align:right}.cart-save__plate p{color:var(--bm-ink-soft);margin:8px 0 0;font-size:13px;line-height:1.6}.cart-menu__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,88px);margin:clamp(40px,6vh,76px) 0 0;padding:0;list-style:none;display:grid}.cart-menu__list li{color:var(--bm-ink);font:500 12.5px/1.7 var(--bm-mono);letter-spacing:.03em;border-top:2px solid #26223629;padding:18px 0 18px 26px;transition:transform .16s;position:relative}.cart-menu__list li:before{color:var(--bm-ink);content:"▸";transition:color .16s;position:absolute;top:18px;left:0}.cart-menu__list li:hover{transform:translate(2px)}.cart-menu__list li:hover:before{color:var(--bm-heart)}.cart-menu__list b{letter-spacing:.14em;font-weight:750}.buddymon-open{text-align:center;min-height:78svh;padding:clamp(140px,20vh,240px) 0 120px}.buddymon-open__heart{--p:9px;width:calc(var(--p) * 7);height:calc(var(--p) * 6);margin:0 auto 42px;animation:1.5s steps(2,jump-none) infinite bm-beat;position:relative}.buddymon-open__heart i{top:var(--p);width:var(--p);height:var(--p);background:var(--bm-heart);box-shadow:calc(var(--p) * 1) calc(var(--p) * -1) var(--bm-heart), calc(var(--p) * 2) calc(var(--p) * -1) var(--bm-heart), calc(var(--p) * 4) calc(var(--p) * -1) var(--bm-heart), calc(var(--p) * 5) calc(var(--p) * -1) var(--bm-heart), calc(var(--p) * 1) 0 var(--bm-heart), calc(var(--p) * 2) 0 var(--bm-heart-bright), calc(var(--p) * 3) 0 var(--bm-heart), calc(var(--p) * 4) 0 var(--bm-heart), calc(var(--p) * 5) 0 var(--bm-heart), calc(var(--p) * 6) 0 var(--bm-heart), 0 calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 1) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 2) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 3) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 4) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 5) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 6) calc(var(--p) * 1) var(--bm-heart), calc(var(--p) * 1) calc(var(--p) * 2) var(--bm-heart), calc(var(--p) * 2) calc(var(--p) * 2) var(--bm-heart), calc(var(--p) * 3) calc(var(--p) * 2) var(--bm-heart), calc(var(--p) * 4) calc(var(--p) * 2) var(--bm-heart), calc(var(--p) * 5) calc(var(--p) * 2) var(--bm-heart), calc(var(--p) * 2) calc(var(--p) * 3) var(--bm-heart), calc(var(--p) * 3) calc(var(--p) * 3) var(--bm-heart), calc(var(--p) * 4) calc(var(--p) * 3) var(--bm-heart), calc(var(--p) * 3) calc(var(--p) * 4) var(--bm-heart);position:absolute;left:0}.buddymon-open h2{max-width:900px;margin:20px auto 0}.buddymon-open>p:not(.buddymon-kicker){max-width:600px;color:color-mix(in srgb, var(--bm-cream) 50%, transparent);margin:34px auto 0;line-height:1.6}.buddymon-cta{color:#0a1310;background:var(--bm-mint);box-shadow:0 5px 0 var(--bm-mint-deep);font:700 10px/1 var(--bm-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:2px;margin-top:52px;padding:17px 32px 15px;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-block}.buddymon-cta:hover,.buddymon-cta:focus-visible{background:var(--bm-mint-pale);box-shadow:0 2px 0 var(--bm-mint-deep);transform:translateY(3px)}.buddymon-cta:focus-visible{outline:2px solid var(--bm-blue-bright);outline-offset:4px}.buddymon-return{border-bottom:1px solid var(--bm-blue);color:#fff9e8;width:max-content;font:600 9px/1 var(--bm-mono);letter-spacing:.14em;text-transform:uppercase;margin:44px auto 0;padding:15px 0 9px;text-decoration:none;display:block}.buddymon-return:hover,.buddymon-return:focus-visible{border-bottom-color:var(--bm-blue-bright);color:var(--bm-blue-bright)}@keyframes bm-blink{50%{opacity:0}}@keyframes bm-idle{50%{transform:translateY(-6px)}}@keyframes bm-led{50%{background:var(--bm-mint);box-shadow:0 0 8px #72c7a999, -14px 0 0 var(--bm-heart), -14px 0 8px #d95462b3, -28px 0 0 var(--bm-blue), -28px 0 8px #4f8fc799}}@keyframes bm-beat{50%{transform:scale(1.12)}}@media (width<=980px){.buddymon-hero{grid-template-columns:1fr;padding-top:130px}.dex-card{justify-self:center;width:min(88vw,520px)}.cart-stage{grid-template-columns:1fr}}@media (width<=760px){.cart-save,.cart-save:nth-child(odd),.cart-save:nth-child(2n){--save-tilt:0deg;align-self:stretch;width:100%;transform:none}.cart-menu__list{grid-template-columns:1fr}}@media (width<=620px){.buddymon-hero{padding-inline:18px}.buddymon-hero h1{font-size:clamp(44px,15vw,78px)}.buddymon-scroll{display:none}.buddymon-log ol{flex-direction:column;gap:10px;width:calc(100% - 36px)}.buddymon-open{width:calc(100% - 36px)}.buddymon-cart{--notch:16px;width:calc(100% - 20px);padding:6px}.cart-shell{--notch:10px;padding:88px 18px 64px}.cart-shell:before{top:16px;left:16px}.cart-shell:after{top:20px;right:16px}.cart-dialogue{padding:14px 40px 14px 14px}.dex-card{padding:18px}.dex-card__stats dd{letter-spacing:.08em}}@media (prefers-reduced-motion:reduce){.bm-cursor,.dex-card:after,.dex-card__frame img,.buddymon-open__heart,.cart-dialogue__advance,.cart-insert span:before{animation:none}.cart-save,.cart-menu__list li,.cart-menu__list li:before,.buddymon-cta{transition-duration:.01ms}.cart-save,.cart-save:nth-child(odd),.cart-save:nth-child(2n){--save-tilt:0deg;transform:none}.cart-menu__list li:hover{transform:none}.buddymon-cta:hover,.buddymon-cta:focus-visible{box-shadow:0 5px 0 var(--bm-mint-deep);transform:none}}
