/* A new dimension: original artwork inside a fluid, psychedelic world. */
.brand-icon { background: transparent; border: 0; box-shadow: none; }
body { background: radial-gradient(ellipse at 0 38%, #56165755, transparent 30%), radial-gradient(ellipse at 100% 68%, #123a6250, transparent 35%), #0e081b; }
::selection { background: #c0ff77; color: #170e28; }
.hero-stage { isolation: isolate; }
.hero-stage::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 75% 40%, #f129e852, transparent 46%), radial-gradient(ellipse at 15% 85%, #6c36ff60, transparent 48%); }
.hero-stage::after { content: ''; position: absolute; width: 760px; height: 760px; border-radius: 50%; right: -340px; top: -440px; border: 1px solid #a9ffff65; box-shadow: 0 0 0 36px #f375ff10, 0 0 0 72px #f375ff12, 0 0 0 108px #f375ff0c; pointer-events: none; z-index: -1; }
.hero h1 { font-style: normal; letter-spacing: -2.7px; }
.hero h1 > span { background: linear-gradient(100deg, #e4fffb 5%, #f8bfff 44%, #ff81d5 75%, #d8ff90); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; filter: drop-shadow(2px 4px 0 #502566); }
.hero .eyebrow { color: #b4fff3; }
.return-announcement { border-radius: 30px; background: #211133b5; border-color: #cb7ff4; padding: 10px 19px; }
.hero-description { color: #e4d5ee; }
.hero-art { isolation: isolate; }
.dimension-ring { position: absolute; z-index: -1; inset: -15px -25px 5px; border-radius: 48% 52% 60% 40% / 60% 40% 60% 40%; border: 13px solid transparent; background: linear-gradient(#190929, #190929) padding-box, conic-gradient(from 30deg, #82fff0, #9265ff, #ff6ade, #d7ff8c, #82fff0) border-box; opacity: .78; box-shadow: 0 0 65px #c34fe55c; transform: rotate(-15deg); animation: dimension-breathe 14s ease-in-out infinite alternate; }
@keyframes dimension-breathe { to { transform: rotate(12deg) scale(1.045); border-radius: 60% 40% 45% 55% / 40% 55% 45% 60%; } }
.hero-portrait { border-radius: 13px; background: #1d1039e8; border-color: #f2bdff; box-shadow: 0 12px 32px #06021880; }
.hero-portrait img { border-radius: 8px; }
.hero-portrait > span { padding: 9px 5px 5px; }
.art-sticker { background: #b5ff85; color: #251338; border: 2px solid #e4ffb8; text-shadow: none; box-shadow: 0 0 40px #b8ff8540; transform: rotate(12deg); }
.button, .nav-community { border-radius: 30px; }
.button-dark { background: linear-gradient(115deg, #ffb0e6, #ca9cff); border-color: #f6ccff; box-shadow: 0 5px 25px #ff66dd30; }
.button-lime { background: #baff93; border-color: #dcffc4; color: #172525; box-shadow: 0 5px 25px #8fffad20; }
.ticker { background: linear-gradient(100deg, #60176a, #281555, #154047); border-color: #9c65c5; }
.ticker b { color: #bdff95; }
.nft-image { border-radius: 16px 16px 0 0; overflow: hidden; }
.nft-label { border-radius: 0 0 16px 16px; background: #27133de8; }
.nft-card:hover .nft-image { box-shadow: 0 0 30px #ef60ce55; }
.chapter { background: radial-gradient(ellipse at 60% 0, #6d1f6b45, transparent 65%), #10091d; }
.chapter-card { border-radius: 22px; background: linear-gradient(150deg, #41224b90, #19102cf0); }
.chapter-card h3 { color: #f5edff; }
.tag { border-radius: 20px; }
.archive-window, .portal-card { border-radius: 22px; overflow: hidden; }
.archive-titlebar { background: linear-gradient(110deg, #573160, #282052); }
.history-section { background: radial-gradient(ellipse at 0 50%, #82235a35, transparent 65%), #160b27; }
.history-timeline .comeback-step { border-radius: 20px; }
.holders-section { position: relative; overflow: hidden; background: radial-gradient(ellipse at 85% 20%, #7c28b65c, transparent 55%), radial-gradient(ellipse at 5% 80%, #153f5355, transparent 50%), #130d24; border-block: 1px solid #69337c; }
.holders-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.holders-copy h2 { margin: 24px 0; font-size: clamp(38px, 4.5vw, 64px); }
.holders-copy > p:not(.eyebrow) { color: #d5c4e4; font-size: 15px; max-width: 465px; }
.holders-copy .holder-proposal { color: #ebdef6; }
.holders-copy .holder-status { font-size: 11px; line-height: 1.8; margin: 20px 0 0; color: #b8a7cd; }
.portal-card { border: 1px solid #aa74d2; background: linear-gradient(145deg, #44225b85, #131027); padding: 30px; box-shadow: 0 20px 70px #09051d70; }
.portal-status { display: flex; justify-content: space-between; gap: 15px; font: 8px/1.6 var(--mono); color: #d8b9f4; }
.portal-status span:last-child { color: #baffd8; }
.portal-pair { display: grid; grid-template-columns: 1fr 54px 1fr; align-items: center; gap: 14px; margin: 22px 0; }
.portal-pair img { width: 100%; border-radius: 12px; border: 2px solid #f1a7ff; transform: rotate(-5deg); box-shadow: 0 8px 28px #e458dc20; }
.portal-pair img:last-child { transform: rotate(5deg); border-color: #c4ff9c; }
.portal-pair > span { font-size: 44px; color: #bdff96; text-align: center; }
.portal-caption { text-align: center; font: 9px/1.7 var(--mono); color: #e4cef4; letter-spacing: 1px; margin-bottom: 27px; }
.claim-steps { padding: 0; margin: 0; list-style: none; }
.claim-steps li { display: flex; gap: 17px; padding: 14px 0; border-top: 1px solid #65417b; font-size: 12px; color: #c5b5d5; }
.claim-steps b { color: #bdff96; font: 10px/1.7 var(--mono); padding-top: 3px; }
.claim-steps strong { display: block; color: #f1e9ff; font-size: 14px; margin-bottom: 3px; }
.portal-footnote { font-size: 10px; color: #b7a4cb; margin: 18px 0 0; line-height: 1.8; }
.arcade-panel { border-radius: 28px; background: radial-gradient(ellipse at 100% 0, #fa50b144, transparent 55%), radial-gradient(ellipse at 0 100%, #3f4ad850, transparent 55%), #191028; box-shadow: 0 15px 50px #10031d; }
.survivors-teaser, .roadmap-steps { border-radius: 20px; }
.community-games { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; margin-top: 28px; padding: 34px; border: 1px solid #8754a5; border-radius: 22px; background: linear-gradient(130deg, #49244a70, #18223b80); }
.community-games .eyebrow { margin-bottom: 14px; }
.community-games h3 { font-size: 28px; margin-bottom: 13px; }
.community-games p:not(.eyebrow) { color: #cfbedf; font-size: 13px; }
.community-games .tag { font-size: 8px; }
.community-games ul { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; list-style: none; }
.community-games li { padding: 12px 17px; border: 1px solid #a071b9; border-radius: 30px; background: #28153e; font: 11px/1.5 var(--mono); color: #eeceff; }
.community-games li:nth-child(even) { border-color: #77b797; color: #c3ffda; }
@media(max-width:600px) { .community-games { grid-template-columns: 1fr; padding: 25px; gap: 20px; } .community-games h3 { font-size: 23px; } .community-games li { font-size: 10px; padding: 10px 13px; } }
.community { background: linear-gradient(90deg, #431553cf, #182d4980), url('images/pixelitos-voxel-night.png') center 62% / cover no-repeat; }
@media(max-width:1100px) { .holders-layout { gap: 35px; } .portal-card { padding: 24px; } }
@media(max-width:840px) { .holders-layout { grid-template-columns: 1fr; gap: 34px; } .holders-copy > p:not(.eyebrow) { max-width: 600px; } .portal-card { max-width: 570px; width: 100%; } }
@media(max-width:600px) { .hero h1 { letter-spacing: -1.5px; } .dimension-ring { inset: -8px 1px 3px; border-width: 9px; } .hero-actions .button { font-size: 9px; gap: 8px; padding-inline: 12px; } .return-announcement { font-size: 10px; } .holders-copy h2 { font-size: 42px; } .holders-copy > p:not(.eyebrow) { font-size: 13px; } .holders-copy .holder-status { font-size: 10px; } .portal-card { padding: 22px 18px; } .portal-pair { grid-template-columns: 1fr 32px 1fr; gap: 10px; } .portal-pair > span { font-size: 31px; } .portal-status { font-size: 7px; } .portal-caption { font-size: 8px; letter-spacing: .5px; } .claim-steps strong { font-size: 13px; } .claim-steps li { font-size: 11px; } }
@media(prefers-reduced-motion:reduce) { .dimension-ring { animation: none; } }