@font-face{
  font-family:"Press Start 2P";
  src:url("./fonts/PressStart2P-Regular.ttf") format("truetype");
  font-display:swap;
}
@font-face{
  font-family:"VT323";
  src:url("./fonts/VT323-Regular.ttf") format("truetype");
  font-display:swap;
}
@font-face{
  font-family:"DM Mono";
  src:url("./fonts/DMMono-Regular.ttf") format("truetype");
  font-weight:400;
  font-display:swap;
}

:root{
  --pink:#ff78b7;
  --pink-deep:#c72f78;
  --mint:#63dfbf;
  --mint-deep:#157b62;
  --lemon:#ffd85c;
  --lemon-deep:#9b6a00;
  --grape:#9c6bff;
  --grape-deep:#41245f;
  --ink:#281439;
  --ink-soft:#4c2e65;
  --paper:#fff8ff;
  --paper-2:#fff1fa;
  --paper-3:#f7f0ff;
  --line:#b99ad0;
  --line-dark:#6e4a87;
  --shadow:7px 7px 0 var(--ink);
  --display:"Press Start 2P",monospace;
  --body:"VT323","Courier New",monospace;
  --num:"DM Mono","Courier New",monospace;
  --pixel-radius:0;
}

*{box-sizing:border-box}
[hidden],.is-hidden{display:none!important}
html{
  background:var(--paper);
  color:var(--ink);
  scroll-behavior:smooth;
  cursor:crosshair;
}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  color:var(--ink);
  font:22px/1.28 var(--body);
  background:
    linear-gradient(90deg,rgba(156,107,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,120,183,.055) 1px,transparent 1px),
    var(--paper);
  background-size:16px 16px;
}
button,input,textarea,select{font:inherit;color:inherit}
button,a,select,input,textarea{cursor:pointer}
button{border:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--lemon);color:var(--ink)}
:focus-visible{
  outline:3px solid var(--mint);
  outline-offset:3px;
  box-shadow:0 0 0 6px var(--ink);
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.skip-link{
  position:fixed;
  left:12px;
  top:-90px;
  z-index:300;
  padding:12px 16px;
  color:var(--ink);
  background:var(--mint);
  border:3px solid var(--ink);
  font:10px var(--display);
}
.skip-link:focus{top:12px}

.sugar-pixels,.crt-lines{position:fixed;inset:0;pointer-events:none}
.sugar-pixels{
  z-index:0;
  opacity:.28;
  background-image:
    linear-gradient(90deg,transparent 7px,var(--pink) 7px 9px,transparent 9px),
    linear-gradient(transparent 7px,var(--mint) 7px 9px,transparent 9px),
    radial-gradient(circle,var(--lemon) 0 2px,transparent 2.5px);
  background-size:83px 79px,109px 97px,131px 113px;
  background-position:7% 12%,83% 34%,46% 78%;
  animation:sugar-drift 18s steps(12) infinite;
}
.crt-lines{
  z-index:60;
  opacity:.035;
  background:repeating-linear-gradient(0deg,transparent 0 4px,var(--ink) 4px 5px);
  mix-blend-mode:multiply;
}
@keyframes sugar-drift{
  to{background-position:21% 22%,71% 44%,54% 88%}
}
@keyframes pixel-pop{
  0%{opacity:0;transform:translateY(14px) scale(.97)}
  70%{opacity:1;transform:translateY(-2px) scale(1.01)}
  100%{opacity:1;transform:none}
}
@keyframes light-blink{
  50%{opacity:.25;transform:scale(.72)}
}
@keyframes meter-fill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@keyframes soft-shift{
  50%{transform:translate(4px,-4px)}
}

.kernel-bar{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,248,255,.94);
  border-bottom:4px solid var(--ink);
}
.kernel-bar:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:4px;
  background:
    linear-gradient(90deg,var(--pink) 0 25%,var(--lemon) 25% 50%,var(--mint) 50% 75%,var(--grape) 75%);
  background-size:64px 4px;
}
.kernel-bar__inner{
  width:min(1240px,calc(100% - 32px));
  min-height:76px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.pixel-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font:clamp(13px,1.5vw,20px) var(--display);
  line-height:1.35;
  letter-spacing:-.04em;
  color:var(--ink);
}
.pixel-logo>span:last-child{white-space:nowrap}
.pixel-logo>span:last-child span{color:var(--pink-deep)}
.pixel-logo__candy{
  position:relative;
  width:38px;
  height:38px;
  flex:none;
  background:var(--pink);
  border:3px solid var(--ink);
  box-shadow:
    4px 0 0 var(--mint),
    -4px 0 0 var(--lemon),
    0 4px 0 var(--grape);
  transform:rotate(45deg);
}
.pixel-logo__candy i{position:absolute;width:6px;height:6px;background:var(--paper)}
.pixel-logo__candy i:nth-child(1){left:5px;top:5px}
.pixel-logo__candy i:nth-child(2){right:5px;top:5px}
.pixel-logo__candy i:nth-child(3){left:5px;bottom:5px}
.pixel-logo__candy i:nth-child(4){right:5px;bottom:5px;background:var(--lemon)}
.kernel-bar__tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.menu-trigger{
  width:50px;
  height:44px;
  display:grid;
  place-items:center;
  background:var(--paper-3);
  border:3px solid var(--ink);
  box-shadow:3px 3px 0 var(--grape-deep);
}
.menu-trigger__pixels{display:grid;gap:5px;width:22px}
.menu-trigger__pixels i{display:block;height:4px;background:var(--ink);box-shadow:5px 0 0 var(--pink)}
.menu-trigger[aria-expanded="true"]{background:var(--lemon)}
.menu-trigger:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--grape-deep)}

#langSel{
  width:112px;
  min-height:44px;
  padding:7px 25px 7px 9px;
  border:3px solid var(--ink);
  border-radius:0;
  color:var(--grape-deep);
  background:var(--paper);
  font:13px var(--num);
  appearance:auto;
}

.pixel-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 19px;
  color:var(--ink);
  background:var(--paper);
  border:3px solid var(--ink);
  box-shadow:4px 4px 0 var(--grape-deep);
  font:10px/1.35 var(--display);
  text-align:center;
  text-transform:uppercase;
  transition:transform .12s steps(2),box-shadow .12s steps(2),background .12s;
}
.pixel-button:before,.pixel-button:after{
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  background:var(--paper);
  pointer-events:none;
}
.pixel-button:before{left:3px;top:3px}
.pixel-button:after{right:3px;bottom:3px}
.pixel-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--grape-deep)}
.pixel-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.pixel-button--hot{background:var(--pink);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.pixel-button--hot:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);background:var(--lemon)}
.pixel-button--small{min-height:38px;padding:9px 12px;font-size:8px;box-shadow:3px 3px 0 var(--grape-deep)}
.pixel-button--execute{
  width:100%;
  min-height:66px;
  padding:18px 22px;
  color:var(--ink);
  background:linear-gradient(90deg,var(--lemon) 0 33%,var(--mint) 33% 66%,var(--pink) 66%);
  background-size:300% 100%;
  font-size:12px;
  box-shadow:6px 6px 0 var(--ink);
}
.pixel-button--execute:hover:not(:disabled){background-position:100% 0;box-shadow:3px 3px 0 var(--ink)}

