*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a0b0d;color:#eeeef1;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}header{border-bottom:1px solid #292b31;background:#111216}nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:24px;padding:20px}nav a{text-decoration:none}nav .brand{font-weight:800;margin-right:auto;color:#ffcf4a}main{max-width:1180px;margin:auto;padding:56px 24px}h1{font-size:clamp(34px,6vw,64px);line-height:1.1;letter-spacing:-.04em;margin:12px 0 24px}h2{line-height:1.3}p{color:#b2b4bf}.eyebrow{color:#ffcf4a;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}.panel,.product{background:#15171c;border:1px solid #2b2e36;border-radius:22px;padding:26px;margin-bottom:22px;min-width:0}.product{display:flex;flex-direction:column}.product .buy{margin-top:auto}.product img,.product .placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:14px;background:#20232a}.placeholder{display:grid;place-items:center;font-size:64px;color:#ffcf4a}label{display:grid;gap:7px;margin:14px 0;color:#c5c6cf;font-size:14px}input,select,textarea{width:100%;border:1px solid #444752;border-radius:10px;background:#0c0e12;color:white;font:inherit;font-size:16px;padding:12px;min-width:0}input[type=checkbox]{width:20px;height:20px}label.check{display:flex;align-items:flex-start;gap:12px}button,.button{border:0;background:#ffce40;color:#121212;padding:12px 20px;border-radius:11px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px}button.secondary,.button.secondary{background:#292d36;color:#fff}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:10px;flex-wrap:wrap}.muted,small{color:#9da1ae}.error{color:#ff9c92;white-space:pre-wrap}.success{color:#99e7b5}.price{font-size:26px;font-weight:750}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #30333c;padding:16px 0}.row input{width:80px}.row .details{flex:1;min-width:140px}.empty{padding:44px 24px;text-align:center;border:1px dashed #454955;border-radius:18px}.badge{padding:4px 10px;background:#2b3038;border-radius:99px;font-size:12px}dialog{background:#15171c;color:#fff;border:1px solid #444752;border-radius:22px;width:min(620px,calc(100% - 24px));max-height:90dvh;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}[hidden]{display:none!important}:focus-visible{outline:3px solid #ffce40;outline-offset:3px}footer{padding:30px 24px;text-align:center;color:#888d9b}@media(max-width:600px){nav{gap:14px;padding:16px;flex-wrap:wrap;font-size:14px}nav .brand{flex-basis:100%}main{padding:30px 16px}.panel,.product{padding:18px}.actions>*{flex:1}.row{align-items:flex-start}}
.merch-concepts{margin:48px 0 56px}.merch-concepts h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em}.collection-image{display:block;width:100%;height:auto;border-radius:22px;border:1px solid #39352a;margin:28px 0 24px}.concept-list h3{font-size:25px;margin:10px 0}.concept-list .badge{display:inline-block}.trail-concept{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.trail-concept img{width:100%;height:auto;border-radius:14px}.concept-note{font-size:14px;border-left:3px solid #ffce40;padding-left:18px;max-width:760px}@media(max-width:700px){.trail-concept{grid-template-columns:1fr}.merch-concepts{margin-top:32px}}

.ride-banner{border-color:#ffce40;background:linear-gradient(135deg,rgba(255,206,64,.12),#15171c 60%)}
.ride-banner b{color:#fff}.ride-banner p{margin:6px 0 0}
h3.sub{margin:30px 0 0;font-size:19px;padding-top:22px;border-top:1px solid #30333c}
.delivery-fields[hidden]{display:none}

.avatar-edit{display:flex;gap:18px;align-items:center;margin:4px 0 6px}
.avatar-edit b{display:block;color:#fff}.avatar-edit p{margin:4px 0 10px;font-size:14px}
.avatar-lg{width:88px;height:88px;border-radius:50%;background:#20232a center/cover no-repeat;display:grid;place-items:center;font-size:30px;font-weight:800;color:#ffcf4a;border:2px solid #3a3d46;flex-shrink:0}
.avatar-edit .actions .button,.avatar-edit .actions button{min-height:40px;padding:8px 14px;font-size:14px}
@media(max-width:600px){.avatar-edit{align-items:flex-start}.avatar-lg{width:72px;height:72px;font-size:24px}}

.cfg-group{margin-top:18px}
.cfg-group h4{font-size:14px;color:#9da1ae;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.cfg-group h4 i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0 14px;align-items:start}
.cfg-grid label{margin:10px 0}
.lvl-box{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:16px;background:#20232a;margin:18px 0 6px}
.lvl-box .ln{font-size:42px;font-weight:800;line-height:1;min-width:30px;text-align:center}
.lvl-box b{display:block;color:#fff}.lvl-box span{font-size:13px;color:#9da1ae}

.cfg-hint{display:block;font-size:12px;color:#9da1ae;margin-top:6px;line-height:1.4}
.lvl-box .grade-label{display:block;font-size:12px;color:#9da1ae;text-transform:none;letter-spacing:0}
.lvl-box .grade-name{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:1px 0 4px}

.cfg-spec-note{margin:2px 0 4px;padding:8px 12px;border-radius:10px;background:rgba(41,151,255,.12);color:#cfe3ff;font-size:13px;line-height:1.45;animation:specIn .4s ease}
@keyframes specIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cfg-spec-note{animation:none}}

.verify-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;border-color:#2997ff;background:linear-gradient(135deg,rgba(41,151,255,.14),#15171c 60%)}
.verify-banner[hidden]{display:none}
.verify-banner b{display:block;color:#fff;font-size:18px}.verify-banner p{margin:4px 0 0;max-width:46em}

.danger-zone{margin-top:24px;border-color:rgba(255,107,95,.45)}
.danger-zone h2{color:#ff8a80}
.danger-zone p{max-width:52em}
button.danger,.danger-zone .danger{background:#ff6b5f;color:#140705;border:0}
button.danger:hover{background:#ff8a80}
#deleteForm{margin-top:16px;max-width:420px}
#deleteForm .actions{display:flex;gap:10px;flex-wrap:wrap}

.narrow{max-width:520px;margin:0 auto}
.link-like{background:none!important;border:0!important;color:#7cc0ff!important;padding:6px 0!important;min-height:0!important;font-weight:500!important;cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:auto!important;margin-top:6px}
.link-like:hover{color:#a8d4ff!important}
.pw-zone{margin-top:24px}
#pwForm{margin-top:16px;max-width:420px}
#pwForm .actions{display:flex;gap:10px;flex-wrap:wrap}
.forgot-done{color:#9fe6b0!important}
