*{box-sizing:border-box}html,body{margin:0;background:#080808;color:#fff0dc;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:38px 38px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #242321;background:rgba(8,8,8,.92);backdrop-filter:blur(12px)}a{text-decoration:none}.brand{color:#fff0dc;font-size:22px;font-weight:1000;letter-spacing:-1px}.brand span{color:#d9ff43}.back{color:#d9ff43;font-size:12px;font-weight:1000}main{max-width:980px;margin:auto;padding:28px 18px 60px}.hero{position:relative;overflow:hidden;padding:30px;border:1px solid #34302b;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(165,108,255,.16),transparent 38%),radial-gradient(circle at 0 100%,rgba(217,255,67,.10),transparent 34%),#0c0c0c}.kicker{display:inline-flex;padding:6px 10px;border:1px solid rgba(242,184,75,.44);border-radius:999px;color:#f2b84b;font-size:10px;font-weight:1000;letter-spacing:1.3px}.hero h1{margin:18px 0 16px;font-size:clamp(54px,10vw,100px);line-height:.82;letter-spacing:-5px}.hero h1 em{color:#d9ff43;font-style:normal}.hero p{max-width:720px;margin:0;color:#b7afa7;font-size:18px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.steps article{padding:22px;border:1px solid #2d2b28;border-radius:22px;background:#0d0d0d}.steps b{color:#d9ff43;font-size:12px;letter-spacing:1.2px}.steps h2{margin:14px 0 8px;font-size:26px;line-height:.95}.steps p{margin:0;color:#a9a19a;font-size:16px;line-height:1.5}.cta{margin-top:18px;padding:28px;border:1px solid rgba(217,255,67,.38);border-radius:26px;background:linear-gradient(145deg,#15140d,#0b0a09)}.cta span{color:#f2b84b;font-size:10px;font-weight:1000;letter-spacing:1.2px}.cta h2{margin:12px 0 18px;font-size:44px}.cta a{display:flex;align-items:center;justify-content:center;min-height:60px;border-radius:16px;background:#d9ff43;color:#080808;font-weight:1000}@media(max-width:700px){main{padding-top:18px}.hero{padding:22px;border-radius:22px}.hero h1{font-size:56px;letter-spacing:-3.5px}.hero p{font-size:17px}.steps{grid-template-columns:1fr}.steps h2{font-size:24px}.steps p{font-size:17px}.cta{padding:22px}}

body{background-color:#100e18}.hero h1{font-size:clamp(40px,8vw,82px);line-height:.95;letter-spacing:-.055em}.hero p{color:#d4cbd8}
.guide-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:26px}.guide-index a{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid #bca4d044;border-radius:13px;color:#f6ebdd;background:#ffffff05;font-size:11px;font-weight:800;line-height:1.35}.guide-index a span{color:#d9ff68;font-size:10px;letter-spacing:.12em}
.guide-sections{display:grid;gap:14px;margin-top:24px}.guide-section{border:1px solid #a98bbb55;border-radius:22px;background:linear-gradient(130deg,#241b2d,#121017);overflow:hidden;scroll-margin-top:88px}.guide-section[open]{border-color:#d6c08f}
.guide-section summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:22px}.guide-section summary::-webkit-details-marker{display:none}
.guide-number{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(120deg,#fff0b7,#d3b067);color:#201c15;font-size:17px;font-weight:900}
.guide-section summary>span:nth-child(2){min-width:0;flex:1}.guide-section h2{margin:0 0 5px;font-size:clamp(16px,3vw,23px);letter-spacing:-.025em;line-height:1.2}.guide-section summary small{display:block;color:#c7bace;font-size:13px;line-height:1.5}.guide-toggle{font-size:25px;color:#e3c994}.guide-section[open] .guide-toggle{transform:rotate(45deg)}
.guide-body{padding:0 22px 22px}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-steps article{background:#00000024;border:1px solid #ffffff10;border-radius:16px;padding:19px;min-width:0}.guide-steps article>span{color:#d9ff68;font-size:10px;letter-spacing:.1em;font-weight:800}.guide-steps h3{margin:10px 0;font-size:18px;color:#ffedcb;line-height:1.3}.guide-steps p{margin:0;color:#d2cbd5;font-size:15px;line-height:1.65}
.guide-action{display:inline-flex;align-items:center;min-height:48px;padding:12px 16px;margin-top:18px;border-radius:12px;border:1px solid #d9ff6866;background:#d9ff6810;color:#d9ff68;font-size:12px;font-weight:850}
#planes .guide-steps article:nth-child(2){border-color:#86e8ff77}#planes .guide-steps article:nth-child(2) h3{color:#86e8ff}#planes .guide-steps article:nth-child(3){border-color:#ffe2a077}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;padding:25px 18px 40px;border-top:1px solid #ffffff15}footer a{color:#d5c7df;font-size:13px}
a:focus-visible,summary:focus-visible{outline:3px solid #d9ff68;outline-offset:3px}
@media(max-width:650px){.guide-index{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-steps{grid-template-columns:1fr}.guide-section summary{padding:18px 14px;gap:10px}.guide-body{padding:0 14px 18px}.guide-number{width:35px;height:35px;font-size:14px}.guide-section summary small{font-size:12px}.guide-steps article{padding:16px}.cta h2{font-size:32px}}


/* Guide navigation and collection spotlight */
.back{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #dbff6855;border-radius:12px;background:linear-gradient(125deg,#d9ff43,#b9e534);color:#171b09;box-shadow:0 4px 0 #657627;font-size:12px;letter-spacing:.04em}.back span{font-size:20px}
.guide-index a{position:relative;justify-content:center;min-height:88px;padding:16px 28px 16px 14px;border-color:#c5aee635;background:linear-gradient(130deg,#32243d,#19151e);box-shadow:inset 0 1px #ffffff12;transition:border-color .18s,background .18s}.guide-index a:after{content:'↗';position:absolute;right:12px;top:13px;color:#ceb486;font-size:16px}.guide-index a:hover{border-color:#e1c47d;background:#30233b}.guide-index a span{font-size:12px;color:#e8c782}.guide-index a:nth-child(4){border-color:#e8c78288;background:linear-gradient(130deg,#473228,#211728)}
.collection-banner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;margin-bottom:18px;padding:24px;border:1px solid #ebc58088;border-radius:18px;background:radial-gradient(ellipse at 80% 40%,#a7605844,transparent 70%),repeating-linear-gradient(115deg,transparent 0 35px,#ffffff03 36px 37px),#171020;overflow:hidden}.collection-banner h3{font-size:clamp(24px,4vw,38px);font-style:italic;line-height:1.05;letter-spacing:-.045em;margin:18px 0;color:#ffe9b5}.collection-banner p{color:#dacbdd;font-size:15px;line-height:1.6}.collection-banner .kicker{border:0;padding:0;border-radius:0;line-height:1.6}.card-fan{height:240px;position:relative;max-width:300px;width:100%;margin:auto}.card-fan img{position:absolute;width:44%;height:190px;object-fit:cover;border:2px solid #e4bc78;border-radius:12px;box-shadow:0 12px 22px #0009;top:25px;left:28%;transform:rotate(-18deg) translateX(-48%)}.card-fan img:nth-child(2){transform:rotate(0deg);z-index:2;top:12px}.card-fan img:nth-child(3){transform:rotate(18deg) translateX(48%)}
.guide-steps .prize-fund,.guide-steps .tournament-policy{grid-column:1/-1;border-color:#e4bf7666;background:linear-gradient(120deg,#55392144,#261c35)}.guide-steps .prize-fund h3{font-size:25px;color:#ffe1a0}.guide-steps .prize-fund>span,.guide-steps .tournament-policy>span{color:#e9c992}
@media(max-width:650px){.collection-banner{grid-template-columns:1fr;padding:18px;gap:0}.card-fan{height:225px;max-width:270px}.guide-index a{font-size:11px}.collection-banner h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.guide-index a{transition:none}}

/* Plan names stay legible wherever a benefit is explained. */
body .plan-label{display:inline;padding:.06em .32em;border:1px solid;border-radius:.35em;font-size:.94em;font-weight:800;line-height:inherit;letter-spacing:inherit;white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:none}
body .plan-label--pro{color:#91dfff;border-color:#91dfff55;background:#153a5066}
body .plan-label--elite{color:#f5d491;border-color:#f5d49166;background:#57432255}

.guide-index a{display:block}.guide-index a>span:first-child:not(.plan-label){display:block;margin-bottom:9px}
/* Compact index: an editorial map instead of a bank of heavy cards. */
.back{min-height:36px;padding:6px 4px;border:0;border-bottom:1px solid #d9ff5388;border-radius:0;background:transparent;box-shadow:none;color:#d9ff53;font-size:11px;letter-spacing:.09em}.back:hover{color:#fff0dc;border-color:#fff0dc}.back span{font-size:17px}
.guide-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:30px 0 0;border-top:1px solid #ffffff18}.guide-index a,.guide-index a:nth-child(4){display:grid;grid-template-columns:35px minmax(0,1fr) 18px;align-items:center;min-height:62px;padding:12px 2px;border:0;border-bottom:1px solid #ffffff18;border-radius:0;background:transparent;box-shadow:none;color:#eee5dc;font-size:12px;letter-spacing:.01em}.guide-index a:before{content:'';width:3px;height:28px;background:#a98bbb;border-radius:3px;grid-column:1;grid-row:1}.guide-index a:nth-child(3n+1):before{background:#d9ff53}.guide-index a:nth-child(3n+2):before{background:#b898e6}.guide-index a:nth-child(3n):before{background:#e5bd79}.guide-index a span{grid-column:1;grid-row:1;z-index:1;margin-left:10px;color:#d9ff53;font-size:10px;letter-spacing:.08em}.guide-index a:after{position:static;grid-column:3;grid-row:1;color:#a897ae;font-size:15px}.guide-index a:hover{background:#ffffff08;color:#d9ff53}.guide-index a:hover:after{color:#d9ff53}.guide-index .plan-label{font-size:.82em;padding:.03em .22em}
@media(max-width:650px){.guide-index{grid-template-columns:1fr;gap:0;margin-top:26px}.guide-index a{min-height:56px}.back{font-size:10px}}

/* Current guide: readable navigation labels and multiple destinations per section. */
.hero .guide-updated{margin-top:16px;font-size:12px;color:#b5a7be}
.guide-index a strong{grid-column:2;grid-row:1;font:inherit;overflow-wrap:normal}
.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.guide-links .guide-action{margin-top:0;flex:1 1 220px;text-align:center;white-space:normal}
.guide-section{scroll-margin-top:85px}
@media(max-width:650px){.hero h1{font-size:clamp(32px,9vw,52px);line-height:1.03;letter-spacing:-.04em}.guide-links .guide-action{flex-basis:100%}}