.menu-veil{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:start stretch;
  padding:clamp(12px,3vw,34px);
  overflow:auto;
  background:
    linear-gradient(135deg,rgba(40,20,57,.94),rgba(65,36,95,.96)),
    var(--ink);
}
.menu-veil__panel{
  width:min(980px,100%);
  margin-inline:auto;
  padding:clamp(18px,3vw,34px);
  background:
    linear-gradient(90deg,rgba(255,120,183,.12) 1px,transparent 1px),
    linear-gradient(rgba(99,223,191,.12) 1px,transparent 1px),
    var(--paper);
  background-size:20px 20px;
  border:5px solid var(--lemon);
  box-shadow:12px 12px 0 var(--pink);
  animation:pixel-pop .25s steps(4) both;
}
.menu-veil__topline{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:4px solid var(--ink);padding-bottom:14px}
.menu-veil__topline strong{font:16px var(--display);text-transform:uppercase}
.menu-close{
  width:48px;
  height:44px;
  border:3px solid var(--ink);
  background:var(--lemon);
  box-shadow:3px 3px 0 var(--ink);
  font:32px/1 var(--body);
}
.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:22px 0 16px}
.menu-links a{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:74px;
  padding:8px 10px;
  border-bottom:3px solid var(--ink);
  transition:background .12s steps(2),transform .12s steps(2);
}
.menu-links a:nth-child(3n+1){background:rgba(255,120,183,.16)}
.menu-links a:nth-child(3n+2){background:rgba(99,223,191,.16)}
.menu-links a:nth-child(3n){background:rgba(255,216,92,.2)}
.menu-links a:hover,.menu-links a:focus-visible{transform:translateX(7px);background:var(--lemon)}
.menu-links span{font:13px var(--num);color:var(--pink-deep)}
.menu-links b{font:clamp(14px,2vw,24px)/1.35 var(--display);text-transform:uppercase}
.menu-veil__foot{margin:12px 0 0;color:var(--grape-deep);font:14px var(--num);letter-spacing:.08em}

