:root{color-scheme:dark;--background:#111c18;--sidebar:#15231e;--card:#1b2b24;--line:#304139;--text:#edf5ee;--muted:#a1b5a8;--mint:#82dfb5;font-family:"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9ee8ca;outline-offset:4px}::selection{background:#76d9aa;color:#10261c}.skip-link{position:fixed;left:15px;top:12px;z-index:100;background:var(--mint);color:#0d2317;padding:13px 20px;border-radius:8px;transform:translateY(-170%)}.skip-link:focus{transform:none}.dashboard-shell{display:grid;grid-template-columns:232px minmax(0,1fr);max-width:1900px;margin:auto;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);border-right:1px solid #293d31;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-.7px;padding:0 9px}.brand small{display:block;margin-top:2px;font-size:11px;font-weight:400;letter-spacing:.3px;color:#8da799}.nav-label{font-size:10px;letter-spacing:.15em;color:#839c8d;font-weight:600;margin:50px 14px 18px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:13px 15px;border-radius:8px;color:#a6bcae;transition:background .15s,color .15s}.sidebar nav a:hover{background:#223a2c;color:#e5f7e9}.sidebar nav a.active{background:#274a37;color:#b5ebc4;font-weight:600}.sidebar-bottom{margin-top:auto;padding:24px 10px 0}.studio-link{font-size:12px;display:flex;gap:9px;align-items:center;color:#c1d3c5}.sidebar-bottom p{font-size:11px;color:#8ba191;line-height:1.8;margin:18px 0 0}main{min-width:0}.topbar{min-height:80px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #2c3b31;font-size:13px;background:#14221b}.breadcrumb{color:#86a18e;margin-right:12px}.top-actions{display:flex;gap:13px;align-items:center}.health-badge{font-size:12px;color:#b6c9ba;display:flex;gap:8px;align-items:center}.health-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#8c9f91}.health-badge.is-online{color:#b4eac0}.health-badge.is-online:before{background:#78dc9e}.health-badge.is-offline{color:#edc98c}.health-badge.is-offline:before{background:#d4aa6b}.icon-button{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;border:1px solid #395040;color:#ccded0;background:#213326;font-size:22px}.icon-button:hover{background:#304832}.content{width:min(1270px,100%);margin:auto;padding:36px 42px 0}.welcome{isolation:isolate;position:relative;overflow:hidden;border:1px solid #426642;border-radius:16px;background:#2c4c2d;min-height:330px;display:flex;align-items:center}.welcome-copy{padding:35px 39px;position:relative;z-index:2;width:65%;max-width:680px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#c0d6ae;margin:0 0 17px}h1{font-size:clamp(40px,4.1vw,64px);line-height:1.05;letter-spacing:-2.2px;margin:0 0 18px;font-weight:700}h1 span{color:#c1e8a0}.welcome-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#d0dfc8;max-width:400px;margin:0 0 25px}.welcome-art{position:absolute;inset:0;background:linear-gradient(90deg,#23472b 0%,#23472bf5 30%,#23472b80 55%,#23472b05 100%),url('/assets/world.png') 100% 53%/cover;opacity:.96;z-index:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;border-radius:8px;border:1px solid transparent;padding:11px 17px;font-size:13px;font-weight:600;text-align:center;line-height:1.4;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:#b0df90;color:#193225;border-color:#b4df9c}.primary:hover{background:#c5eaa9}.secondary{background:#284635;color:#daf3dd;border-color:#4c7156}.secondary:hover{background:#345740}.action-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:26px;min-width:0}.section-icon{width:35px;height:35px;border:1px solid #4d7057;background:#2b4933;border-radius:9px;display:grid;place-items:center;color:#bbdfad;font-size:23px;margin-bottom:16px}h2{font-size:21px;line-height:1.3;letter-spacing:-.45px;margin:0 0 11px}h3{font-size:17px;line-height:1.4;margin:0 0 9px;letter-spacing:-.2px}.card>p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 19px}.input-row{display:flex;gap:10px;align-items:stretch}label{font-size:12px;display:block;color:#c0d3c4;margin:0 0 9px}input{min-width:0;flex:1;border-radius:8px;border:1px solid #425a49;background:#14261b;padding:12px 13px;color:#e3f4e8;font-size:13px}input::placeholder{color:#809d8a}.hint{font-size:11px!important;color:#91a998!important;line-height:1.75!important;margin:12px 0 0!important}.form-message{font-size:12px;color:#c1e1c7;line-height:1.7;margin-top:13px}.form-message.is-error{color:#f4bf9c}#invite-result{margin-top:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#invite-result[hidden]{display:none}.text-button{background:none;border:0;font-size:12px;color:#badfc7;padding:8px 0}.text-button:hover{text-decoration:underline}.card-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.card-title h2{font-size:15px;margin:0;color:#bdcec0}.service-dot{width:9px;height:9px;border-radius:50%;background:#789382}.service-dot.is-online{background:#89e8a3;box-shadow:0 0 0 5px #83df9b14}.service-dot.is-offline{background:#d6aa66}.service-card>h3{font-size:23px;letter-spacing:-.5px}.service-details{display:grid;gap:13px;margin:23px 0}.service-details>div{display:flex;justify-content:space-between;gap:18px;font-size:12px}.service-details dt{color:#97b09f}.service-details dd{margin:0;color:#d9e8dc;text-align:right}.page-section{padding-top:43px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:19px}.section-heading h2{margin:0 0 6px}.section-heading p{color:#97b09f;font-size:12px;line-height:1.6;margin:0}.section-note,.text-link{font-size:12px;color:#a9ccb5}.text-link:hover{text-decoration:underline}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-card{display:flex;align-items:center;gap:14px;padding:17px;border-radius:11px;border:1px solid #33493b;background:#1c3023;min-width:0}.game-symbol{width:45px;height:45px;background:#34563b;color:#cbe7ba;display:grid;place-items:center;border-radius:10px;flex-shrink:0;font-size:20px;font-weight:700}.game-card h3{font-size:14px;margin:0 0 4px}.game-card p{font-size:11px;color:#9eb8a5;margin:0}.empty-state{font-size:13px;line-height:1.8;color:#a1b8a8;background:#1c2c23;padding:23px;border:1px dashed #3d5143;border-radius:10px;grid-column:1/-1;margin:0}.download-card{border:1px solid #456546;border-radius:14px;background:linear-gradient(120deg,#293f29,#1d3023);padding:28px}.download-brand{display:flex;gap:17px;align-items:center}.download-brand h3{font-size:24px;margin-bottom:4px}.download-brand p{color:#b3cbb8;font-size:13px;margin:0}.download-card>p{font-size:13px;line-height:1.8;color:#a7bdae;white-space:pre-wrap;max-width:850px;margin:23px 0}.download-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.download-actions .hint{margin:0!important}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-card{padding:25px;background:#1c2c23;border:1px solid #33463a;border-radius:12px}.news-meta{display:flex;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#aac3af;margin-bottom:15px}.news-card h3{font-size:19px;line-height:1.4}.news-card p{font-size:13px;color:#9eb5a7;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.news-card a{display:inline-block;margin-top:9px;font-size:12px;color:#bee3c3}.help-section{padding-bottom:20px}.help-steps{list-style:none;padding:0;margin:25px 0 23px;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:25px}.help-steps li{display:flex;gap:14px;min-width:0}.help-steps li>span{width:29px;height:29px;background:#2d4c35;display:grid;place-items:center;border-radius:50%;color:#c8e6bf;flex-shrink:0;font-size:13px}.help-steps h3{font-size:15px;margin:3px 0 10px}.help-steps p{font-size:12px;color:#a0b5a6;line-height:1.8;margin:0}footer{border-top:1px solid #304437;margin-top:30px;padding:25px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8ca493}footer>div{display:flex;gap:23px}footer a:hover{color:#c4e3cc}section[id]{scroll-margin-top:25px}
@media(min-width:1600px){.content{padding-top:45px}.welcome{min-height:355px}.welcome-copy{padding:43px 48px}}
@media(max-width:1180px){.dashboard-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:28px 14px}.brand{font-size:20px;gap:8px}.brand img{width:38px;height:38px}.content{padding:27px 28px 0}.topbar{padding:0 28px}.action-grid{grid-template-columns:1fr 1fr;gap:17px}.card{padding:22px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row .button{width:100%}.welcome-copy{width:72%}.help-steps{grid-template-columns:1fr;gap:20px}}
@media(max-width:940px){.dashboard-shell{display:block}.sidebar{position:static;height:auto;display:flex;padding:20px 25px 0;border-right:0;border-bottom:1px solid #304136}.brand{padding:0;font-size:23px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:7px;margin-top:20px;scrollbar-width:thin;padding-bottom:13px}.sidebar nav a{flex-shrink:0;font-size:12px;padding:10px 13px}.topbar{min-height:65px}.welcome{min-height:315px}.welcome-copy{width:66%}h1{font-size:55px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid{grid-template-columns:1.2fr 1fr}.help-steps{grid-template-columns:1fr 1fr 1fr}.input-row input{flex-basis:50%}}
@media(max-width:680px){.sidebar{padding:20px 20px 0}.sidebar nav{margin-top:19px}.topbar{padding:0 20px;min-height:66px;font-size:12px}.breadcrumb{display:none}.health-badge{font-size:11px}.content{padding:21px 20px 0}.welcome{min-height:355px;border-radius:13px}.welcome-copy{width:100%;padding:28px 25px}.welcome-copy>p:not(.eyebrow){max-width:285px;font-size:13px}.welcome-art{background-image:linear-gradient(90deg,#23472bf5,#23472be8 60%,#23472b80),url('/assets/world.png');background-position:70% 50%}h1{font-size:49px;letter-spacing:-1.8px}.eyebrow{font-size:9px}.action-grid,.news-grid{grid-template-columns:1fr}.action-grid{gap:17px;margin-top:19px}.card{padding:24px}.input-row{flex-wrap:nowrap}.input-row input{flex-basis:auto}.input-row .button{width:auto;font-size:12px;padding-inline:12px}.section-heading{align-items:flex-start;gap:15px}.section-note{display:none}.section-heading h2{font-size:21px}.section-heading .text-link{font-size:11px;max-width:100px;text-align:right}.page-section{padding-top:34px}.games-grid{grid-template-columns:1fr 1fr;gap:10px}.game-card{display:block;padding:17px 14px}.game-symbol{margin-bottom:13px;width:38px;height:38px}.game-card h3{font-size:13px}.download-card{padding:24px}.download-brand img{width:51px;height:51px}.download-brand h3{font-size:23px}.download-actions{align-items:flex-start;flex-direction:column;gap:12px}.download-actions .button{width:100%}.help-steps{grid-template-columns:1fr;gap:22px}.help-steps p{max-width:500px}footer{flex-direction:column;line-height:1.8}footer>div{flex-wrap:wrap;gap:17px}.button{min-height:44px}#invite-result{gap:10px}.service-details>div{font-size:12px}}
@media(max-width:370px){.content{padding-inline:15px}.topbar{padding-inline:15px}.card{padding:20px}.input-row{flex-direction:column}.input-row .button{width:100%}.games-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}