@property --rim-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{color-scheme:dark;--bg:#070b16;--text:#f5f7ff;--muted:#a5b3cc;--mint:#6affd0;--purple:#c2a7ff;--yellow:#ffdf80;--line:#ffffff12}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;display:grid;align-items:center;padding:40px 24px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--mint);color:var(--bg);z-index:20}.skip:focus{top:15px}.space{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 30%,#0b75622b,transparent 50%),radial-gradient(ellipse at 90% 70%,#6d37e028,transparent 50%),linear-gradient(#93afdb06 1px,transparent 1px),linear-gradient(90deg,#93afdb06 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}.orb{position:absolute;border-radius:50%;filter:blur(95px);opacity:.17;animation:nebula 16s ease-in-out infinite alternate}.orb-a{width:440px;height:440px;left:3%;top:8%;background:#00debc}.orb-b{width:400px;height:400px;right:2%;bottom:0;background:#7a44ff;animation-delay:-8s}.star{position:absolute;color:#adbedb;font:22px monospace;animation:twinkle 5s ease-in-out infinite}.s1{left:5%;top:35%;color:var(--mint)}.s2{left:43%;top:10%;animation-delay:-2s}.s3{right:4%;top:67%;color:var(--purple);animation-delay:-3s}.s4{right:24%;top:7%;font-size:14px}.s5{left:20%;top:88%;font-size:45px}.s6{right:20%;top:88%;font-size:35px}.shell{position:relative;width:min(1010px,100%);margin:auto;padding:0 34px;border:1px solid transparent;border-radius:26px;background:linear-gradient(145deg,#101c2ef5,#0c1122fa 60%) padding-box,conic-gradient(from var(--rim-angle),#26344e 0%,#26344e 25%,#64f9d3 33%,#84abff 36%,#bd95ff 40%,#26344e 48%,#26344e 75%,#7476bd 84%,#26344e 92%) border-box;box-shadow:0 30px 100px #0008,0 0 75px #5f73ff09;animation:rim 16s linear infinite}header{height:85px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;letter-spacing:.2px;line-height:1.04}.wordmark>svg{color:var(--mint);width:32px;height:32px;filter:drop-shadow(0 0 8px #6affd055)}.wordmark-second{display:block}.brand-spark{color:var(--mint);margin-left:5px;font-size:12px}.header-right{display:flex;align-items:center}.portal-label{font:11px 'Courier New',monospace;letter-spacing:1px;color:#bac8e0;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #6affd024;border-radius:30px;background:#6affd006}.portal-label>span,.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #67f7c588;flex-shrink:0}.portal-label>span{animation:beacon 4s ease-in-out infinite}main{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;padding:30px 0 26px}.eyebrow,.mono{font-family:'Courier New',monospace;font-size:11px;letter-spacing:1.2px;font-weight:700}.identity{text-align:center;min-width:0}.identity>.eyebrow{color:var(--mint);display:flex;gap:8px;align-items:center;justify-content:center;margin:0 0 12px;font-size:11px}.tiny-spark{font-size:16px}h1{font-size:45px;line-height:1.04;letter-spacing:-2px;margin:0;font-weight:900}h1>span{background:linear-gradient(100deg,#7dffd6,#9df2f1 45%,#d2b2ff 75%,#7dffd6);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-glow 10s ease-in-out infinite}.intro{font-size:15px;line-height:1.6;color:#b3c0d5;margin:12px 0 0}.collectible-scene{position:relative;height:254px;max-width:350px;margin:7px auto 0;display:flex;align-items:center;justify-content:center;perspective:900px;isolation:isolate}.collectible-scene:before{content:'';position:absolute;inset:30px 40px;border-radius:50%;background:conic-gradient(from var(--rim-angle),#37e6c826,#a27aff36,#5debff26,#37e6c826);filter:blur(25px);z-index:-3;animation:rim 12s linear infinite}.orbit{position:absolute;width:246px;height:246px;border:1px dashed #64f4d237;border-radius:50%;transform:rotateX(48deg);z-index:-2;animation:orbit-spin 28s linear infinite}.orbit-small{width:203px;height:203px;border-style:solid;border-color:#c1a0ff30;animation-direction:reverse}.collector{position:relative;width:193px;padding:8px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,#2e4357,#18243d) padding-box,conic-gradient(from var(--rim-angle),#9affd7,#8cd7ff,#e2a5ff,#fff2a4,#9affd7) border-box;box-shadow:0 0 25px #23d3b526,8px 12px 18px #0005;transform-style:preserve-3d;animation:float-card 6s ease-in-out infinite,rim 9s linear infinite;overflow:hidden;text-align:left;transition:box-shadow .3s}.collector img{display:block;width:100%;height:auto;border-radius:5px}.collector-top,.collector-bottom{display:flex;align-items:center;justify-content:space-between;font:6px 'Courier New',monospace;letter-spacing:.4px}.collector-top{padding:1px 0 7px;color:var(--mint)}.collector-bottom{padding:8px 0 1px;color:#c1cce1}.holo{position:absolute;inset:-150% -90%;background:linear-gradient(115deg,transparent 43%,#b9ffe408 46%,#ffffff60 49%,#a9e9ff36 50%,#d8b7ff30 51%,transparent 55%);transform:translateX(-60%);animation:shine 7s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.collector:hover{box-shadow:0 0 38px #67f7c55c,0 0 65px #bda3ff20}.floating-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #a48acf88;border-radius:10px;width:133px;height:180px;padding:11px;background:repeating-linear-gradient(45deg,#ffffff05 0 1px,transparent 1px 10px),#29213f;z-index:-1;font:6px monospace;color:#c7b1fa;box-shadow:0 8px 20px #0003}.card-a{animation:back-float 7s ease-in-out infinite}.card-a>svg{align-self:center;width:48px;height:48px;color:#b19ad9;fill:#a68fdf16;stroke-width:.7}.card-a>span:first-child{font-size:12px;font-weight:bold}.card-b{transform:rotate(23deg) translate(48px,-5px);background:repeating-linear-gradient(-45deg,#ffffff05 0 1px,transparent 1px 10px),#123c37;border-color:#6affd066;color:var(--mint)}.card-b>svg{margin:auto;width:48px;height:48px;stroke-width:.7}.rarity{position:absolute;bottom:3px;right:3px;background:linear-gradient(110deg,#ffdc79,#fff0b3);color:#302236;padding:8px 9px;transform:rotate(-5deg);font:700 8px monospace;letter-spacing:.3px;border-radius:4px;box-shadow:3px 3px 0 #0b1022,0 0 20px #ffdf7210}.scene-spark{position:absolute;right:20px;top:17px;color:var(--yellow);font:36px monospace;animation:twinkle 4s infinite}.identity-note{font-size:11px;color:#9fafc9;margin:9px 0 0;line-height:1.5}.identity-note>span{display:block;color:#d0d9e9;margin-bottom:2px}.channel-panel{min-width:0;padding:0 20px;border:1px solid #8096c22c;border-radius:16px;background:linear-gradient(145deg,#1c2b4480,#10182a90);box-shadow:0 16px 35px #0002,inset 0 1px 0 #ffffff08;position:relative}.channel-panel:before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#74ffcfb3,#b79aff99,transparent)}.panel-top{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:#a9b9d3}.panel-top .mono{font-size:10px;letter-spacing:1.4px}.panel-dots{font-size:6px;letter-spacing:3px;color:#667ba0}.panel-dots:first-letter{color:var(--mint)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0 19px;gap:10px}.panel-heading .eyebrow{font-size:10px;line-height:1.5;color:#afbed5;letter-spacing:.6px;margin:0 0 7px}h2{font-size:31px;letter-spacing:-1.3px;margin:0}h2>span{color:var(--mint);animation:cursor-blink 2.5s steps(2,end) infinite}.channel-counter{width:33px;height:33px;display:grid;place-items:center;color:var(--mint);border:1px solid #6affd030;background:#6affd008;border-radius:9px;font-size:13px;letter-spacing:0;flex-shrink:0}.channel-list{display:grid;gap:12px}.channel{--accent:var(--mint);position:relative;display:block;padding:18px;border:1px solid #6affd052;background:linear-gradient(120deg,#1c514252,#162d3b80);border-radius:11px;isolation:isolate;overflow:hidden;animation:enter .6s both;animation-delay:var(--delay,0ms);transition:transform .25s,border-color .25s,box-shadow .25s}.channel:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:4px;background:var(--accent);box-shadow:0 0 14px var(--accent);opacity:.75}.channel:after{content:'';position:absolute;inset:-150% -70%;background:linear-gradient(110deg,transparent 43%,#ffffff02 46%,#ffffff0e 49%,#ffffff03 52%,transparent 55%);transform:translateX(-65%);animation:channel-sheen 9s ease-in-out infinite;animation-delay:var(--delay);pointer-events:none;z-index:-1}.channel[href]:hover{transform:translateY(-3px) scale(1.012);border-color:var(--accent);box-shadow:0 8px 24px #0003,0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)}.channel[href]:active{transform:translateY(0) scale(.99)}.channel-purple{--accent:var(--purple);background:linear-gradient(120deg,#533a724d,#20253d80);border-color:#bd9cff52}.channel-purple:after{animation-delay:-4.5s}.channel-yellow{--accent:var(--yellow);background:linear-gradient(120deg,#4a3e2460,#1a223880);border-color:#81724a90}.channel-blue{--accent:#83c5ff;background:linear-gradient(120deg,#233b5960,#1a223880);border-color:#4a6c8190}.channel-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.channel-icon{width:43px;height:43px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:12px;color:var(--accent);display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:inset 0 1px 0 #ffffff10;transition:transform .3s,filter .3s}.channel:hover .channel-icon{transform:rotate(-7deg);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 40%,transparent))}.channel-icon>svg{width:23px;height:23px}.channel-title{flex:1;min-width:0}.channel-title>h3{margin:0;font-size:23px;letter-spacing:-.6px}.channel-title>p{font-size:11px;color:#bcc8dd;margin:5px 0 0;overflow-wrap:anywhere}.channel-number{position:absolute;top:12px;right:13px;font:8px monospace;color:#adbed3}.channel-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-description{margin:0;font-size:11px;color:#a8b9cf;line-height:1.5;max-width:85%}.channel-launch{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:#101b2a;box-shadow:0 0 17px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .25s}.channel-launch>svg{width:16px;height:16px}.channel:hover .channel-launch{transform:rotate(7deg)}.badge{display:inline-flex;align-items:center;font:700 7px 'Courier New',monospace;letter-spacing:.5px;padding:4px 6px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border-radius:4px;margin-left:8px;vertical-align:middle;white-space:nowrap}.is-locked .channel-launch{background:#bda3ff0b;border:1px solid #bda3ff33;color:var(--purple)}.is-locked .channel-title h3{color:#d8d6ed}.panel-footer{display:flex;gap:7px;align-items:center;padding:17px 0;font:8px 'Courier New',monospace;line-height:1.7;letter-spacing:.35px;color:#aebbd2}.panel-footer .status-dot{width:4px;height:4px}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:21px 0;font:11px 'Courier New',monospace;line-height:1.6;color:#adbbd0}.footer-tag{font-size:10px;letter-spacing:.4px}.footer-tag i{font-style:normal;color:var(--mint);margin:0 5px}.footer-end{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.3px}.footer-end svg{width:19px;height:19px;color:var(--mint)}.achievement{position:fixed;bottom:24px;left:50%;transform:translate(-50%,130px);opacity:0;display:flex;gap:14px;align-items:center;background:#1d2d3e;border:1px solid var(--yellow);padding:17px 23px;border-radius:10px;z-index:20;box-shadow:0 10px 60px #0009;pointer-events:none;transition:transform .4s,opacity .4s;width:max-content;max-width:calc(100% - 32px)}.achievement.show{transform:translate(-50%,0);opacity:1}.achievement-icon{font-size:30px;color:var(--yellow)}.achievement small{display:block;font:9px monospace;letter-spacing:1px;color:var(--yellow);margin-bottom:6px}.achievement strong{font-size:13px}.particle{position:fixed;pointer-events:none;z-index:19;width:8px;height:8px;background:var(--mint);animation:burst .9s ease-out forwards}.channel-error{font-size:13px;line-height:1.8;color:var(--muted)}.channel-error a{color:var(--mint);text-decoration:underline}
@keyframes rim{to{--rim-angle:360deg}}@keyframes nebula{to{transform:translate(30px,-25px) scale(1.12)}}@keyframes title-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-card{0%,100%{transform:translateY(0) rotate(-5deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}50%{transform:translateY(-8px) rotate(-2deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}}@keyframes back-float{0%,100%{transform:rotate(-24deg) translate(-49px,-3px)}50%{transform:rotate(-28deg) translate(-54px,-8px)}}@keyframes shine{0%,35%{transform:translateX(-60%)}75%,100%{transform:translateX(60%)}}@keyframes channel-sheen{0%,50%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}@keyframes orbit-spin{from{transform:rotateX(48deg) rotate(0)}to{transform:rotateX(48deg) rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.25;transform:translateY(0) scale(.85)}50%{opacity:.8;transform:translateY(-7px) scale(1)}}@keyframes beacon{0%,100%{box-shadow:0 0 6px #6affd055}50%{box-shadow:0 0 14px #6affd099}}@keyframes cursor-blink{0%,70%{opacity:1}71%,100%{opacity:.15}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(240deg);opacity:0}}
@media(max-width:1000px){.shell{padding:0 26px}main{gap:26px}h1{font-size:40px}.identity>.eyebrow{font-size:10px}.channel-panel{padding:0 17px}.channel{padding:16px}.channel-title>h3{font-size:21px}.badge{font-size:6px;margin-left:6px}.panel-heading .eyebrow{font-size:9px}.panel-heading h2{font-size:28px}.panel-footer{font-size:7.5px}.footer-end{display:none}.intro{font-size:14px}}
@media(max-width:760px){body{padding:20px 16px}.shell{max-width:480px;padding:0 22px;border-radius:22px}header{height:71px}.wordmark{font-size:15px;gap:9px}.wordmark>svg{width:29px;height:29px}.portal-label{font-size:9px;padding:7px 9px;letter-spacing:.5px;gap:6px}main{grid-template-columns:1fr;gap:19px;padding:23px 0}.identity{display:grid;grid-template-columns:1fr 112px;column-gap:10px;align-items:center;text-align:left}.identity>.eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:.7px;grid-column:1;grid-row:1;margin:0 0 10px}.tiny-spark{font-size:13px}h1{grid-column:1;grid-row:2;font-size:34px;letter-spacing:-1.6px;line-height:1.06}.intro{grid-column:1;grid-row:3;font-size:13px;margin-top:10px;line-height:1.5}.intro br{display:none}.collectible-scene{grid-column:2;grid-row:1 / 5;width:112px;height:178px;margin:0;max-width:none;align-self:center}.collector{width:108px;padding:5px;border-radius:8px;flex-shrink:0}.collector-top,.collector-bottom{font-size:4px;letter-spacing:0}.collector-top{padding-bottom:4px}.collector-bottom{padding-top:5px}.floating-card{width:79px;height:112px;padding:6px;border-radius:6px;font-size:4px}.card-a>span:first-child{font-size:8px}.card-a>svg,.card-b>svg{width:29px;height:29px}.card-b{transform:rotate(20deg) translate(17px,-4px)}.orbit{width:135px;height:135px}.orbit-small{width:105px;height:105px}.collectible-scene:before{inset:15px -10px}.rarity{font-size:5px;letter-spacing:0;padding:5px;bottom:6px;right:-4px;white-space:nowrap}.scene-spark{right:-9px;top:9px;font-size:24px}.card-a{animation-name:back-float-mobile}.identity-note{grid-column:1 / -1;grid-row:5;font-size:11px;text-align:center;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line)}.identity-note>span{display:inline;margin:0 4px 0 0}.channel-panel{padding:0 18px;border-radius:13px}.panel-top{padding:12px 0}.panel-top .mono{font-size:10px}.panel-heading{padding:17px 0}.panel-heading h2{font-size:29px}.panel-heading .eyebrow{font-size:10px;letter-spacing:.5px}.channel{padding:17px}.channel-title>h3{font-size:23px}.channel-title>p{font-size:11px}.badge{font-size:7px;margin-left:7px}.channel-top{gap:12px;margin-bottom:11px}.channel-description{font-size:11px}.channel-icon{width:41px;height:41px}.panel-footer{font-size:8px;padding:16px 0;letter-spacing:.2px}footer{flex-direction:column;gap:7px;padding:17px 0;font-size:11px}.footer-tag{font-size:10px}.s1{top:10%}.s3{top:89%}}
@media(max-width:390px){body{padding:14px 12px}.shell{padding:0 17px}.wordmark{font-size:14px}.portal-label{font-size:8px;padding:7px;letter-spacing:.3px}.identity{grid-template-columns:1fr 90px;column-gap:8px}.identity>.eyebrow{font-size:8px;letter-spacing:.4px}h1{font-size:30px;letter-spacing:-1.5px}.intro{font-size:12px}.collectible-scene{width:90px;height:165px}.collector{width:93px}.orbit{width:115px;height:115px}.floating-card{width:66px;height:98px}.scene-spark{right:-9px;font-size:20px}.rarity{font-size:4.5px;right:-6px;bottom:7px}.identity-note{font-size:10px}.channel-panel{padding:0 14px}.panel-heading h2{font-size:26px}.panel-heading .eyebrow{font-size:9px}.channel{padding:15px}.channel-title>h3{font-size:21px}.badge{font-size:6px;margin-left:6px;padding:4px}.channel-description{font-size:10px}.channel-icon{width:37px;height:37px}.channel-top{gap:10px}.panel-footer{font-size:7.5px}.footer-tag{font-size:9px}}
@keyframes back-float-mobile{0%,100%{transform:rotate(-20deg) translate(-18px,-3px)}50%{transform:rotate(-25deg) translate(-22px,-7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.collector{transform:rotate(-4deg)}.card-a{transform:rotate(-24deg) translate(-49px,-3px)}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.card-a{transform:rotate(-20deg) translate(-18px,-3px)}}