main{position:relative;z-index:1}
.boot-hero{
  position:relative;
  min-height:calc(100svh - 80px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border-bottom:5px solid var(--ink);
  background:
    radial-gradient(circle at 86% 11%,rgba(255,216,92,.5) 0 7px,transparent 8px),
    radial-gradient(circle at 68% 25%,rgba(99,223,191,.42) 0 4px,transparent 5px),
    radial-gradient(circle at 16% 80%,rgba(255,120,183,.2),transparent 32%),
    linear-gradient(132deg,var(--paper) 0 54%,var(--paper-3) 54% 100%);
}
.boot-hero__grid{
  position:absolute;
  inset:0;
  opacity:.32;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 10px,rgba(156,107,255,.14) 10px 12px,transparent 12px 24px),
    linear-gradient(transparent 0 10px,rgba(255,120,183,.12) 10px 12px,transparent 12px 24px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.boot-hero__inner{
  width:min(1240px,calc(100% - 32px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items:center;
  gap:clamp(28px,5vw,74px);
  padding:64px 0 54px;
}
.boot-copy{position:relative;z-index:3;min-width:0;animation:pixel-pop .55s steps(6) both}
.command-ribbon{
  display:flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  margin-bottom:24px;
  padding:8px 12px;
  border:3px solid var(--ink);
  background:var(--ink);
  color:var(--mint);
  box-shadow:4px 4px 0 var(--pink);
  font:13px var(--num);
  white-space:nowrap;
}
.command-ribbon i{width:5px;height:17px;margin-left:8px;background:var(--mint);animation:light-blink 1s steps(2) infinite}
.command-ribbon i:nth-of-type(2){animation-delay:.2s;background:var(--lemon)}
.command-ribbon i:nth-of-type(3){animation-delay:.4s;background:var(--pink)}
.prompt-label,.micro-label{
  margin:0;
  color:var(--pink-deep);
  font:14px/1.35 var(--num);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.prompt-label:before{content:"> ";color:var(--mint-deep)}
.boot-copy h1{
  margin:14px 0 22px;
  font:clamp(27px,3.3vw,46px)/1.2 var(--display);
  letter-spacing:-.075em;
  text-transform:uppercase;
  text-wrap:balance;
}
.boot-copy h1 span{display:block}
.boot-copy h1 span:last-child{
  width:fit-content;
  color:var(--ink);
  background:var(--lemon);
  box-shadow:8px 8px 0 var(--pink);
  padding:0 7px 8px 0;
}
.boot-copy__lede{
  max-width:690px;
  margin:0;
  color:var(--ink-soft);
  font-size:clamp(21px,2.2vw,27px);
  line-height:1.24;
}
.boot-copy__actions{display:flex;flex-wrap:wrap;gap:14px;margin:31px 0 28px}
.boot-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:720px;
  margin:0;
  border:3px solid var(--ink);
  background:rgba(255,248,255,.84);
}
.boot-stats div{min-width:0;padding:12px 10px 10px;border-right:2px solid var(--ink)}
.boot-stats div:last-child{border-right:0}
.boot-stats dt{min-height:34px;color:var(--ink-soft);font:12px/1.25 var(--num);text-transform:uppercase}
.boot-stats dd{margin:4px 0 0;font:clamp(14px,1.8vw,21px) var(--display);letter-spacing:-.06em}
.boot-stats div:nth-child(1) dd{color:var(--pink-deep)}
.boot-stats div:nth-child(2) dd{font-size:clamp(11px,1.4vw,16px);color:var(--grape-deep)}
.boot-stats div:nth-child(3) dd{color:var(--mint-deep)}
.boot-stats div:nth-child(4) dd{color:var(--lemon-deep)}

.hero-collage{
  position:relative;
  width:100%;
  aspect-ratio:1/.92;
  min-height:510px;
  isolation:isolate;
  animation:pixel-pop .75s .1s steps(7) both;
}
.hero-collage:before{
  content:"";
  position:absolute;
  inset:5% 4% 4% 6%;
  z-index:-2;
  background:
    linear-gradient(45deg,var(--lemon) 25%,transparent 25% 75%,var(--lemon) 75%),
    linear-gradient(45deg,var(--lemon) 25%,var(--paper-2) 25% 75%,var(--lemon) 75%);
  background-position:0 0,10px 10px;
  background-size:20px 20px;
  border:4px solid var(--ink);
  box-shadow:10px 10px 0 var(--grape);
  transform:rotate(2deg);
}
.hero-collage:after{
  content:"";
  position:absolute;
  inset:14% 13%;
  z-index:-1;
  border:3px dashed var(--pink-deep);
  transform:rotate(-3deg);
}
.hero-collage__tag{
  position:absolute;
  left:2%;
  top:2%;
  z-index:5;
  padding:7px 10px;
  color:var(--paper);
  background:var(--ink);
  border:2px solid var(--mint);
  font:11px var(--num);
}
.collage-piece{
  position:absolute;
  margin:0;
  overflow:hidden;
  border:4px solid var(--ink);
  background:var(--paper);
  box-shadow:6px 6px 0 var(--ink);
  transition:transform .18s steps(3),z-index 0s;
}
.collage-piece:hover{transform:translate(-3px,-5px) rotate(0)!important;z-index:10}
.collage-piece img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.collage-piece figcaption{
  position:absolute;
  left:5px;
  top:5px;
  padding:3px 6px;
  color:var(--ink);
  background:var(--lemon);
  border:2px solid var(--ink);
  font:9px var(--num);
}
.collage-piece--a{width:40%;height:39%;left:22%;top:10%;z-index:3;transform:rotate(-5deg)}
.collage-piece--b{width:31%;height:32%;right:4%;top:13%;z-index:2;transform:rotate(7deg)}
.collage-piece--c{width:34%;height:35%;left:4%;top:35%;z-index:4;transform:rotate(4deg)}
.collage-piece--d{width:37%;height:37%;right:17%;top:35%;z-index:5;transform:rotate(-3deg)}
.collage-piece--e{width:31%;height:30%;left:24%;bottom:4%;z-index:2;transform:rotate(5deg)}
.collage-piece--f{width:26%;height:26%;right:2%;bottom:11%;z-index:4;transform:rotate(-8deg)}
.collage-burst{
  position:absolute;
  left:4%;
  bottom:8%;
  z-index:1;
  width:58px;
  height:58px;
  background:var(--pink);
  box-shadow:
    18px 20px 0 var(--mint),
    38px 4px 0 var(--lemon),
    54px 28px 0 var(--grape);
  transform:rotate(45deg);
  animation:soft-shift 2.4s steps(4) infinite;
}
.boot-hero__ticker{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  overflow:hidden;
  padding:10px 18px;
  color:var(--paper);
  background:var(--ink);
  border-top:4px solid var(--pink);
  font:13px var(--num);
  letter-spacing:.08em;
  white-space:nowrap;
}
.boot-hero__ticker i{display:block;width:10px;height:10px;flex:none;background:var(--lemon);box-shadow:4px 0 0 var(--mint)}

.terminal-section{
  position:relative;
  padding:clamp(64px,8vw,112px) 0;
  scroll-margin-top:84px;
  border-bottom:4px solid var(--ink);
}
#tiers,#bots{scroll-margin-top:100px}
.terminal-section--mint{background:linear-gradient(180deg,var(--paper-2),var(--paper) 66%)}
.terminal-section--story{background:var(--paper-3)}
.terminal-section--models{background:linear-gradient(180deg,var(--paper),var(--paper-2))}
.terminal-section--shop{background:linear-gradient(180deg,var(--paper-3),var(--paper) 68%)}
.terminal-section--sugar{background:linear-gradient(180deg,var(--paper-2),var(--paper-3))}
.terminal-section--faq{background:var(--paper)}
.section-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.section-prompt{position:relative;max-width:900px;margin-bottom:32px}
.section-prompt>span{
  display:inline-block;
  margin-bottom:11px;
  padding:5px 8px;
  color:var(--mint);
  background:var(--ink);
  border:2px solid var(--mint);
  font:13px var(--num);
}
.section-prompt h2{
  margin:8px 0 12px;
  font:clamp(25px,4vw,48px)/1.25 var(--display);
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.section-prompt h2:after{
  content:"";
  display:block;
  width:86px;
  height:12px;
  margin-top:14px;
  background:
    linear-gradient(90deg,var(--pink) 0 20%,transparent 20% 26%,var(--lemon) 26% 46%,transparent 46% 52%,var(--mint) 52% 72%,transparent 72% 78%,var(--grape) 78%);
}
.section-prompt p:not(.prompt-label){
  max-width:760px;
  margin:0;
  color:var(--ink-soft);
  font-size:24px;
  line-height:1.23;
}
.section-prompt--row{
  max-width:none;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.section-prompt--row>div{max-width:900px}
.section-prompt--row>.pixel-button,.section-prompt--row>.pixel-badge{flex:none;margin-bottom:4px}
.pixel-badge{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 12px;
  color:var(--ink);
  background:var(--mint);
  border:3px solid var(--ink);
  box-shadow:4px 4px 0 var(--grape-deep);
  font:9px/1.35 var(--display);
  text-transform:uppercase;
}

.terminal-window-bar{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:8px 12px;
  color:var(--paper);
  background:var(--ink);
  border-bottom:3px solid var(--ink);
  font:13px var(--num);
  letter-spacing:.04em;
}
.terminal-window-bar>span:last-child{margin-left:auto;color:var(--lemon)}
.window-dots{display:flex;gap:5px}
.window-dots i{width:9px;height:9px;background:var(--pink)}
.window-dots i:nth-child(2){background:var(--lemon)}
.window-dots i:nth-child(3){background:var(--mint)}
.window-mode{font-size:11px}

.mint-terminal,.model-terminal,.shop-terminal{
  position:relative;
  border:4px solid var(--ink);
  background:var(--paper);
  box-shadow:var(--shadow);
}
.mint-terminal:before,.model-terminal:before,.shop-terminal:before{
  content:"";
  position:absolute;
  left:-4px;
  top:-4px;
  width:20px;
  height:20px;
  z-index:2;
  border-left:7px solid var(--pink);
  border-top:7px solid var(--pink);
  pointer-events:none;
}
.mint-terminal:after,.model-terminal:after,.shop-terminal:after{
  content:"";
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:20px;
  height:20px;
  z-index:2;
  border-right:7px solid var(--mint);
  border-bottom:7px solid var(--mint);
  pointer-events:none;
}
.mint-live{
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(190px,.65fr) minmax(320px,1.1fr);
  align-items:stretch;
  border-bottom:3px solid var(--ink);
  background:var(--paper-2);
}
.mint-live>*{min-width:0;padding:17px 18px;border-right:2px solid var(--ink)}
.mint-live>*:last-child{border-right:0}
.mint-status{display:flex;align-items:center;gap:11px;font:13px/1.35 var(--num);text-transform:uppercase}
.meter-light{
  width:15px;
  height:15px;
  flex:none;
  background:var(--lemon);
  border:3px solid var(--ink);
  box-shadow:0 0 0 3px var(--lemon);
  animation:light-blink 1.4s steps(2) infinite;
}
.mint-status.live{background:rgba(255,120,183,.17)}
.mint-status.live .meter-light{background:var(--pink);box-shadow:0 0 0 3px var(--pink)}
.mint-status.warn{background:rgba(156,107,255,.14)}
.mint-status.warn .meter-light{background:var(--grape);box-shadow:0 0 0 3px var(--grape)}
.mint-live__count{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.mint-live__count strong{font:clamp(25px,3vw,38px)/1 var(--display);letter-spacing:-.07em}
.mint-live__count span{font:13px var(--num);color:var(--ink-soft)}
.mint-live__count em{font:12px var(--num);font-style:normal;color:var(--pink-deep);text-transform:uppercase}
.mint-clock>span{display:block;margin-bottom:6px;color:var(--grape-deep);font:12px var(--num)}
.clock-cells{display:flex;gap:5px}
.clock-cells b{flex:1;min-width:0;text-align:center;border:2px solid var(--ink);background:var(--paper)}
.clock-cells strong{display:block;padding-top:3px;font:18px var(--display);letter-spacing:-.08em}
.clock-cells small{display:block;padding:2px 3px;border-top:1px solid var(--line);font:10px/1 var(--num);color:var(--ink-soft)}
.mint-meter{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;padding:10px 12px;background:var(--paper-3);border-bottom:3px solid var(--ink)}
.mint-meter i{height:14px;background:var(--paper);border:2px solid var(--line-dark)}
.mint-meter i.on{
  background:linear-gradient(90deg,var(--pink),var(--lemon));
  border-color:var(--ink);
  box-shadow:0 0 0 2px rgba(255,120,183,.22);
}

.mint-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:3px solid var(--ink)}
.mint-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  padding:10px;
  background:var(--paper-3);
  border-right:2px solid var(--ink);
  font:9px/1.35 var(--display);
  text-transform:uppercase;
}
.mint-tab:last-child{border-right:0}
.mint-tab span{font:11px var(--num);color:var(--pink-deep)}
.mint-tab.is-active{background:var(--mint);box-shadow:inset 0 -7px 0 var(--ink)}
.mint-tab:hover:not(.is-active){background:var(--lemon)}
.mint-terminal__body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)}
.mint-stage{min-width:0;padding:23px;border-right:3px solid var(--ink)}
.mint-panel{animation:pixel-pop .2s steps(3) both}
.terminal-copyline{display:flex;align-items:flex-start;gap:9px;padding:12px;border:2px dashed var(--grape);background:var(--paper-3)}
.terminal-copyline span{color:var(--mint-deep);font:19px var(--num)}
.terminal-copyline p{margin:0;color:var(--ink-soft);font-size:22px}
.quantity-bank{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:21px 0;padding:16px;border:3px solid var(--ink);background:var(--paper-2)}
.quantity-bank__controls{display:flex;align-items:stretch;border:3px solid var(--ink);background:var(--paper)}
.quantity-bank__controls button{
  min-width:43px;
  padding:6px;
  color:var(--ink);
  background:var(--lemon);
  border-right:2px solid var(--ink);
  font:18px/1 var(--num);
}
.quantity-bank__controls button:last-child{min-width:70px;border-right:0;border-left:2px solid var(--ink);font:9px var(--display)}
.quantity-bank__controls button:hover{background:var(--mint)}
.quantity-bank__controls input{
  width:73px;
  min-height:43px;
  padding:5px;
  border:0;
  border-radius:0;
  outline:0;
  background:var(--paper);
  text-align:center;
  font:18px var(--num);
  appearance:textfield;
}
.quantity-bank__controls input::-webkit-inner-spin-button,
.quantity-bank__controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.receipt-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:3px solid var(--ink)}
.receipt-lines>div{min-width:0;padding:12px 14px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.receipt-lines>div:nth-child(2n){border-right:0}
.receipt-lines>div:nth-last-child(-n+2){border-bottom:0}
.receipt-lines span{display:block;color:var(--ink-soft);font:11px var(--num);text-transform:uppercase}
.receipt-lines b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;font:15px var(--num);white-space:nowrap}
.receipt-lines__sugar{background:var(--lemon)}
.receipt-lines__sugar b{font-size:17px}
.route-card{padding:18px;border:3px solid var(--ink);background:linear-gradient(135deg,var(--mint),var(--paper) 67%)}
.route-card__badge{display:inline-block;padding:6px 9px;color:var(--paper);background:var(--ink);font:10px var(--num)}
.route-card p{margin:13px 0 0;font-size:23px}
.eligibility-line{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;border:3px solid var(--ink);background:var(--paper-3)}
.eligibility-line i{width:13px;height:13px;flex:none;margin-top:5px;background:var(--pink);box-shadow:4px 0 0 var(--lemon)}
.eligibility-line p{margin:0;font-size:22px}
.eligibility-line.eligible{background:var(--mint)}
.eligibility-line.eligible i{background:var(--lemon);box-shadow:4px 0 0 var(--pink)}
.route-footnote{margin:14px 0 0;color:var(--ink-soft);font:13px var(--num)}
.mint-execute{margin-top:20px}
.mint-terminal[data-mint-mode="x"] .mint-execute{display:none}
.terminal-note{
  display:none;
  margin-top:10px;
  padding:9px 11px;
  border:2px solid var(--line-dark);
  background:var(--paper-3);
  color:var(--ink-soft);
  font:13px/1.4 var(--num);
}
.terminal-note.show{display:block}
.terminal-note.ok{border-color:var(--mint-deep);background:rgba(99,223,191,.22)}
.terminal-note.err{border-color:var(--pink-deep);background:rgba(255,120,183,.18)}
.referral-line{margin:11px 0 0;color:var(--grape-deep);font:13px var(--num)}

.x-console{padding:2px}
.x-console__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:11px}
.x-console h3{margin:5px 0 7px;font:19px/1.35 var(--display);text-transform:uppercase}
.x-console>p{color:var(--ink-soft);font-size:21px;margin:0 0 14px}
.x-glyph{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:none;
  color:var(--paper);
  background:var(--ink);
  border:3px solid var(--pink);
  box-shadow:4px 4px 0 var(--mint);
  font:18px var(--display);
}
.x-console label{display:block;margin:12px 0 6px}
.x-console textarea,.x-console input{
  display:block;
  width:100%;
  padding:11px;
  border:3px solid var(--ink);
  border-radius:0;
  outline:0;
  background:var(--paper-2);
  font:14px/1.5 var(--num);
}
.x-console textarea{min-height:150px;resize:vertical}
.x-console input:focus,.x-console textarea:focus{background:var(--paper);border-color:var(--mint-deep)}
.double-button-row{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 4px}
.double-button-row>*{flex:1;min-width:120px}
.turnstile-box{margin:12px 0;min-height:0}
.turnstile-box:empty{display:none}
.x-state{margin:12px 0 0!important;padding:9px;border-left:7px solid var(--grape);background:var(--paper-3);font:13px/1.4 var(--num)!important}

.mint-meter-rail{min-width:0;padding:22px 19px;background:var(--paper-2)}
.rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin-bottom:16px}
.rail-head h3{margin:0;font:14px var(--display);text-transform:uppercase}
.rail-head span{color:var(--grape-deep);font:11px var(--num);text-transform:uppercase}
.lane-meter{padding:12px;border:3px solid var(--ink);background:var(--paper)}
.lane-meter+.lane-meter{margin-top:9px}
.lane-meter__top{display:flex;align-items:center;justify-content:space-between;gap:8px;font:13px var(--num)}
.lane-meter__top b{color:var(--pink-deep)}
.lane-meter__top i{font-style:normal}
.lane-meter__bar{height:15px;margin:7px 0 6px;padding:2px;border:2px solid var(--ink);background:var(--paper-3)}
.lane-meter__bar i{display:block;width:0;height:100%;background:var(--pink);transition:width .35s steps(7)}
.lane-meter--x .lane-meter__bar i{background:var(--mint)}
.lane-meter small{display:block;min-height:30px;color:var(--ink-soft);font:11px/1.35 var(--num)}
.rule-log{margin:16px 0;border-top:3px solid var(--ink)}
.rule-log p{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;margin:0;padding:9px 0;border-bottom:1px solid var(--line)}
.rule-log span{color:var(--pink-deep);font:10px var(--display)}
.rule-log b{font:13px/1.25 var(--num);font-weight:400;color:var(--ink-soft)}
.gumball-ticket{margin:16px 0;border:3px solid var(--ink);background:var(--paper)}
.gumball-ticket img{width:100%;aspect-ratio:1/1;object-fit:cover;image-rendering:pixelated}
.gumball-ticket figcaption{padding:9px;border-top:2px solid var(--ink);color:var(--ink-soft);font:13px/1.35 var(--num)}
.drop-table{display:grid;gap:5px;margin-top:15px}
.drop-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;font:12px var(--num)}
.drop-row i{width:8px;height:8px;background:var(--drop-color)}
.drop-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop-row b{color:var(--grape-deep);font-weight:400}

