@font-face{font-family:Roboto;src:url('/assets/roboto.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#131820;--border:#314052;--text:#acbdd0;--accent:#2bd4de;--white:#f1f5fa;--muted:#8b9eb5;--surface:#17212d;--field:#141d28;--hover:#1b2835;--active-bg:#19303b;--active-line:#28515c;--line:#304253;--line-soft:#2a3645;--topbar:#192238;--r-s:6px;--r-m:8px;--r-l:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:.9375rem/1.6 Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--white);font-weight:500;line-height:1.15}h1{font-size:clamp(2.375rem,4.1vw,3.875rem);letter-spacing:-0.03em}h2{font-size:2rem;letter-spacing:-0.02em}h3{font-size:1.3125rem}em{font-style:normal;color:var(--accent)}.muted{color:var(--muted)}.skip{position:fixed;left:20px;top:-80px;background:var(--accent);color:#10202b;padding:12px;z-index:10}.skip:focus{top:10px}
.topbar{height:82px;background:#192238;border-bottom:1px solid #293749;display:flex;align-items:center;padding:0 34px;gap:26px}.brand{display:flex;align-items:center;gap:13px;font-size:1.25rem;color:var(--white);white-space:nowrap}.brand img{object-fit:contain}.brand-light{color:#a9b9cc}.top-account{margin-left:auto;font-size:0.8125rem;color:#e4edf5}.top-account span{color:var(--accent);margin-left:16px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 82px)}.sidebar{padding:36px 18px;border-right:1px solid #263241;display:flex;flex-direction:column;background:#141b25}.sidebar nav{display:grid;gap:9px}.sidebar nav a{display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:var(--r-s);padding:12px 14px;font-size:0.8125rem;transition:background .15s}.sidebar nav a:hover{background:var(--hover);color:var(--white)}.sidebar nav a.active{background:var(--active-bg);border-color:var(--active-line);color:var(--accent)}.sidebar nav a span{font-size:1.25rem;width:22px;text-align:center;line-height:1}.content{max-width:1600px;width:100%;margin:auto;padding:0 48px}.lead{font-size:1rem;line-height:1.8;max-width:490px;margin-top:24px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 20px;border-radius:var(--r-s);border:1px solid transparent;font-size:0.8125rem;cursor:pointer;line-height:1.4;text-align:center;transition:background .15s}.primary{background:var(--accent);color:#0e1c25;font-weight:600}.primary:hover{background:#79e3e9}.secondary{background:#1b2638;border-color:var(--line);color:#bccbdd}.secondary:hover{background:#25354b}.button.disabled,button:disabled{background:#202a36;color:#8a9aaf;border-color:#334154;cursor:not-allowed}.micro{font-size:0.75rem;line-height:1.7;color:var(--muted);display:block;margin-top:15px}
.section{padding:35px 0 60px;border-top:1px solid var(--line-soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{border-top:1px solid #3b5266;background:linear-gradient(#192330,#171f2a);padding:25px 24px 30px}.feature-grid h3{font-size:1.125rem;margin-bottom:15px}.feature-grid p{font-size:0.8125rem;line-height:1.8;color:#9db0c4}.download-section{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:65px 0}.download-section h2{font-size:1.75rem}.download-section p{font-size:0.8125rem;margin-top:16px}.download-section .micro{font-size:0.75rem;max-width:520px}.download-action{flex-shrink:0}.download-action .micro{font-size:0.75rem;text-align:center}footer{border-top:1px solid #293441;padding:23px 0 28px;display:flex;justify-content:space-between;gap:15px;font-size:0.75rem;color:#91a4b9}footer>span:first-child{color:#c2cfdd}
.login-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;min-height:650px;padding:65px 0}.login-layout h1{font-size:2.875rem}.login-card{background:#182330;border:1px solid #354b5b;border-radius:var(--r-m);padding:40px 30px;text-align:center}.login-card img{object-fit:contain;margin-bottom:24px}.login-card h2{font-size:1.5625rem}.login-card p{font-size:0.8125rem;margin:18px 0 24px}.login-card .micro{font-size:0.75rem;margin-bottom:0}.login-card .button{width:100%}.login-benefits{margin-top:35px}.login-benefits p{font-size:0.8125rem;margin:17px 0}.login-benefits span{color:var(--accent);font-size:0.75rem;margin-right:18px}.account-heading{padding:42px 0 32px}.account-heading h1{font-size:2.625rem}.account-heading .lead{margin-top:16px}.account-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:22px}.identity-card,.subscription-card,.account-download{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:32px}.avatar{display:flex;width:54px;height:54px;border-radius:50%;background:#22394b;color:var(--accent);font-size:2.25rem;align-items:center;justify-content:center;margin-bottom:18px}.verified{font-size:0.75rem;color:var(--accent)}.identity-card h2{font-size:1.4375rem;margin-top:12px}.steam-id{font-size:1.125rem;color:var(--white);letter-spacing:0.08em;margin:8px 0 14px;overflow-wrap:anywhere}.text-link{font-size:0.75rem;color:var(--accent)}.text-link:hover{text-decoration:underline}.subscription-card{background:linear-gradient(120deg,#1c303b,#192330)}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.badge{padding:4px 11px;background:#293444;border:1px solid #415165;border-radius:30px;font-size:0.75rem;white-space:nowrap}.badge.on{background:#194149;border-color:#297581;color:#76eef1}.subscription-card h2{font-size:1.75rem}.subscription-card>p{font-size:0.8125rem;margin-top:15px}dl{font-size:0.75rem;margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}dd{margin:0;color:#e0eaf2;text-align:right}.account-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin:22px 0 55px}.account-bottom h2{font-size:1.4375rem}.account-bottom p{font-size:0.8125rem;margin:17px 0 23px}.account-bottom .micro{font-size:0.75rem;margin-bottom:0}.small{min-height:32px;padding:6px 15px;font-size:0.75rem}.error-card{padding:90px 0;max-width:650px;min-height:70vh}.error-card h1{font-size:2.75rem}.error-card .button{margin-top:30px;margin-right:24px}
.mono{font-family:Consolas,"Cascadia Mono",monospace;letter-spacing:0.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:28px 32px;margin:22px 0}.admin-panel h2{font-size:1.4375rem}.admin-search label{display:block;font-size:0.75rem;margin-bottom:8px}.search-row{display:flex;gap:10px;flex-wrap:wrap}.admin-panel input,.admin-card input[type=text],.admin-card input[type=number]{flex:1;min-width:0;padding:12px;color:var(--white);background:var(--field);border:1px solid var(--line);border-radius:var(--r-s);font-size:0.8125rem}.data-table{width:100%;border-collapse:collapse;font-size:0.75rem;margin-top:18px}.data-table th{text-align:left;font-weight:400;font-size:0.75rem;letter-spacing:0.12em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);text-transform:uppercase}.data-table td{padding:12px;border-bottom:1px solid #263241;vertical-align:middle;color:#d3dfea;overflow-wrap:anywhere}.data-table tbody tr:hover td{background:var(--hover)}.row-action{text-align:right}.alert{border:1px solid;border-radius:var(--r-s);padding:12px 16px;font-size:0.8125rem;margin:0 0 22px}.admin-panel .alert{margin:18px 0 0}.alert.error{background:#3a1f26;border-color:#7a3a46;color:#ffc2cb}.alert.ok{background:#173a3f;border-color:#297581;color:#9ff3f5}.badge.warn{background:#3a2b1c;border-color:#7a5a32;color:#ffd39a}.empty{font-size:0.8125rem;color:var(--muted);margin-top:18px}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:22px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:28px}.admin-card h3{margin-bottom:10px}.admin-card p{font-size:0.8125rem}.admin-card label{display:block;font-size:0.75rem;margin:14px 0 6px}.admin-card input[type=text],.admin-card input[type=number]{display:block;width:100%}.admin-card .check{display:flex;gap:10px;align-items:center;font-size:0.75rem;margin-top:16px}.admin-card .check input{width:18px;height:18px;accent-color:var(--accent)}.admin-card .button{margin-top:18px;width:100%}.danger{background:#5a2330;border-color:#8c3a4a;color:#ffdce2}.danger:hover{background:#6e2b3a}.admin-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #315563;border-radius:var(--r-m);background:linear-gradient(120deg,#192b35,#18212e);padding:28px 32px;margin:0 0 55px}.admin-callout h2{font-size:1.4375rem}.admin-callout p{font-size:0.8125rem;margin-top:10px}.mono-title{font-family:Consolas,"Cascadia Mono",monospace;font-size:2.25rem;letter-spacing:0;overflow-wrap:anywhere;margin-top:16px}.identity-card dd{overflow-wrap:anywhere}.small-text{font-size:0.75rem}.avatar-img{display:block;width:64px;height:64px;border-radius:50%;border:2px solid var(--active-line);object-fit:cover;margin-bottom:18px;background:#22394b}.steam-name{overflow-wrap:anywhere}.done-account{display:flex;gap:16px;align-items:center;margin-top:28px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}.done-account .avatar-img,.done-account .avatar{margin:0;flex-shrink:0}.done-account strong{display:block;color:var(--white);font-weight:500;font-size:1.0625rem;overflow-wrap:anywhere}.done-account .micro{margin-top:4px}.data-table .mono,.data-table .badge,.row-action .button{white-space:nowrap}.data-table td .badge{display:inline-block;margin:2px 4px 2px 0}.error-card .actions .button{margin-top:0}.error-card .actions{margin-top:30px}
.content{margin:0 auto;display:flex;flex-direction:column}.content>main{flex:1}.error-card{min-height:0}
.top-right{margin-left:auto;display:flex;align-items:center;gap:22px}.top-right .top-account{margin-left:0}.lang-switch{display:flex;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.lang-switch a{padding:5px 10px;font-size:0.75rem;letter-spacing:0.08em;color:#9fb0c5}.lang-switch a:hover{color:var(--white);background:var(--hover)}.lang-switch a.active{background:var(--active-bg);color:var(--accent)}
.top-account.signed-in{display:flex;align-items:center;gap:10px}.top-account.signed-in img{width:32px;height:32px;border-radius:50%;border:1px solid var(--active-line);object-fit:cover}.top-account.signed-in span{margin:0;color:#e4edf5;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{margin-top:6px}.feature-grid h3{margin-bottom:12px}.steps-section{padding:10px 0 55px}.steps-section h2{font-size:1.75rem;margin-bottom:22px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:20px;font-size:0.875rem;line-height:1.7}.steps b{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--active-bg);border:1px solid var(--active-line);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:500}.download-section{border-top:1px solid var(--line-soft)}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:42px 0 30px}.page-heading h1{font-size:2.625rem}.page-heading .lead{margin-top:14px;max-width:640px}.page-heading form,.page-heading>.button{flex-shrink:0;margin-top:8px}.empty-state{font-size:0.9375rem;color:var(--muted);padding:40px 0 80px}
.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;border-bottom:1px solid var(--line-soft)}.admin-tabs{display:flex;gap:6px}.admin-tabs a{padding:9px 16px;border-radius:var(--r-s);border:1px solid transparent;font-size:0.8125rem}.admin-tabs a:hover{background:var(--hover);color:var(--white)}.admin-tabs a.active{background:var(--active-bg);border-color:var(--active-line);color:var(--accent)}
.server-thumb{width:48px;height:48px;object-fit:contain;display:inline-block;vertical-align:middle}.server-thumb.empty{font-size:1.625rem;color:#3d536b;text-align:center;line-height:48px}.move{display:inline-flex;gap:6px}.move form{display:inline}.move .button{min-height:30px;padding:4px 12px}
.server-form label{display:block;font-size:0.75rem;margin:18px 0 7px}.server-form input[type=text]{display:block;width:100%;max-width:560px}.server-form fieldset{border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px 18px;margin:24px 0 8px}.server-form legend{padding:0 8px;font-size:0.75rem;color:var(--white)}.server-form input[type=file]{font-size:0.75rem;color:var(--text)}.server-form .check{display:flex;gap:10px;align-items:center;font-size:0.8125rem;margin-top:20px}.server-form>.button{margin-top:22px}
.icon-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.icon-option{display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0!important;padding:10px 6px;border:1px solid var(--line);border-radius:var(--r-m);cursor:pointer;text-align:center;font-size:0.75rem!important}.icon-option:has(input:checked){border-color:var(--accent);background:var(--active-bg);color:var(--accent)}.icon-option img{width:56px;height:56px;object-fit:contain}.icon-option input{accent-color:var(--accent)}.admin-panel .check input,.admin-panel .icon-option input,.admin-panel input[type=file]{flex:none;padding:0;border:0;background:none}.admin-panel .check input{width:18px;height:18px;accent-color:var(--accent)}.admin-panel input[type=file]{color:var(--text);font-size:0.75rem;margin-top:4px}
.danger-zone{border-color:#5a2e37}.danger-zone p{font-size:0.8125rem;margin-top:10px}.danger-zone form{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:14px}.danger-zone .check{display:flex;gap:10px;align-items:center;font-size:0.8125rem}.account-bottom.single{grid-template-columns:1fr}
.hero-banner{position:relative;display:flex;align-items:center;min-height:clamp(460px,46vw,640px);margin:0 -48px;padding:40px 48px;overflow:hidden;border-bottom:1px solid var(--line-soft);isolation:isolate}
.hero-video{position:absolute;z-index:-2;right:1%;top:50%;width:min(980px,62%);height:auto;aspect-ratio:16/9;transform:translateY(-50%);pointer-events:none;object-fit:contain;background:var(--bg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.hero-shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle min(230px,17vw) at calc(99% - min(490px,31%)) 54%,rgba(43,212,222,.2),rgba(43,212,222,.07) 55%,transparent 100%),linear-gradient(90deg,var(--bg) 0%,rgba(19,24,32,.85) 24%,rgba(19,24,32,0) 42%),linear-gradient(0deg,var(--bg) 0%,rgba(19,24,32,0) 16%)}
.hero-copy{position:relative;max-width:min(470px,40%)}
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,185px);gap:15px 12px;margin-bottom:18px}
.srv{position:relative;width:185px;height:230px;background:var(--bg);border:1px solid #2a3949;border-radius:var(--r-l);display:flex;flex-direction:column;align-items:center;transition:border-color .15s}.srv:hover,.srv:focus-within{border-color:var(--accent)}
.srv-top{display:flex;align-items:center;width:100%;height:48px;padding:5px 4px 0}.srv-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--text);cursor:pointer;border-radius:var(--r-m)}.srv-icon:hover,.srv-icon:focus-visible{color:var(--accent)}.srv-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.srv-caption{flex:1;min-width:0;text-align:center;font-size:0.75rem;letter-spacing:-0.02em;color:#738597;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srv-caption.done{color:var(--accent)}.srv-caption[data-online]::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;background:#738597}.srv-caption[data-online="1"]::before{background:#4cc978}
.srv-logo{height:115px;width:calc(100% - 52px);margin-top:11px;display:flex;align-items:center;justify-content:center}.srv-logo img{max-width:100%;max-height:115px;width:auto;height:auto;object-fit:contain}
.srv-name{position:absolute;left:10px;right:10px;bottom:12px;height:31px;display:flex;align-items:center;justify-content:center;font-size:0.9375rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.hero-banner{margin:0 -30px;padding:36px 30px}}
@media(max-width:680px){.hero-banner{flex-direction:column;align-items:stretch;min-height:0;margin:0 -22px;padding:0 22px 36px}.hero-video{position:relative;z-index:-2;right:auto;top:auto;transform:none;width:130%;max-width:none;margin:0 -15% -18%}.hero-shade{background:linear-gradient(180deg,rgba(19,24,32,0) 30%,var(--bg) 58%)}.hero-copy{max-width:none}.hero-copy h1{font-size:2.25rem}.srv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.srv{width:auto}}
@media(max-width:960px){.steps{grid-template-columns:1fr}.workspace{grid-template-rows:auto 1fr}}
@media(max-width:680px){.top-right{gap:10px}.lang-switch a{padding:4px 7px}.page-heading{flex-direction:column;padding-top:30px}.page-heading h1{font-size:2rem}.admin-bar{flex-wrap:wrap;padding:12px 0}.top-account.signed-in span{max-width:110px}}
@media(min-width:1600px){.content{padding:0 65px}}
@media(max-width:1200px){.workspace{grid-template-columns:195px minmax(0,1fr)}.content{padding:0 30px}.sidebar{padding-left:10px;padding-right:10px}h1{font-size:2.75rem}.actions{gap:9px}.button{padding:12px 15px}.feature-grid article{padding:22px 18px}.login-layout{gap:30px}.login-layout h1{font-size:2.4375rem}.identity-card,.subscription-card,.account-download{padding:25px}}
@media(max-width:1100px){.data-table thead{display:none}.data-table tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.data-table td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 14px;border:0;padding:6px 0;text-align:right}.data-table td::before{content:attr(data-label);color:var(--muted);font-size:0.75rem;letter-spacing:0.08em;text-align:left;flex-shrink:0}.data-table .row-action::before{content:none}.row-action .button{width:100%}.data-table tbody tr:hover td{background:none}}
@media(max-width:960px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid #293849;padding:12px 24px}.sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.sidebar nav a{padding:8px 10px;font-size:0.75rem;gap:7px}.sidebar nav a span{font-size:0.9375rem;width:16px}.topbar{padding:0 25px}.content{padding:0 30px}.download-section{align-items:flex-start}.account-grid{grid-template-columns:1fr 1.4fr}}
@media(max-width:680px){h1{font-size:2.625rem;letter-spacing:-0.03em}h2{font-size:1.6875rem}.topbar{height:72px;padding:0 18px;gap:10px}.brand{gap:8px;font-size:0.9375rem}.brand img{width:33px;height:33px}.brand-light{display:block;font-size:0.75rem;line-height:1.1}.top-account{font-size:0.75rem}.top-account span{margin-left:4px}.sidebar{padding:10px 12px}.sidebar nav{gap:2px}.sidebar nav a{font-size:0.75rem;padding:8px 7px}.sidebar nav a span{display:none}.content{padding:0 22px}.lead{font-size:0.9375rem}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid article{padding:24px}.download-section{flex-direction:column;padding:45px 0;gap:24px}.download-action .micro{text-align:left}footer{flex-wrap:wrap;gap:13px}footer>span:nth-child(2){order:3;width:100%}.login-layout{grid-template-columns:1fr;gap:28px;padding:40px 0}.login-layout h1{font-size:2.375rem}.login-card{padding:30px 24px}.login-benefits{margin-top:24px}.account-heading{padding-top:35px}.account-heading h1{font-size:2.125rem}.account-grid,.account-bottom{grid-template-columns:1fr}.card-heading{flex-wrap:wrap;margin-bottom:23px}.account-bottom{margin-bottom:35px}dl>div{flex-wrap:wrap;gap:5px}dd{text-align:left}.error-card{padding:60px 0}.error-card h1{font-size:2.25rem}.admin-panel{padding:22px 18px}.admin-card{padding:22px 18px}.admin-callout{flex-direction:column;align-items:flex-start;padding:24px 20px}.mono-title{font-size:1.5625rem}.search-row .button{flex:1}}
.sub-state{font-size:0.9375rem;color:var(--white);margin:-10px 0 22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.sub-state span{font-size:0.75rem;color:var(--accent)}.sub-includes{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}.sub-includes li{display:flex;align-items:center;gap:12px;background:var(--field);border:1px solid #2c3d4d;border-radius:var(--r-s);padding:13px 16px;font-size:0.8125rem;color:#aebdcd}.sub-includes .tick{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#232f3d;color:#5f7185;font-size:0.75rem;flex-shrink:0}.sub-includes li.on{color:var(--white)}.sub-includes li.on .tick{background:#19444c;color:var(--accent)}.sub-includes small{margin-left:auto;font-size:0.75rem;color:var(--muted)}.sub-includes li.on small{color:var(--accent)}.sub-action{border-top:1px solid #2c3d4d;padding-top:20px}.sub-action .button{width:100%}.sub-action .micro{margin-top:12px;text-align:center}
/* Display type: tight leading on large headings (tracking is em-based, so it scales with size). */
h1{line-height:1.06}
/* Response: feedback on press, instant and small; colour changes ease out. */
.button,.srv-icon,.sidebar nav a,.admin-tabs a,.lang-switch a,.text-link,.srv{transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}
.button:active:not(:disabled):not(.disabled),.srv-icon:active{transform:scale(.97)}
.sidebar nav a:active,.admin-tabs a:active,.lang-switch a:active{background:var(--hover)}
/* Floating, translucent top bar: stays in place, content scrolls under it; soft edge instead of a hard line. */
.topbar{position:sticky;top:0;z-index:30;background:rgba(25,34,56,.78);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 12px 24px -20px rgba(0,0,0,.8)}
.skip{z-index:40}
@media(min-width:961px){.sidebar{position:sticky;top:82px;height:calc(100vh - 82px);overflow-y:auto;align-self:start}}
/* Server cards: room for a full address; the icons name their action in the caption on hover/focus. */
.srv-grid{grid-template-columns:repeat(auto-fill,220px);margin-bottom:60px}.srv{width:220px}.srv-caption{letter-spacing:0}.srv-caption.hint{color:var(--white)}
@media(max-width:680px){.srv-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.srv{width:auto}}
/* Accessibility: gentler motion (colour and opacity stay), solid surfaces, more contrast when asked for. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-property:color,background-color,border-color,opacity!important}.button:active,.srv-icon:active{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.topbar{background:var(--topbar);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){:root{--text:#d3dde8;--muted:#b4c3d4;--line:#5d7590;--line-soft:#4a5f76}.topbar{background:var(--topbar);-webkit-backdrop-filter:none;backdrop-filter:none}.srv-caption,.micro{color:var(--text)}}

/* Support chat: round button bottom right, opens the Telegram bot. */
.support-chat{position:fixed;right:22px;bottom:22px;z-index:50;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#0e1c25;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .1s ease-out,filter .15s ease-out}.support-chat:hover,.support-chat:focus-visible{filter:brightness(1.08)}.support-chat:active{transform:scale(.95)}.support-chat svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:680px){.support-chat{right:16px;bottom:16px;width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.support-chat:active{transform:none}}
.power{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.power form{display:inline-flex;margin:0}
/* Language drop-down (details/summary, no script). */
.lang-menu{position:relative}.lang-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:var(--r-s);font-size:0.75rem;letter-spacing:0.08em;color:#9fb0c5;user-select:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.lang-menu summary:hover,.lang-menu[open] summary{color:var(--white);background:var(--hover)}
.lang-menu nav{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:170px;padding:5px;display:flex;flex-direction:column;background:var(--panel,#182131);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.lang-menu nav a{display:flex;gap:10px;padding:8px 10px;border-radius:8px;font-size:0.875rem;color:var(--text)}.lang-menu nav a b{width:22px;font-weight:600;font-size:0.75rem;letter-spacing:0.06em;color:#9fb0c5}.lang-menu nav a:hover,.lang-menu nav a:focus-visible{background:var(--hover);color:var(--white)}.lang-menu nav a.active,.lang-menu nav a.active b{color:var(--accent)}/* Hero animation is decoration: no taps, no iOS play/pause overlay. */
.hero-video{pointer-events:none;-webkit-user-select:none;user-select:none}.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-panel,.hero-video::-webkit-media-controls-start-playback-button,.hero-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
/* About page: story cards, support callout, security grid; every block has a line icon in an accent disc. */
.about-heading .eyebrow{margin:0 0 6px;font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent)}
.about-heading .lead{max-width:640px}
.about-story,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-story{margin-bottom:22px}
.about-card{position:relative;padding:22px 22px 20px;border:1px solid var(--line);border-radius:var(--r-l);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));transition:border-color .15s ease-out,transform .15s ease-out}
.about-card:hover{border-color:rgba(44,214,222,.45);transform:translateY(-2px)}
.about-card h3{margin:14px 0 8px;font-size:1.0625rem;color:var(--white)}
.about-card p{margin:0;color:var(--muted);line-height:1.6}
.about-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(44,214,222,.12);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(44,214,222,.25)}
.about-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-support{display:flex;align-items:center;gap:20px;margin:0 0 34px;padding:24px;border-radius:var(--r-l);border:1px solid rgba(44,214,222,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(44,214,222,.16),rgba(44,214,222,.03) 55%,transparent)}
.about-support .about-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%}
.about-support .about-icon svg{width:28px;height:28px}
.about-support h2{margin:0 0 6px;font-size:1.25rem}
.about-support p{margin:0;color:var(--muted);line-height:1.6}
.about-support>div{flex:1}
.about-title{margin:0 0 16px;font-size:1.5rem}
@media(max-width:780px){.about-story,.about-grid{grid-template-columns:1fr}.about-support{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.about-card,.about-card:hover{transform:none}}/* Pricing and legal pages. */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.plan{padding:24px 22px;border:1px solid var(--line);border-radius:var(--r-l);text-align:center}
.plan{display:flex;flex-direction:column;align-items:center;background:var(--surface);cursor:default}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;margin-bottom:20px;padding:4px 12px;border-radius:999px;color:var(--muted);font-size:.8rem;background:rgba(255,255,255,.04)}
.plan-badge.best-value{color:var(--accent);background:rgba(44,214,222,.12)}
.plan-saving{font-size:.85rem;color:var(--text);margin:16px 0 0;min-height:2.5em}
.plan-action{width:100%;margin-top:22px}
.plan h3{margin:0 0 10px;font-size:1.0625rem;color:var(--white)}
.plan-price{margin:0;font-size:2.25rem;font-weight:600;color:var(--accent);letter-spacing:-0.02em}
.plan-per{display:block;margin-top:2px;color:var(--muted);font-size:0.875rem}
.plan .micro{margin:12px 0 0}
.plan-includes ul{margin:0 0 12px;padding-left:20px;line-height:1.7}
.legal{max-width:760px}.legal section{margin-bottom:22px}.legal h2{font-size:1.125rem;margin:0 0 8px}.legal p{color:var(--muted);line-height:1.65;margin:0 0 8px}.legal-contact{margin-top:28px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px}.footer-links a{color:#9fb0c5}.footer-links a:hover{color:var(--white)}
@media(max-width:780px){.plans{grid-template-columns:1fr}}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-panel{max-width:640px}.contact-panel textarea{width:100%;resize:vertical;font:inherit;color:var(--text);background:var(--field,#0f1620);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px}.message.new{border-color:rgba(44,214,222,.45)}.message-text{white-space:pre-wrap;margin:6px 0 12px}
.plan-buttons{display:grid;gap:10px}.plan-buttons .button{width:100%}.sub-action form .button{width:100%}
/* Inventory and collection editor: same responsive cards and controls as the app. */
.inventory-app{max-width:1500px;margin:auto}.inv-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.inv-heading h1{margin-bottom:8px}.inv-heading p{color:#9aabbe}.inv-toolbar,.inv-actions,.inv-set-tools,#inv-teams{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.inv-toolbar{margin:24px 0}.inv-toolbar input{margin-left:auto;min-width:230px}.inventory-app input,.inv-picker input,.inventory-app select,.inv-picker select{background:#171e28;color:#dfe7f2;border:1px solid #344455;border-radius:9px;padding:10px;max-width:100%;font:inherit}.inv-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.inv-layout:has(.inv-collections[hidden]){grid-template-columns:minmax(0,1fr)}.inv-collections{display:flex;flex-direction:column;gap:10px}.inv-collections[hidden]{display:none}.inv-collection{border:1px solid #2b3748;border-radius:10px;padding:14px;text-align:left;background:#171e28;color:#cad6e7;cursor:pointer;font:inherit}.inv-collection.active,#inv-teams .active{border-color:#20c5cf;background:#203440}.inv-set-tools{margin-bottom:18px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.inv-card-wrap{min-width:0}.inv-card{--rarity:#2d475b;background:linear-gradient(170deg,#151b24 10%,var(--rarity) 150%);border:1px solid #2b394b;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px;color:#dfe7f2;cursor:pointer;text-align:left;width:100%;height:240px;font:inherit}.inv-card:hover,.inv-card:focus-visible,.inv-card.selected{border-color:#20c5cf;outline:2px solid #20c5cf;outline-offset:1px}.inv-rarity-blue{--rarity:#39449d}.inv-rarity-purple{--rarity:#7142ba}.inv-rarity-pink{--rarity:#a42b96}.inv-rarity-red{--rarity:#bd4449}.inv-rarity-gold{--rarity:#957236}.inv-card img{height:104px;width:100%;object-fit:contain}.inv-card strong,.inv-card span{overflow:hidden;text-overflow:ellipsis}.inv-card small{font-size:11px;color:#b2c6d9}.inv-card small:last-child{margin-top:auto}.inv-remove{background:none;border:0;color:#a9bcd0;padding:8px;cursor:pointer}.inv-picker{background:#131a23;color:#dfe7f2;border:1px solid #344455;border-radius:14px;width:min(1150px,94vw);max-width:94vw;max-height:92dvh;padding:24px;overflow:auto}.inv-picker::backdrop{background:#03070ccc}.inv-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.inv-dialog-heading h2{margin:0}.inv-dialog-heading button{font-size:28px;color:#dfe7f2;background:none;border:0;cursor:pointer}.inv-picker form>input{width:100%;box-sizing:border-box;margin-bottom:18px}.inv-picker-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.inv-picker #inv-pick-grid{align-content:start;max-height:65dvh;overflow:auto;padding:3px}.inv-settings{display:flex;flex-direction:column;gap:15px}.inv-settings label{display:flex;flex-direction:column;gap:6px}.inv-settings .inv-check{flex-direction:row;align-items:center}.inv-settings input[type=range]{padding:0;width:100%;accent-color:#22c5cf}.inv-settings button{margin-top:12px}.inv-settings small{color:#a8bbce}#inv-status:not(:empty){padding:12px 0;color:#7bd6dc}button:disabled{opacity:.6;cursor:wait}.inventory-app[aria-busy=true]{cursor:progress}@media(max-width:850px){.inv-layout{grid-template-columns:1fr}.inv-collections{max-height:250px;overflow:auto}.inv-picker-body{grid-template-columns:1fr}.inv-picker #inv-pick-grid{max-height:38dvh}.inv-heading{align-items:flex-start;flex-direction:column}.inv-toolbar input{margin-left:0;width:100%}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.inv-card{height:230px}}
.plan-form fieldset{border:0;margin:0 0 14px;padding:0}.plan-form legend{margin-bottom:10px;color:var(--white);font-size:.9375rem}.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border:1px solid #2c3d4d;border-radius:var(--r-s);background:var(--field);cursor:pointer;text-align:center}.plan-option input{position:absolute;opacity:0;pointer-events:none}.plan-option:has(input:checked){border-color:var(--accent);background:rgba(44,214,222,.1)}.plan-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.plan-option-term{color:var(--white);font-size:.875rem}.plan-option-price{color:var(--accent);font-size:1.375rem;font-weight:600}.plan-option-per{color:var(--muted);font-size:.75rem}.plan-form .button{width:100%}.sub-managed{margin:0 0 14px;color:var(--white)}@media(max-width:520px){.plan-options{grid-template-columns:1fr}}
.promo-redeem{margin-top:18px;padding-top:16px;border-top:1px solid #2c3d4d}.promo-redeem label{display:block;margin-bottom:8px;color:var(--white);font-size:.9375rem}.promo-row{display:flex;gap:10px}.promo-row input{flex:1;min-width:0;font:inherit;color:var(--text);background:var(--field);border:1px solid #2c3d4d;border-radius:var(--r-s);padding:10px 12px;letter-spacing:.04em;text-transform:uppercase}.sub-action .promo-row .button{width:auto;flex:0 0 auto;white-space:nowrap}.promo-redeem .alert{margin:12px 0 0}.promo-create fieldset{border:1px solid #2c3d4d;border-radius:var(--r-s);margin:14px 0;padding:12px 14px}.promo-create legend{padding:0 6px;color:var(--white)}.promo-create .check{display:flex;gap:8px;align-items:center;margin:8px 0 6px}@media(max-width:520px){.promo-row{flex-direction:column}.sub-action .promo-row .button{width:100%}}
.pay-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;margin:0 0 20px}.pay-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);color:var(--white);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.pay-tile:hover,.pay-tile:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.pay-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pay-mark{display:flex;align-items:center;justify-content:center;width:100%;height:60px;color:var(--white)}.pay-mark>img,.pay-mark>svg{height:48px;width:auto;max-width:100%}.pay-mark>img[src$="google-pay.svg"]{height:60px;margin:-6px 0}.pay-mark>img[src$="skins.svg"]{height:30px}.pay-mark>svg{height:40px;color:#e8eef5}.pay-badge{display:flex;align-items:center;justify-content:center;height:48px;aspect-ratio:165/106;padding:0 7px;border-radius:7px;background:#fff}.pay-badge img{width:100%;height:auto}.pay-name{font-size:.9375rem}.pay-via{font-size:.75rem;color:var(--muted)}.pay-tile.soon{cursor:default;opacity:.6}.pay-tile.soon:hover{border-color:var(--line);transform:none}.qr-dialog{border:0;padding:0;border-radius:24px;background:#1c1c1e;color:#f5f5f7;width:min(440px,calc(100vw - 32px));overflow:hidden}.qr-dialog::backdrop{background:rgba(0,0,0,.65)}.qr-code{display:flex;justify-content:center;padding:36px 24px 28px;background:#2c2c2e}.qr-code svg{width:240px;max-width:100%;height:auto;border-radius:18px}.qr-text{padding:18px 28px 28px;text-align:center}.qr-text h2{margin:12px 0 8px;font-size:1.375rem;color:#fff}.qr-text p{margin:0 0 8px;color:#c7c7cc}.qr-mark{height:30px;width:auto}.qr-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.identity-subscription{width:100%;margin-top:22px;padding-top:20px;border-top:1px solid #2c3d4d;text-align:left}.identity-subscription .card-heading{margin-bottom:14px}.identity-subscription h3{margin:0;font-size:1.0625rem;color:var(--white)}.identity-subscription .sub-state{margin:0 0 14px}.identity-subscription .sub-includes{margin:0}.subscription-card .sub-action{border-top:0;padding-top:0}
.order-owner{margin:0 0 6px;padding:14px 16px;border:1px solid var(--accent);border-radius:var(--r-s);background:rgba(44,214,222,.08);color:var(--white)}.order-owner .mono{color:var(--muted);margin-left:6px}
.donate-skin{margin-top:16px;padding-top:16px;border-top:1px solid #2c3d4d}.donate-skin .button{width:100%}.donate-skin .micro{margin:10px 0 0;text-align:center}
/* Servers page: access indicator and the request-a-map dialog */
.srv-access{margin-top:14px}.page-heading .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.map-dialog{border:1px solid var(--line);padding:26px;border-radius:var(--r-l);background:var(--surface);color:var(--white);width:min(520px,calc(100vw - 32px))}.map-dialog::backdrop{background:rgba(0,0,0,.65)}.map-dialog h2{margin:0 0 14px;font-size:1.375rem}.map-dialog .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* Admin servers: Steam game server token per map server */
.gslt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.gslt-form{display:flex;gap:8px;flex-wrap:wrap}.gslt-form input{width:19em;max-width:100%}
/* Admin servers: bunny hop per server */
.bhop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.bhop .micro{margin:0 4px 0 0}
/* Home page: «Что умеет Workshop Manager» (interactive app windows, site.js). */
.showcase .showcase-head{max-width:680px;margin-bottom:34px}.showcase .showcase-head h2{font-size:2rem;color:var(--white);margin:0 0 10px;letter-spacing:-.01em}.showcase .showcase-head p{margin:0;color:#9db0c4;font-size:.9375rem;line-height:1.7}.showcase .show-list{display:flex;flex-direction:column;gap:26px}.showcase .show-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;align-items:center;padding:36px 40px;border:1px solid var(--line-soft);border-radius:var(--r-l);background:linear-gradient(135deg,#18222e,#151c26);overflow:hidden}.showcase .show-row::before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(closest-side,rgba(43,212,222,.12),transparent);pointer-events:none}.showcase .show-row.flip{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.showcase .show-row.flip::before{right:auto;left:-120px}.showcase .show-row.flip .show-text{order:2}.showcase .show-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.showcase .show-kicker::before{content:"";width:18px;height:2px;background:var(--accent);border-radius:2px}.showcase .show-text h3{font-size:1.5rem;color:var(--white);margin:0 0 12px;line-height:1.3}.showcase .show-text p{margin:0 0 18px;color:#9db0c4;font-size:.875rem;line-height:1.8}.showcase .show-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}.showcase .show-points li{display:flex;gap:10px;font-size:.875rem;color:#c9d6e3;line-height:1.5}.showcase .show-points li{position:relative}.showcase .show-points li::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--active-bg);border:1px solid var(--active-line);box-sizing:border-box}.showcase .show-points li::after{content:"";position:absolute;left:6px;top:6px;width:6px;height:3px;border:solid var(--accent);border-width:0 0 2px 2px;transform:rotate(-45deg)}.showcase .app{position:relative;z-index:1;border:1px solid #2f3e4e;border-radius:14px;background:#141c25;box-shadow:0 24px 60px rgba(0,0,0,.45);overflow:hidden;user-select:none}.showcase .app-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #243140;background:#111821;font-size:.6875rem;color:#6f8399}.showcase .app-bar i{width:9px;height:9px;border-radius:50%;background:#2a3846}.showcase .app-bar span{margin-left:8px}.showcase .app-body{padding:18px}.showcase .panel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;background:#1a242f;border:1px solid #2b3946;border-radius:12px;padding:16px}.showcase .tile{border:2px solid #2bd4de;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;background:linear-gradient(#26303d,#2f3a49);box-shadow:0 0 18px rgba(43,212,222,.18)}.showcase .tile.covert{background:linear-gradient(170deg,#2a2530 10%,#7a2f38)}.showcase .tile img{width:100%;height:96px;object-fit:contain;margin:auto 0;transition:transform .25s ease,opacity .25s ease}.showcase .tile img.swap{transform:scale(.85);opacity:0}.showcase .tile b{display:block;font-size:.75rem;color:#eef3f8;font-weight:500;margin:6px 0 8px}.showcase .tile small{display:block;font-size:.625rem;color:#c3cfdb}.showcase .tile button.link{all:unset;cursor:pointer;font-size:.625rem;color:var(--accent)}.showcase .tile button.link:hover{text-decoration:underline}.showcase .p-title{font-size:1.125rem;color:#dfe8f1;margin:0 0 3px}.showcase .p-sub{font-size:.6875rem;color:#8ea2b6;margin-bottom:12px;min-height:1.2em}.showcase .p-sub b{font-weight:400;color:#8ea2b6;transition:color .3s}.showcase .p-sub b.new{color:var(--accent)}.showcase .app .btn{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:30px;padding:0 6px;line-height:1.2;border-radius:7px;border:1px solid #4a5f75;background:#2a3b4d;color:#dbe5ef;font:inherit;font-size:.6875rem;cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.showcase .app .btn:hover{background:#33475b;border-color:#5b7390}.showcase .app .btn:active{transform:scale(.98)}.showcase .app .btn.primary{background:#1d777d;border-color:#1d777d;color:#eaf7f8}.showcase .app .btn.primary:hover{background:#238a91}.showcase .app .btn.flash{box-shadow:0 0 0 2px rgba(43,212,222,.55)}.showcase .btn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.showcase .btn-row.two{grid-template-columns:1fr 1fr}.showcase .mt{margin-top:12px}.showcase .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 10px}.showcase .field label{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:#aebdcc;margin-bottom:6px}.showcase .num{width:64px;border:1px solid #3a4b5d;background:#141c25;border-radius:6px;padding:3px 7px;color:#dbe5ef;font:inherit;font-size:.6875rem}.showcase .num:focus,.showcase .text-in:focus{outline:none;border-color:var(--accent)}.showcase .range{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;margin:0}.showcase .range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--track)}.showcase .range::-moz-range-track{height:4px;border-radius:2px;background:var(--track)}.showcase .range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4px;background:var(--thumb);border:2px solid var(--thumb-line)}.showcase .range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--thumb);border:2px solid var(--thumb-line)}.showcase .range.wear{--track:linear-gradient(90deg,#2fae5a 0 7%,#9bc23a 7% 15%,#e2b52e 15% 38%,#e4782d 38% 45%,#d9443b 45%);--thumb:#fff;--thumb-line:#2a2f36}.showcase .range.seed{--track:#2b3a4a;--thumb:#2bd4de;--thumb-line:#2bd4de}.showcase .extra{display:grid;grid-template-columns:auto 76px 1fr;gap:8px;align-items:center;font-size:.6875rem;color:#c5d2de}.showcase .check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.6875rem;color:#c5d2de}.showcase .check input{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1px solid #4a5f75;border-radius:3px;margin:0;cursor:pointer;display:grid;place-content:center}.showcase .check input:checked{background:var(--accent);border-color:var(--accent)}.showcase .check input:checked::after{content:"";width:6px;height:3px;border:2px solid #0f1a22;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.showcase .text-in{height:26px;width:100%;box-sizing:border-box;border:1px solid #33475a;border-radius:6px;background:#141c25;color:#dbe5ef;font:inherit;font-size:.6875rem;padding:0 9px}.showcase .text-in::placeholder{color:#64788d}.showcase .text-in:disabled{color:#4f6175}.showcase .inspect{position:relative;background:#1b2530;border:1px solid #2b3946;border-radius:12px;padding:38px 22px 20px}.showcase .ins-head{display:flex;gap:18px;align-items:center}.showcase .ins-icon{all:unset;cursor:pointer;width:70px;height:70px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .15s}.showcase .ins-icon:hover{background:rgba(43,212,222,.08)}.showcase .ins-icon img{width:66px;height:66px;object-fit:contain;transition:transform .25s,opacity .25s}.showcase .ins-icon img.swap{transform:scale(.8);opacity:0}.showcase .ins-name{font-size:1.25rem;letter-spacing:.06em;color:#eef3f8;text-transform:uppercase;font-weight:500}.showcase .ins-col{font-size:.9375rem;color:#d4dde6;margin-top:6px}.showcase .rarity{all:unset;display:block;cursor:pointer;width:100%;padding:8px 0;margin:6px 0 4px;position:relative}.showcase .rarity i{display:block;height:5px;border-radius:2px;background:var(--rar,#eb4b4b);box-shadow:0 0 14px color-mix(in srgb,var(--rar,#eb4b4b) 55%,transparent);transition:background .25s,box-shadow .25s}.showcase .rarity em{position:absolute;right:0;top:-10px;font-style:normal;font-size:.625rem;color:var(--rar,#eb4b4b);opacity:0;transition:opacity .2s}.showcase .rarity:hover em,.showcase .rarity.shown em{opacity:1}.showcase .ins-desc{font-size:.75rem;line-height:1.7;color:#cdd7e1;margin:6px 0 0}.showcase .ins-quote{font-style:italic;font-size:.75rem;color:#cdd7e1;margin:10px 0 16px}.showcase .editable{cursor:text;border-radius:4px;outline:1px dashed rgba(43,212,222,.45);outline-offset:4px;padding:0 2px;transition:outline-color .15s,background .15s}.showcase .editable:hover{outline-color:var(--accent)}.showcase .editable:focus{outline:1px solid var(--accent);background:rgba(43,212,222,.06)}.showcase .inspect.hidden-all .ins-hideable{opacity:0;pointer-events:none}.showcase .ins-hideable{transition:opacity .25s}.showcase .edit-tag{position:absolute;top:10px;right:14px;font-size:.625rem;color:#0f1a22;background:var(--accent);border-radius:20px;padding:2px 9px;font-weight:500}.showcase .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.showcase .mini{border:1px solid var(--line-soft);border-radius:var(--r-l);background:linear-gradient(#192330,#171f2a);padding:24px}.showcase .mini .about-icon{width:52px;height:52px;border-radius:50%;margin-bottom:16px}.showcase .mini h3{font-size:1.0625rem;color:var(--white);margin:0 0 8px;font-weight:500}.showcase .mini p{font-size:.8125rem;line-height:1.75;color:#9db0c4;margin:0}@media(max-width:980px){.showcase .show-row,.showcase .show-row.flip{grid-template-columns:1fr;gap:26px;padding:26px 22px}.showcase .show-row.flip .show-text{order:0}.showcase .mini-grid{grid-template-columns:1fr}}@media(max-width:680px){.showcase .panel{grid-template-columns:1fr}.showcase .tile{min-height:0;width:160px;margin:0 auto}.showcase .btn-row{grid-template-columns:1fr}.showcase .fields{grid-template-columns:1fr}.showcase .extra{grid-template-columns:1fr 1fr}.showcase .extra .text-in.tag{grid-column:1/-1}.showcase .showcase-head h2{font-size:1.6rem}.showcase .app-body{padding:12px}.showcase .ins-name{font-size:1rem}.showcase .edit-tag{position:static;display:inline-block;margin-bottom:12px}.showcase .show-row,.showcase .show-row.flip{padding:22px 16px}}.showcase .privacy-note{display:flex;gap:12px;align-items:center;margin-top:22px;padding:12px 14px;border:1px solid var(--active-line);border-radius:10px;background:rgba(43,212,222,.06);font-size:.8125rem;line-height:1.55;color:#c9d6e3}.showcase .privacy-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(44,214,222,.12);box-shadow:inset 0 0 0 1px rgba(44,214,222,.25);color:var(--accent)}.showcase .privacy-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.showcase .show-row{align-items:stretch}.showcase .show-text{display:flex;flex-direction:column;justify-content:center}.showcase .show-text:has(.privacy-note){justify-content:flex-start}.showcase .show-text .privacy-note{margin-top:auto}.showcase .show-text:has(.privacy-note) .show-points{margin-bottom:22px}.showcase .app{display:flex;flex-direction:column}.showcase .app-body{flex:1;display:flex;flex-direction:column;justify-content:center}
@media(max-width:680px){.showcase .inspect{padding-top:18px}}
.sa-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.sa-heading .actions{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:6px}.panel-head .micro{margin:0}.sa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0}.sa-field{background:var(--field);border:1px solid var(--line-soft);border-radius:var(--r-m);padding:14px 16px;min-width:0}.sa-label{display:block;font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.sa-value{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sa-value form{display:inline-flex;margin:0}.sa-note{font-size:0.75rem;line-height:1.6;color:var(--muted);margin:10px 0 0}.sa-buttons{display:flex;flex-wrap:wrap;gap:6px}.sa-buttons form{display:inline-flex;margin:0}.sa-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-panel .sa-inline input,.sa-card .sa-inline input{flex:1 1 140px;min-width:0;padding:7px 10px;font-size:0.8125rem;color:var(--white);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s)}.admin-panel .sa-inline input.sa-number,.sa-card .sa-inline input.sa-number{flex:0 0 74px;width:74px;text-align:center}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.seg form{display:flex;margin:0}.seg form+form .seg-btn{border-left:1px solid var(--line)}.seg-btn{min-height:32px;padding:6px 13px;background:#1b2638;color:#bccbdd;border:0;font:inherit;font-size:0.75rem;cursor:pointer;transition:background .15s}.seg-btn:hover{background:var(--hover)}.seg-btn.on{background:var(--active-bg);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
.sa-list{display:flex;flex-direction:column;gap:14px;margin:22px 0}.sa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:18px 20px}.sa-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sa-head .server-thumb{width:44px;height:44px;line-height:44px}.sa-title{flex:1 1 220px;min-width:0}.sa-title h3{font-size:1.0625rem;color:var(--white);font-weight:500;margin:0;overflow-wrap:anywhere}.sa-address{display:block;font-size:0.75rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.sa-badges{display:flex;gap:6px;flex-wrap:wrap}.sa-tools{display:flex;gap:8px;align-items:center}.sa-card .sa-grid{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}.sa-off{padding-top:12px;border-top:1px solid var(--line-soft);margin-top:14px}.sa-details{margin-left:4px}.sa-details summary{cursor:pointer;color:var(--accent);font-size:0.75rem;list-style:none;display:inline-block;padding:4px 2px}.sa-details summary::-webkit-details-marker{display:none}.sa-details summary:hover{text-decoration:underline}.sa-details[open]{flex-basis:100%;margin:6px 0 0}.sa-details[open] summary{margin-bottom:8px}.sa-field .badge{display:inline-block}
@media(max-width:900px){.sa-grid{grid-template-columns:1fr}}@media(max-width:680px){.sa-card{padding:16px 14px}.sa-tools{width:100%;justify-content:space-between}.sa-grid{grid-template-columns:1fr}.seg{display:flex;width:100%}.seg form{flex:1}.seg-btn{width:100%;padding:6px 8px}}
.tut-heading{padding-bottom:22px}.tut-admin{margin-top:0}.tut-admin .sa-inline{margin-top:14px}.tut-admin .sa-inline input{max-width:520px}.tut-remove{margin-top:10px}
.tut-stage{position:relative;margin:0 0 42px}.tut-stage::before{content:"";position:absolute;inset:-40px -30px;background:radial-gradient(60% 55% at 50% 40%,rgba(43,212,222,.16),transparent 70%);pointer-events:none;z-index:0}.tut-video{position:relative;z-index:1;aspect-ratio:16/9;width:100%;max-width:1040px;margin:0 auto;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--active-line);background:#0d131a;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(43,212,222,.08)}.tut-video iframe{display:block;width:100%;height:100%;border:0}.tut-video-empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,#1b2b38,#0f151d 70%)}.tut-video-empty::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.tut-placeholder{position:relative;z-index:1;text-align:center;padding:24px;max-width:460px}.tut-placeholder h2{font-size:1.5rem;color:var(--white);margin:18px 0 8px}.tut-placeholder p{color:var(--muted);font-size:.875rem;line-height:1.7;margin:0}.tut-play{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:rgba(43,212,222,.12);box-shadow:inset 0 0 0 1px rgba(43,212,222,.35),0 0 40px rgba(43,212,222,.2);color:var(--accent)}.tut-play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}
.tut-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:none}.tut-step{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 18px 20px;border:1px solid var(--line);border-radius:var(--r-l);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));transition:border-color .2s,transform .2s}.tut-step:hover{border-color:rgba(44,214,222,.45);transform:translateY(-2px)}.tut-step h3{font-size:1rem;color:var(--white);margin:0 0 6px}.tut-step p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.6}.tut-num{position:absolute;top:14px;right:16px;font-size:1.75rem;font-weight:600;color:rgba(43,212,222,.18);line-height:1}.tut-help{flex-wrap:wrap}.tut-help>div:first-of-type{flex:1 1 260px}.tut-help .actions{margin-top:0}
@media(max-width:1200px){.tut-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.tut-steps{grid-template-columns:1fr}.tut-step{flex-direction:row;align-items:flex-start}.tut-stage::before{inset:-20px -10px}}
/* Home hero: inspection scope behind the rifle (07.10.2026). The rifle is a transparent animated WebP, so it covers
   the scope (a "lighten" video let the scope lines show through the rifle). The reticle is drawn around (0,0) of its viewBox: every ring turns about that point. It keeps
   turning with reduced motion too, like the hero video (owner's decision). */
.hero-video{background:none}
.hero-scope{position:absolute;z-index:-3;left:calc(99% - min(490px,31%));top:54%;width:min(380px,28%);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.hero-scope svg{display:block;width:100%;height:100%;overflow:visible}
.hero-scope g{fill:none;stroke:#2bd4de;stroke-width:.5}
.hero-scope .spin,.hero-scope .sweep,.hero-scope .pulse{transform-box:view-box;transform-origin:0 0;animation:hero-turn 40s linear infinite}
.hero-scope .s60{animation-duration:60s}.hero-scope .s45{animation-duration:45s}.hero-scope .s30{animation-duration:30s}.hero-scope .s22{animation-duration:22s}.hero-scope .s18{animation-duration:18s}.hero-scope .s14{animation-duration:14s}.hero-scope .ccw{animation-direction:reverse}
.hero-scope .sweep{animation-duration:7s}.hero-scope .sweep path{stroke:none}
.hero-scope .pulse{animation:hero-pulse 4s ease-in-out infinite;stroke-opacity:.55;stroke-width:.6}
.hero-scope .cross{stroke-opacity:.5}.hero-scope .dots{stroke-opacity:.3;stroke-width:.4;stroke-dasharray:1 4}.hero-scope .ticks{stroke-opacity:.45}.hero-scope .arcs{stroke-opacity:.7;stroke-width:.9}.hero-scope .dash{stroke-opacity:.35;stroke-dasharray:10 6 2 6}.hero-scope .marks{fill:#2bd4de;fill-opacity:.7;stroke:none}.hero-scope .near{stroke-opacity:.5;stroke-dasharray:3 9}
.hero-scope text{font:500 7px Roboto,"Segoe UI",sans-serif;letter-spacing:.14em;fill:#2bd4de;fill-opacity:.6}
@keyframes hero-turn{to{transform:rotate(360deg)}}
@keyframes hero-pulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.06);opacity:1}}
@media(max-width:680px){.hero-scope{left:50%;top:clamp(110px,31vw,200px);width:min(62%,300px)}.hero-scope text{display:none}}
/* Line icons in the menu and on the download button (stroke follows the text colour). */
.sidebar nav a span svg,.btn-ico svg{display:block;width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn-ico{display:inline-flex}.btn-ico svg{width:18px;height:18px;stroke-width:2}
@media(max-width:1100px){.sidebar nav a span svg{width:16px;height:16px}}
/* Tutorial: the intro fits on one line on a wide screen. */
.tut-heading .lead{max-width:none}

.top-wallet{display:inline-flex;align-items:center;gap:14px;padding:6px;border-radius:5px;border:1px solid var(--active-line);background:var(--active-bg);color:var(--accent);white-space:nowrap}.top-wallet:hover,.top-wallet:focus-visible{background:var(--hover);border-color:var(--accent)}.top-wallet:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wallet-dollar,.wallet-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:3px}.wallet-dollar{background:rgba(35,204,214,.14);font-size:1.25rem;font-weight:700}.wallet-icon{background:var(--accent);color:#0e1c25}.wallet-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wallet-copy{min-width:116px;padding-right:2px}.wallet-copy strong{display:block;font-size:1rem;line-height:1.1;font-weight:700}.wallet-copy small{display:block;font-size:.625rem;line-height:1.4;text-transform:uppercase;color:#fff;font-weight:700;letter-spacing:.02em}
@media(max-width:640px){.topbar{padding:0 12px;gap:10px}.topbar .brand>span,.top-account.signed-in>span{display:none}.top-right{gap:8px}.top-wallet{gap:8px;padding:5px}.wallet-dollar{display:none}.wallet-copy{min-width:100px}.wallet-icon{width:32px;height:32px}}@media(max-width:380px){.top-wallet{gap:6px}.wallet-copy{min-width:85px}.wallet-copy small{font-size:.55rem}.wallet-copy strong{font-size:.875rem}.wallet-icon{width:28px;height:28px}.wallet-icon svg{width:21px;height:21px}}

/* Wallet: funding and subscription purchase are distinct actions. */
.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 28px}.wallet-heading h1{font-size:2.4rem;margin:0 0 12px}.wallet-heading p{margin:0;color:var(--muted)}.wallet-total{background:var(--active-bg);border:1px solid var(--active-line);border-radius:12px;padding:18px 24px;min-width:190px}.wallet-total span,.wallet-total strong{display:block}.wallet-total strong{font-size:1.6rem;color:var(--accent);margin-top:6px}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.wallet-panel{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.wallet-panel h2{font-size:1.4rem;margin:0 0 14px}.wallet-panel p{line-height:1.6}.wallet-panel form{display:flex;flex-direction:column;gap:18px;margin:22px 0}.wallet-panel label{display:flex;flex-direction:column;gap:10px}.wallet-panel input,.wallet-panel select{width:100%;box-sizing:border-box;padding:13px 16px;font:inherit;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:48px}.wallet-panel input:focus,.wallet-panel select:focus{outline:2px solid var(--accent);outline-offset:2px}.wallet-panel button{min-height:48px}.wallet-history{margin-bottom:24px}.wallet-history-row{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px}.wallet-history-row strong{display:block;margin-top:7px}.wallet-history-row p{grid-column:1/-1;margin:0}.wallet-notice{padding:16px;border-radius:8px;background:var(--active-bg);border:1px solid var(--active-line)}@media(max-width:760px){.wallet-grid{grid-template-columns:1fr}.wallet-heading{align-items:stretch;flex-direction:column}.wallet-panel{padding:20px}.wallet-heading h1{font-size:2rem}.wallet-total{min-width:0}}

.wallet-heading .wallet-total{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:280px;padding:14px 20px}.wallet-heading .wallet-total strong{margin:0;font-size:1.35rem}.wallet-history-row>.badge{align-self:start;justify-self:end;height:auto;padding:5px 12px;line-height:1.4;white-space:nowrap}.wallet-history-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.wallet-history-actions form{margin:0}.wallet-panel .wallet-donate-form{display:flex;flex-direction:row;align-items:end;gap:20px;max-width:650px}.wallet-donate-form label{flex:1}.table-wrap{overflow-x:auto}@media(max-width:760px){.wallet-heading .wallet-total{min-width:0}.wallet-panel .wallet-donate-form{flex-direction:column;align-items:stretch}.wallet-history-actions .button{width:100%}.wallet-history-actions form{width:100%}}

/* Shared top-bar rhythm: language, wallet and avatar align on a 48px rail. */
.top-right{align-items:center;gap:16px}.top-right .lang-menu summary{height:48px;min-width:64px;justify-content:center;padding:0 12px;border-radius:8px;font-size:.8125rem;letter-spacing:.02em;background:transparent}.top-right .top-wallet{height:48px;padding:6px 8px;gap:10px;border-radius:8px;background:rgba(43,212,222,.06)}.top-right .wallet-dollar{width:32px;height:32px;font-size:1.125rem;background:transparent}.top-right .wallet-icon{width:32px;height:32px;border-radius:7px;background:rgba(43,212,222,.12);color:var(--accent)}.top-right .wallet-icon svg{width:23px;height:23px;stroke-width:1.7}.top-right .wallet-copy{min-width:112px}.top-right .wallet-copy strong{font-size:1rem}.top-right .wallet-copy small{font-size:.6rem;font-weight:500;letter-spacing:.03em;color:var(--text)}.top-right .top-account.signed-in{height:48px;display:inline-flex;align-items:center;gap:12px;margin-left:4px}.top-right .top-account.signed-in img{width:48px;height:48px;object-fit:cover;flex:none}.top-right .top-account.signed-in span{margin-left:0}@media(max-width:640px){.top-right{gap:8px}.top-right .lang-menu summary{height:44px;min-width:52px;padding:0 8px}.top-right .top-wallet,.top-right .top-account.signed-in{height:44px}.top-right .top-account.signed-in img{width:44px;height:44px}.top-right .wallet-copy{min-width:92px}.top-right .wallet-copy small{font-size:.53rem}.top-right .wallet-icon{width:28px;height:28px}.top-right .top-wallet{gap:7px;padding:5px}.top-right .top-account.signed-in{margin-left:0}}
@media(max-width:380px){.top-right .wallet-copy{min-width:0}.top-right .wallet-copy small{display:none}.top-right .wallet-icon{width:25px;height:25px}.top-right .top-wallet{gap:6px}}

.skin-pay-form{display:flex;margin:0}.skin-pay-form>.pay-tile{width:100%;height:100%}.wallet-heading+section.wallet-panel{margin-bottom:24px}

.wallet-heading+section.wallet-panel form{max-width:640px}

.skin-pay-form .skin-provider-logo{display:block;width:65px;height:auto;object-fit:contain;margin:0 auto 8px}.skin-pay-form .pay-tile{padding-top:18px;gap:8px}.wallet-donate-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#193541,#172431 70%);border-color:#326471;box-shadow:inset 0 1px 0 rgba(81,225,228,.08)}.wallet-donate-panel h2{color:#bceef0;padding-right:36px}.donate-heart{position:absolute;right:24px;top:20px;font-size:2.1rem;line-height:1;color:var(--accent)}.wallet-donate-panel .button{background:var(--accent);color:#10212c;border-color:transparent;font-weight:600}.wallet-donate-panel .button:hover{background:#79e3e9}.wallet-grid .wallet-panel form,.wallet-grid .wallet-donate-form{display:flex;flex-direction:column;align-items:stretch;max-width:none}.wallet-grid .wallet-donate-form label{flex:none}.wallet-grid .wallet-panel{display:flex;flex-direction:column}.wallet-grid .wallet-panel>form{margin-top:auto;padding-top:22px}.wallet-grid .wallet-panel>p{margin-bottom:4px}

.pay-tile .paddle-provider-logo,.skin-pay-form .skin-provider-logo{display:block;width:72px;height:34px;object-fit:contain;margin:0 auto 8px}

.donate-skin>.button{min-height:56px;gap:12px;border:1px solid #38707a;background:linear-gradient(110deg,#1a4853,#213d4c);color:#ccf7f8;font-weight:600;box-shadow:inset 0 1px 0 rgba(108,237,239,.08)}.donate-skin>.button:hover{background:linear-gradient(110deg,#216270,#294e5d);border-color:var(--accent);color:var(--white)}.donate-skin-heart{font-size:1.6rem;line-height:1;color:var(--accent)}

.donation-stepper{display:flex;align-items:center;gap:10px}.donation-stepper input{text-align:center;min-width:0;appearance:textfield;-moz-appearance:textfield}.donation-stepper input::-webkit-inner-spin-button,.donation-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wallet-donate-panel .donation-step{flex:none;width:46px;min-height:48px;padding:0;border:1px solid #3a626d;border-radius:9px;background:#1b3440;color:var(--accent);font-size:1.5rem;font-weight:400}.wallet-donate-panel .donation-step:hover{background:#284b58;border-color:var(--accent)}.wallet-donate-panel .donation-all{align-self:flex-start;min-height:32px;padding:5px 10px;border:1px solid #3a626d;border-radius:7px;background:transparent;color:#b8e5e8;font-size:.8rem;font-weight:500}.wallet-donate-panel .donation-all:hover{background:#284b58}.wallet-donate-panel .donation-all:disabled{opacity:.5;cursor:default;background:transparent}

.wallet-donate-panel .donation-stepper .donation-all{align-self:center;width:46px;min-height:48px;padding:0;font-size:1.6rem;background:#1b3440;color:var(--accent)}

.wallet-donate-panel .donation-stepper .donation-all{font-size:.8rem;font-weight:700;letter-spacing:.04em}

.wallet-grid select{appearance:none;padding-right:48px}.wallet-select{position:relative}.wallet-select::after{content:"";position:absolute;right:20px;bottom:24px;width:7px;height:7px;border-right:2px solid #9bb1c4;border-bottom:2px solid #9bb1c4;transform:rotate(45deg);pointer-events:none}

.wallet-heading .wallet-total{display:flex;flex-direction:column;align-items:stretch;gap:10px}.wallet-balance-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.wallet-pending-row{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--active-line);font-size:.85rem;color:var(--muted)}.wallet-heading .wallet-pending-row strong{font-size:1rem;margin-left:auto;color:#b4c9d5}.wallet-clock{width:18px;height:18px;flex:none}

.wallet-values{display:flex;align-items:center;gap:12px}.top-wallet-pending{display:inline-flex;align-items:center;gap:5px;color:#b4c9d5;font-size:.85rem;font-weight:500;white-space:nowrap}.top-wallet-pending svg{width:16px;height:16px;flex:none}@media(max-width:640px){.wallet-values{gap:8px}.top-wallet-pending{font-size:.75rem}.top-wallet-pending svg{width:14px;height:14px}}