:root{color-scheme:dark;--bg:#080a12;--text:#f3f2fa;--muted:#9b9bab;--purple:#b59aff;--cyan:#7bdcf0;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100svh;overflow-x:clip;color:var(--text);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#8c60c8;color:#fff}
.atmosphere{position:absolute;inset:0;min-height:1200px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,#1a1535 0,transparent 48%),linear-gradient(#080a12,#080a12)}.aura{position:absolute;width:600px;height:700px;border-radius:50%;filter:blur(100px);opacity:.14;animation:aurora 14s ease-in-out infinite alternate}.aura--violet{left:calc(50% - 700px);top:90px;background:#9034ec}.aura--blue{right:calc(50% - 700px);top:130px;background:#147faf;animation-delay:-7s}.orbital{position:absolute;left:50%;top:330px;border:1px solid #ac8af916;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);width:1160px;height:580px}.orbital--two{width:1440px;height:750px;transform:translate(-50%,-50%) rotate(22deg);border-color:#71c7ee0c}.starfield{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 12%,#e6b5ff99 98%,transparent),radial-gradient(1px 1px at 74% 28%,#76e5ff99 98%,transparent),radial-gradient(1px 1px at 30% 70%,#aab8fd66 98%,transparent);background-size:380px 430px,470px 550px,330px 290px;animation:starlight 7s ease-in-out infinite alternate}
.topline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:30px 48px;max-width:1600px}.wordmark{font-size:17px;letter-spacing:2px;font-weight:800}.wordmark span{color:var(--purple);font-weight:400}.topline__right{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:2.2px;color:var(--muted)}.topline__right i,.panel-note span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #7bdcf088}
.scene{position:absolute;top:70px;left:0;width:100%;height:1000px;overflow:hidden;pointer-events:none}.character{--glow:#a668ff;position:absolute;z-index:1;padding:0;border:0;background:none;color:var(--glow);cursor:pointer;pointer-events:auto;width:360px;height:630px;transition:filter .65s var(--ease),transform .8s var(--ease);isolation:isolate}.character::before{content:"";position:absolute;inset:10% 3% 20%;background:radial-gradient(ellipse,var(--glow),transparent 68%);opacity:.12;transition:opacity .6s}.character__art{position:absolute;inset:0;display:block;mask-image:linear-gradient(transparent,black 12%,black 65%,transparent 97%);-webkit-mask-image:linear-gradient(transparent,black 12%,black 65%,transparent 97%);animation:float 8s ease-in-out infinite;transition:scale .7s var(--ease),filter .7s var(--ease);filter:brightness(.65) saturate(.65)}.character__art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.character__label{position:absolute;bottom:100px;left:20%;font-family:'Barlow Condensed',sans-serif;letter-spacing:3px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;text-shadow:0 0 14px var(--glow)}.character--ghost{right:calc(50% + 168px);top:20px;transform:rotate(-6deg)}.character--konig{left:calc(50% + 168px);top:35px;transform:rotate(6deg);--glow:#60ccf5}.character--konig .character__art{animation-delay:-4s}.character--night{right:calc(50% + 300px);top:380px;width:260px;height:470px;transform:rotate(-9deg);--glow:#798dff;z-index:0}.character--masked{left:calc(50% + 300px);top:400px;width:260px;height:470px;transform:rotate(9deg);--glow:#73cce1;z-index:0}.character--night .character__art,.character--masked .character__art{filter:brightness(.4) saturate(.5);animation-delay:-2s}.character.is-active::before,.character:focus-visible::before{opacity:.42}.character.is-active .character__art,.character:focus-visible .character__art{scale:1.045;filter:brightness(1.08) saturate(1.15) drop-shadow(0 0 15px var(--glow))}.character.is-active .character__label,.character:focus-visible .character__label{opacity:.8;transform:translateY(0)}
.sheet{position:relative;z-index:2;width:min(100% - 40px,440px);margin:0 auto;pointer-events:none;padding-top:6px}.profile{text-align:center}.eyebrow{font-size:9px;letter-spacing:3px;color:#b3a4d3;margin:0 0 24px;font-weight:600;animation:enter 1s var(--ease) both}.portrait{position:relative;width:118px;height:118px;margin:auto;animation:enter 1.1s .08s var(--ease) both;pointer-events:auto}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #171228;box-shadow:0 0 0 1px #b59aff77,0 12px 45px #0009;position:relative}.portrait__halo{position:absolute;inset:-9px;border:1px solid #ba8aff22;border-radius:50%;animation:halo 5s ease-in-out infinite}.portrait__halo::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed #ba8aff20;animation:orbit 60s linear infinite}.portrait__badge{position:absolute;bottom:0;right:0;background:#bfa4f9;color:#171122;border:4px solid #100f1c;border-radius:50%;width:29px;height:29px;font-size:17px;display:grid;place-content:center}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:56px;line-height:1;letter-spacing:-.7px;font-weight:600;margin:22px 0 12px;text-shadow:0 3px 20px #080a12;animation:enter 1s .16s var(--ease) both}.brand>span{color:var(--purple)}.tag{font-size:11px;color:#d4cfdf;margin:0;letter-spacing:.15px;text-shadow:0 2px 10px #000;animation:enter 1s .22s var(--ease) both}.tag span{color:#9692a5}.profile__line{display:flex;align-items:center;gap:12px;justify-content:center;color:#b49ad5;font-size:11px;margin:23px 0}.profile__line span{width:40px;height:1px;background:linear-gradient(90deg,transparent,#ad91db66)}.profile__line span:last-child{transform:rotate(180deg)}
.cluster{pointer-events:auto;position:relative;border:1px solid #d8c9ff22;border-radius:24px;padding:23px 21px 19px;background:linear-gradient(145deg,#191722f5,#0e101bef);box-shadow:0 24px 100px #0008,inset 0 1px 0 #fff06;backdrop-filter:blur(24px);animation:enter 1.1s .25s var(--ease) both}.cluster::before{content:"";position:absolute;height:1px;top:-1px;left:22%;right:22%;background:linear-gradient(90deg,transparent,#c9aeff99,transparent)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:0 3px 18px;font-size:9px;letter-spacing:1.8px;font-weight:700;color:#c3bdd1}.panel-heading__count{font-size:8px;letter-spacing:1.2px;color:#737186}.links{list-style:none;margin:0;padding:0;display:grid;gap:9px}.links li{animation:enter .8s calc(.3s + var(--i,0)*.065s) var(--ease) both}.link{min-height:65px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid #c2c6ef13;background:linear-gradient(115deg,#ffffff05,#ffffff02);border-radius:12px;transition:background .35s,border-color .35s,transform .4s var(--ease),box-shadow .35s;position:relative;overflow:hidden}.link::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),#a78ad21a,transparent 70%);opacity:0;transition:opacity .4s}.link__icon{position:relative;display:grid;place-items:center;color:#b6b1c8;flex:0 0 25px}.link__icon svg{width:21px;height:21px}.link__copy{display:flex;flex-direction:column;gap:3px;position:relative}.link__name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.1px}.link__hint{font-size:10px;color:#8c899f}.link__end{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid #b4adc51f;transition:transform .4s,background .4s}.chevron{display:block;width:6px;height:6px;border-top:1px solid #b4adc5;border-right:1px solid #b4adc5;transform:rotate(45deg);margin-left:-3px}.age{font-size:8px;color:#d5c2ff;border:1px solid #ad8fe44d;padding:2px 4px;border-radius:4px;font-weight:500}.link--featured{border-color:#b495e54f;background:linear-gradient(105deg,#9671d021,#6c66b011)}.link--featured .link__icon{color:#c7a8ff}.link--featured .link__hint{color:#b7a3d3}.panel-note{text-align:center;margin:19px 0 0;font-size:9px;color:#817c93;display:flex;align-items:center;justify-content:center;gap:8px}.panel-note span{width:4px;height:4px;background:#ab92d7;box-shadow:none}.site-foot{position:relative;z-index:2;display:flex;justify-content:space-between;max-width:1500px;margin:65px auto 0;padding:25px 48px 30px;color:#686677;font-size:8px;font-weight:600;letter-spacing:1.5px}.site-foot b{color:#9c85be;padding-left:8px}
.age-gate{width:min(calc(100% - 32px),420px);padding:32px;border:1px solid #b59aff55;border-radius:22px;background:#141321;color:var(--text);box-shadow:0 30px 100px #000b}.age-gate::backdrop{background:#03040bd9;backdrop-filter:blur(12px)}.age-gate__panel{text-align:center}.age-gate__mark{width:44px;margin:0 auto 20px;color:var(--purple)}.age-gate__eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--purple)}.age-gate__title{font-size:25px;line-height:1.2}.age-gate__description,.age-gate__note{font-size:12px;line-height:1.7;color:var(--muted)}.age-gate__actions{display:grid;gap:10px;margin-top:24px}.age-gate__button{min-height:48px;border:1px solid #b59aff44;border-radius:10px;cursor:pointer;background:#252137;color:var(--text);padding:12px;font-size:13px}.age-gate__button--confirm{background:#b59aff;color:#141021;font-weight:800}.age-gate__note{font-size:10px;margin:20px 0 0}.age-gate-open{overflow:hidden}
@media(hover:hover) and (pointer:fine){.character:hover::before{opacity:.42}.character:hover .character__art{filter:brightness(1.08) saturate(1.15) drop-shadow(0 0 15px var(--glow));scale:1.045}.character:hover .character__label{opacity:.8;transform:translateY(0)}.link:hover{background:#b09ad410;border-color:#b59aff66;transform:translateY(-2px);box-shadow:0 8px 24px #0004}.link:hover::before{opacity:1}.link:hover .link__end{transform:rotate(-45deg);background:#b59aff1a}}
.character{mix-blend-mode:screen}.link:active{transform:scale(.985);border-color:#b59aff99}
@media(min-width:1600px){.character--ghost{right:calc(50% + 180px);width:410px;height:710px}.character--konig{left:calc(50% + 180px);width:410px;height:710px}}
@media(max-width:1000px){.character--ghost{right:calc(50% + 110px)}.character--konig{left:calc(50% + 110px)}.character--night{right:calc(50% + 200px)}.character--masked{left:calc(50% + 200px)}}
@media(max-width:600px){.topline{padding:22px 22px}.wordmark{font-size:14px}.topline__right{font-size:7px;letter-spacing:1.4px;gap:7px}.sheet{width:min(100% - 32px,410px);padding-top:12px}.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:22px}.portrait{width:104px;height:104px}.brand{font-size:48px;margin-top:24px}.tag{font-size:10px}.profile__line{margin:22px 0}.cluster{padding:20px 16px 18px;border-radius:20px;background:linear-gradient(145deg,#191722f7,#0e101bf5)}.link{min-height:65px;padding:12px 14px}.scene{top:57px;height:650px}.character{width:220px;height:400px}.character--ghost{top:25px;right:calc(50% + 17px);transform:rotate(-9deg)}.character--konig{top:35px;left:calc(50% + 17px);transform:rotate(9deg)}.character__art{filter:brightness(.62) saturate(.7);mask-image:linear-gradient(transparent,black 12%,black 52%,transparent 90%);-webkit-mask-image:linear-gradient(transparent,black 12%,black 52%,transparent 90%)}.character--night,.character--masked{display:none}.character__label{display:none}.orbital{top:230px;width:600px;height:370px}.orbital--two{width:750px;height:450px}.aura{width:350px;height:450px;filter:blur(65px)}.aura--violet{left:-210px}.aura--blue{right:-210px}.site-foot{padding:24px 22px 28px;margin-top:28px;font-size:7px;letter-spacing:1px}.atmosphere{min-height:100%;position:fixed}.panel-heading__count{font-size:7px}.panel-heading{font-size:8px}}
@media(max-width:360px){.sheet{width:calc(100% - 24px)}.brand{font-size:44px}.cluster{padding:18px 12px}.tag{font-size:9px}.site-foot{padding-inline:16px;letter-spacing:.6px}}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(30px,-25px,0) scale(1.15)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes halo{50%{box-shadow:0 0 30px #a768fc22;border-color:#ba8aff66}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes starlight{from{opacity:.3}to{opacity:.85}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.character__art{translate:none!important}.link:hover{transform:none}}