.story-log{border-top:4px solid var(--ink)}
.story-chapter{
  position:relative;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) minmax(160px,.42fr);
  align-items:center;
  gap:22px;
  min-height:154px;
  padding:25px 16px;
  border-bottom:3px solid var(--ink);
}
.story-chapter:nth-child(odd){background:rgba(255,120,183,.1)}
.story-chapter:nth-child(even){background:rgba(99,223,191,.11)}
.chapter-index{
  align-self:stretch;
  display:grid;
  place-items:center;
  min-height:82px;
  color:var(--paper);
  background:var(--ink);
  border:3px solid var(--pink);
  box-shadow:5px 5px 0 var(--lemon);
  font:24px var(--display);
}
.chapter-copy{min-width:0}
.chapter-copy h3{margin:0 0 7px;font:15px/1.5 var(--display);text-transform:uppercase}
.chapter-copy p{margin:0;color:var(--ink-soft);font-size:22px}
.chapter-meter{height:22px;padding:3px;border:3px solid var(--ink);background:var(--paper)}
.chapter-meter span{display:block;width:var(--fill);height:100%;background:repeating-linear-gradient(90deg,var(--pink) 0 8px,var(--paper) 8px 11px);transform-origin:left;animation:meter-fill .65s steps(8) both}
.story-chapter--tiers{display:block;padding:30px 16px 34px;background:var(--paper)!important}
.story-chapter--tiers .chapter-index{position:absolute;left:16px;top:30px;width:82px;height:82px;min-height:0}
.story-chapter--tiers .chapter-copy{margin-left:106px;margin-bottom:24px}
.tier-meter-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.taste-meter{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:11px;
  min-width:0;
  padding:10px;
  border:3px solid var(--ink);
  background:var(--paper-2);
  box-shadow:4px 4px 0 var(--tier-color);
}
.taste-meter img{width:72px;height:84px;object-fit:cover;border:2px solid var(--ink);image-rendering:pixelated}
.taste-meter__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.taste-meter__copy span{color:var(--tier-color);font:10px var(--num);text-transform:uppercase}
.taste-meter__copy h4{margin:4px 0;font:10px/1.35 var(--display);text-transform:uppercase}
.taste-meter__copy b{font:12px var(--num);font-weight:400}
.taste-meter__bar{grid-column:1/-1;height:12px;padding:2px;border:2px solid var(--ink);background:var(--paper)}
.taste-meter__bar i{display:block;width:var(--fill);height:100%;background:var(--tier-color);animation:meter-fill .55s steps(7) both}
.taste-meter__copy small{margin-top:4px;color:var(--ink-soft);font:10px var(--num)}

