.st-login{max-width:640px;margin:0 auto}.st-steps{list-style:none;counter-reset:l;display:flex;flex-direction:column;gap:10px;margin:4px 0 24px}.st-steps li{counter-increment:l;position:relative;padding-left:48px;font-size:19px}.st-steps li::before{content:counter(l,upper-roman);position:absolute;left:0;top:-3px;width:36px;text-align:center;font-weight:700;font-size:25px;color:var(--rubric)}.st-login-form{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:end}.st-login-form .form-error{grid-column:1 / -1}.st-login-form .input{text-transform:uppercase;font-family:Consolas,"Cascadia Mono",monospace}.st-purse{display:grid;grid-template-columns:auto 1fr minmax(240px,340px) auto;gap:22px;align-items:center;margin-bottom:18px;padding:20px 24px;background:var(--paper-hi) var(--paper-tex);border:1.5px solid var(--ink-2);box-shadow:inset 0 0 0 5px var(--paper-hi),inset 0 0 0 6px var(--line-soft),var(--shadow)}.st-coins{display:flex;align-items:center;gap:14px}.st-coin{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#5c3d0c;background:radial-gradient(circle at 35% 30%,#f6dc8e,var(--gold-hi) 50%,#7a5518);box-shadow:0 3px 8px rgba(80,50,10,.35),inset 0 -3px 6px rgba(0,0,0,.25),inset 0 2px 4px rgba(255,245,210,.6)}.st-coins b{display:block;font-size:40px;line-height:1}.st-coins span{font-family:var(--caps);font-size:15px;color:var(--ink-dim)}.st-nick{font-family:var(--caps);font-weight:700;font-size:20px}.st-vip{margin-top:4px;font-size:16px;color:var(--ink-2)}.st-vip-badge{display:inline-block;padding:1px 10px;border-radius:3px;font-family:var(--caps);font-weight:700;font-size:15px;color:#2a1c12;background:var(--vc,var(--gold-hi));border:1.5px solid var(--ink-2)}.st-dim{color:var(--ink-dim);font-style:italic}.st-topup{padding-left:20px;border-left:1.5px solid var(--line-soft);font-size:15.5px;color:var(--ink-2);line-height:1.4}.st-topup-title{font-family:var(--caps);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--rubric);margin-bottom:2px}.st-banner{margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--rubric);background:rgba(154,42,29,.07);font-style:italic}.st-sections{margin-bottom:18px}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-bottom:40px}.st-card{display:flex;flex-direction:column;gap:6px;padding:24px}.st-card h3{font-size:24px;margin:0}.st-card p{flex:1;font-size:16.5px}.st-card-vip{border-color:var(--vc,var(--ink-2));box-shadow:inset 0 0 0 5px var(--paper-hi),inset 0 0 0 7px var(--vc,var(--line-soft)),var(--shadow)}.st-kind{font-family:var(--caps);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--rubric)}.st-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line-soft)}.st-cost{font-weight:700;font-size:21px;color:var(--ink)}.st-cost::before{content:"♛ ";color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none !important}.st-h{font-family:var(--caps);font-size:24px;color:var(--rubric);margin:0 0 12px;display:flex;align-items:center;gap:14px}.st-h::after{content:"";flex:1;height:1px;background:var(--line-soft)}.st-plus{color:var(--ok);font-weight:700}.st-minus{color:var(--ink-2)}.st-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(42,28,18,.45)}.st-box{width:min(520px,100%);padding:34px 32px 26px}.st-box h2{font-size:32px}.st-box .sub{margin-bottom:18px}.st-box select.input{letter-spacing:0;font-size:19px}.st-price{margin:14px 0 4px;font-size:19px}.st-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media (max-width:960px){.st-purse{grid-template-columns:auto 1fr}.st-topup{grid-column:1 / -1;padding:12px 0 0;border-left:0;border-top:1.5px solid var(--line-soft)}#logoutBtn{grid-column:1 / -1;justify-self:start}}@media (max-width:620px){.st-login-form{grid-template-columns:1fr}.st-history thead{display:none}.st-history tr{display:block;padding:10px 6px;border-bottom:1.5px solid var(--line-soft)}.st-history td{display:flex;gap:12px;border:0;padding:4px 6px}.st-history td::before{content:attr(data-label);flex:0 0 70px;font-family:var(--caps);font-size:14px;color:var(--ink-dim)}}