@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d0d12;--panel:#17171f;--border:#34343f;--text:#efeff4;--muted:#a6a6b1;--purple:#7e63ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Rubik,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(100% - 64px,1200px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:#15151b;height:78px}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:42px;height:40px;display:block}.brand-name{letter-spacing:.12em;font-size:10px;font-weight:600;line-height:1.4}.brand-name strong{letter-spacing:.04em;font-size:12px}.site-header nav{align-items:center;gap:32px;height:100%;display:flex}.site-header nav a{align-items:center;height:100%;font-size:14px;font-weight:500;display:flex;position:relative}.site-header nav a[aria-current=page]:after{content:"";background:var(--purple);height:3px;position:absolute;bottom:0;left:0;right:0}.hero{grid-template-columns:1fr 430px;align-items:center;gap:75px;min-height:calc(100vh - 145px);padding-block:70px;display:grid}.hero-copy{padding-bottom:20px}.eyebrow{color:#a9f;letter-spacing:.16em;margin-bottom:23px;font-size:12px;font-weight:700;display:inline-block}h1{letter-spacing:-.07em;margin:0;font-size:clamp(58px,7vw,100px);font-weight:800;line-height:1.02}h1 span{color:var(--purple)}.hero-copy .status{margin-top:38px}.status{color:#c4b8ff;letter-spacing:.12em;background:#201c31;border:1px solid #4b436b;align-items:center;gap:12px;padding:15px 19px;font-size:11px;font-weight:700;display:inline-flex}.status-line{background:var(--purple);width:19px;height:2px;display:block}.hero-art{isolation:isolate;place-items:center;height:440px;display:grid;position:relative}.logo-halo{filter:blur(85px);opacity:.24;background:#7654f7;border-radius:50%;width:270px;height:270px;animation:5s ease-in-out infinite haloPulse;position:absolute}.hero-logo{z-index:1;filter:drop-shadow(0 20px 35px #5537c847);width:min(78%,320px);height:auto;animation:5s ease-in-out infinite logoFloat;display:block;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes haloPulse{0%,to{opacity:.18;transform:scale(.9)}50%{opacity:.32;transform:scale(1.12)}}.site-footer{border-top:1px solid var(--border);background:#111117}.footer-inner{color:#84838f;justify-content:space-between;align-items:center;gap:20px;min-height:67px;font-size:11px;display:flex}.auth-page{background:radial-gradient(circle at 50% 35%, #7e63ff1f, transparent 38%), var(--background);min-height:100vh}.auth-main{place-items:center;min-height:calc(100vh - 78px);padding-block:60px;display:grid}.auth-card{border:1px solid var(--border);border-top:3px solid var(--purple);background:#181820;width:min(100%,460px);padding:42px;box-shadow:0 25px 80px #0000002e}.auth-card .eyebrow{margin-bottom:14px}.auth-card h1{letter-spacing:-.05em;margin-bottom:36px;font-size:clamp(31px,5vw,40px)}.login-form{display:grid}.login-form label{margin-bottom:9px;font-size:13px;font-weight:600}.login-form input{width:100%;height:48px;color:var(--text);font:inherit;background:#101017;border:1px solid #434350;border-radius:0;outline:none;margin-bottom:24px;padding:0 14px;font-size:15px}.login-form input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7e63ff24}.form-error{color:#f0a4b1;min-height:20px;margin:-6px 0 16px;font-size:12px;line-height:1.5}.login-form button,.logout-button{background:var(--purple);color:#fff;min-height:48px;font:inherit;cursor:pointer;border:0;padding:0 20px;font-size:13px;font-weight:700}.login-form button:hover,.logout-button:hover{background:#927aff}.login-form button:disabled{opacity:.65;cursor:wait}.forgot-link{color:#c7bbff;text-underline-offset:3px;justify-self:end;margin:-12px 0 20px;font-size:13px;text-decoration:underline}.auth-note{color:var(--muted);margin:0 0 25px;font-size:14px;line-height:1.6}.auth-note a,.auth-back{color:#c7bbff;text-underline-offset:3px;text-decoration:underline}.auth-back{margin-top:24px;font-size:13px;display:inline-block}.account-card h1{overflow-wrap:anywhere;margin-bottom:15px}.account-card p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 30px;font-size:14px}.dashboard{background:radial-gradient(ellipse at 50% 10%, #5b41b21a, transparent 42%), var(--background);flex-direction:column;min-height:100vh;display:flex}.dashboard-header{border-bottom:1px solid var(--border);background:#15151bf5}.dashboard-header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.dashboard-header-label{color:#777682;letter-spacing:.2em;font-size:11px;font-weight:700}.dashboard-nav{height:66px}.dashboard-tabs{align-items:stretch;gap:clamp(20px,4vw,58px);height:100%;display:flex}.dashboard-tabs button{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:clamp(14px,.9vw,17px);font-weight:600;transition:color .18s;position:relative}.dashboard-tabs button:hover,.dashboard-tabs button[aria-selected=true]{color:var(--text)}.dashboard-tabs button[aria-selected=true]:after{content:"";background:var(--purple);height:3px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 18px #7e63ff80}.dashboard-tabs button:focus-visible,.dashboard-footer button:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.dashboard-main{flex:1;width:min(100% - 64px,1200px);padding-block:clamp(50px,6vw,76px) 80px}.dashboard-section-heading .eyebrow{margin-bottom:14px}.dashboard-section-heading h1{font-size:clamp(44px,5vw,66px)}.dashboard-character-heading{width:min(100%,450px);margin-left:auto}.dashboard-stage{grid-template-columns:minmax(0,1fr) minmax(0,450px);align-items:stretch;gap:clamp(32px,6vw,100px);margin-top:30px;display:grid}.dashboard-profile{grid-area:1/2;gap:12px;min-width:0;display:grid}.dashboard-card,.dashboard-empty-panel{border:1px solid var(--border);background:#181820}.dashboard-card{padding:18px 20px}.dashboard-account-card{border-top:3px solid var(--purple)}.dashboard-card-heading{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:13px;display:flex}.dashboard-card-mark{color:#c8bdff;background:#30274d;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.dashboard-card h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(18px,1.1vw,21px);font-weight:700}.dashboard-card-heading h2{margin:0}.dashboard-card-mark img,.dashboard-avatar img{object-fit:cover;width:100%;height:100%;display:block}.dashboard-discord-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dashboard-discord-connected{color:#a6efcc;font-size:12px;font-weight:600}.dashboard-discord-account{min-width:0;color:var(--text);align-items:center;gap:11px;margin:10px 0 15px;font-size:15px;font-weight:600;display:flex}.dashboard-discord-account img{object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px}.dashboard-discord-account span{overflow-wrap:anywhere}.dashboard-discord-message{color:#c8bdff;margin:0 0 13px;font-size:13px;line-height:1.4}.dashboard-discord-sync{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.4}.dashboard-discord-reconnect{color:#aeb5ff;text-underline-offset:3px;margin:0 0 13px;font-size:13px;font-weight:600;text-decoration:underline;display:block}.dashboard-discord-button{color:#fff;text-align:center;background:#5865f2;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex}.dashboard-discord-card form{margin:0}.dashboard-discord-card button.dashboard-discord-button{cursor:pointer;border:0;width:100%;font-family:inherit}.dashboard-discord-unlink{background:#363741}.dashboard-discord-unlink:hover{background:#474954}.dashboard-discord-button:hover{background:#6975f5;transform:translateY(-1px)}.dashboard-discord-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.dashboard-discord-disabled{color:#b5b5c0;cursor:default;background:#323442}.dashboard-discord-disabled:hover{background:#323442;transform:none}.dashboard-card dl{margin:0}.dashboard-detail-row{border-bottom:1px solid #30303a;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:clamp(14px,1vw,17px);display:flex}.dashboard-detail-row:last-child{border-bottom:0;padding-bottom:0}.dashboard-detail-row dt{color:var(--muted)}.dashboard-detail-row dd{max-width:65%;color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.dashboard-serial{color:#cfc5ff;letter-spacing:.02em;overflow-wrap:anywhere;background:#211d31;border:1px solid #3c3655;margin:0;padding:12px 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(13px,.85vw,15px)}.dashboard-logo-art{isolation:isolate;grid-area:1/1;align-self:center;place-items:center;min-height:430px;display:grid;position:relative}.dashboard-logo-art:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(90px);opacity:.24;background:#7654f7;width:min(60%,270px);animation:5s ease-in-out infinite haloPulse;position:absolute}.dashboard-logo-art img{filter:drop-shadow(0 20px 35px #5537c847);width:min(78%,340px);height:auto;animation:5s ease-in-out infinite logoFloat;display:block}.dashboard-empty-panel{border-top:3px solid var(--purple);place-items:center;height:270px;margin-top:42px;display:grid}.dashboard-empty-panel span{color:#a89aff;letter-spacing:.16em;font-size:11px;font-weight:700}.dashboard-footer{border-top:1px solid var(--border);background:#15151b;margin-top:auto}.dashboard-footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.dashboard-user{align-items:center;gap:12px;min-width:0;display:flex}.dashboard-avatar{color:#c0b4ff;background:#29223e;border:1px solid #5a4b91;flex:none;place-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:grid}.dashboard-user strong,.dashboard-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-user strong{font-size:15px}.dashboard-user small{color:var(--muted);margin-top:3px;font-size:12px}.dashboard-footer button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 0;font-size:14px}.dashboard-footer button:hover{color:var(--text)}@media (max-width:900px){.hero{grid-template-columns:1fr 300px;gap:40px}.hero-art{height:330px}.hero-logo{width:min(75%,255px)}.dashboard-character-heading{width:min(100%,420px)}.dashboard-stage{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px}.dashboard-logo-art{min-height:340px}.dashboard-logo-art img{width:min(85%,260px)}}@media (max-width:650px){.shell{width:min(100% - 40px,1200px)}.site-header{height:70px}.site-header nav{gap:0}.site-header nav a{font-size:12px}.home-nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:35px;min-height:calc(100vh - 137px);padding-block:65px}.hero-copy{padding:0}h1{font-size:clamp(53px,11vw,76px)}.hero-art{height:220px}.logo-halo{filter:blur(55px);width:180px;height:180px}.hero-logo{width:min(60%,190px)}.auth-main{min-height:calc(100vh - 70px);padding-block:30px}.auth-card{padding:30px 24px}.dashboard-header-inner{height:68px}.dashboard-header-label{font-size:9px}.dashboard-nav{scrollbar-width:none;width:100%;height:56px;overflow-x:auto}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-tabs{gap:28px;width:max-content;padding-inline:20px}.dashboard-tabs button{font-size:14px}.dashboard-main{width:min(100% - 40px,1200px);padding-block:48px 60px}.dashboard-character-heading{width:100%;margin-left:0}.dashboard-stage{flex-direction:column-reverse;gap:22px;margin-top:22px;display:flex}.dashboard-profile{gap:12px;width:100%}.dashboard-logo-art{width:100%;min-height:150px;position:relative;top:auto}.dashboard-logo-art:before{filter:blur(50px);width:130px}.dashboard-logo-art img{width:145px}.dashboard-card{padding:18px}.dashboard-detail-row{gap:12px}.dashboard-detail-row dd{max-width:60%}.dashboard-empty-panel{height:220px;margin-top:30px}}@media (prefers-reduced-motion:reduce){.hero-logo,.logo-halo,.dashboard-logo-art img,.dashboard-logo-art:before{animation:none}}