.model-terminal{overflow:hidden}
.model-register{padding:18px;background:var(--paper-2)}
.model-group+.model-group{margin-top:22px}
.model-group__head{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.model-group__head i{width:11px;height:11px;background:var(--tier-color);box-shadow:4px 0 0 var(--ink)}
.model-group__head h3{margin:0;font:12px var(--display);text-transform:uppercase}
.model-group__head span{margin-left:auto;color:var(--ink-soft);font:11px var(--num)}
.model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.model-group--preview .model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-record{
  min-width:0;
  border:3px solid var(--ink);
  background:var(--paper);
  box-shadow:3px 3px 0 var(--tier-color);
  transition:transform .12s steps(2);
}
.model-record:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tier-color)}
.model-record__art{position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}
.model-record__art img{width:100%;aspect-ratio:1/1;object-fit:cover;image-rendering:pixelated}
.model-record__art span{position:absolute;left:5px;top:5px;padding:2px 5px;color:var(--paper);background:var(--ink);font:9px var(--num)}
.model-record__copy{min-width:0;padding:7px}
.model-record__copy small{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--tier-color);font:9px var(--num);white-space:nowrap}
.model-record__copy strong{display:block;margin:3px 0;overflow:hidden;text-overflow:ellipsis;font:15px/1.2 var(--body);white-space:nowrap}
.model-record__copy span{display:block;color:var(--ink-soft);font:9px var(--num);text-transform:uppercase}
.model-preview-label{padding:10px 12px;color:var(--paper);background:var(--ink);font:11px var(--num)}
.model-preview-label:before{content:"// ";color:var(--mint)}

