.launch-explainers{margin:28px 0 38px;padding-top:25px;border-top:1px solid #243650}.explainer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.explainer-heading h2{font:22px 'Pixelify Sans',monospace;margin:0}.explainer-heading>a{font-size:13px;text-decoration:none;color:#8bb5f6}
.pixel-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pixel-info-card{min-width:0;position:relative;background:#0c1523;border:1px solid #2c4262;padding:16px;transition:border-color .18s,transform .18s;overflow:hidden}.pixel-info-card:hover{border-color:#75a6ef;transform:translateY(-3px)}.pixel-info-card:before{content:'';position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid #6498e4;border-left:2px solid #6498e4}.pixel-card-art{height:106px;margin:-3px -6px 12px;background:repeating-linear-gradient(0deg,transparent,transparent 17px,#162239 18px),repeating-linear-gradient(90deg,transparent,transparent 17px,#162239 18px)}.pixel-card-art svg{display:block;width:100%;height:100%}.pixel-card-number{display:block;font-size:9px;letter-spacing:1px;color:#7096cc;margin-bottom:8px}.pixel-info-card h3{font:20px 'Pixelify Sans',monospace!important;color:#e1edff;margin:0 0 7px!important}.pixel-info-card p{font:14px/1.55 'Pixelify Sans',monospace!important;color:#8da3c2;margin:0!important}
.pc-line{transform-box:fill-box;transform-origin:left;animation:pc-type 6s steps(5,end) infinite}.pc-line-b{animation-delay:.45s}.pc-line-c{animation-delay:.9s}.pc-profile{animation:pc-profile 6s steps(1,end) infinite}.pc-stamp{animation:pc-press 6s steps(6,end) infinite}.pc-minted{animation:pc-minted 6s steps(1,end) infinite}.pc-flash{animation:pc-flash 6s steps(1,end) infinite}.pc-flow{animation:pc-flow 2s linear infinite}.pc-base{animation:pc-base 4s ease-in-out infinite}.pc-quote{animation:pc-quote 4s ease-in-out infinite}.pc-crown{animation:pc-crown 4s steps(4,end) infinite}.pc-bar{transform-box:fill-box;transform-origin:bottom;animation:pc-bars 5s steps(5,end) infinite}.pc-bar-b{animation-delay:.4s}.pc-bar-c{animation-delay:.8s}
@keyframes pc-type{0%,10%{transform:scaleX(.2);opacity:.5}40%,82%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.2);opacity:.5}}@keyframes pc-profile{0%,20%{opacity:.5}21%,100%{opacity:1}}@keyframes pc-press{0%,25%,80%,100%{transform:translateY(0)}40%,58%{transform:translateY(13px)}}@keyframes pc-minted{0%,38%{opacity:.35}39%,100%{opacity:1}}@keyframes pc-flash{0%,39%,60%,100%{opacity:0}40%,59%{opacity:1}}@keyframes pc-flow{to{stroke-dashoffset:-26}}@keyframes pc-base{0%,100%{transform:translate(68px,54px)}50%{transform:translate(72px,50px)}}@keyframes pc-quote{0%,100%{transform:translate(172px,54px)}50%{transform:translate(168px,58px)}}@keyframes pc-crown{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pc-bars{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
.king-empty-mark svg{animation:pc-crown 4s steps(4,end) infinite}body .token.pixel-market-card{transition:background-color .15s,border-color .15s,box-shadow .15s!important}body .token.pixel-market-card:hover,body .token.pixel-market-card:focus-visible{box-shadow:0 0 0 1px #477bc0,3px 3px 0 #102a50!important}.token.pixel-market-card .avatar img{transition:transform .18s}.token.pixel-market-card:hover .avatar img{transform:translateY(-2px)}
@media(max-width:760px){.pixel-card-grid{grid-template-columns:1fr}.pixel-info-card{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:16px;align-items:start}.pixel-card-art{grid-row:1/5;height:106px;margin:0}.pixel-card-number{margin-top:9px}.pixel-info-card h3{font-size:19px!important}.pixel-info-card p{font-size:13px!important}.explainer-heading h2{font-size:20px}.explainer-heading>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pixel-info-card *,.king-empty-mark svg{animation:none!important}.pixel-info-card,.token.pixel-market-card,.token.pixel-market-card .avatar img{transition:none!important}.pc-minted{opacity:1}.pc-flash{opacity:0}}

/* Stabled: four-step explainer, curve art and the looping fact strip. */
.pixel-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pixel-info-card:after{content:'';position:absolute;top:-1px;left:0;width:22px;height:2px;background:#8dbdff;animation:pc-scan 6s steps(48,end) infinite}
.pixel-info-card:nth-child(2):after{animation-delay:-1.5s}.pixel-info-card:nth-child(3):after{animation-delay:-3s}.pixel-info-card:nth-child(4):after{animation-delay:-4.5s}
@keyframes pc-scan{0%{left:0;opacity:1}45%{left:calc(100% - 22px);opacity:1}50%,100%{left:calc(100% - 22px);opacity:0}}
.pc-candle{opacity:0;animation:pc-candle 6s steps(1,end) infinite}.pc-fill{transform-box:fill-box;transform-origin:bottom;animation:pc-fill 6s steps(24,end) infinite}.pc-done{opacity:0;animation:pc-done 6s steps(1,end) infinite}
@keyframes pc-candle{0%{opacity:0}4%,92%{opacity:1}93%,100%{opacity:0}}@keyframes pc-fill{0%{transform:scaleY(.04)}66%,92%{transform:scaleY(1)}93%,100%{transform:scaleY(.04)}}@keyframes pc-done{0%,68%{opacity:0}69%,74%{opacity:1}75%,79%{opacity:0}80%,92%{opacity:1}93%,100%{opacity:0}}
.loop-strip{position:relative;overflow:hidden;margin:14px 0 0;border:1px solid #253952;border-width:1px 0;background:#0a0f19;padding:11px 0}
.loop-strip:before,.loop-strip:after{content:'';position:absolute;top:0;bottom:0;width:46px;z-index:1;pointer-events:none}.loop-strip:before{left:0;background:linear-gradient(90deg,#0a0f19,transparent)}.loop-strip:after{right:0;background:linear-gradient(270deg,#0a0f19,transparent)}
.loop-track{display:flex;width:max-content;animation:loop-slide 48s linear infinite}.loop-strip:hover .loop-track,.loop-strip:focus-within .loop-track{animation-play-state:paused}
.loop-row{display:flex;gap:11px;margin:0;padding:0 11px 0 0;list-style:none;flex:none}
.loop-card{display:flex;align-items:center;gap:12px;width:258px;padding:10px 13px;background:#0c1523;border:1px solid #2c4262;box-shadow:3px 3px 0 #071020}
.loop-card svg{width:34px;height:34px;flex:none}.loop-card b{display:block;font:400 16px 'Pixelify Sans',monospace;color:#e1edff;margin-bottom:3px}.loop-card span{display:block;font:13px/1.3 'Pixelify Sans',monospace;color:#8da3c2}
@keyframes loop-slide{to{transform:translateX(-50%)}}
.lp-flip{transform-box:fill-box;transform-origin:center;animation:lp-flip 3s steps(6,end) infinite}.lp-press{animation:lp-press 2.4s steps(4,end) infinite}.lp-blink{animation:lp-blink 1.8s steps(1,end) infinite}.lp-drop{animation:lp-drop 2.4s steps(6,end) infinite}.lp-rise{animation:lp-rise 2s steps(3,end) infinite}
@keyframes lp-flip{0%,55%,100%{transform:scaleX(1)}70%{transform:scaleX(.15)}85%{transform:scaleX(1)}}@keyframes lp-press{0%,45%,100%{transform:translateY(0)}60%,80%{transform:translateY(9px)}}@keyframes lp-blink{0%,60%{opacity:1}61%,100%{opacity:.25}}@keyframes lp-drop{0%{transform:translateY(-4px);opacity:0}15%{opacity:1}70%,100%{transform:translateY(9px);opacity:0}}@keyframes lp-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1000px){.pixel-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pixel-card-grid.four{grid-template-columns:1fr}.loop-card{width:226px;padding:9px 11px}.loop-card b{font-size:15px}.loop-card span{font-size:12px}.loop-strip:before,.loop-strip:after{width:22px}}
@media(prefers-reduced-motion:reduce){.loop-track{animation:none;width:auto;display:block}.loop-row{flex-wrap:wrap;padding:0 11px;justify-content:center}.loop-row[aria-hidden=true]{display:none}.loop-card *,.pixel-info-card:after{animation:none!important}.pixel-info-card:after{display:none}.pc-candle{opacity:1}.pc-done{opacity:0}.loop-strip:before,.loop-strip:after{display:none}}