body.order-page{background:var(--orange-tint);min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}@media (min-width:900px){body.order-page{padding-bottom:48px}}.card{border:var(--stroke);border-radius:var(--radius-lg);box-shadow:0 6px 0 var(--ink);background:#fff;padding:clamp(16px,3.5vw,26px)}.stack{gap:16px;display:grid}.order-top{z-index:30;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 10px;border-bottom:var(--stroke);background:#fff;position:sticky;top:0}.order-top-inner{justify-content:space-between;align-items:center;gap:14px;display:flex}.order-account{justify-content:flex-end;min-width:40px;display:flex}.steps{flex:0 auto;align-items:center;gap:10px;display:flex}.step-btn{cursor:pointer;color:var(--ink-soft);font:700 1rem/1 var(--font-display);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.step-btn:disabled{cursor:default;opacity:.6}.step-num{background:var(--orange-tint);width:32px;height:32px;color:var(--ink-soft);border:2.5px solid #e3cfc5;border-radius:50%;place-items:center;display:grid}.step-btn[aria-current=step]{color:var(--ink)}.step-btn[aria-current=step] .step-num{background:var(--orange-strong);color:#fff;border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.step-btn.done .step-num{background:var(--ink);color:#fff;border-color:var(--ink)}.step-line{background:#ebddd6;border-radius:5px;width:clamp(24px,6vw,70px);height:5px;overflow:hidden}.step-line span{background:var(--orange-strong);width:0;height:100%;transition:width .5s var(--bounce);display:block}.step-line.filled span{width:100%}@media (max-width:720px){.order-top .brand-name,.step-label{display:none}.step-btn{padding:4px}}.order-main{padding-block:18px 40px}.back-link{color:var(--ink-soft);margin-bottom:14px;font-weight:800;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink)}.order-intro{max-width:46rem;margin-bottom:24px}.order-intro h1{font-size:clamp(2rem,5vw,3rem)}.order-intro p{color:var(--ink-soft);margin:.5em 0 0;font-size:1.1rem;font-weight:600}.order-intro p:empty{display:none}.step-head{margin-bottom:16px}.step-head h2{align-items:center;gap:10px;font-size:clamp(1.5rem,3.5vw,2rem);display:flex}.step-head .hint{margin-top:6px;font-size:.98rem}.step-badge{background:var(--orange-strong);color:#fff;width:38px;height:38px;box-shadow:0 3px 0 var(--orange-deep);border-radius:12px;place-items:center;font-size:1.2rem;display:inline-grid}.step-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}@media (max-width:899px){.step-foot .btn{display:none}}.char-add{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(20px,3.5vw,36px);display:grid}.char-fields{align-content:start;gap:16px;display:grid}.seg-sm span{padding:.5em .9em;font-size:.9rem}.char-add-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.char-add-foot .form-status{flex:200px}.char-add-foot .form-status:empty{display:none}.char-stage{text-align:center;border-radius:var(--radius);background:var(--orange-tint);border:2.5px dashed #e3cfc5;align-content:center;justify-items:center;gap:10px;min-height:320px;padding:24px 20px;transition:background-color .2s,border-color .2s;display:grid}.char-stage.is-found{border-style:solid;border-color:var(--ink);background:#fff}.char-stage.is-missing .stage-text{color:var(--err)}.stage-avatar{aspect-ratio:1;border:3px solid var(--ink);width:clamp(150px,19vw,220px);box-shadow:0 6px 0 var(--ink);background:var(--orange);color:#fff;font:700 4.5rem/1 var(--font-display);border-radius:32px;place-items:center;display:grid;overflow:hidden}.stage-avatar.roblox{background:#3b4252}.stage-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:pop .4s var(--bounce)}.stage-avatar.roblox img{image-rendering:auto}.is-empty .stage-avatar,.is-missing .stage-avatar,.is-busy .stage-avatar{color:#e3cfc5;box-shadow:none;background:#fff;border:3px dashed #d9c4ba}.is-busy .stage-avatar{animation:1.1s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.7;transform:scale(.96)}}.stage-name{font:700 1.5rem/1.15 var(--font-display);overflow-wrap:anywhere;margin-top:6px}.stage-text{max-width:32ch;color:var(--ink-soft);margin:0;font-size:.92rem;font-weight:700}.is-found .stage-text{color:var(--ok)}@media (max-width:760px){.char-add{grid-template-columns:1fr}.char-stage{text-align:left;order:-1;grid-template-columns:auto minmax(0,1fr);align-content:center;justify-items:start;gap:4px 14px;min-height:0;padding:14px}.stage-avatar{width:92px;box-shadow:0 4px 0 var(--ink);border-width:2.5px;border-radius:22px;grid-row:span 3;font-size:2.4rem}.stage-name{margin-top:0;font-size:1.25rem}.stage-text{max-width:none}}.file-pick{cursor:pointer;display:block;position:relative}.file-pick input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-pick-ui{min-height:50px;font:700 1rem/1.2 var(--font-display);color:var(--orange-deep);border:2.5px dashed var(--orange);background:var(--orange-tint);border-radius:14px;justify-content:center;align-items:center;padding:.7em 1em;display:flex}.file-pick:focus-within .file-pick-ui{outline:3px solid var(--ink);outline-offset:2px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:20px;display:grid}.char-card{border:var(--stroke);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);animation:pop .4s var(--bounce);background:#fff;align-items:center;gap:14px;padding:12px 10px 12px 12px;display:flex}.char-info{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.char-info strong{font:700 1.15rem/1.2 var(--font-display);overflow-wrap:anywhere}.char-info p{color:var(--ink-soft);margin:0;font-size:.88rem;font-weight:600}.char-info p.unsynced{color:var(--err);font-weight:800}.headshot{width:var(--s);height:var(--s);border-radius:calc(var(--s) / 4.5);background:var(--orange);color:#fff;font:700 calc(var(--s) / 2.2) var(--font-display);border:2px solid var(--ink);flex:none;place-items:center;display:grid;overflow:hidden}.headshot.roblox{background:#3b4252}.headshot img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.headshot.roblox img{image-rendering:auto}.empty-card{text-align:center;color:var(--ink-soft);border-radius:var(--radius);background:#fff;border:2.5px dashed #d9c4ba;grid-column:1/-1;padding:28px 20px;font-weight:700}.icon-btn{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:var(--orange-tint)}.icon-btn.danger{color:var(--err)}.order-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}@media (max-width:899px){.order-layout{grid-template-columns:1fr}}.slots{gap:22px;display:grid}.slot{animation:pop .4s var(--bounce);gap:18px;display:grid}.slot-head{align-items:center;gap:12px;display:flex}.slot-head h3{margin-right:auto;font-size:1.4rem}.slot-price{font:700 1.2rem var(--font-display);color:var(--orange-deep)}.ref-detect{color:var(--ink-soft);margin:0;font-size:.9rem;font-weight:700}.ref-detect:empty{display:none}.ref-detect.ok{color:var(--ok)}.ref-detect.warn{color:#8a5a00}.ref-detect.busy:before{content:"";vertical-align:-1px;border:2.5px solid var(--orange);border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.yt-probe{width:200px;height:120px;position:fixed;top:0;left:-9999px;overflow:hidden}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.tier{cursor:pointer;position:relative}.tier input{opacity:0;pointer-events:none;position:absolute}.tier>span{text-align:center;min-height:76px;transition:transform .18s var(--bounce), border-color .15s, background-color .15s, box-shadow .15s;background:#fff;border:2.5px solid #e3cfc5;border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:10px 4px 9px;display:grid}.tier strong{font:700 1.15rem/1 var(--font-display)}.tier em{color:var(--ink-soft);font-size:.92rem;font-style:normal;font-weight:800}.tier small{font:700 .68rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep)}.tier.highlight>span{border-color:var(--orange)}.tier:hover>span{transform:translateY(-2px)}.tier input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 4px 0 var(--orange-strong)}.tier input:checked+span em,.tier input:checked+span small{color:#ffd6c8}.tier input:focus-visible+span{outline:3px solid var(--orange-strong);outline-offset:2px}.pick-chars{flex-wrap:wrap;gap:8px;display:flex}.pick-char{cursor:pointer;position:relative}.pick-char input{opacity:0;pointer-events:none;position:absolute}.pick-char>span{background:#fff;border:2.5px solid #e3cfc5;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:5px 14px 5px 5px;font-weight:800;transition:border-color .15s,background-color .15s;display:inline-flex}.pick-char .headshot{border-width:1.5px;border-radius:50%}.pick-char input:checked+span{border-color:var(--ink);background:var(--orange-tint);box-shadow:0 3px 0 var(--ink)}.pick-char input:checked+span:after{content:"✓";color:var(--orange-deep);font-weight:900}.pick-char input:focus-visible+span{outline:3px solid var(--orange-strong);outline-offset:2px}.addon-list{gap:8px;display:grid}.addon{cursor:pointer;background:#fff;border:2.5px solid #e3cfc5;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.addon input{width:22px;height:22px;accent-color:var(--orange-strong);flex:none}.addon>span{flex:1;gap:2px;display:grid}.addon strong{font:700 1rem/1.2 var(--font-display)}.addon small{color:var(--ink-soft);font-size:.86rem;font-weight:600}.addon em{color:var(--orange-deep);white-space:nowrap;font-style:normal;font-weight:800}.addon:has(input:checked){border-color:var(--ink);background:var(--orange-tint)}.slot-missing{color:#8a5a00;margin:0;font-size:.92rem;font-weight:800}.slot-ready{color:var(--ok);margin:0;font-weight:800}.link-btn-inline{font:inherit;color:var(--orange-deep);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.add-slot{margin-top:18px}.bundle-hint{text-align:center;color:var(--orange-deep);margin:10px 0 0;font-weight:800}.bundle-hint:empty{display:none}.summary{gap:14px;display:grid;position:sticky;top:92px}.summary h2{font-size:1.5rem}@media (max-width:899px){.summary{scroll-margin-top:90px;position:static}}.summary-lines{gap:8px;display:grid}.sl{justify-content:space-between;gap:12px;font-weight:700;display:flex}.sl span{min-width:0}.sl small{color:var(--ink-soft);font-weight:700}.sl .sl-addons{font-size:.82rem;display:block}.sl.muted{color:var(--ink-soft)}.sl.discount{color:var(--ok)}.summary-total{font:700 1.2rem var(--font-display);border-top:2.5px dashed #e3cfc5;justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.summary-total strong{font-size:1.9rem}.summary-total:empty{display:none}.summary-note,.summary-problems .hint{margin:0;font-size:.86rem}.summary-note:empty{display:none}.secure-note{text-align:center;margin:0;font-size:.82rem}.ref-form{gap:6px;display:grid}.ref-form label{font:700 .92rem var(--font-display)}.ref-row{gap:8px;display:flex}.ref-row input{text-transform:uppercase;min-width:0;min-height:44px;color:var(--ink);background:var(--orange-tint);border:2.5px solid #0000;border-radius:12px;flex:1;padding:.5em .9em;font:700 1rem ui-monospace,SF Mono,Menlo,monospace}.ref-row input:focus{border-color:var(--orange-strong);background:#fff;outline:none}.ref-row input::placeholder{text-transform:none;font-family:var(--font-body);color:#a58d82;font-weight:600}.ref-form .form-status{min-height:0;font-size:.88rem}.checkout{gap:10px;display:grid}.checkout-who{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;font-size:.88rem;font-weight:700}.checkout-who:empty{display:none}#paypal-buttons{min-height:48px}.checkout .form-status{min-height:0;font-size:.9rem}.summary-legal{margin:0;font-size:.84rem}.summary-legal:empty{display:none}.consents{gap:10px;display:grid}.consent{cursor:pointer;border:2.5px solid #e3cfc5;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.86rem;font-weight:700;line-height:1.4;transition:border-color .15s,background-color .15s;display:flex}.consent input{width:20px;height:20px;accent-color:var(--orange-strong);flex:none;margin-top:1px}.consent a{color:var(--orange-deep)}.consent:has(input:checked){border-color:var(--ink);background:var(--orange-tint)}.consent.missing{border-color:var(--err)}.binding-note{text-align:center;margin:0;font-size:.82rem}.auth-legal{text-align:center;font-size:.8rem}.auth-legal a{color:var(--orange-deep)}.order-foot{color:var(--ink-soft);text-align:center;border-top:2.5px dashed #e3cfc5;margin-top:40px;padding-top:18px;font-size:.88rem;font-weight:700}.order-foot a{color:var(--ink)}.order-foot-seller{margin-top:4px;font-weight:600;display:block}.order-foot-seller:empty{display:none}.acct{align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.acct-link{color:var(--orange-deep);white-space:nowrap}.acct-email{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;color:var(--ink-soft);overflow:hidden}@media (max-width:720px){.acct-email{display:none}}.auth-dialog{width:min(440px,100vw - 32px);max-width:none;color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23150fb3}.auth-dialog[open]{animation:pop .35s var(--bounce)}.auth-box{border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:0 8px 0 var(--orange);background:#fff;padding:clamp(20px,5vw,30px);position:relative}.auth-box h2{margin-bottom:6px;padding-right:36px;font-size:1.6rem}.auth-close{font-size:1.1rem;font-weight:900;position:absolute;top:12px;right:12px}.code-input{letter-spacing:.3em;text-align:center;font:700 1.5rem ui-monospace,SF Mono,Menlo,monospace!important}.auth-alt{text-align:center}.done{text-align:center;justify-items:center;gap:12px;max-width:40rem;margin-inline:auto;display:grid}.done h2{font-size:clamp(1.8rem,4vw,2.4rem)}.done p{margin:0;font-weight:600}.done-badge{background:var(--ok);color:#fff;width:72px;height:72px;font:700 2.2rem var(--font-display);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:pop .5s var(--bounce);border-radius:50%;place-items:center;display:grid}.done-code{font-size:1.15rem}.done-code strong{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3rem}.done-attention{color:#8a5a00;font-weight:800!important}.done-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.done-discord-alt{max-width:30rem}.done-discord-alt a{color:var(--orange-deep);font-weight:800}body.is-done .mobile-bar,body.is-done .steps{visibility:hidden}.mobile-bar{z-index:40;padding:12px clamp(16px, 4vw, 32px) calc(12px + env(safe-area-inset-bottom,0px));border-top:var(--stroke);background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #23150f14}.mobile-bar-info{line-height:1.2;display:grid}.mobile-bar-info span{color:var(--ink-soft);font-size:.92rem;font-weight:700}.mobile-bar-info strong{font:700 1.35rem var(--font-display)}.mobile-bar-info strong:empty{display:none}@media (min-width:900px){.mobile-bar{display:none}}.toast{z-index:100;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));text-align:center;max-width:calc(100vw - 32px);font:700 1rem/1.3 var(--font-display);background:var(--ink);color:#fff;box-shadow:0 5px 0 var(--orange-strong);animation:pop .3s var(--bounce);border-radius:22px;padding:.8em 1.3em;position:fixed;transform:translate(-50%)}.toast.err{background:var(--err);box-shadow:0 5px #7e170f}@media (min-width:900px){.toast{bottom:24px}}
