:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7fbff;background:#04111b;--violet:#8c55ff;--mint:#59dbb2;--panel:rgba(7,22,34,.9);--line:rgba(255,255,255,.13);--muted:rgba(225,235,242,.68)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#04111b url('/jeux/hero-landscape-20260825.png') center/cover fixed no-repeat}.backdrop{position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,11,19,.62),rgba(2,10,17,.9)),radial-gradient(circle at 50% 20%,rgba(87,54,164,.22),transparent 45%)}header{width:min(1180px,calc(100% - 32px));min-height:90px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#a16fff,#5426c0);font-size:25px}.brand strong{display:grid;font-size:22px}.brand small{color:#ffffff78;font-size:9px;letter-spacing:.17em}nav{display:flex;gap:8px}nav a{padding:13px 16px;color:#ffffffaa;text-decoration:none;font-size:12px;font-weight:800}.active{color:#d8c1ff!important}main{width:min(1040px,calc(100% - 32px));margin:auto;padding:64px 0}.intro{text-align:center}.intro>p,form>p,article>p,.profile-card p{margin:0;color:#c9a8ff;font-size:10px;font-weight:950;letter-spacing:.18em}.intro h1{margin:13px 0 15px;font-size:clamp(42px,6vw,72px);line-height:1}.intro>span{color:var(--muted)}.auth-grid,.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}form,article,.profile-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 25px 70px #0008;backdrop-filter:blur(18px)}form h2{margin:10px 0 24px;font-size:27px}label{display:grid;gap:7px;margin-top:14px;color:#dce7ed;font-size:11px;font-weight:800}input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;outline:0;color:#fff;background:#ffffff09}input:focus{border-color:#9b70ff;box-shadow:0 0 0 3px #8c55ff1f}label small{color:var(--muted);font-weight:500}button{width:100%;height:49px;margin-top:23px;border:0;border-radius:11px;color:#fff;background:linear-gradient(100deg,#7b3cf0,#5420be);cursor:pointer;font-weight:900}.profile-card{display:flex;align-items:center;justify-content:space-between;margin-top:45px}.profile-card h2{margin:8px 0 4px;font-size:30px}.profile-card span,article>span{color:var(--muted)}.profile-card .secondary{width:auto;margin:0;padding:0 18px;border:1px solid var(--line);background:#ffffff08}article h3{margin:11px 0 9px;font-size:25px}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.pills span,.achievement-list span{padding:7px 9px;border-radius:8px;color:#d9fff2;background:#2d9f7d22;font-size:10px;font-weight:850}.achievement-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.achievement-list .empty{color:var(--muted);background:#ffffff08}#message{min-height:24px;margin:20px 0 0;text-align:center;color:#ffd675;font-weight:800}#message.good{color:#72e4ba}@media(max-width:700px){header{min-height:72px}nav a:first-child{display:none}main{padding-top:36px}.auth-grid,.dashboard{grid-template-columns:1fr}.profile-card{align-items:flex-start;gap:20px}.profile-card .secondary{width:auto}.intro h1{font-size:42px}}
.subscription-list{display:grid;gap:8px;margin-top:17px}.subscription-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff08}.subscription-list b{font-size:12px}.subscription-list span{font-size:10px}.manage-billing{width:100%;margin-top:17px!important}.billing-picker{margin-top:20px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 25px 70px #0008;backdrop-filter:blur(18px)}.billing-picker>p{margin:0;color:#c9a8ff;font-size:10px;font-weight:950;letter-spacing:.18em}.billing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:10px 0 25px}.billing-heading h2{margin:0 0 7px;font-size:28px}.billing-heading span{color:var(--muted);font-size:12px}.billing-tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:11px;background:#ffffff08}.billing-tabs button{width:auto;height:38px;margin:0;padding:0 15px;background:transparent}.billing-tabs .active{background:#7440df}.billing-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-offer{padding:22px!important;box-shadow:none!important}.billing-offer.featured{border-color:#9b70ff;background:linear-gradient(145deg,#25154bcc,#091c2add)}.billing-offer small{color:#c9a8ff;font-size:9px;font-weight:900;letter-spacing:.14em}.billing-offer h3{margin:8px 0 15px}.billing-offer strong{font-size:29px}.billing-offer strong i{color:var(--muted);font-size:11px;font-style:normal}.billing-offer p{min-height:37px;margin:10px 0!important}.billing-offer button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:700px){.billing-heading{align-items:flex-start;flex-direction:column}.billing-offers{grid-template-columns:1fr}.subscription-list>div{flex-direction:column}}
.profile-main{display:flex;align-items:center;gap:18px}.avatar-editor{position:relative;overflow:hidden;width:88px;height:88px;display:grid;place-items:center;flex:0 0 88px;margin:0;border:2px solid #a77cff;border-radius:50%;background:linear-gradient(145deg,#8450ed,#243263);box-shadow:0 0 30px #8c55ff55;cursor:pointer}.avatar-editor img{width:100%;height:100%;object-fit:cover}.avatar-editor>span{font-size:28px;font-weight:950}.avatar-editor i{position:absolute;right:0;bottom:0;left:0;padding:6px 3px;color:#fff;background:#020a10b8;text-align:center;font-size:9px;font-style:normal;font-weight:850;opacity:0;transition:opacity .2s}.avatar-editor:hover i,.avatar-editor:focus-within i{opacity:1}.avatar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}.avatar-actions .text-action{width:auto;height:auto;margin:0;padding:0;border:0;color:#cab2ff;background:transparent;font-size:10px}.avatar-actions .text-action.danger{color:#ff9cab}.avatar-actions small{width:100%;color:var(--muted);font-size:9px}.avatar-editor.is-busy{pointer-events:none;opacity:.55}@media(max-width:700px){.profile-main{align-items:flex-start}.avatar-editor{width:68px;height:68px;flex-basis:68px}.profile-card{flex-direction:column}.profile-card .secondary{align-self:flex-end}}
.playtime-card{grid-column:1/-1}.playtime-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.playtime-games>div{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff08}.playtime-games b{font-size:11px}.playtime-games span,.playtime-empty{color:var(--muted);font-size:10px}@media(max-width:700px){.playtime-games{grid-template-columns:1fr}}
.auth-single{width:min(520px,100%);margin:45px auto 0}.auth-single form{width:100%}.form-copy{display:block;color:var(--muted);font-size:12px;line-height:1.65}.text-button{height:auto;margin-top:16px;padding:4px;border:0;color:#c9a8ff;background:transparent}.text-button:hover{text-decoration:underline}.text-button:disabled{opacity:.5}