:root{--bg:#050914;--text:#fff;--muted:#ffffffc2;--muted-2:#ffffff85;--line:#ffffff24;--line-soft:#ffffff14;--glass-top:#ffffff1a;--glass-fill:#0f131e47;--glass-fill-2:#080c1485;--blue-1:#4b88eb;--blue-2:#2d67ca;--blue-3:#163d79;--green:#87d34e}*{box-sizing:border-box}html,body,#__next{min-height:100%;margin:0}body{color:var(--text);background:linear-gradient(#05091438,#0509148f 18%,#050914ad 42%,#050914c7 100%),radial-gradient(circle at 14% 0,#0918398f,#0000 25%),radial-gradient(circle at 80% 18%,#ffffff0d,#0000 18%),url(/images/hero-space-wide.png) top/cover no-repeat fixed;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1280px,100% - 72px);margin:0 auto}.page-shell{position:relative}.site-header{z-index:40;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#090d169e,#090d164d);position:sticky;top:0}.site-header:after{content:"";background:#ffffff21;height:1px;position:absolute;bottom:0;left:0;right:0}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:82px;display:grid}.brand{justify-self:start;align-items:center;gap:14px;display:inline-flex}.brand-text{letter-spacing:.02em;font-size:1.08rem;font-weight:800}.brand-icon{gap:4px;display:inline-grid}.brand-icon span{background:linear-gradient(90deg,#fffffffa,#ffffffa6);border-radius:999px;height:4px;display:block;box-shadow:0 0 10px #ffffff1f}.brand-icon span:first-child{width:24px}.brand-icon span:nth-child(2){width:17px}.brand-icon span:nth-child(3){width:26px}.main-nav{justify-self:center;align-items:center;gap:46px;display:flex}.main-nav a{color:#ffffffd6;padding:8px 0;font-size:.97rem;position:relative}.main-nav a.active,.main-nav a:hover{color:#fff}.main-nav a.active:after,.main-nav a:hover:after{content:"";background:#fff9;width:100%;height:2px;margin:auto;position:absolute;bottom:-8px;left:0;right:0}.login-link{background:linear-gradient(#ffffff0f,#ffffff03);border:1px solid #ffffff29;justify-content:center;justify-self:end;align-items:center;min-width:98px;height:56px;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.hero-section{min-height:710px;position:relative}.hero-overlay{background:linear-gradient(90deg,#060a13eb 0%,#060a13c2 18%,#060a1347 50%,#060a1380 100%),linear-gradient(#060a1314,#060a1359 70%,#060a1380);position:absolute;inset:0}.hero-inner{align-items:flex-start;min-height:710px;display:flex;position:relative}.hero-copy{width:min(560px,100%);padding-top:150px}.hero-copy h1{letter-spacing:-.035em;text-shadow:0 10px 32px #00000075;margin:0;font-size:clamp(4rem,5.8vw,5.6rem);font-weight:800;line-height:.92}.hero-copy h1.muted{color:#ffffffc2;margin-top:10px;font-weight:500}.hero-copy p{color:#ffffffe0;max-width:520px;margin:38px 0 0;font-size:1.02rem;line-height:1.55}.hero-button{margin-top:36px}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-buttons .metal-button.discord{opacity:.92}.hero-buttons .metal-button.discord:hover{opacity:1}.content-section{padding:18px 0 44px;position:relative}.join-section{padding:40px 0 110px}.section-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(920px,100%);margin:0 auto 34px;display:grid}.section-heading h2{letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(2rem,3.5vw,2.45rem);font-weight:800}.section-heading .line{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px}.glass-panel{-webkit-backdrop-filter:blur(3px)saturate(115%);background:linear-gradient(#ffffff0d,#ffffff04 24%,#ffffff02 100%),linear-gradient(#10141d9e,#080c14b8);border:1px solid #ffffff26;box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff1c,inset 0 -1px #ffffff08,0 0 0 1px #00000024}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.tool-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid-one{grid-template-columns:minmax(0,1fr)}.tool-card{min-height:438px;overflow:hidden}.tool-image-wrap{border-bottom:1px solid #ffffff1f;height:176px}.tool-image{object-fit:cover;width:100%;height:100%}.tool-card-body{padding:20px 22px 22px}.tool-card h3{letter-spacing:-.02em;margin:0;font-size:1.25rem}.tool-tagline{color:#ffffffeb;border-bottom:1px solid #ffffff26;margin:16px 0 0;padding-bottom:14px;font-size:.98rem}.tool-description{color:#ffffffdb;min-height:60px;margin:14px 0 18px;font-size:.98rem;line-height:1.55}.metal-button{letter-spacing:.01em;border:1px solid #fff3;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:.98rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 10px 20px #0003}.metal-button.primary{color:#fff;background:linear-gradient(#3f79d8,#2553a5);border-color:#7ba7ff6b}.metal-button.secondary{color:#fffffff0;background:linear-gradient(#565f6f8c,#1a1f29e0)}.metal-button.big{min-width:294px;min-height:70px;font-size:1.15rem}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.status-card{min-height:112px;padding:16px 18px}.status-name,.status-state{align-items:center;gap:10px;display:flex}.status-name{font-size:.98rem;font-weight:700}.status-divider{background:linear-gradient(90deg,#ffffff2e,#ffffff0d);height:1px;margin:16px 0 14px}.status-state{color:#ffffffeb;font-size:.94rem}.status-dot{background:var(--green);border-radius:999px;flex:0 0 12px;width:12px;height:12px;box-shadow:0 0 12px #82d24dad}.status-dot.small{flex-basis:10px;width:10px;height:10px}.join-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.join-inner p{color:#ffffffdb;margin:2px 0 34px;font-size:.98rem}.join-inner em{color:#ffffffd9}.generic-page{padding:74px 0 110px}.page-panel{padding:28px}.page-panel.narrow{max-width:760px}.page-panel h1{margin:0 0 10px}.about-page{padding:74px 0 34px}.about-section{padding-top:8px}.about-intro-panel{max-width:980px}.about-intro-panel h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(2.8rem,5vw,4.2rem);line-height:.95}.about-intro-panel p{color:#ffffffe0;max-width:780px;margin:0;font-size:1rem;line-height:1.65}.about-card .tool-description{min-height:132px}.tool-detail-grid{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.image-panel{overflow:hidden}.image-panel img{object-fit:cover;width:100%;height:100%}.detail-tagline{color:var(--muted);font-weight:700}.login-form{gap:16px;max-width:420px;display:grid}.login-form label{color:#ffffffe6;gap:8px;display:grid}.login-form input{color:#fff;background:#ffffff0a;border:1px solid #ffffff24;min-height:48px;padding:0 14px}.site-footer{padding:26px 0 28px}.footer-inner{border-top:1px solid #ffffff24;flex-direction:column;align-items:center;gap:10px;padding-top:24px;display:flex}.footer-links{color:#ffffff8c;align-items:center;gap:14px;font-size:.88rem;display:flex}.footer-links a{color:#ffffff8c;transition:color .15s}.footer-links a:hover{color:#ffffffe6}.footer-links span{color:#fff3}.footer-copy{text-align:center;color:#ffffff5c;margin:0;font-size:.82rem;line-height:1.6}.footer-copy a{color:#ffffff6b;text-underline-offset:3px;text-decoration:underline;transition:color .15s}.footer-copy a:hover{color:#fffc}.status-page-section{padding-top:54px;padding-bottom:110px}.status-page-intro{margin-bottom:28px}.status-page-intro h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(2.8rem,5vw,4.2rem);line-height:.95}.status-page-intro p{color:#ffffffdb;max-width:760px;margin:0;line-height:1.6}.status-page-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.status-page-stack{gap:24px;display:grid}.status-block{padding:18px}.status-block-header{border-bottom:1px solid #ffffff1f;margin-bottom:18px;padding-bottom:14px}.status-block-header h3{letter-spacing:-.02em;margin:0;font-size:1.24rem}.status-kv-list{gap:14px;display:grid}.status-kv-row{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:18px;padding-bottom:12px;display:grid}.status-kv-row:last-child{border-bottom:0;padding-bottom:0}.status-kv-label{color:#fffffff0;font-weight:700}.status-kv-value{color:#ffffffd1;text-align:left}.status-table-wrap{width:100%;overflow-x:auto}.status-table{border-collapse:collapse;width:100%;min-width:760px}.status-table th,.status-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:14px 12px}.status-table th{color:#fffffff5;background:#ffffff08;font-size:.92rem}.status-table td{color:#ffffffd6}.status-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}.status-metric-value{letter-spacing:-.02em;color:#fffffff5;font-size:1.7rem;font-weight:800}.status-empty{color:#ffffffa8;font-style:italic}.freshness-pill{letter-spacing:.04em;text-transform:uppercase;color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff1f;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.freshness-pill.live{color:#8df0a7;background:#30824c2e;border-color:#67e09066}.freshness-pill.delayed{color:#ffd67e;background:#82641833;border-color:#ffcb5c5c}.freshness-pill.stale{color:#ff9b9b;background:#82222233;border-color:#ff6f6f57}.server-status-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.status-app-groups.single{grid-template-columns:minmax(460px,720px);justify-content:start}.status-server-panel{max-width:720px}.status-kv-list.compact{gap:0}.status-kv-row.compact{grid-template-columns:180px minmax(220px,1fr);gap:16px;padding:12px 0}.status-value-stack{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:flex}.status-value-primary{color:#ffffffeb;white-space:normal;word-break:keep-all;overflow-wrap:break-word;line-height:1.35}.status-value-secondary{color:#ffffff8f;font-size:.82rem;line-height:1.35}.status-value-inline{color:#ffffffeb}.modern-graph-shell{gap:18px;display:grid}.modern-graph-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modern-graph-title-group h4{letter-spacing:-.02em;margin:0;font-size:1.18rem}.modern-graph-title-group p{color:#ffffffad;margin:6px 0 0;font-size:.94rem}.modern-graph-heading-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modern-graph-metrics{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;min-width:min(100%,520px);display:grid}.modern-graph-metric{background:linear-gradient(#ffffff0a,#ffffff03),#080e1875;border:1px solid #ffffff1a;padding:10px 12px}.modern-graph-metric .label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8f;margin-bottom:6px;font-size:.76rem;display:block}.modern-graph-metric .value{color:#fffffff2;font-size:1.08rem;font-weight:800;display:block}.modern-graph-metric .value.up{color:#86d977}.modern-graph-metric .value.down{color:#ff8f8f}.server-graph-wrap{width:100%;overflow-x:auto}.server-graph-wrap.modern{background:radial-gradient(circle at top,#4b92ff14,#0000 32%),linear-gradient(#ffffff05,#ffffff01),#060c149e;border:1px solid #ffffff1a;padding:10px 12px 6px;position:relative}.server-graph-wrap.modern.trend-up{background:radial-gradient(circle at top,#47d67d1a,#0000 32%),linear-gradient(#ffffff05,#ffffff01),#060c149e}.server-graph-wrap.modern.trend-down{background:radial-gradient(circle at top,#ff70701a,#0000 32%),linear-gradient(#ffffff05,#ffffff01),#060c149e}.server-graph{width:100%;min-width:760px;height:auto;display:block}.server-graph.modern{width:100%;min-width:920px;height:auto;display:block}.graph-grid-line.modern{stroke:#ffffff17;stroke-width:1px}.graph-grid-line.vertical.modern{stroke:#ffffff0b}.graph-axis-text.modern{fill:#ffffffad;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px}.graph-area.modern.trend-up{fill:url(#playersAreaGradientUp)}.graph-area.modern.trend-down{fill:url(#playersAreaGradientDown)}.graph-area.modern.trend-flat{fill:url(#playersAreaGradientFlat)}.graph-line.modern{stroke-width:4px}.graph-line.modern.trend-up{stroke:url(#playersLineGradientUp)}.graph-line.modern.trend-down{stroke:url(#playersLineGradientDown)}.graph-line.modern.trend-flat{stroke:url(#playersLineGradientFlat)}.graph-point.subtle{fill:#58afff;stroke:#ffffff1f;stroke-width:1px}.graph-point.latest{fill:#9ed3ff;stroke:#fff;stroke-width:2px}.graph-point.hovered{fill:#fff;stroke:#44a6ff;stroke-width:2px}.graph-hover-line{stroke:#ffffff3d;stroke-width:1px;stroke-dasharray:5 5}.graph-tooltip{pointer-events:none;z-index:4;background:linear-gradient(#ffffff0d,#ffffff03),#070c14f0;border:1px solid #ffffff1f;min-width:140px;max-width:220px;padding:10px 12px;position:absolute;transform:translate(-50%,-110%);box-shadow:0 14px 30px #0000004d}.graph-tooltip-time{color:#ffffffa8;margin-bottom:6px;font-size:.78rem}.graph-tooltip-value{color:#fffffff5;font-size:.94rem;font-weight:700}.modern-graph-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.modern-graph-legend{color:#ffffffbf;align-items:center;gap:10px;font-size:.92rem;display:inline-flex}.legend-swatch{width:28px;height:10px;box-shadow:0 0 10px #44a6ff40}.legend-swatch.trend-up{background:linear-gradient(90deg,#47d67d,#9af0b8)}.legend-swatch.trend-down{background:linear-gradient(90deg,#ff7070,#ffb3b3)}.legend-swatch.trend-flat{background:linear-gradient(90deg,#44a6ff,#8fd0ff)}.modern-graph-footnote{color:#ffffff94;font-size:.9rem}.login-link,.metal-button,.glass-panel,.tool-card,.status-card,.page-panel,.image-panel,.login-form input{border-radius:0!important}@media (max-width:1100px){.tool-grid,.tool-grid-two,.tool-grid-one,.status-page-grid,.status-grid-six,.tool-detail-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.about-card .tool-description{min-height:0}}@media (max-width:980px){.modern-graph-metrics{grid-template-columns:repeat(2,minmax(120px,1fr));min-width:100%}}@media (max-width:900px){.status-app-groups.single{grid-template-columns:1fr;justify-content:stretch}.status-server-panel{max-width:100%}.status-kv-row.compact{grid-template-columns:1fr;gap:8px}}@media (max-width:860px){.container{width:min(100% - 28px,1280px)}.topbar{grid-template-columns:1fr;justify-items:start;padding:16px 0}.main-nav{flex-wrap:wrap;justify-self:start;gap:24px}.login-link{justify-self:start}.hero-copy{padding-top:108px}.hero-copy h1{font-size:3.15rem}}@media (max-width:780px){.status-kv-row{grid-template-columns:1fr;gap:6px}}@media (max-width:640px){body{background-attachment:scroll}.status-grid{grid-template-columns:1fr}.section-heading{gap:10px}.section-heading h2{font-size:1.8rem}.metal-button.big{min-width:220px;min-height:58px}.about-intro-panel h1{font-size:2.3rem}.modern-graph-metrics{grid-template-columns:1fr 1fr}}.join-buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;display:flex}.metal-button.discord{color:#fff;background:linear-gradient(#5865f2,#404eed);border-color:#7289da73;box-shadow:inset 0 1px #ffffff1f,0 10px 20px #0003,0 0 10px #5865f247}.metal-button.discord:hover{background:linear-gradient(#6b76ff,#4b5bff);box-shadow:inset 0 1px #ffffff29,0 14px 28px #00000047,0 0 14px #5865f273}.metal-button.github{color:#fff;background:linear-gradient(#2b3137,#1b1f23);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0003}.metal-button.github:hover{background:linear-gradient(#3a424a,#22272e);box-shadow:inset 0 1px #ffffff24,0 14px 28px #0000004d}.metal-button.website{color:#fffffff0;background:linear-gradient(#565f6f8c,#1a1f29e0);border-color:#fff3}.metal-button.website:hover{background:linear-gradient(#68728499,#222834eb)}.metal-button.register{color:#7eecd4;background:linear-gradient(#1a6b5a,#0f4238);border-color:#47d2aa66;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0003,0 0 12px #47d2aa24}.metal-button.register:hover{color:#a0f5e4;background:linear-gradient(#1f7d69,#124e47);border-color:#47d2aa99;box-shadow:inset 0 1px #ffffff24,0 14px 28px #00000047,0 0 18px #47d2aa38}.tool-detail-page{padding-top:32px}.detail-breadcrumb{color:#ffffff85;align-items:center;gap:8px;margin-bottom:18px;font-size:.88rem;display:flex}.detail-breadcrumb a{color:#fff9;transition:color .15s}.detail-breadcrumb a:hover{color:#ffffffe6}.detail-header{margin-bottom:20px}.detail-header-inner{grid-template-columns:280px 1fr;align-items:center;gap:32px;display:grid}.detail-hero-image{aspect-ratio:16/10;background:#00000047;overflow:hidden}.detail-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.detail-hero-copy h1{letter-spacing:-.03em;margin:6px 0 14px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.detail-long-desc{color:#ffffffd1;margin:0;font-size:1rem;line-height:1.6}.detail-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.detail-body{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.detail-main{gap:0;display:grid}.detail-section-title{letter-spacing:-.01em;color:#fffffff0;border-bottom:1px solid #ffffff1a;margin:0 0 16px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.detail-extra-desc{color:#ffffffd1;margin:0;font-size:.98rem;line-height:1.65}.detail-sidebar-panel{position:sticky;top:100px}.detail-info-list{gap:0;margin:0;display:grid}.detail-info-list dt{text-transform:uppercase;letter-spacing:.07em;color:#ffffff7a;margin-top:14px;font-size:.78rem}.detail-info-list dt:first-child{margin-top:0}.detail-info-list dd{color:#ffffffdb;margin:4px 0 0;font-size:.94rem}.detail-link{color:var(--blue-1);word-break:break-all}.detail-link:hover{color:#7ab0ff}.screenshot-gallery{gap:14px;display:grid}.screenshot-main{background:#00000052;border:1px solid #ffffff1a;position:relative;overflow:hidden}.screenshot-main-img{object-fit:contain;width:100%;height:auto;max-height:520px;display:block}.screenshot-caption{color:#ffffff8f;background:#0000002e;border-top:1px solid #ffffff14;margin:0;padding:10px 14px;font-size:.84rem}.screenshot-thumbs{flex-wrap:wrap;gap:10px;display:flex}.screenshot-thumb{cursor:pointer;background:#00000047;border:2px solid #ffffff1f;flex-shrink:0;width:120px;height:72px;padding:0;transition:border-color .15s;overflow:hidden}.screenshot-thumb img{object-fit:cover;width:100%;height:100%;display:block}.screenshot-thumb:hover{border-color:#ffffff61}.screenshot-thumb.active{border-color:var(--blue-1);box-shadow:0 0 0 1px var(--blue-1)}.screenshot-placeholder{color:#ffffff7a;margin-top:20px;font-size:.94rem}.screenshot-placeholder p{margin:0 0 6px}.screenshot-placeholder-hint{color:#ffffff5c;font-size:.84rem}.screenshot-placeholder code{background:#ffffff14;padding:1px 5px;font-family:monospace;font-size:.82rem}@media (max-width:1100px){.detail-body{grid-template-columns:1fr}.detail-sidebar-panel{position:static}}@media (max-width:760px){.detail-header-inner{grid-template-columns:1fr}.detail-hero-image{aspect-ratio:16/8}}.release-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.release-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.release-version-badge{letter-spacing:.04em;color:#7ab5ff;background:#4b88eb1f;border:1px solid #4b88eb73;align-items:center;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.release-date{color:#ffffff7a;font-size:.84rem}.release-date:before{content:"·";color:#ffffff3d;margin-right:10px}.release-github-link{flex-shrink:0;min-height:36px;padding:0 16px;font-size:.88rem}.release-asset-group{margin-bottom:20px}.release-asset-group:last-of-type{margin-bottom:0}.release-asset-group-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff61;margin:0 0 8px;font-size:.72rem;font-weight:600}.release-asset-row{cursor:pointer;color:inherit;background:#ffffff06;border:1px solid #ffffff1a;align-items:center;gap:14px;margin-bottom:8px;padding:13px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.release-asset-row:last-child{margin-bottom:0}.release-asset-row:hover{background:#4b88eb1a;border-color:#4b88eb4d}.release-asset-icon{color:var(--blue-1);text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.release-asset-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.release-asset-name{color:#ffffffeb;word-break:break-all;font-size:.94rem;font-weight:600}.release-asset-meta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.release-asset-meta-item{color:#ffffff80;font-size:.8rem}.release-asset-meta-label{color:#ffffff52;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:.7rem;font-weight:600}.release-requirements{color:#ffffff61;border-top:1px solid #ffffff14;margin:16px 0 0;padding-top:12px;font-size:.82rem}.release-unavailable{color:#ffffff85;margin:0;font-size:.94rem}.auth-page{padding-top:48px;padding-bottom:80px}.auth-container{grid-template-columns:1fr 340px;align-items:start;gap:24px;max-width:900px;margin:0 auto;display:grid}.auth-header{border-bottom:1px solid #ffffff14;margin-bottom:28px;padding-bottom:20px}.auth-header h1{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(1.6rem,3vw,2rem)}.auth-subtitle{color:#ffffff80;margin:0;font-size:.94rem}.auth-error{color:#faa;background:#c832321f;border:1px solid #ff646447;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.92rem;line-height:1.45;display:flex}.auth-error-icon{color:#ff8080;flex-shrink:0;font-size:1rem}.auth-form{gap:18px;display:grid}.auth-field{gap:7px;display:grid}.auth-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;font-weight:600}.auth-input{color:#fffffff2;background:#ffffff0a;border:1px solid #ffffff24;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:.96rem;transition:border-color .15s,background .15s}.auth-input::placeholder{color:#ffffff47}.auth-input:focus{background:#4b88eb0f;border-color:#4b88eb99;outline:none}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input-error{background:#c832320f!important;border-color:#ff646480!important}.auth-field-error{color:#faa;margin-top:2px;font-size:.8rem}.auth-submit{justify-content:center;width:100%;min-height:52px;margin-top:6px;font-size:1rem;transition:opacity .15s}.auth-loading{opacity:.65;cursor:not-allowed;pointer-events:none}.auth-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:22px;padding-top:18px;font-size:.9rem;display:flex}.auth-footer-text{color:#ffffff70}.auth-switch-link{color:var(--blue-1);font-weight:600;transition:color .15s}.auth-switch-link:hover{color:#7ab5ff}.auth-side-panel{padding:24px;position:sticky;top:100px}.auth-side-title{letter-spacing:-.01em;margin:0 0 12px;font-size:1.05rem;font-weight:700}.auth-side-body{color:#ffffffad;margin:0;font-size:.92rem;line-height:1.6}.auth-side-list{gap:10px;margin:0 0 4px;padding:0;list-style:none;display:grid}.auth-side-list li{color:#ffffffb8;align-items:center;gap:10px;font-size:.9rem;display:flex}.auth-side-list li:before{content:"";background:var(--green);border-radius:999px;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #87d34e80}@media (max-width:780px){.auth-container{grid-template-columns:1fr;max-width:520px}.auth-side-panel{position:static}}.header-auth-links{justify-self:end;align-items:center;gap:10px;display:flex}.register-nav-link{color:#7eecd4!important;background:linear-gradient(#1a6b5a,#0f4238)!important;border-color:#47d2aa66!important}.register-nav-link:hover{color:#a0f5e4!important;background:linear-gradient(#1f7d69,#124e47)!important}.pricing-page{padding-top:32px;padding-bottom:80px}.pricing-intro{text-align:center;margin-bottom:40px}.pricing-intro-text{color:#ffffffb8;max-width:560px;margin:0 auto;font-size:1rem;line-height:1.6}.pricing-intro-note{color:#ffffff70;font-size:.92rem}.pricing-grid{grid-template-columns:repeat(var(--active-tiers,4), minmax(0, 280px));justify-content:center;align-items:start;gap:20px;margin-bottom:28px;display:grid}.pricing-card{flex-direction:column;padding:0;display:flex;position:relative;overflow:visible}.pricing-card-highlight{border-color:#47d2aa66;box-shadow:0 18px 42px #00000047,inset 0 1px #47d2aa2e,0 0 28px #47d2aa14}.pricing-popular-badge{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#7eecd4;background:linear-gradient(90deg,#1a6b5a,#1f7d69);border:1px solid #47d2aa73;padding:3px 14px;font-size:.72rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-card-header{padding:28px 24px 20px}.pricing-tier-name{letter-spacing:-.02em;margin:0 0 4px;font-size:1.3rem;font-weight:800}.pricing-tagline{color:#ffffff80;min-height:2.8em;margin:0 0 18px;font-size:.86rem;line-height:1.4}.pricing-price-row{align-items:baseline;gap:6px;display:flex}.pricing-price{letter-spacing:-.03em;color:#fffffff2;font-size:2rem;font-weight:800}.pricing-period{color:#ffffff70;font-size:.86rem}.pricing-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;margin:0 24px}.pricing-feature-list{flex:1;gap:12px;margin:0;padding:20px 24px;list-style:none;display:grid}.pricing-feature{color:#ffffffd1;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.4;display:flex}.pricing-feature-off{color:#ffffff52}.pricing-check{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:.72rem;font-weight:700;display:inline-flex}.pricing-check-yes{color:var(--green)}.pricing-check-no{color:#fff3}.pricing-card-footer{padding:4px 24px 24px}.pricing-cta{justify-content:center;width:100%;min-height:46px}.pricing-footer-cta{margin-top:8px}.pricing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.pricing-footer-title{letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem;font-weight:700}.pricing-footer-body{color:#ffffff94;max-width:480px;margin:0;font-size:.92rem;line-height:1.55}.pricing-footer-actions{flex-wrap:wrap;flex-shrink:0;gap:12px;display:flex}@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,320px))}}@media (max-width:640px){.pricing-grid{grid-template-columns:minmax(0,400px)}.pricing-footer-inner{flex-direction:column;align-items:flex-start}}.nav-auth-placeholder{opacity:0;width:180px;height:56px;display:inline-block}.nav-characters-link{letter-spacing:.01em;color:#ffffffe6;background:linear-gradient(#ffffff0f,#ffffff03);border:1px solid #ffffff29;align-items:center;gap:10px;min-width:98px;height:56px;padding:0 18px;font-size:.97rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.nav-characters-link:hover{color:#fff;background:linear-gradient(#ffffff1a,#ffffff0a);border-color:#ffffff47}.nav-char-count{color:#7ab5ff;letter-spacing:.02em;background:#4b88eb40;border:1px solid #4b88eb73;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.nav-logout-btn{letter-spacing:.01em;cursor:pointer;color:#ffa0a0e6;background:linear-gradient(#7814148c,#3c0808cc);border:1px solid #b4282873;justify-content:center;align-items:center;min-width:98px;height:56px;padding:0 18px;font-family:inherit;font-size:.97rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 0 14px #b41e1e1f}.nav-logout-btn:hover{color:#ffb9b9;background:linear-gradient(#a01c1ca6,#5a0c0ce0);border-color:#dc3c3c8c;box-shadow:inset 0 1px #ffffff1a,0 0 20px #c8282833}.char-page{padding-top:32px;padding-bottom:80px}.char-page-header{margin-bottom:24px}.char-page-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.char-page-subtitle{color:#ffffff8f;margin:0;font-size:.92rem}.char-page-actions{flex-shrink:0;gap:12px;display:flex}.char-sso-eve-logo{letter-spacing:.06em;opacity:.8;margin-right:6px;font-size:.82rem;font-weight:800}.char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.char-card{flex-direction:row;gap:0;min-height:180px;display:flex;overflow:hidden}.char-card-skeleton{opacity:.4;min-height:180px;animation:1.4s ease-in-out infinite char-pulse}@keyframes char-pulse{0%,to{opacity:.4}50%{opacity:.15}}.char-card-portrait{background:#0000004d;flex-shrink:0;width:128px;overflow:hidden}.char-portrait-img{object-fit:cover;filter:saturate(.92);width:100%;height:100%;transition:filter .2s;display:block}.char-card:hover .char-portrait-img{filter:saturate(1.1)}.char-card-body{border-left:1px solid #ffffff14;flex-direction:column;flex:1;min-width:0;padding:14px 16px;display:flex}.char-card-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.char-card-header-left{flex:1;min-width:0}.char-card-header-right{flex-shrink:0;gap:6px;display:flex}.char-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.char-name-link{color:#ffffffeb;transition:color .15s}.char-name-link:hover{color:#7ab5ff}.char-title{color:#fff6;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.76rem;overflow:hidden}.char-info-list{flex:1;gap:5px;display:grid}.char-info-row{grid-template-columns:100px 1fr;align-items:baseline;gap:8px;font-size:.84rem;display:grid}.char-info-label{color:#ffffff5c;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.72rem;font-weight:600}.char-info-value{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.char-ticker{color:#ffffff5c;margin-left:5px;font-size:.76rem}.char-card-actions{border-top:1px solid #ffffff0f;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.char-actions-row{flex-wrap:wrap;gap:6px;display:flex}.char-action-btn{letter-spacing:.01em;white-space:nowrap;flex-shrink:0;min-height:30px;padding:0 10px;font-size:.76rem;font-weight:600}.char-actions-row{flex-wrap:nowrap;overflow:hidden}.char-icon-btn{color:#ffffff8f;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:.82rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.char-icon-btn:hover{color:#ffffffe6;background:#ffffff17;border-color:#ffffff42}.char-icon-btn.delete:hover{color:#ffa0a0f2;background:#a01c1c4d;border-color:#dc3c3c73}.char-icon-btn.refresh:hover{color:#7ab5ff;background:#4b88eb2e;border-color:#4b88eb73}.char-empty{text-align:center;max-width:520px;margin:0 auto;padding:48px 32px}.char-empty h3{margin:0 0 10px;font-size:1.2rem}.char-empty p{color:#fff9;margin:0 0 24px;line-height:1.6}.char-sso-btn{margin:0 auto}.char-sso-note{color:#ffffff52!important;margin:14px 0 0!important;font-size:.82rem!important}@media (max-width:1100px){.char-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.char-grid{grid-template-columns:1fr}.char-card{flex-direction:column}.char-card-portrait{width:100%;height:160px}.char-card-body{border-top:1px solid #ffffff14;border-left:none}}.char-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.char-modal{width:100%;max-width:420px;padding:28px}.char-modal-title{margin:0 0 12px;font-size:1.1rem;font-weight:700}.char-modal-body{color:#ffffffb8;margin:0 0 24px;font-size:.94rem;line-height:1.6}.char-modal-body strong{color:#fffffff2}.char-modal-actions{justify-content:flex-end;gap:12px;display:flex}.char-sso-btn-real{box-shadow:none;cursor:pointer;opacity:.9;background:0 0;border:none;padding:0;transition:opacity .15s;display:inline-flex}.char-sso-btn-real:hover{opacity:1}.char-sso-img{width:auto;height:38px;display:block}.stats-page{padding-top:24px;padding-bottom:80px}.stats-back-link{color:#ffffff80;align-items:center;gap:6px;margin-bottom:20px;font-size:.88rem;transition:color .15s;display:inline-flex}.stats-back-link:hover{color:#ffffffe6}.stats-loading{text-align:center;color:#ffffff80;padding:48px}.stats-hero{grid-template-columns:256px 1fr;gap:0;margin-bottom:24px;display:grid;overflow:hidden}.stats-hero-portrait{background:#0000004d;flex-shrink:0}.stats-portrait-img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;display:block}.stats-hero-info{border-left:1px solid #ffffff14;flex-direction:column;gap:16px;padding:28px;display:flex}.stats-char-name{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.05}.stats-char-title{color:#ffffff70;margin:-8px 0 0;font-size:.88rem}.stats-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;display:grid}.stats-info-block{flex-direction:column;gap:3px;display:flex}.stats-info-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff5c;font-size:.7rem;font-weight:600}.stats-info-value{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;overflow:hidden}.stats-total-sp{font-weight:700;color:#fffffff5!important}.stats-hero-actions{gap:10px;margin-top:auto;display:flex}.stats-section{margin-bottom:28px}.stats-attrs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;display:grid}.stats-attr-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stats-attr-label{color:#ffffff85;font-size:.84rem}.stats-attr-value{color:#fffffff0;font-size:1.1rem;font-weight:700}.stats-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stats-skill-card{padding:14px 16px}.stats-skill-card-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.stats-skill-name{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.stats-skill-ratio{color:#ffffff70;white-space:nowrap;flex-shrink:0;font-size:.76rem}.stats-skill-ratio.complete{color:var(--green)}.stats-skill-bar-track{background:#ffffff14;height:4px;margin-bottom:6px}.stats-skill-bar-fill{background:var(--blue-1);height:100%;transition:width .3s}.stats-skill-bar-fill.complete{background:var(--green)}.stats-skill-sp{color:#ffffff61;font-size:.74rem}.stats-table-wrap{width:100%;overflow-x:auto}.stats-queue-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.88rem}.stats-queue-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#fff6;border-bottom:1px solid #ffffff1a;padding:10px 12px;font-size:.72rem;font-weight:600}.stats-queue-table td{color:#ffffffc7;vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:10px 12px}.stats-queue-row.training td{background:#4b88eb0f}.stats-queue-num{color:#ffffff4d;text-align:center;width:36px}.stats-queue-skill{color:#ffffffe6;font-weight:600}.stats-training-badge{text-transform:uppercase;letter-spacing:.06em;color:#7ab5ff;background:#4b88eb33;border:1px solid #4b88eb66;align-items:center;margin-left:8px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.stats-queue-level{align-items:center;gap:6px;font-family:monospace;display:flex}.stats-queue-from{color:var(--green);font-weight:700}.stats-queue-arrow{color:#ffffff4d}.stats-queue-to{color:#7ab5ff;font-weight:700}.stats-queue-group{color:#ffffff7a;font-size:.82rem}.stats-queue-date{color:#ffffff7a;white-space:nowrap;font-size:.82rem}@media (max-width:1100px){.stats-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.stats-hero{grid-template-columns:1fr}.stats-hero-portrait{height:220px}.stats-hero-info{border-top:1px solid #ffffff14;border-left:none}.stats-info-grid,.stats-attrs-grid,.stats-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.stats-info-grid,.stats-attrs-grid,.stats-skill-grid{grid-template-columns:1fr}}.stats-attrs-inline{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.stats-attr-pill{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:110px;padding:14px 20px;transition:background .15s,border-color .15s;display:flex}.stats-attr-pill:hover{background:#ffffff12;border-color:#fff3}.stats-attr-pill-icon{object-fit:contain;width:40px;height:40px;image-rendering:crisp-edges;display:block}.stats-attr-pill-text{flex-direction:column;align-items:center;gap:2px;display:flex}.stats-attr-pill-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff61;white-space:nowrap;font-size:.7rem;font-weight:600}.stats-attr-pill-value{color:#fffffff5;font-size:1.3rem;font-weight:800;line-height:1}.stats-pie-wrap{grid-template-columns:260px 1fr;align-items:start;gap:28px;display:grid}.stats-pie-svg{width:100%;max-width:260px;height:auto;display:block;overflow:visible}.stats-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 16px;display:grid}.stats-pie-legend-item{cursor:default;border:1px solid #0000;border-radius:0;align-items:center;gap:8px;padding:5px 8px;transition:background .12s;display:flex}.stats-pie-legend-item:hover,.stats-pie-legend-item.active{background:#ffffff0d;border-color:#ffffff1a}.stats-pie-legend-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.stats-pie-legend-name{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.stats-pie-legend-sp{color:#ffffff70;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}@media (max-width:780px){.stats-pie-wrap{grid-template-columns:1fr}.stats-pie-svg{max-width:220px;margin:0 auto}.stats-pie-legend{grid-template-columns:1fr}.stats-attrs-inline{gap:8px}}.stats-info-empty{color:#ffffff47}.stats-char-desc{margin-top:4px}.stats-char-desc-text{color:#fff9;margin:4px 0 0;font-size:.88rem;line-height:1.55}.char-toast{color:#8df0a7;cursor:pointer;background:#30824c2e;border:1px solid #67e09066;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.92rem;display:flex}.char-icon-btn-cooldown{opacity:.35;cursor:not-allowed!important}
