:root{--bg:#0c1020;--panel:#151d30;--line:#2a3349;--muted:#a5afc5;--text:#f2f4ff;--lime:#c8f898;--violet:#b5aaff;--amber:#ffdba3}body{background:radial-gradient(ellipse at 85% 0,#4d369323,transparent 52%),var(--bg);font-size:15px}.sidebar{background:#101527;border-color:#262d43;width:250px;padding:30px 20px}.sidebar .brand{font-size:24px}.brand-sub{color:#a8b1ca}.workspace-tag{border:1px solid #343d54;border-radius:8px;padding:10px;margin:27px 6px 31px;background:#192035;font-size:11px}.nav-label{color:#909dbb;font-size:10px}.nav{font-size:13px;border-radius:11px;margin:6px 0;padding:14px}.nav.active{background:linear-gradient(105deg,#c8f8981a,#c8f89809);box-shadow:inset 3px 0 var(--lime);color:var(--lime)}.nav:hover{background:#ffffff08}.game-select{background:#1c253d;border-color:#35425a;padding:13px}.sidebar-footer{border-color:var(--line);font-size:12px}.avatar{background:#38364d;color:#d5ceff}.sidebar-footer small{font-size:10px}main{margin-left:250px}.topbar{height:84px;background:#10152770;backdrop-filter:blur(16px);border-color:#283047}.breadcrumb{font-size:13px}.top-right .text-button{padding:8px 12px;border-radius:8px;border:1px solid #334058;color:#c3cee5;background:#1d2639;font-size:11px}.top-right .text-button:hover{border-color:#7971b0}.icon-button{background:#202a3e;border-color:#354056;color:var(--text);width:35px;height:35px}.content{padding:39px 40px 24px}.eyebrow{color:#aab4d0;font-size:10px;letter-spacing:2px}h1{font-size:39px;letter-spacing:-1.6px;font-weight:650;margin-top:11px}.page-heading p{font-size:14px;color:#aeb9d1}.page-heading{margin-bottom:31px}.hero{border-color:#575478;border-radius:19px;padding:30px 34px;min-height:215px;background:radial-gradient(ellipse at 75% 60%,#8b79df24,transparent 60%),linear-gradient(110deg,#252c46,#292740 65%,#202e3f)}.hero::after{right:50px;top:-57px;border-color:#a999ee1c;width:340px;height:340px}.hero h2{font-size:35px;font-weight:650}.hero p{font-size:13px;color:#c6cce6}.hero-art{width:167px;height:167px;filter:drop-shadow(0 15px 20px #0006);margin:0 25px}.hero-kicker{letter-spacing:2px;font-size:10px}.tag{padding:5px 9px;background:#ffffff0a;color:#dce1f6;border-color:#ffffff2b;border-radius:6px}.hero-status strong{font-size:46px;color:#e2fdcc}.hero-status span{color:#ced1e7}.hero-status .hero-live{color:var(--lime)}.stats{gap:16px}.stat{padding:23px 23px 21px;border-radius:15px;background:linear-gradient(145deg,#1b243b,#141c2d);border-color:#303a51;box-shadow:0 12px 25px #00000012;position:relative}.stat::after{content:"";position:absolute;bottom:0;left:23px;right:23px;height:2px;background:linear-gradient(90deg,#b5aaff25,transparent)}.stat-title{font-size:12px;color:#b3bed5}.stat strong{font-size:37px;font-weight:600;margin:14px 0 7px}.stat small{font-size:11px;color:#9daac4;line-height:1.5}.stat.highlight{border-color:#65835f;background:linear-gradient(145deg,#233332,#17262e)}.panel{border-color:#303a51;border-radius:15px;background:linear-gradient(145deg,#1a2236,#141c2d)}.panel-head{padding:24px}.panel-head h2{font-size:16px;font-weight:600}.panel-head p{font-size:12px;color:#a0adc7}.text-button{font-size:12px}th{background:#111b2d;border-color:#303a51;padding:14px 24px;color:#a8b6d1;font-size:10px;letter-spacing:.5px}td{padding:16px 24px;border-color:#ffffff07;font-size:13px}.player-avatar{background:#33374f;color:#e1dbff;width:35px;height:35px;border-radius:11px;font-size:12px}.status{font-size:11px}.level-pill{background:#303951;border:1px solid #404a65;border-radius:6px;font-size:11px;color:#e2e9ff}.distribution{padding:0 24px 24px}.bar-row{margin:18px 0}.bar-row label{font-size:12px;color:#b8c5df}.bar-row meter::-webkit-meter-bar{background:#303951}.sub-note{font-size:11px;color:#a7b4cb}.mini-outfits{padding:0 24px 24px;gap:14px}.mini-outfit{background:#101b2d;border-color:#34405a;border-radius:11px;padding:14px}.mini-outfit strong{font-size:12px}.mini-outfit img{height:72px;width:62px}.badge{font-size:10px;padding:5px 8px;border-radius:6px}.badge.claimed{color:#d0c2ff}.search{background:#1c263c;border-color:#35435f;border-radius:10px;padding:13px 16px;font-size:13px}.filters{background:#19243a;border-color:#334059;border-radius:10px;padding:5px}.filter{border-radius:6px;font-size:12px;padding:9px 13px}.filter.active{background:#b5aaff25;color:#e0d9ff}.outfit-card{background:linear-gradient(150deg,#222a43,#141e32);border-color:#3b4662;border-radius:17px}.outfit-visual{height:250px;background:radial-gradient(ellipse at 50% 75%,#7662c855,#26354c55 55%,#182239 85%);border-color:#3b4662}.outfit-visual img{height:218px}.outfit-content{padding:23px}.outfit-content h2{font-size:17px}.outfit-description{font-size:12px;line-height:1.8}.code-box{background:#101a2d;border-color:#40506e;padding:12px;border-radius:9px}.code-box code{font-size:11px;color:#d9e0f4}.code-box button{font-size:11px}.code-actions{font-size:11px}.owner{font-size:12px}.connection-card{padding:29px}.connection-card p{font-size:13px}.connection-icon{background:#aea0ff1a;color:#d3c6ff;border:1px solid #6d5ea34d;width:48px;height:48px;border-radius:13px}.button{padding:12px 17px;border-radius:9px;font-size:12px;background:#2b3450;border-color:#465473}.button.primary{background:var(--lime);color:#172617;border:0;font-weight:650}.connection-info{font-size:13px;padding:26px}.page-footer{font-size:11px;color:#96a3bf;margin-top:34px}.loading{color:#adb9d3}#toast{background:var(--lime);font-size:13px;padding:14px 24px;border-radius:11px}dialog{background:#192339;border-color:#43506b;padding:35px;border-radius:18px}dialog p{color:#b4c0d9}form label{color:#c2cce1}form input{background:#111b2d;border-color:#43516a;border-radius:9px}.game-select:focus-visible,.nav:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lime)}
/* Dedicated login page: no dashboard data behind the sign-in screen. */
body.is-locked>aside,body.is-locked>main{display:none}#login-dialog{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#0d1222;overflow:auto}#login-dialog::backdrop{background:#0d1222;backdrop-filter:none}.login-layout{min-height:100%;display:grid;grid-template-columns:1.08fr 1fr}.login-story{padding:48px 60px 33px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 55%,#7751c42c,transparent 65%),linear-gradient(130deg,#171e35,#20223c 60%,#172438);border-right:1px solid #42445d;position:relative;overflow:hidden}.login-story::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#8b8fa5 1px,transparent 1px),linear-gradient(90deg,#8b8fa5 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black,transparent 75%)}.login-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.login-brand img{width:42px;height:42px;box-shadow:0 6px 30px #c8f89820;border-radius:12px}.login-brand>span{font-size:23px;font-weight:700;letter-spacing:-.6px}.login-brand small{display:block;font-size:9px;letter-spacing:3px;color:#acb6d1;margin-top:6px}.login-intro{position:relative;z-index:1;margin:auto 0;max-width:530px;padding:60px 0 40px}.login-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #b7afda42;background:#ffffff07;border-radius:30px;padding:9px 13px;font-size:9px;letter-spacing:1.7px;color:#d1cee3}.login-intro h2{font-size:clamp(44px,4.6vw,70px);letter-spacing:-2.4px;line-height:1.07;font-weight:650;margin:28px 0 21px}.login-intro h2 span{color:var(--lime)}.login-intro>p{font-size:15px;max-width:380px;color:#b9c3df;line-height:1.8;margin:0}.login-mascot{height:220px;position:relative;margin-top:24px;display:flex;align-items:center;justify-content:center}.login-mascot>img{height:210px;max-width:100%;object-fit:contain;filter:drop-shadow(0 25px 18px #0004);position:relative;z-index:1;transform:rotate(-8deg)}.mascot-orbit{position:absolute;width:290px;height:145px;border:1px solid #c8f89838;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#b5aaff17,transparent 70%)}.floating-label{position:absolute;z-index:2;right:5px;bottom:4px;padding:14px 16px;border-radius:13px;background:#222d45e8;border:1px solid #65739770;font-size:12px;box-shadow:0 10px 35px #0003;backdrop-filter:blur(10px)}.floating-label .dot{margin-right:8px}.floating-label small{display:block;color:#aebcd6;font-size:10px;margin:6px 0 0 15px}.login-copyright{font-size:10px;color:#9ca9c4;position:relative;z-index:1}.login-panel{padding:60px 65px 30px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#2d315726,transparent 65%)}.login-form-wrap{width:100%;max-width:415px;margin:auto}.login-symbol{display:flex;align-items:center;justify-content:center;position:relative;width:56px;height:56px;background:#aaa0ff15;border:1px solid #9285d357;border-radius:16px;color:#d3c9ff;font-size:18px;font-weight:750;margin-bottom:32px}.login-symbol span{position:absolute;right:-8px;bottom:-5px;background:var(--lime);color:#1b2821;border:3px solid #101626;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:14px}.login-form-wrap .eyebrow{font-size:9px;letter-spacing:1.7px;color:#a9b7d5}.login-form-wrap h1{font-size:36px;letter-spacing:-1.3px;line-height:1.18;margin:13px 0 12px}.login-description{color:#a3b1d0;font-size:13px;line-height:1.8;margin:0 0 31px}.login-form-wrap label{font-size:12px;color:#ccd5e9;margin:20px 0 10px;font-weight:500}.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #394664;background:#141e32;border-radius:11px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#b5aaff;box-shadow:0 0 0 3px #b5aaff14}.input-wrap>span{color:#95a5c9;font-size:20px}.input-wrap input{width:100%;min-width:0;color:#eef3ff;border:0;border-radius:0;background:transparent;padding:16px 0;font-size:14px;outline:none}.input-wrap input::placeholder{color:#778bae}.input-wrap button{background:none;border:0;color:#c6baff;font-size:10px;padding:7px 0;min-width:53px}.input-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #141e32 inset;-webkit-text-fill-color:#eef3ff}#login-error{color:#ffc0ac;font-size:12px;line-height:1.6;min-height:0;margin:12px 0}#login-error:empty{display:none}.login-submit{width:100%;border:0;background:var(--lime);color:#17241b;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:11px;padding:17px 22px;margin-top:27px;font-size:15px;font-weight:700;box-shadow:0 6px 24px #c8f89817;transition:transform .15s,background .15s}.login-submit:hover{background:#d9ffb6;transform:translateY(-1px)}.login-submit:active{transform:translateY(1px)}.login-submit svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}.login-submit:disabled{opacity:.7;transform:none}.login-private{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#8f9fbf;margin-top:22px}.login-private span{color:#b2bed5;font-size:15px}.login-footer{display:flex;justify-content:space-between;gap:15px;margin-top:65px;color:#8595b6;font-size:10px}
@media(min-width:1650px){.login-story{padding-left:max(60px,8vw)}.login-panel{padding-right:max(65px,8vw)}}
@media(max-width:1150px){.sidebar{width:210px}main{margin-left:210px}.content{padding:32px 26px}.hero-art{margin:0 10px}.stat{padding:20px}.login-story{padding:35px}.login-panel{padding:40px}.login-intro h2{font-size:51px}.login-form-wrap h1{font-size:31px}.login-footer{flex-direction:column;gap:7px}.mini-outfit{padding:12px;gap:9px}.mini-outfit strong{font-size:11px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:18px 22px}.sidebar .brand{font-size:22px}.workspace-tag{display:none}main{margin:0}.topbar{height:61px;padding:0 22px}.content{padding:29px 22px}.nav{font-size:12px;padding:10px;margin:0}.nav.active{box-shadow:none}.top-right .text-button{padding:7px 9px;font-size:10px}.stats{gap:12px}.hero{min-height:200px;padding:25px}.hero h2{font-size:29px}.hero-art{width:123px;height:145px}.hero-status{min-width:75px}.hero-status strong{font-size:33px}.stat-title{font-size:12px}.stat strong{font-size:34px}.stat small{font-size:11px}.login-layout{grid-template-columns:1fr;min-height:100vh}.login-story{padding:27px 28px 24px;border-right:0;border-bottom:1px solid #3a425d}.login-brand img{width:34px;height:34px}.login-brand>span{font-size:20px}.login-intro{padding:31px 0 0;margin:0;max-width:none}.login-chip{font-size:8px;padding:7px 11px}.login-intro h2{font-size:36px;letter-spacing:-1.2px;margin:17px 0 12px}.login-intro>p{font-size:12px;line-height:1.7;max-width:65%}.login-intro h2 br{display:none}.login-mascot{position:absolute;right:0;top:30px;width:120px;height:140px;margin:0}.login-mascot>img{height:128px}.mascot-orbit{width:133px;height:74px}.floating-label,.login-copyright{display:none}.login-panel{padding:31px 28px 24px;min-height:480px}.login-form-wrap{max-width:480px}.login-symbol{display:none}.login-form-wrap h1{font-size:29px}.login-description{margin-bottom:20px}.login-footer{flex-direction:row;max-width:480px;width:100%;margin:32px auto 0;font-size:9px}.login-submit{padding:17px}.login-private{font-size:10px}.login-intro h2{max-width:78%}}
@media(max-width:480px){.sidebar{padding:17px 16px}.nav{font-size:11px;padding:10px 5px}.nav svg{display:none}.topbar{height:auto;min-height:88px;padding:12px 17px;display:grid;gap:10px}.top-right{justify-content:space-between;gap:7px}.content{padding:26px 16px}.page-heading p{font-size:13px}h1{font-size:32px}.hero{padding:24px 21px;min-height:195px}.hero h2{font-size:26px}.hero p{font-size:12px;max-width:173px}.hero-art{width:99px;height:125px;bottom:18px;right:6px}.hero .hero-status{display:none}.stat{padding:19px 17px}.stat-title{font-size:11px}.stat strong{font-size:32px}.stat small{font-size:10px}.panel-head{padding:21px 18px}.panel-head h2{font-size:15px}.panel-head p{font-size:11px}.panel-head .text-button{font-size:10px}td,th{padding-left:18px;padding-right:18px}.mini-outfits{padding:0 18px 21px}.mini-outfit strong{font-size:12px}.mini-outfit img{height:65px;width:56px}.filter{font-size:11px;padding:9px 10px}.codes-grid{gap:18px}.outfit-content{padding:21px}.login-story{padding:23px 22px 24px}.login-intro{padding-top:25px}.login-intro h2{font-size:32px;max-width:78%}.login-intro>p{max-width:65%;font-size:11px}.login-mascot{width:100px;right:-7px;top:46px}.login-mascot>img{height:112px}.mascot-orbit{width:109px;height:68px}.login-panel{padding:27px 23px 23px;min-height:465px}.login-form-wrap h1{font-size:27px}.login-form-wrap .eyebrow{font-size:8px}.login-description{font-size:12px}.login-footer{font-size:8px;gap:10px}.input-wrap input{font-size:14px;padding:16px 0}.input-wrap{padding:0 13px}.login-private{font-size:9px}.login-brand>span{font-size:19px}.login-brand small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.input-wrap input:focus-visible{outline:none}.login-brand:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:8px}