.shop-terminal{overflow:hidden}
.wallet-console{padding:22px;background:var(--paper-2)}
.wallet-console__title{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:20px;align-items:stretch}
.wallet-console__title h3{margin:5px 0 7px;font:clamp(19px,3vw,31px)/1.35 var(--display);text-transform:uppercase}
.wallet-console__title>div>p:last-child{max-width:700px;margin:0;color:var(--ink-soft);font-size:23px}
.claim-meter{padding:14px;border:3px solid var(--ink);background:var(--lemon);box-shadow:5px 5px 0 var(--pink)}
.claim-meter>span{display:block;font:11px var(--num);text-transform:uppercase}
.claim-meter>strong{display:block;margin:4px 0 9px;font:25px/1.2 var(--display);letter-spacing:-.07em}
.claim-meter>.pixel-button{width:100%}
.invite-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.72fr);gap:10px 22px;margin-top:18px;padding:16px;border:3px solid var(--ink);background:var(--paper)}
.invite-strip>p{grid-column:1/-1;margin:0;color:var(--ink-soft);font-size:21px}
.invite-strip__field{display:flex;align-items:stretch;min-width:0}
.invite-strip__field input{flex:1;min-width:0;padding:8px;border:3px solid var(--ink);border-right:0;border-radius:0;background:var(--paper-3);font:12px var(--num)}
.invite-strip__field button{box-shadow:none}
.invite-strip__stats{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink)}
.invite-strip__stats div{padding:7px 9px;border-right:2px solid var(--ink)}
.invite-strip__stats div:last-child{border-right:0}
.invite-strip__stats span{display:block;color:var(--ink-soft);font:10px var(--num);text-transform:uppercase}
.invite-strip__stats strong{font:17px var(--display);color:var(--grape-deep)}
.invite-strip .micro-copy{grid-column:1/-1;margin:0}
.micro-copy{margin:7px 0;color:var(--ink-soft);font:13px/1.4 var(--num)}
.inventory-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:23px 0 12px;padding-top:19px;border-top:3px solid var(--ink)}
.inventory-bar p{margin:0;color:var(--ink-soft);font:13px/1.4 var(--num)}
.inventory-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px}
.candy-capsule{position:relative;min-width:0;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--grape)}
.candy-capsule__art{position:relative;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--paper-3)}
.candy-capsule__art img{width:100%;aspect-ratio:1/1.08;object-fit:cover;image-rendering:pixelated}
.candy-capsule.sealed .candy-capsule__art img{object-fit:contain;padding:10px;background:
  linear-gradient(45deg,var(--paper-2) 25%,transparent 25% 75%,var(--paper-2) 75%),
  linear-gradient(45deg,var(--paper-2) 25%,var(--paper-3) 25% 75%,var(--paper-2) 75%);
  background-position:0 0,7px 7px;
  background-size:14px 14px;
}
.sealed-stamp{position:absolute;left:5px;top:5px;z-index:2;padding:3px 5px;color:var(--ink);background:var(--lemon);border:2px solid var(--ink);font:8px var(--num)}
.candy-capsule__copy{padding:8px}
.capsule-kicker{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--ink-soft);font:9px var(--num)}
.capsule-kicker i{width:8px;height:8px;flex:none;background:var(--capsule-color,var(--pink));box-shadow:2px 0 0 var(--ink)}
.candy-capsule__copy strong{display:block;margin:4px 0 7px;overflow:hidden;text-overflow:ellipsis;font-size:18px;white-space:nowrap}
.candy-capsule__copy .pixel-button{width:100%}
.empty-log{grid-column:1/-1;display:grid;place-items:center;min-height:115px;padding:20px;border:3px dashed var(--grape);background:var(--paper-3);color:var(--ink-soft);font:13px/1.4 var(--num);text-align:center}
.shop-divider{position:relative;height:55px;display:grid;place-items:center;background:var(--ink);border-top:4px solid var(--pink);border-bottom:4px solid var(--pink)}
.shop-divider:before,.shop-divider:after{content:"";width:12px;height:12px;background:var(--lemon);box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--mint)}
.shop-divider span{position:absolute;padding:5px 10px;color:var(--paper);background:var(--ink);font:11px var(--display)}
.market-ledger{padding:22px;background:var(--paper)}
.market-ledger__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.market-ledger__head h3{max-width:720px;margin:0;font:13px/1.5 var(--num);font-weight:400;color:var(--ink-soft)}
.market-ledger__head p{margin:0;color:var(--pink-deep);font:12px/1.4 var(--num);text-align:right}
.market-rows{display:grid;gap:7px}
.shop-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) minmax(160px,.4fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:8px;
  border:2px solid var(--ink);
  background:var(--paper-3);
}
.shop-row:nth-child(even){background:var(--paper-2)}
.shop-row__art{width:64px}
.shop-row__art img{width:64px;height:64px;object-fit:cover;border:2px solid var(--ink);image-rendering:pixelated}
.shop-row__copy{min-width:0}
.shop-row__copy small{display:block;overflow:hidden;color:var(--pink-deep);font:10px var(--num);text-overflow:ellipsis;white-space:nowrap}
.shop-row__copy strong{display:block;overflow:hidden;font-size:19px;text-overflow:ellipsis;white-space:nowrap}
.shop-row__copy span{display:block;overflow:hidden;color:var(--ink-soft);font:10px var(--num);text-overflow:ellipsis;white-space:nowrap}
.shop-row__price{min-width:0;text-align:right}
.shop-row__price strong{display:block;font:14px var(--num);color:var(--grape-deep)}
.shop-row__price span{display:block;color:var(--ink-soft);font:10px var(--num)}
.shop-row>.pixel-button{min-width:135px}
.seller-bench{padding:22px;background:var(--paper-3);border-top:4px solid var(--ink)}
.seller-bench__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.seller-bench__head p{margin:5px 0 0;color:var(--ink-soft);font:13px var(--num)}
.seller-bench__body{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:15px}
.bot-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(73px,1fr));gap:6px;max-height:285px;overflow:auto;padding:2px 5px 5px 2px}
.picker-tile{min-width:0;padding:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);overflow:hidden}
.picker-tile.selected{border-color:var(--pink-deep);box-shadow:3px 3px 0 var(--pink)}
.picker-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;border-bottom:2px solid var(--ink);image-rendering:pixelated}
.picker-tile span{display:block;padding:3px 4px;overflow:hidden;font:8px var(--num);text-align:left;text-overflow:ellipsis;white-space:nowrap}
.seller-form{display:flex;flex-direction:column;gap:8px;min-width:0}
.seller-form>input{width:100%;padding:10px;border:3px solid var(--ink);border-radius:0;background:var(--paper);font:15px var(--num)}
.seller-form__buttons{display:flex;flex-wrap:wrap;gap:7px}
.seller-form__buttons .pixel-button{flex:1;min-width:126px}

