:root{--ink:#03070d;--panel:#07111d;--blue:#00c8ff;--deep:#0867e8;--amber:#ffae18;--paper:#eaf8ff;--muted:#88a6b8;--line:rgba(102,197,238,.22);--display:Impact,"Arial Narrow",sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--mono);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}.boot-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 10%,rgba(0,135,255,.14),transparent 32%),radial-gradient(circle at 12% 45%,rgba(0,200,255,.07),transparent 25%)}
a{color:inherit}.site-header{height:76px;padding:0 clamp(20px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(3,7,13,.8);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 1rem var(--mono);letter-spacing:.18em}.wordmark-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);color:#00111c;font-weight:900;letter-spacing:-.08em;clip-path:polygon(0 0,78% 0,78% 12%,100% 12%,100% 100%,22% 100%,22% 88%,0 88%)}nav{display:flex;gap:36px}nav a{font-size:.76rem;letter-spacing:.18em;text-decoration:none;color:#aac7d8;transition:.2s}nav a:hover{color:var(--blue)}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.network-pill{text-decoration:none;border:1px solid var(--line);padding:10px 14px;font-size:.72rem;letter-spacing:.12em}.header-wallet{min-height:38px;border:1px solid var(--blue);background:var(--blue);color:#00111b;padding:9px 14px;font:900 .68rem var(--mono);letter-spacing:.1em;cursor:pointer;white-space:nowrap}.header-wallet.connected{background:transparent;color:var(--blue)}.network-pill i,.terminal-status i{display:inline-block;width:7px;height:7px;background:var(--amber);box-shadow:0 0 10px var(--amber);margin-right:7px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;isolation:isolate;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 68%);opacity:.28}.hero-copy{padding:clamp(64px,8vw,130px) 5vw 44px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:.76rem;letter-spacing:.2em;color:var(--blue);font-weight:700}.hero .eyebrow{display:flex;gap:30px;color:#7ac8e8}.hero h1,.story h2,.identity h2,.mint-intro h2,.mystery h2,.final-message h2{font-family:var(--display);font-weight:900;letter-spacing:.015em;line-height:.86;margin:.18em 0;text-transform:uppercase}.hero h1{font-size:clamp(4.7rem,9.1vw,10rem)}em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--blue);text-shadow:0 0 24px rgba(0,200,255,.25)}.hero-lede{max-width:650px;font:1rem/1.8 var(--mono);color:#a7c1d0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:24px}.primary-cta{background:var(--amber);color:#080500;text-decoration:none;padding:18px 22px;font-weight:900;letter-spacing:.1em;box-shadow:6px 6px 0 #6c3600}.primary-cta b{margin-left:24px}.text-link{font-size:.8rem;letter-spacing:.13em;text-underline-offset:5px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--line);border:1px solid var(--line)}.hero-stats div{background:rgba(3,9,16,.94);padding:19px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.04rem;color:white}.hero-stats span{font-size:.62rem;color:var(--muted);margin-top:7px;letter-spacing:.12em}.hero-visual{display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(0,73,165,.12),rgba(0,200,255,.03))}.image-frame{width:min(83%,720px);aspect-ratio:1;position:relative;transform:rotate(1deg);box-shadow:0 0 0 1px var(--line),0 30px 100px rgba(0,74,190,.3)}.image-frame:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(0,200,255,.22);z-index:2}.image-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.05)}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(0,238,255,.5) 50%,transparent 51%);opacity:.13}.frame-label{position:absolute;z-index:3;background:#02070d;padding:7px 9px;color:var(--blue);font-size:.64rem;letter-spacing:.12em}.frame-label.top{left:-18px;top:-18px}.frame-label.bottom{right:-18px;bottom:-18px;color:var(--amber)}.corner{position:absolute;width:24px;height:24px;z-index:3;border-color:var(--blue)}.corner.tl{left:-8px;top:-8px;border-left:3px solid;border-top:3px solid}.corner.tr{right:-8px;top:-8px;border-right:3px solid;border-top:3px solid}.corner.bl{left:-8px;bottom:-8px;border-left:3px solid;border-bottom:3px solid}.corner.br{right:-8px;bottom:-8px;border-right:3px solid;border-bottom:3px solid}.orbit-copy{position:absolute;right:-190px;bottom:40px;transform:rotate(-90deg);font-size:.6rem;letter-spacing:.25em;color:#3b7b9c}
.signal-strip{height:58px;display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap;overflow:hidden;background:var(--blue);color:#00111b;font-size:.76rem;font-weight:900;letter-spacing:.13em}.signal-strip i{width:8px;height:8px;background:#00111b;transform:rotate(45deg)}
.story,.identity,.mint-section{max-width:1440px;margin:auto;padding:clamp(90px,11vw,170px) clamp(24px,6vw,92px);display:grid;grid-template-columns:170px 1fr 1fr;gap:clamp(30px,5vw,88px)}.section-index{color:#4c7891;font-size:.68rem;letter-spacing:.17em;padding-top:10px}.story h2,.identity h2,.mint-intro h2{font-size:clamp(3rem,5.8vw,6.6rem)}.story-body{padding-top:36px;border-top:1px solid var(--line)}.story-body p,.identity-copy p,.mint-intro>p{color:#9bb7c7;font:1rem/1.9 var(--mono);margin:0 0 24px}.story-body .lead{font-size:1.2rem;color:#dff7ff}.story-body .impact{font:900 2rem var(--display);letter-spacing:.05em;color:var(--amber);text-transform:uppercase}
.archive-window{height:min(72vw,760px);position:relative;overflow:hidden;border-block:1px solid var(--line)}.archive-window img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.15) brightness(.72);transform:scale(1.03)}.archive-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,12,.8),transparent 45%,rgba(1,6,12,.35)),linear-gradient(0deg,rgba(1,6,12,.7),transparent 55%)}.archive-overlay{position:absolute;z-index:2;left:6vw;bottom:7vw;display:flex;flex-direction:column;gap:10px}.archive-overlay span{color:var(--blue);letter-spacing:.2em;font-size:.7rem}.archive-overlay strong{font-size:clamp(1rem,2vw,1.7rem);letter-spacing:.12em}.scan-line{position:absolute;z-index:3;left:0;right:0;height:2px;background:var(--blue);box-shadow:0 0 18px var(--blue);animation:scan 5s linear infinite}@keyframes scan{from{top:0}to{top:100%}}
.identity{grid-template-columns:170px .9fr 1.1fr}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.trait-grid article{background:#050d16;padding:28px;min-height:210px;transition:.25s}.trait-grid article:hover{background:#07192a;transform:translateY(-3px)}.trait-grid span{color:var(--blue);font-size:.7rem}.trait-grid h3{font:900 2rem var(--display);margin:35px 0 10px}.trait-grid p{color:var(--muted);font-size:.82rem;line-height:1.6}
.mystery{padding:130px 24px;text-align:center;background:radial-gradient(circle,rgba(0,117,255,.15),transparent 55%);border-block:1px solid var(--line)}.mystery p{color:var(--blue);font-size:.72rem;letter-spacing:.22em}.mystery h2{font-size:clamp(4rem,9vw,10rem)}.pixel-divider{width:110px;height:8px;margin:38px auto;background:linear-gradient(90deg,var(--blue) 0 20%,transparent 20% 26%,var(--blue) 26% 55%,transparent 55% 61%,var(--amber) 61% 100%)}
.mint-section{grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(150deg,rgba(0,65,150,.12),transparent 55%)}.mint-intro{padding-right:3vw}.phase-path{display:flex;align-items:center;gap:18px;margin-top:40px}.phase-path div{border:1px solid var(--line);padding:16px;min-width:160px}.phase-path .active{border-color:var(--amber);box-shadow:inset 0 0 30px rgba(255,174,24,.06)}.phase-path span,.phase-path b,.phase-path small{display:block}.phase-path span{font-size:.65rem;color:var(--blue)}.phase-path b{margin:8px 0}.phase-path small{font-size:.6rem;color:var(--muted)}.phase-path i{font-style:normal;color:#477083}.mint-terminal{border:1px solid #17688b;background:#030a12;box-shadow:14px 14px 0 #061a2a,0 0 80px rgba(0,153,255,.12)}.terminal-top,.terminal-bottom{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.12em}.terminal-bottom{border-top:1px solid var(--line);border-bottom:0;color:#52758a}.terminal-screen{padding:clamp(24px,4vw,52px)}.mint-count span,.phase-row span{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.15em}.mint-count strong{font:900 clamp(3.5rem,6vw,6.7rem) var(--display);color:var(--blue);letter-spacing:.04em}.mint-count small{font-size:.25em;color:#5e8298}.phase-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line)}.phase-row span{display:inline}.phase-row b{font-size:.9rem}.quantity-control{display:grid;grid-template-columns:56px 1fr 56px;margin:25px 0 12px;border:1px solid var(--line)}.quantity-control button,.quantity-control output{height:54px;display:grid;place-items:center;background:#071420;color:white;border:0;font:900 1.2rem var(--mono)}.quantity-control button{cursor:pointer;color:var(--blue)}.quantity-control button:hover{background:#0b253a}.wallet-button,.mint-button{width:100%;border:0;padding:18px;font:900 .84rem var(--mono);letter-spacing:.13em;cursor:pointer}.wallet-button{background:var(--paper);color:#03101a;margin-bottom:10px}.mint-button{background:#162530;color:#617b8b;cursor:not-allowed}.terminal-note{text-align:center;color:#54758a;font-size:.62rem;letter-spacing:.1em;margin:17px 0 0}.terminal-status{color:var(--amber)}
.final-message{text-align:center;padding:150px 24px;background:linear-gradient(rgba(2,8,14,.66),rgba(2,8,14,.94)),url('/assets/bitbot-crown.jpeg') center 32%/cover}.final-message p,.final-message span{letter-spacing:.25em;color:var(--blue);font-size:.72rem}.final-message h2{font-size:clamp(4rem,9vw,9rem)}.final-message span{display:inline-block;color:#061019;background:var(--amber);font-weight:900;padding:14px 18px;margin-top:24px}footer{display:flex;justify-content:space-between;align-items:center;padding:38px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:#668498;font-size:.65rem;letter-spacing:.12em}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{order:1;padding-top:70px}.hero-visual{order:2;min-height:70vw;padding:50px}.image-frame{width:min(76%,620px)}.story,.identity{grid-template-columns:120px 1fr}.story-body,.trait-grid{grid-column:2}.mint-section{grid-template-columns:1fr}.mint-terminal{max-width:720px;width:100%;margin:auto}.mint-intro{max-width:800px}}
@media(max-width:680px){.site-header{height:66px;padding:0 12px}.wordmark{font-size:.82rem;gap:8px}.wordmark-mark{width:32px;height:32px}.header-actions{gap:6px}.network-pill{display:none}.header-wallet{max-width:176px;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;font-size:.6rem}.hero{min-height:auto}.hero-copy{padding:58px 20px 36px}.hero h1{font-size:4.15rem}.hero .eyebrow{flex-direction:column;gap:7px}.hero-visual{min-height:104vw;padding:34px 20px}.image-frame{width:88%}.hero-stats{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.signal-strip{justify-content:flex-start;padding:0 20px}.story,.identity,.mint-section{display:block;padding:90px 20px}.section-index{margin-bottom:34px}.story-body{margin-top:38px}.trait-grid{grid-template-columns:1fr;margin-top:50px}.archive-window{height:100vw}.phase-path{align-items:stretch;flex-direction:column}.phase-path i{transform:rotate(90deg);align-self:center}.mint-terminal{margin-top:58px}.terminal-screen{padding:25px 18px}.mint-count strong{font-size:4rem}.mystery,.final-message{padding:100px 20px}.mystery h2,.final-message h2{font-size:4.5rem}footer{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-line{animation:none;top:50%}}
.opensea-result{display:block;margin-top:16px;padding:14px;text-align:center;border:1px solid var(--blue);color:var(--blue);font-size:.7rem;letter-spacing:.1em;text-decoration:none}.opensea-result[hidden]{display:none}.admin-panel{max-width:1280px;margin:0 auto;padding:70px clamp(20px,6vw,80px);border:1px solid var(--amber);background:#060d16}.admin-panel[hidden]{display:none}.admin-panel h2{font:900 clamp(3rem,7vw,7rem)/.9 var(--display);margin:10px 0}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.admin-grid label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.65rem;letter-spacing:.12em}.admin-grid input,.admin-grid select,.admin-grid button{min-height:48px;border:1px solid var(--line);background:#071420;color:white;padding:12px;font:700 .72rem var(--mono)}.admin-grid button{cursor:pointer;border-color:var(--blue)}.admin-grid button:last-child{border-color:#ff5151;color:#ff8b8b}@media(max-width:680px){.admin-grid{grid-template-columns:1fr}footer{gap:16px}}

/* BITBOTS SPACE-PIXEL SYSTEM */
:root{--ink:#020611;--blue:#00d9ff;--pink:#ff4edb}
body{background-color:var(--ink);background-image:radial-gradient(circle at 12% 18%,rgba(0,217,255,.05) 0 1px,transparent 2px),radial-gradient(circle at 82% 34%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:67px 67px,113px 113px}
.hero{min-height:calc(100vh - 76px);grid-template-columns:minmax(0,1fr) 340px;align-items:end;overflow:hidden;background:#020611}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;filter:saturate(1.08) contrast(1.08)}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,6,17,.98) 0%,rgba(2,6,17,.82) 32%,rgba(2,6,17,.18) 67%,rgba(2,6,17,.62) 100%),linear-gradient(0deg,rgba(2,6,17,.98),transparent 54%)}
.hero-grid{z-index:-1;opacity:.17}
.hero-copy{padding:clamp(64px,8vw,130px) 5vw 44px;justify-content:flex-end;max-width:920px}
.hero h1{font-size:clamp(4.7rem,8.2vw,9rem);text-shadow:0 8px 30px #000}
.hero h1 em{color:var(--blue);-webkit-text-stroke:0;text-shadow:5px 5px 0 #00374b,0 0 30px rgba(0,217,255,.5)}
.hero-lede{color:#d3e8f3;text-shadow:0 2px 10px #000}
.hero-stats{margin-top:46px}.hero-stats div{background:rgba(3,9,16,.9)}
.hero-signal{align-self:end;margin:0 4vw 44px 0;padding:22px;border:1px solid rgba(0,217,255,.5);background:rgba(2,8,18,.82);box-shadow:8px 8px 0 rgba(0,96,140,.35);backdrop-filter:blur(7px)}
.hero-signal span,.hero-signal small{display:block;color:var(--blue);font-size:.62rem;letter-spacing:.15em}.hero-signal strong{display:block;font:900 2rem/1.05 var(--display);margin:16px 0}.hero-signal i{display:block;height:9px;background:repeating-linear-gradient(90deg,var(--blue) 0 16px,transparent 16px 21px);margin-bottom:15px}
.archive-window{height:min(48vw,680px)}.archive-window img{filter:saturate(1.08) contrast(1.1) brightness(.76)}
.mint-section{grid-template-columns:.72fr 1fr 1.08fr;background:radial-gradient(circle at 10% 42%,rgba(255,78,219,.1),transparent 30%),linear-gradient(150deg,rgba(0,65,150,.16),transparent 55%)}
.mint-specimen{position:relative;border:1px solid var(--line);box-shadow:9px 9px 0 #061a2a}.mint-specimen img{display:block;width:100%;aspect-ratio:1/1.18;object-fit:cover}.mint-specimen:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px rgba(0,0,0,.6);pointer-events:none}.mint-specimen div{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;background:rgba(2,7,14,.88);padding:11px}.mint-specimen span,.mint-specimen b{display:block;font-size:.58rem;letter-spacing:.1em}.mint-specimen span{color:var(--blue);margin-bottom:6px}.mint-specimen b{color:var(--amber)}
.mint-intro{padding-right:1vw}.final-message{background:linear-gradient(rgba(2,8,14,.62),rgba(2,8,14,.95)),url('/assets/bitbots-city.jpeg') center/cover}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-signal{display:none}.mint-section{grid-template-columns:.75fr 1.25fr}.mint-intro{grid-column:1/-1;max-width:850px}.mint-terminal{width:100%}}
@media(max-width:680px){.hero{min-height:780px}.hero-backdrop{object-position:61% center}.hero:after{background:linear-gradient(0deg,rgba(2,6,17,.99) 0%,rgba(2,6,17,.82) 52%,rgba(2,6,17,.15) 100%)}.hero-copy{padding:250px 20px 36px}.mint-specimen{max-width:430px;margin:0 auto 55px}.archive-window{height:72vw}}

/* Wallet and mint action hierarchy */
.wallet-button{background:#162530;color:#88a6b8}
.wallet-button.connected{color:#a9c0cd}
.mint-button{background:var(--paper);color:#03101a;cursor:pointer}
.mint-button:disabled{background:#162530;color:#617b8b;cursor:not-allowed}