:root{color:#f8f3e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#08090d;--panel:#0f121bc2;--panel-strong:#141824f0;--muted:#aca69b;--gold:#e6c06b;--gold-soft:#f4d286;--cyan:#70e5ff;--emerald:#6de2aa;--danger:#ff8e8e;background:#08090d;font-family:Avenir Next,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 8%,#70e5ff21,#0000 32rem),radial-gradient(circle at 12% 48%,#e6c06b1f,#0000 34rem),linear-gradient(145deg,#08090d 0%,#10121b 48%,#050507 100%);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.account-shell{min-height:100vh;overflow:hidden}.account-shell:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.account-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050507ad;border-bottom:1px solid #e6c06b24;justify-content:space-between;align-items:center;min-height:64px;padding:0 max(24px,50vw - 620px);display:flex;position:relative}.account-brand{color:#fff4cf;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.95rem;font-weight:900;display:inline-flex}.account-brand img{object-fit:contain;filter:drop-shadow(0 0 14px #e6c06b47);width:34px;height:34px}.header-actions{align-items:center;gap:12px;display:flex}.header-actions>a,.header-actions select{color:#f8f3e7c7;background:#00000042;border:1px solid #ffffff29;border-radius:4px;min-height:34px;font-size:.76rem;font-weight:800}.header-actions>a{place-items:center;padding:0 14px;transition:border-color .18s,color .18s,transform .18s;display:inline-grid}.header-actions>a:hover{color:var(--gold-soft);border-color:#e6c06b6b;transform:translateY(-1px)}.header-actions select{cursor:pointer;outline:none;width:100px;padding:0 8px}.account-hero{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:86px 24px 62px;display:grid;position:relative}.account-hero:after{z-index:-1;content:"";background:radial-gradient(circle,#70e5ff1f,#0000 68%);border-radius:50%;width:560px;height:560px;position:absolute;top:24px;right:-220px}.eyebrow,.section-kicker{color:var(--gold);letter-spacing:.2em;font-size:.7rem;font-weight:900}.hero-copy h1{letter-spacing:-.055em;max-width:680px;margin:18px 0 20px;font-size:clamp(2.7rem,5.4vw,5.2rem);font-weight:800;line-height:.98}.hero-copy>p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.85}.account-card{background:linear-gradient(140deg, #e6c06b0f, transparent 40%), var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #e6c06b3d;border-radius:14px;min-height:390px;padding:28px;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073,inset 0 1px #ffffff0a}.account-card:after{content:"";background:radial-gradient(circle,#e6c06b21,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-100px}.account-card-heading{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.account-card h2,.plans-section h2,.support-section h2{color:#fff8e7;letter-spacing:-.035em;margin:7px 0 0;font-size:1.65rem}.online-dot{background:var(--emerald);border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #6de2aad9}.signed-out{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;min-height:290px;display:flex;position:relative}.signed-out p{max-width:390px;color:var(--muted);margin:0 0 28px;line-height:1.75}.steam-button,.pending-purchase button{cursor:pointer;color:#dffaff;background:linear-gradient(135deg,#70e5ff38,#70e5ff12);border:1px solid #70e5ff7a;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:.82rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.steam-button svg{width:22px;height:22px}.steam-button:hover:not(:disabled),.pending-purchase button:hover:not(:disabled){border-color:var(--cyan);background:linear-gradient(135deg,#70e5ff4d,#70e5ff1a);transform:translateY(-2px)}button:disabled,a.disabled{cursor:not-allowed;opacity:.48}.identity-line{z-index:1;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin:30px 0 24px;padding-bottom:22px;display:flex;position:relative}.steam-avatar{width:48px;height:48px;color:var(--cyan);background:#70e5ff14;border:1px solid #70e5ff3d;border-radius:50%;flex:none;place-items:center;display:grid}.steam-avatar svg{width:25px;height:25px}.identity-line div:last-child{min-width:0}.identity-line strong,.identity-line span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.identity-line strong{color:#fff;font-size:1rem}.identity-line span{color:#f8f3e775;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.account-stats{z-index:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.account-stats>div{background:#0000002e;border:1px solid #ffffff12;border-radius:7px;min-width:0;padding:12px 14px}.account-stats span,.account-stats strong{display:block}.account-stats span{color:#f8f3e780;letter-spacing:.04em;font-size:.68rem;font-weight:700}.account-stats strong{color:#fff5d7;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.92rem;overflow:hidden}.account-controls{z-index:1;gap:10px;margin-top:18px;display:flex;position:relative}.account-controls button{cursor:pointer;min-height:36px;color:var(--gold-soft);background:#e6c06b12;border:1px solid #e6c06b42;border-radius:4px;padding:0 14px;font-size:.74rem;font-weight:800}.account-controls button.quiet{color:var(--muted);background:0 0;border-color:#ffffff1a}.plans-section{border-top:1px solid #e6c06b24;max-width:1240px;margin:0 auto;padding:64px 24px 70px}.section-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px;display:flex}.section-heading p,.support-section p,.pending-purchase p{max-width:720px;color:var(--muted);margin:12px 0 0;line-height:1.75}.membership-notice{color:#baf5d6;background:#6de2aa0f;border:1px solid #6de2aa33;border-radius:6px;max-width:390px;padding:11px 14px;font-size:.75rem;line-height:1.55}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan-card{background:linear-gradient(155deg,#ffffff09,#0000 46%),#0a0c12c7;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;min-height:445px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.plan-card:hover{transform:translateY(-4px)}.plan-card-amber:hover{border-color:#e6c06b61;box-shadow:0 28px 72px #e6c06b14}.plan-card-emerald:hover{border-color:#6de2aa61;box-shadow:0 28px 72px #6de2aa14}.plan-card-cyan:hover{border-color:#70e5ff61;box-shadow:0 28px 72px #70e5ff14}.plan-card-accent{height:2px;position:absolute;top:0;left:0;right:0}.plan-card-amber .plan-card-accent,.plan-card-amber .credit-mark{background:var(--gold)}.plan-card-emerald .plan-card-accent,.plan-card-emerald .credit-mark{background:var(--emerald)}.plan-card-cyan .plan-card-accent,.plan-card-cyan .credit-mark{background:var(--cyan)}.plan-card-topline{justify-content:space-between;align-items:flex-start;gap:12px;min-height:68px;display:flex}.plan-card h3{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.35rem}.plan-card-topline p{color:var(--muted);margin:7px 0 0;font-size:.78rem}.plan-badges{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.plan-badge{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:.61rem;font-weight:900}.plan-badge.recommended{color:#aaf1cc;background:#6de2aa1f}.plan-badge.current{color:var(--gold-soft);background:#e6c06b1f}.plan-price{align-items:baseline;margin:25px 0 18px;display:flex}.plan-price strong{color:#fff5d7;letter-spacing:-.055em;font-size:2.4rem}.plan-price span{color:#f8f3e76b;margin-left:7px;font-size:.72rem}.plan-credit-line{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;align-items:center;gap:9px;min-height:42px;display:flex}.credit-mark{color:#08090d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.63rem;font-weight:1000;display:grid}.plan-credit-line strong{color:#f8f3e7e6;font-size:.76rem}.plan-card ul{color:#f8f3e7ad;gap:10px;margin:20px 0 26px;padding:0;font-size:.76rem;line-height:1.5;list-style:none;display:grid}.plan-card li{gap:8px;display:flex}.plan-card li span{color:var(--emerald);font-weight:900}.plan-action{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff29;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:auto;font-size:.76rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:flex}.plan-card-amber .plan-action:not(:disabled){color:var(--gold-soft);border-color:#e6c06b57}.plan-card-emerald .plan-action:not(:disabled){color:#baf5d6;border-color:#6de2aa57}.plan-card-cyan .plan-action:not(:disabled){color:#dffaff;border-color:#70e5ff57}.plan-action:hover:not(:disabled){background:#ffffff17;border-color:currentColor;transform:translateY(-1px)}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pending-purchase{background:#70e5ff0b;border:1px solid #70e5ff2e;border-radius:9px;justify-content:space-between;align-items:center;gap:32px;margin-top:18px;padding:20px 22px;display:flex}.pending-purchase h3{color:#e6fbff;margin:6px 0 0}.pending-purchase p{margin-top:7px;font-size:.76rem}.pending-purchase button{flex:none}.support-section{background:linear-gradient(110deg,#e6c06b14,#0000 52%),#0c0e15c2;border:1px solid #e6c06b2e;border-radius:12px;justify-content:space-between;align-items:center;gap:48px;max-width:1192px;margin:0 auto 80px;padding:34px 38px;display:flex}.support-section>div{min-width:0}.support-section a{min-height:44px;color:var(--gold-soft);border:1px solid #e6c06b66;border-radius:5px;flex:none;place-items:center;padding:0 20px;font-size:.78rem;font-weight:900;transition:transform .18s,background .18s;display:inline-grid}.support-section a:not(.disabled):hover{background:#e6c06b14;transform:translateY(-2px)}footer{color:#f8f3e76b;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:30px;max-width:1240px;margin:0 auto;padding:24px;font-size:.7rem;line-height:1.5;display:flex}footer a{color:var(--gold);flex:none}.status-toast{z-index:50;color:#c9f8df;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1813f0;border:1px solid #6de2aa52;border-radius:7px;align-items:center;gap:16px;max-width:min(460px,100vw - 44px);padding:14px 14px 14px 16px;font-size:.78rem;line-height:1.5;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #00000070}.status-toast.error{color:#ffd3d3;background:#200d11f2;border-color:#ff8e8e52}.status-toast button{cursor:pointer;color:currentColor;background:0 0;border:0;flex:none;place-items:center;width:24px;height:24px;font-size:1.1rem;display:grid}@media (width<=980px){.account-hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:720px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}}@media (width<=680px){.account-header{min-height:58px;padding-inline:16px}.account-brand span,.header-actions>a{display:none}.account-hero,.plans-section{padding-inline:16px}.account-hero{padding-top:62px}.hero-copy h1{font-size:clamp(2.5rem,14vw,4rem)}.account-card{min-height:0;padding:22px}.account-stats{grid-template-columns:1fr}.section-heading,.support-section,.pending-purchase{flex-direction:column;align-items:stretch}.membership-notice{max-width:none}.support-section{margin-inline:16px;padding:26px 22px}.support-section a,.pending-purchase button{width:100%}footer{flex-direction:column;align-items:flex-start;padding-inline:16px}.status-toast{max-width:calc(100vw - 28px);bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}