.sugar-budget{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ramp-log,.supply-log{border:4px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);padding:20px}
.ramp-log__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:3px solid var(--ink);padding-bottom:8px}
.ramp-log h3{margin:0;font:14px var(--display);text-transform:uppercase}
.ramp-log__head span{color:var(--grape-deep);font:11px var(--num);text-transform:uppercase}
.ramp-log>p{color:var(--ink-soft);font-size:21px}
.ramp-bars{
  height:210px;
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin:22px 0 10px;
  padding:8px 8px 0;
  border-left:3px solid var(--ink);
  border-bottom:3px solid var(--ink);
  background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(156,107,255,.18) 38px 40px);
}
.ramp-bars i{position:relative;flex:1;height:var(--bar);min-height:8px;background:linear-gradient(180deg,var(--pink),var(--grape));border:2px solid var(--ink);transform-origin:bottom;animation:meter-fill .7s steps(8) both}
.ramp-bars i.peak{background:linear-gradient(180deg,var(--lemon),var(--pink))}
.ramp-bars span{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);font:10px var(--num)}
.next-sugar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:10px;border:3px solid var(--ink);background:var(--lemon);font:12px var(--num);text-transform:uppercase}
.next-sugar strong{font-size:15px}
.supply-log{background:linear-gradient(150deg,var(--paper-3),var(--paper))}
.supply-log__total{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:13px}
.supply-log__total span{grid-column:1/-1;font:11px var(--num);text-transform:uppercase;color:var(--ink-soft)}
.supply-log__total strong{font:clamp(35px,5vw,58px)/1 var(--display);letter-spacing:-.08em}
.supply-log__total small{color:var(--pink-deep);font:14px var(--num)}
.supply-bars{display:grid;gap:15px;margin:22px 0 18px}
.supply-bars>div{position:relative;padding-bottom:20px}
.supply-bars span{display:block;margin-bottom:5px;font:12px var(--num)}
.supply-bars b{display:block;font:12px var(--num);font-weight:400;color:var(--ink-soft)}
.supply-bars>div:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:var(--meter);
  height:11px;
  background:var(--meter-color);
  border:2px solid var(--ink);
  box-shadow:3px 3px 0 var(--ink);
}
.supply-log>p{margin:0;color:var(--ink-soft);font:12px var(--num)}

.faq-shell{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);gap:clamp(25px,5vw,65px);align-items:start}
.faq-shell>.section-prompt{position:sticky;top:105px;margin-bottom:0}
.faq-pixel-mark{width:116px;height:80px;margin-top:24px;background:
  linear-gradient(90deg,var(--pink) 0 12px,transparent 12px 24px,var(--lemon) 24px 36px,transparent 36px 48px,var(--mint) 48px 60px,transparent 60px 72px,var(--grape) 72px 84px,transparent 84px);
  background-size:84px 16px;background-repeat:repeat-y;
  opacity:.85;
}
.faq-terminal{border-top:4px solid var(--ink)}
.faq-line{border-bottom:3px solid var(--ink);background:var(--paper-2)}
.faq-line:nth-child(even){background:var(--paper-3)}
.faq-line summary{
  position:relative;
  list-style:none;
  padding:17px 58px 15px 16px;
  font:14px/1.55 var(--display);
  text-transform:uppercase;
}
.faq-line summary::-webkit-details-marker{display:none}
.faq-line summary:before{content:">";position:absolute;left:-2px;top:15px;color:var(--mint-deep);font:23px var(--num)}
.faq-line summary{padding-left:35px}
.faq-line summary:after{content:"+";position:absolute;right:14px;top:9px;color:var(--pink-deep);font:26px var(--body)}
.faq-line[open] summary{background:var(--lemon)}
.faq-line[open] summary:after{content:"-";color:var(--ink)}
.faq-line p{margin:0;padding:4px 35px 20px;color:var(--ink-soft);font-size:22px}

.kernel-footer{
  position:relative;
  z-index:1;
  padding:40px 0 55px;
  color:var(--paper);
  background:
    linear-gradient(90deg,rgba(255,120,183,.1) 1px,transparent 1px),
    linear-gradient(rgba(99,223,191,.08) 1px,transparent 1px),
    var(--ink);
  background-size:18px 18px;
}
.kernel-footer__inner{width:min(1180px,calc(100% - 32px));margin-inline:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}
.kernel-footer .pixel-logo{color:var(--paper)}
.kernel-footer .pixel-logo>span:last-child span{color:var(--pink)}
.kernel-footer p{margin:14px 0 0;color:var(--mint);font:11px var(--num);text-transform:uppercase}
.kernel-footer__links{display:grid;grid-template-columns:1fr 1fr .8fr;gap:18px}
.kernel-footer__links>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.kernel-footer__links span{color:var(--lemon);font:10px var(--num);text-transform:uppercase}
.kernel-footer__links a,.kernel-footer__links button{color:var(--paper);font:12px var(--num);overflow-wrap:anywhere;text-align:left}
.kernel-footer__links a:hover,.kernel-footer__links button:hover{color:var(--mint);text-decoration:underline}
.kernel-footer__links button{padding:0;background:transparent}

.wallet-overlay{
  position:fixed;
  inset:0;
  z-index:250;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(40,20,57,.86);
}
.wallet-overlay.show{display:grid}
.wallet-window{width:min(440px,100%);border:4px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--pink);animation:pixel-pop .2s steps(3) both}
.wallet-window .terminal-window-bar{justify-content:space-between}
.wallet-window .terminal-window-bar strong{font:11px var(--display);text-transform:uppercase;color:var(--paper)}
.window-close{width:31px;height:31px;border:2px solid var(--paper);background:transparent;color:var(--paper);font:24px/1 var(--body)}
.wallet-options{display:grid;gap:9px;padding:18px}
.wallet-options .pixel-button{width:100%;justify-content:flex-start;text-transform:none;font-size:9px}
.candy-toast{
  position:fixed;
  left:50%;
  bottom:23px;
  z-index:300;
  max-width:calc(100% - 30px);
  padding:10px 14px;
  color:var(--paper);
  background:var(--ink);
  border:3px solid var(--mint);
  box-shadow:5px 5px 0 var(--pink);
  font:13px var(--num);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,18px);
  transition:opacity .15s steps(2),transform .15s steps(2);
}
.candy-toast.show{opacity:1;transform:translate(-50%,0)}
.art-missing{position:relative;background:var(--paper-3)}
.art-missing:after{
  content:"CANDY//404";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:var(--grape);
  font:9px var(--display);
}

