:root{--command-card:rgba(7,20,14,.9)}
.command-body{min-height:100vh}.command-body .pet-nav nav{gap:20px}.command-body .pet-nav nav>a{font-size:.57rem}.command-wallet{min-height:39px;padding:0 13px;border:1px solid rgba(88,216,255,.38);border-radius:8px;background:rgba(88,216,255,.06);color:var(--cyan);font:900 .57rem var(--mono);letter-spacing:.06em;cursor:pointer}.command-wallet:hover,.command-wallet:focus-visible{border-color:var(--cyan)}.pet-nav nav>a.active{color:var(--acid)}
.command-main{padding-top:var(--nav)}.command-hero{position:relative;min-height:680px;padding:74px max(28px,calc((100vw - 1450px)/2)) 65px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);align-items:center;gap:44px;overflow:hidden}.command-hero:after{position:absolute;inset:0 0 0 52%;z-index:-2;content:"";background:linear-gradient(90deg,var(--void),transparent 24%),linear-gradient(180deg,transparent 65%,var(--void)),url('/hatchery-assets/v2/axo-companion-chamber-v2.webp') center/cover;opacity:.58}.command-copy{position:relative;z-index:3}.command-kicker{color:var(--acid);font:900 .65rem var(--mono);letter-spacing:.15em}.command-kicker i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.command-copy h1{margin:20px 0 24px;font-size:clamp(4rem,6.8vw,7rem);line-height:.84;letter-spacing:-.075em}.command-copy h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.4px var(--acid)}.command-copy>p{max-width:660px;margin:0;color:#a9bbae;font-size:1.03rem;line-height:1.72}.command-actions{display:flex;gap:10px;margin-top:29px}.command-button{min-height:49px;padding:0 17px;border:1px solid var(--line);border-radius:9px;background:rgba(4,14,10,.7);color:var(--ink);font:900 .62rem var(--mono);letter-spacing:.06em;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer}.command-button.primary{border-color:var(--acid);background:var(--acid);color:#071006}.command-button:disabled{opacity:.55;cursor:wait}.command-session{margin-top:20px;color:#758a7e;font:800 .56rem var(--mono);display:flex;align-items:center;gap:9px}.command-session>span{width:8px;height:8px;border-radius:50%;background:#66776e}.command-session>span.live{background:var(--green);box-shadow:0 0 12px var(--green)}
.command-pet-stage{position:relative;min-height:520px;display:grid;place-items:center}.command-halo{position:absolute;width:440px;aspect-ratio:1;border:1px dashed rgba(214,255,77,.2);border-radius:50%;box-shadow:0 0 90px rgba(84,246,167,.1),inset 0 0 70px rgba(84,246,167,.04)}.command-halo:after{position:absolute;inset:11%;border:1px solid rgba(88,216,255,.18);border-radius:50%;content:""}.command-pet-stage>img{position:relative;z-index:2;width:min(44vw,580px);height:510px;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(0,0,0,.58))}.pet-id-chip,.pet-reply-chip{position:absolute;z-index:4;border:1px solid rgba(214,255,77,.2);border-radius:10px;background:rgba(2,10,6,.8);backdrop-filter:blur(12px)}.pet-id-chip{left:1%;bottom:6%;min-width:245px;padding:13px 15px;display:grid;gap:5px}.pet-id-chip small{color:var(--green);font:850 .48rem var(--mono);letter-spacing:.09em}.pet-id-chip strong{font-size:.9rem}.pet-id-chip>span{color:#748c7e;font:800 .5rem var(--mono);display:flex;align-items:center;gap:8px}.pet-id-chip i{width:1px;height:11px;background:var(--line)}.pet-reply-chip{right:0;top:12%;max-width:250px;padding:11px 13px;color:#96aa9e;font-size:.68rem;line-height:1.5}
.command-live{width:min(1450px,calc(100% - 56px));margin:0 auto;border:1px solid var(--line);border-radius:14px;background:rgba(7,17,13,.84);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.command-live article{min-height:108px;padding:20px 24px;border-left:1px solid var(--line);display:grid;align-content:center;gap:4px}.command-live article:first-child{border-left:0}.command-live small,.overview-card header span{color:#71877a;font:900 .53rem var(--mono);letter-spacing:.11em}.command-live strong{font-size:1.8rem}.command-live span{color:#6f8478;font-size:.68rem}.command-live .state{color:var(--orange);font:950 .85rem var(--mono);letter-spacing:.06em}
.command-routes{width:min(1370px,calc(100% - 56px));margin:68px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.command-routes a{position:relative;min-height:220px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,rgba(12,27,20,.93),rgba(4,12,8,.96));text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:.22s}.command-routes a:hover{transform:translateY(-4px);border-color:rgba(214,255,77,.38)}.command-routes a>span{color:#607769;font:900 .54rem var(--mono)}.command-routes a>i{width:54px;height:54px;margin:25px 0 22px;border:1px solid rgba(214,255,77,.18);border-radius:14px;background:rgba(214,255,77,.04);color:var(--acid);font-style:normal;font-size:1.25rem;display:grid;place-items:center}.command-routes strong{font-size:1rem}.command-routes small{margin-top:7px;color:#738a7d;font-size:.68rem;line-height:1.5}.command-routes a>b{margin-top:auto;color:var(--green);font:900 .54rem var(--mono)}
.command-connect,.command-private,.command-truth{width:min(1370px,calc(100% - 56px));margin:16px auto 0}.command-connect{min-height:330px;padding:32px 7%;border:1px solid rgba(88,216,255,.22);border-radius:17px;background:radial-gradient(circle at 18% 50%,rgba(88,216,255,.1),transparent 25%),linear-gradient(135deg,#0a1a13,#040c08);display:grid;grid-template-columns:290px 1fr;align-items:center;gap:48px}.command-connect img{width:270px;height:270px;object-fit:contain}.command-connect span,.private-heading span,.command-truth>span{color:var(--cyan);font:900 .58rem var(--mono);letter-spacing:.12em}.command-connect h2,.private-heading h2{margin:10px 0 13px;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em}.command-connect p{max-width:750px;color:var(--muted);line-height:1.7}.command-connect .command-button{margin-top:12px}
.command-private{padding:44px 0 75px}.private-heading{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.private-heading h2{margin-bottom:0}.private-heading>b{color:#6b8375;font:850 .52rem var(--mono)}.private-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview-card{min-height:280px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--command-card)}.overview-card>header{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.overview-card header a{color:var(--green);font:850 .53rem var(--mono);text-decoration:none}.vital-row{margin-top:16px;display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:12px}.vital-row>span{color:#82968a;font:800 .5rem var(--mono)}.vital-row>div{height:7px;border:1px solid var(--line);border-radius:99px;overflow:hidden}.vital-row i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .35s}.vital-row strong{text-align:right;font:900 .67rem var(--mono)}.big-progress{display:flex;align-items:flex-end;gap:8px}.big-progress>b{font-size:4.3rem;letter-spacing:-.07em}.big-progress small{padding-bottom:10px;color:#71877a;font:850 .55rem var(--mono)}.task-list{margin-top:20px;display:grid;gap:8px}.task-list>span{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#859b8e;font-size:.69rem;display:flex;justify-content:space-between}.task-list>span.complete{color:var(--green)}.task-list>span b{font:900 .52rem var(--mono)}
[data-unhatched-overview]{max-width:680px;margin:0 auto;text-align:center}[data-unhatched-overview] h3{margin:25px 0 12px;font-size:2rem}[data-unhatched-overview] p{max-width:520px;margin:0 auto 24px;color:#8ea397;line-height:1.7}[data-unhatched-overview] .command-button{display:inline-flex}
.epoch-overview-card{grid-column:1/-1;min-height:240px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:45px}.epoch-overview-card>header{grid-column:1/-1}.epoch-rank{display:grid;align-content:center}.epoch-rank small{color:#74897d;font:850 .5rem var(--mono)}.epoch-rank strong{font-size:5rem;line-height:1;letter-spacing:-.08em}.epoch-rank span{color:var(--acid);font:900 .62rem var(--mono)}.epoch-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}.epoch-detail>span{padding:18px;border:1px solid rgba(214,255,77,.1);border-radius:10px;display:grid;align-content:center;gap:8px}.epoch-detail small,.collection-stats small{color:#71877a;font:800 .48rem var(--mono)}.epoch-detail b{font-size:1.15rem}.epoch-overview-card>p{grid-column:1/-1;margin:20px 0 0;color:#72877b;font-size:.68rem}
.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collection-stats>span{padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:9px;display:grid;gap:8px}.collection-stats strong{font-size:1.6rem}.collection-card>p,.passport-card>p{margin:20px 0 0;color:#768b7f;font-size:.69rem;line-height:1.6}.passport-card>strong{color:var(--cyan);font:950 1.7rem var(--mono)}.inline-command-link{display:inline-block;margin-top:22px;color:var(--acid);font:900 .55rem var(--mono);text-decoration:none}
.command-truth{margin-bottom:70px;padding:20px 23px;border:1px solid rgba(255,173,77,.2);border-radius:12px;background:rgba(255,173,77,.035);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.command-truth>span{color:var(--orange)}.command-truth p{margin:0;color:#85998e;font-size:.7rem;line-height:1.55}.command-truth a{color:var(--orange);font:900 .55rem var(--mono);text-decoration:none}
@media(max-width:1120px){.command-body .pet-nav nav{gap:14px}.command-body .pet-nav nav>a{font-size:.5rem}.command-hero{grid-template-columns:1fr 1fr}.command-routes{grid-template-columns:repeat(3,1fr)}.command-routes a:nth-child(4),.command-routes a:nth-child(5){min-height:190px}.command-pet-stage>img{width:50vw}.pet-reply-chip{right:2%}}
@media(max-width:820px){.command-body .pet-nav nav{gap:0}.command-hero{min-height:auto;padding-top:70px;grid-template-columns:1fr}.command-hero:after{inset:44% 0 0}.command-copy h1{font-size:clamp(3.6rem,16vw,6rem)}.command-pet-stage{min-height:470px}.command-pet-stage>img{width:92vw;height:450px}.command-halo{width:min(82vw,410px)}.command-live{grid-template-columns:1fr 1fr}.command-live article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.command-live article:nth-child(4){border-top:1px solid var(--line)}.command-routes{grid-template-columns:1fr 1fr}.command-connect{grid-template-columns:1fr;text-align:center;gap:0}.command-connect img{margin:auto}.private-grid{grid-template-columns:1fr}.epoch-overview-card{grid-column:auto;grid-template-columns:1fr}.epoch-overview-card>header,.epoch-overview-card>p{grid-column:auto}.epoch-detail{margin-top:22px}.command-truth{grid-template-columns:1fr}.private-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.command-hero{padding-left:20px;padding-right:20px}.command-copy h1{font-size:3.8rem}.command-actions{align-items:stretch;flex-direction:column}.command-button{width:100%}.command-pet-stage{min-height:410px}.command-pet-stage>img{height:390px}.pet-id-chip{left:0;bottom:1%;min-width:220px}.pet-reply-chip{top:3%;right:0;max-width:190px}.command-live,.command-routes,.command-connect,.command-private,.command-truth{width:calc(100% - 28px)}.command-live article{padding:16px}.command-live strong{font-size:1.45rem}.command-routes{grid-template-columns:1fr}.command-routes a,.command-routes a:nth-child(4),.command-routes a:nth-child(5){min-height:165px}.command-routes a>i{margin:18px 0 15px}.command-connect{padding:25px 18px}.command-connect img{width:220px;height:220px}.private-heading h2{font-size:2.5rem}.overview-card{padding:20px}.epoch-detail,.collection-stats{grid-template-columns:1fr}.epoch-overview-card{min-height:auto}.command-truth{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.command-routes a,.vital-row i{transition:none!important}}