@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Guardian shares Korion's illustrated world, stone lettering and inventory frames. */
:root{--bg:#11151f;--panel:#232532;--line:#0a0d17;--muted:#b3acbd;--red:#efadb4;--ink:#080c14;font-family:'Space Grotesk',Barlow,sans-serif}
body{background:radial-gradient(ellipse at top,#383047,#101521 75%)}
.login-scene{background-position:center 56%}.world-shade{background:linear-gradient(180deg,#10162255,#18132045 55%,#121621b8),radial-gradient(ellipse at center,#18101e52,transparent 65%)}
.login-card{width:min(660px,100%);border:0;padding:25px 48px 30px;background:transparent;box-shadow:none;filter:drop-shadow(0 7px 6px #080c1480)}.login-card:before,.login-card:after{display:none}.shield-mark{width:68px;height:75px;margin-bottom:14px;background:linear-gradient(#ffd3d7,#c47d90);font-size:36px}.login-card>.eyebrow{color:#ffe3e9;text-shadow:1px 2px #090c17;letter-spacing:3px;font-size:10px}
.login-card h1{font-size:clamp(43px,7.8vw,99px);letter-spacing:1px;margin:14px -35px 11px;color:#f2ced1;-webkit-text-stroke:3px #141422;paint-order:stroke fill;text-shadow:0 3px #cda6b1,0 6px #ad7e92,0 9px #825b76,4px 12px #131522,-4px 12px #131522,6px 15px #080c14;transform:rotate(-2deg)}
.guardian-ribbon{display:inline-block;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#352434;background:linear-gradient(#f9d0b0,#dab58f);border:3px solid #151223;box-shadow:4px 4px #080c1499;padding:11px 25px;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);transform:rotate(-2deg);margin:12px 0 23px}
.login-card>p{max-width:410px;color:#f2e8ed;font-size:13px;text-shadow:1px 2px #0b1020;background:#1a1828c9;border:2px solid #101321;padding:13px 17px;line-height:1.6;box-shadow:3px 3px #0c10166b}.button{font-family:Bungee,Impact,sans-serif;font-size:12px;background:linear-gradient(#edb2bb,#c8869f);color:#2f2032;border:3px solid #f5c8d1;outline:3px solid #0b101c;box-shadow:inset 0 4px #ffffff25,inset 0 -5px #0003,5px 6px #070b148c;min-height:48px;text-shadow:1px 1px #ffd9dd40}.discord-login{font-size:17px;color:white;background:linear-gradient(#a69bd6,#72649e);border-color:#cabdec;text-shadow:2px 2px #403354;max-width:405px;margin:auto;padding:17px 20px}.login-status{background:#171524e8;border:2px solid #111421;box-shadow:3px 3px #0006;padding:10px;max-width:405px;margin:20px auto 0}.login-status:empty{display:none}.login-trust{color:#f0d4df;text-shadow:1px 1px #000}.preview-link{color:#fbe0e5;text-shadow:1px 2px #151126;background:#201e2fcc;border:2px solid #3e344e;padding:10px 18px}.login-brand img{width:155px}.login-footer{background:#121824e3;border-top:3px solid #080c14;padding:18px 25px;bottom:0;left:0;right:0}.login-grid{display:none}
.main-shell{background:linear-gradient(#12162230,#11172298)}.topbar{background:linear-gradient(#252435,#181e2c);border-bottom:3px solid var(--ink)}.topbar-badge{color:#f4c6cf}.page-heading h2{font:25px Bungee,Impact,sans-serif;color:#f0e0e7;text-shadow:2px 3px #080c14}.page-heading .eyebrow{color:#efacb8}.page-heading{margin-bottom:23px}.hero-panel{min-height:305px;padding:33px 35px;border:4px solid #080c14;background:#1f2435;box-shadow:inset 0 0 0 2px #886071,5px 6px #080c147d;isolation:isolate;margin-bottom:18px}.hero-panel:before{opacity:1;z-index:-2;background:linear-gradient(90deg,#151a2985,#151b2944 55%,#12162618),url('/assets/korion-comic-panorama.png') center 56%/cover;mask-image:none;animation:guardian-world 30s ease-in-out infinite alternate}.hero-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1015227a,transparent 65%)}.hero-copy{max-width:550px}.hero-copy>.eyebrow{color:#ffe5eb;text-shadow:1px 2px #101522;background:#1d1c2fc9;padding:6px 9px;display:inline-block;border:2px solid #121625;font-size:9px}.hero-copy h3{font-size:30px;color:#f3c8d0;-webkit-text-stroke:2px #131725;paint-order:stroke fill;text-shadow:0 3px #b38397,0 5px #6e526c,3px 8px #111725;transform:rotate(-1deg);margin:15px 0 20px}.hero-copy p{background:#182130e0;border:2px solid #0b1222;box-shadow:3px 3px #0005;color:#e1d6e4;padding:10px 13px;max-width:455px;font-size:12px}.hero-tags{gap:9px}.hero-tags span{font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:1px;background:linear-gradient(#e6c699,#c4a47e);color:#342331;border:3px solid #151423;box-shadow:3px 3px #0008;padding:7px 11px;transform:rotate(-2deg)}.hero-tags span+span{transform:rotate(2deg)}.hero-art{width:250px;height:250px;right:55px;opacity:1;filter:drop-shadow(5px 7px 0 #12172585);transform:rotate(7deg)}
.panel{border:3px solid #080c14;background:linear-gradient(135deg,#30303e,#202632);box-shadow:inset 0 0 0 1px #65576f,4px 5px #080c147d}.panel-header{border-bottom:3px solid #080c14;background:linear-gradient(#393442,#2a2d3b);position:relative;padding:18px 20px;box-shadow:inset 0 3px #d9bec40f}.panel-header h3{font:15px Bungee,Impact,sans-serif;color:#efdce3;text-shadow:2px 2px #0b101c}.panel-header p{color:#c1b4c7;font-size:10px}.panel-header:before{content:'';position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(#f0b8c1,#996784)}.stat-card{border:3px solid #080c14;background:linear-gradient(150deg,#36313f,#232b39);box-shadow:inset 0 0 0 1px #705666,4px 5px #080c147d;padding:20px 22px}.stat-card:before{height:5px;width:100%;background:linear-gradient(90deg,#c98c9d,#ecc1c7,#99677e)}.stat-value{font:35px Bungee;margin:12px 0 6px;color:#f2d9e0;text-shadow:2px 3px #141421}.stat-icon{color:#f4bec9}.stat-card .stat-top{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#d2bccb}.stat-card small{color:#b9a9c0}.stats-grid{gap:14px;margin-bottom:20px}thead{background:#151c29;font-family:'Barlow Condensed',sans-serif;font-size:11px;color:#d1b6c8}th,td{border-bottom:2px solid #111824}tbody tr:hover{background:#393142}.badge{border:2px solid #0c1220;box-shadow:inset 0 0 0 1px #9c6378,2px 2px #090d1766;font:700 10px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px;padding:6px 9px}.badge.mint{box-shadow:inset 0 0 0 1px #688e7c,2px 2px #090d1766}.badge.gold{box-shadow:inset 0 0 0 1px #ad9069,2px 2px #090d1766}.badge.gray{box-shadow:inset 0 0 0 1px #76667e,2px 2px #090d1766}.player-square{border:2px solid #111522;box-shadow:inset 0 2px #a4809840,2px 2px #0007;background:linear-gradient(135deg,#987182,#5a526d);color:#f8dfe8}.row-button{font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.5px;background:linear-gradient(#72536c,#4c3854);border:2px solid #af819a;outline:2px solid #0e1421;box-shadow:inset 0 2px #fff1,2px 3px #0006;color:#f6d0de;padding:7px 10px}.row-button:hover{filter:brightness(1.2)}.text-button{color:#f7b9c8;font-weight:700}.signal-row{border-bottom:2px solid #111825}.signal-icon{background:linear-gradient(#916477,#53374f);border:2px solid #0e1422;box-shadow:inset 0 2px #f3c3cc22;color:#f9d5de}.info-strip{border:3px solid #131421;background:linear-gradient(#3e3039,#2a2634);box-shadow:inset 0 0 0 1px #7b5865,3px 4px #090d1766;color:#ebc9b0;font-size:10px}.toolbar input,.toolbar select,form input,form select,form textarea{border:3px solid #101523;background:#202534;box-shadow:inset 2px 3px #080c1480;outline:1px solid #6d536b;font-size:12px}.empty-icon{display:inline-grid;place-items:center;width:60px;height:60px;background:linear-gradient(#665069,#37364a);border:3px solid #0c1320;box-shadow:inset 0 3px #b092a426,4px 4px #0006}.empty strong{font-family:Bungee;font-size:14px}.connection{border-top:2px solid #0b111e}.user-card{border:3px solid #080c14;background:linear-gradient(#34303f,#242636);box-shadow:inset 0 0 0 1px #74576c,3px 4px #0006}.avatar{background:linear-gradient(#bb849a,#765570);border:2px solid #121522;color:#ffe1e7}.workspace-footer{background:#131a27;border-top:3px solid #080c14;color:#b09cb5;padding:22px 28px}.secondary{color:#f5dce6;background:linear-gradient(#72536c,#4c3854);border-color:#ac829a}.detail-line{border-bottom:2px solid #131522}dialog{background:linear-gradient(135deg,#36303f,#202634);border:4px solid #080c14;outline:2px solid #a4798f;box-shadow:inset 0 0 0 1px #65576f,8px 9px #060b1466}#toast{background:linear-gradient(#775169,#44364f);border:3px solid #f0b6c7;outline:3px solid #111725}
@media(min-width:761px){.sidebar{position:relative;inset:auto;width:min(1600px,100%);margin:auto;padding:13px 25px 0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:69px auto;gap:0 22px;background:linear-gradient(#222738,#141c29);border:3px solid #080c14;border-top:0;box-shadow:0 4px #0005}.brand{align-self:center}.brand img{width:117px;margin:0}.workspace-name{border:0;padding:0 20px;border-left:2px solid #414152;align-self:center}.workspace-name strong{font-family:Bungee;font-size:17px;letter-spacing:1px;text-shadow:2px 2px #080c14}.nav-label{display:none}.sidebar nav{grid-column:1/-1;grid-row:2;display:flex;gap:5px;flex-wrap:wrap;border-top:2px solid #0a101d;padding:10px 0 12px;justify-content:center}.nav-item{width:auto;padding:10px 12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.6px;text-transform:uppercase;border:2px solid transparent;color:#c9becf;gap:7px}.nav-item .nav-icon{font-size:17px}.nav-item.active{border:2px solid #bd879d;background:linear-gradient(#80586e,#55394f);box-shadow:inset 0 3px #f7d2df18,3px 3px #0006;color:#ffe5ee}.nav-item.active .nav-icon{color:#ffe5ee}.sidebar-bottom{grid-column:3;grid-row:1;margin:0;padding:0;align-self:center}.connection{display:none}.user-card{min-width:170px}.main-shell{margin:0 auto;max-width:1600px;border-inline:3px solid #080c14;box-shadow:0 0 80px #0005}.topbar{height:48px;padding:0 30px}.topbar-right{gap:12px}#content{padding:27px 28px}.hero-panel{margin-inline:0}.topbar-badge{font-size:9px}}
@media(max-width:1100px) and (min-width:761px){.sidebar nav{gap:3px}.nav-item{padding:9px 10px;font-size:12px}.hero-art{right:18px;width:215px;height:215px}.hero-copy{max-width:470px}.hero-copy h3{font-size:28px}}
@media(max-width:760px){.sidebar{background:linear-gradient(#292737,#141c29);border-right:3px solid #080c14;width:235px}.workspace-name{border-bottom:3px solid #0d1522}.workspace-name strong{font-family:Bungee;font-size:15px;letter-spacing:0}.nav-item{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:1px;text-transform:uppercase}.nav-item.active{border:2px solid #b37b91;background:linear-gradient(#72516a,#44364f);box-shadow:inset 0 3px #fff1,3px 3px #0006}.page-heading h2{font-size:23px}.page-heading .button{font-size:9px}.page-heading p{font-size:11px;line-height:1.6}.hero-panel{min-height:310px;padding:22px 19px}.hero-copy{max-width:100%}.hero-copy h3{font-size:24px}.hero-copy p{max-width:290px;font-size:11px}.hero-art{right:-30px;width:155px;height:155px;bottom:-15px;opacity:.55}.hero-tags{position:relative;z-index:2;flex-wrap:wrap;max-width:250px}.hero-tags span{font-size:10px}.stat-card{padding:17px 12px}.stat-card .stat-top{font-size:12px}.stat-value{font-size:28px}.panel-header h3{font-size:12px}.login-scene{padding-top:110px;padding-bottom:90px;background-position:40% center}.login-card{padding:20px 12px 28px}.login-card h1{margin:18px 0;font-size:48px;-webkit-text-stroke:2px #141422;text-shadow:0 3px #ba8b9f,0 5px #78566e,3px 8px #131522,-3px 8px #131522}.guardian-ribbon{font-size:13px;padding:10px 17px;margin:12px 0 20px}.discord-login{font-size:14px;min-height:62px}.login-card>.eyebrow{font-size:8px;letter-spacing:2px}.login-card>p{font-size:12px}.login-brand img{width:120px}.login-footer{padding:16px;font-size:11px;gap:15px}.login-footer span{letter-spacing:1px}.topbar{border-bottom:3px solid #080c14}.topbar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-right{flex-shrink:0}.workspace-footer{font-size:8px;padding:18px}.toolbar{gap:12px}.toolbar select{min-width:130px}.login-trust{flex-wrap:wrap}}
@keyframes guardian-world{to{background-position:center,center 61%}}
@media(prefers-reduced-motion:reduce){.hero-panel:before{animation:none}}