.back{font-size:11px;letter-spacing:1px;color:#9aa5b6}.back:hover{color:#d8ff6b}
.build-intro{padding:64px 0 44px;border-bottom:1px solid #ffffff18;position:relative;overflow:hidden}.build-intro>*:not(.orb){position:relative;z-index:1}
.build-intro>p:not(.eyebrow){font-size:14px;color:#a2adbf;max-width:560px}
.steps{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.steps li{border:1px solid #ffffff20;border-radius:20px;padding:9px 14px;font-size:11px;color:#c9d0db}
.steps b{color:#d8ff6b;margin-right:8px;font-size:10px;letter-spacing:1px}

.status{margin:28px 0 0;padding:18px 20px;border-radius:8px;border:1px solid;font-size:13px;line-height:1.6}
.status strong{display:block;font:700 22px Barlow,sans-serif;margin-bottom:2px}
.status.ok{border-color:#d8ff6b;background:#d8ff6b12;color:#e9ffb0}
.status.warn{border-color:#f2b57866;background:#f2b57810;color:#f6d3ae}

.builder{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;padding:40px 0 0;align-items:start}
.builder form{display:grid;gap:22px}
.builder h2{margin:0}
.builder fieldset{border:0;padding:0;margin:0;min-width:0}
.builder legend,.builder form>label{font-size:11px;font-weight:700;letter-spacing:1px;color:#c9d0db}
.builder legend{margin-bottom:12px;padding:0}
.builder form>label{display:grid;gap:10px}
.type-grid{display:flex;flex-wrap:wrap;gap:8px}
.type-grid label{position:relative}
.type-grid input{position:absolute;opacity:0;width:1px;height:1px}
.type-grid span{display:inline-block;padding:10px 14px;border:1px solid #ffffff25;border-radius:20px;font-size:12px;font-weight:700;color:#c9d0db;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.type-grid label:hover span{border-color:#d8ff6b}
.type-grid input:checked+span{background:#d8ff6b;border-color:#d8ff6b;color:#11180b}
.type-grid input:focus-visible+span{outline:3px solid #d8ff6b;outline-offset:3px}
.builder input[type=text],.builder input[type=email],.builder textarea{width:100%;background:#121923;border:1px solid #ffffff25;border-radius:6px;padding:13px 14px;color:#f4f1e8;font:400 14px DM,sans-serif;letter-spacing:0}
.builder textarea{resize:vertical;min-height:120px;line-height:1.6}
.builder input::placeholder,.builder textarea::placeholder{color:#677387}
.builder input:focus,.builder textarea:focus{outline:none;border-color:#d8ff6b}
.builder [aria-invalid=true]{border-color:#ff9c80}
.count{justify-self:end;margin-top:-4px;font-size:10px;font-weight:400;letter-spacing:0;color:#7f8ba0}
.error{margin:0;color:#ff9c80;font-size:13px}.error:empty{display:none}
.pay{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;background:#d8ff6b;color:#11180b;border:0;border-radius:4px;font:700 14px DM,sans-serif;cursor:pointer}
.pay:hover{background:#e6ff9a}.pay:focus-visible{outline:3px solid #d8ff6b;outline-offset:4px}
.pay:disabled{opacity:.6;cursor:wait}
.fine{margin:-8px 0 0;font-size:11px;color:#7f8ba0}

.preview{position:sticky;top:24px}
.preview>.eyebrow{margin:0 0 12px}
.make-cover{transition:background .3s}
.make-cover .cover-title{right:24px;overflow-wrap:anywhere;text-transform:uppercase}
.make-cover .cover-caption{right:24px;text-transform:uppercase}
.preview .game-info h3{overflow-wrap:anywhere}
.preview .play{color:#8592a6}

@media(max-width:860px){.builder{grid-template-columns:1fr;gap:36px}.preview{position:static}}
@media(max-width:760px){.build-intro{padding:44px 0 34px}}
@media(prefers-reduced-motion:reduce){.make-cover,.type-grid span{transition:none}}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

body.adbreak-open{overflow:hidden}
.adbreak{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#05070dee;backdrop-filter:blur(6px);animation:adbreak-in .25s ease-out}
.adbreak-panel{width:min(520px,100%);background:#121923;border:1px solid #ffffff25;border-radius:12px;padding:22px;display:grid;gap:16px;outline:none}
.adbreak-step{margin:0;font-size:10px;font-weight:700;letter-spacing:2px;color:#9aa5b6}
.adbreak-promo{display:block;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#0c1119}
.adbreak-promo:hover{border-color:#d8ff6b}
.adbreak-img{height:210px;background:#1b2330 center/cover no-repeat}
.adbreak-info{display:grid;gap:6px;padding:16px 18px 18px}
.adbreak-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:#d8ff6b}
.adbreak-info strong{font:700 30px/1 Barlow,sans-serif}
.adbreak-tag{font-size:12px;color:#a4afbe}
.adbreak-play{margin-top:6px;font-size:12px;font-weight:700;color:#d8ff6b}
.adbreak-note{margin:0;font-size:12px;color:#a2adbf;line-height:1.5}
.adbreak-continue{width:100%;padding:15px 18px;border:0;border-radius:4px;background:#d8ff6b;color:#11180b;font:700 14px DM,sans-serif;cursor:pointer}
.adbreak-continue:disabled{background:#2a3342;color:#9aa5b6;cursor:default}
.adbreak-continue:focus-visible{outline:3px solid #d8ff6b;outline-offset:4px}
@keyframes adbreak-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.adbreak-img{height:160px}.adbreak-info strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.adbreak{animation:none}}