@media(max-width:1080px){
  .boot-hero__inner{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:28px}
  .hero-collage{min-height:440px}
  .mint-terminal__body{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
  .tier-meter-rack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .model-group--preview .model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:860px){
  .boot-hero{min-height:auto}
  .boot-hero__inner{grid-template-columns:1fr;padding-top:46px}
  .hero-collage{width:min(620px,100%);min-height:500px;margin:0 auto}
  .boot-stats{max-width:none}
  .mint-live{grid-template-columns:1fr 1fr}
  .mint-live>*{border-bottom:2px solid var(--ink)}
  .mint-live__count{border-right:0}
  .mint-clock{grid-column:1/-1;border-bottom:0}
  .mint-terminal__body{grid-template-columns:1fr}
  .mint-stage{border-right:0;border-bottom:3px solid var(--ink)}
  .mint-meter-rail{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .rail-head,.rule-log,.gumball-ticket,.drop-table{grid-column:1/-1}
  .wallet-console__title{grid-template-columns:1fr}
  .invite-strip{grid-template-columns:1fr}
  .invite-strip>p{grid-column:auto}
  .market-ledger__head{align-items:flex-start;flex-direction:column}
  .market-ledger__head p{text-align:left}
  .seller-bench__body{grid-template-columns:1fr}
  .sugar-budget{grid-template-columns:1fr}
  .faq-shell{grid-template-columns:1fr}
  .faq-shell>.section-prompt{position:static}
  .faq-pixel-mark{display:none}
  .kernel-footer__inner{grid-template-columns:1fr}
}

@media(max-width:640px){
  body{font-size:21px}
  .kernel-bar__inner{width:calc(100% - 20px);min-height:66px;gap:7px}
  .pixel-logo{gap:8px;font-size:11px}
  .pixel-logo__candy{width:29px;height:29px;border-width:2px;box-shadow:3px 0 0 var(--mint),-3px 0 0 var(--lemon),0 3px 0 var(--grape)}
  .kernel-bar__tools{gap:5px}
  #langSel{width:83px;min-height:39px;padding-inline:6px 3px;font-size:11px;border-width:2px}
  .menu-trigger{width:42px;height:39px;border-width:2px;box-shadow:2px 2px 0 var(--grape-deep)}
  #btnConnect{min-height:39px;padding:8px 9px;font-size:7px;box-shadow:2px 2px 0 var(--ink)}
  .menu-links{grid-template-columns:1fr}
  .menu-links a{min-height:61px}
  .section-shell,.boot-hero__inner,.kernel-footer__inner{width:calc(100% - 22px)}
  .terminal-section{padding:57px 0}
  .section-prompt--row{align-items:flex-start;flex-direction:column}
  .section-prompt--row>.pixel-button{width:100%}
  .boot-copy h1{font-size:clamp(24px,6.6vw,38px)}
  .boot-copy__lede{font-size:21px}
  .boot-copy__actions .pixel-button{flex:1;min-width:140px}
  .boot-stats{grid-template-columns:1fr 1fr}
  .boot-stats div:nth-child(2){border-right:0}
  .boot-stats div:nth-child(-n+2){border-bottom:2px solid var(--ink)}
  .hero-collage{min-height:400px;aspect-ratio:1/1.04}
  .boot-hero__ticker{font-size:11px}
  .terminal-window-bar{min-height:37px;font-size:11px}
  .window-mode{display:none}
  .mint-live{grid-template-columns:1fr}
  .mint-live>*{border-right:0}
  .mint-live__count{border-bottom:2px solid var(--ink)}
  .mint-clock{grid-column:auto}
  .mint-tabs{grid-template-columns:1fr}
  .mint-tab{border-right:0;border-bottom:2px solid var(--ink);justify-content:flex-start;min-height:48px;padding-left:15px}
  .mint-tab:last-child{border-bottom:0}
  .mint-tab.is-active{box-shadow:inset 7px 0 0 var(--ink)}
  .mint-stage{padding:15px}
  .quantity-bank{align-items:flex-start;flex-direction:column}
  .quantity-bank__controls{width:100%}
  .quantity-bank__controls input{flex:1;min-width:54px}
  .receipt-lines{grid-template-columns:1fr}
  .receipt-lines>div,.receipt-lines>div:nth-child(2n){border-right:0;border-bottom:2px solid var(--ink)}
  .receipt-lines>div:last-child{border-bottom:0}
  .mint-meter-rail{display:block}
  .lane-meter+.lane-meter{margin-top:9px}
  .story-chapter{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:20px 5px}
  .chapter-index{width:58px;min-height:64px;font-size:16px;box-shadow:3px 3px 0 var(--lemon)}
  .chapter-copy h3{font-size:11px}
  .chapter-meter{grid-column:1/-1}
  .story-chapter--tiers{padding:22px 5px 28px}
  .story-chapter--tiers .chapter-index{left:5px;top:22px;width:58px;height:64px}
  .story-chapter--tiers .chapter-copy{margin-left:74px}
  .tier-meter-rack{grid-template-columns:1fr}
  .model-register{padding:11px}
  .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-group--preview .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallet-console,.market-ledger,.seller-bench{padding:14px}
  .invite-strip{padding:11px}
  .invite-strip__field{flex-direction:column}
  .invite-strip__field input{border-right:3px solid var(--ink);border-bottom:0}
  .inventory-bar{align-items:flex-start;flex-direction:column}
  .inventory-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-row{grid-template-columns:55px minmax(0,1fr) auto}
  .shop-row__art,.shop-row__art img{width:55px;height:55px}
  .shop-row__price{grid-column:2;text-align:left}
  .shop-row>.pixel-button{grid-column:3;grid-row:1/3;min-width:98px;padding-inline:7px;font-size:7px}
  .ramp-log,.supply-log{padding:14px}
  .ramp-bars{height:170px;gap:4px}
  .faq-line summary{font-size:10px;padding-right:42px}
  .faq-line p{font-size:20px;padding-right:16px}
  .kernel-footer__links{grid-template-columns:1fr}
}

@media(max-width:390px){
  .pixel-logo{font-size:9px}
  .pixel-logo__candy{width:25px;height:25px}
  #langSel{width:70px;font-size:10px}
  .menu-trigger{width:37px;padding:0}
  #btnConnect{font-size:6px;padding-inline:6px}
  .hero-collage{min-height:330px}
  .boot-copy h1{font-size:24px}
  .clock-cells strong{font-size:15px}
  .mint-tab{font-size:8px}
  .pixel-button--execute{font-size:9px}
  .shop-row{grid-template-columns:48px minmax(0,1fr) 82px}
  .shop-row__art,.shop-row__art img{width:48px;height:48px}
  .shop-row>.pixel-button{min-width:82px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
