@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Variable-uBsOTgB9.ttf) format("truetype");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/assets/Baloo2-Variable-BcePNZ8p.ttf) format("truetype");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/assets/NunitoSans-Variable-B_ZymHAd.ttf) format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;color:#f6f0ed;background:#100a07;font-synthesis:none;--shade: oklch(15% .012 45);--den: oklch(18% .024 43);--cocoa: oklch(22% .035 42);--cocoa-raised: oklch(28% .05 42);--bear: oklch(55% .095 42);--muzzle: oklch(82% .095 58);--white: oklch(96% .008 55);--muted: oklch(73% .025 48);--seam: oklch(34% .045 43);--abstract: oklch(76% .205 150);--abstract-deep: oklch(24% .065 150);--danger: oklch(63% .19 28);--ease: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}html{min-width:320px;background:var(--shade)}body{margin:0;min-width:320px;min-height:100%;background:var(--shade)}button,input,select,textarea,a{font:inherit}button,input,select,textarea{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--abstract);outline-offset:3px}button:disabled{color:var(--muted);background:var(--den);border-color:var(--seam);cursor:not-allowed;filter:none;opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.public-shell{min-height:100%}.public-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.45rem clamp(.75rem,3vw,2.5rem);background:var(--den);border-bottom:1px solid var(--seam)}.public-brand{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--white);text-decoration:none}.public-brand span{font-weight:900;letter-spacing:-.06em}.public-brand b{color:var(--abstract);font-size:.9375rem;letter-spacing:.1em}.public-topbar p{margin:0;color:var(--muted);font-size:.875rem}.fan-chip{margin-left:auto;padding:.35rem .55rem;color:var(--muzzle);background:var(--cocoa);border:1px solid var(--seam);border-radius:999px;font-size:.8125rem;font-weight:800;letter-spacing:.05em}.builder-main{width:min(100%,96rem);margin:0 auto;padding:clamp(.75rem,2.5vw,2rem)}.builder-orientation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.builder-orientation h1,.builder-orientation span{display:block}.builder-orientation h1{margin:0;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em}.builder-orientation div>span{margin-top:.2rem;color:var(--muted);font-size:.875rem;line-height:1.45}.trust-note{display:flex;align-items:center;gap:.4rem;color:var(--abstract)}.trust-note svg{width:1rem}.trust-note span{color:inherit;font-size:.8125rem}.public-message{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.65rem .75rem;border:1px solid;border-radius:.7rem;font-size:1rem}.public-message span{flex:1}.public-message button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}.public-message svg{width:1.05rem}.public-message.error{color:#ffc8c0;color:oklch(88% .07 28);background:#3a0e0b;border-color:var(--danger)}.public-message.success{color:#bcf1c6;background:var(--abstract-deep);border-color:var(--abstract)}.builder-workspace{display:grid;gap:.8rem}.canvas-column,.control-rail{min-width:0}.canvas-frame{position:relative;overflow:hidden;aspect-ratio:3 / 2;background:var(--cocoa);border:1px solid var(--seam);border-radius:.8rem;box-shadow:0 1rem 2.5rem #0100004d}.canvas-frame canvas{display:block;width:100%;height:100%}.canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--white);background:var(--den);font-size:1rem;font-weight:750}.canvas-loading svg{width:1.15rem}.canvas-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1rem;text-align:center;background:var(--den)}.canvas-error>svg{width:1.35rem;color:var(--danger)}.canvas-error span{max-width:34ch;color:var(--muted);font-size:1rem;line-height:1.5}.canvas-error button{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-top:.25rem;padding:.5rem .72rem;color:var(--white);background:var(--cocoa-raised);border:1px solid var(--seam);border-radius:.58rem;cursor:pointer}.canvas-error button svg{width:1rem}.canvas-note{margin:.5rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.control-rail{display:flex;flex-direction:column;gap:.65rem;padding:.85rem;background:var(--cocoa);border:1px solid var(--seam);border-radius:.8rem}.control-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding-bottom:.55rem;border-bottom:1px solid var(--seam)}.control-heading span{font-weight:800}.control-heading small{color:var(--muted)}.surprise-button{display:inline-flex;align-items:center;max-width:100%;gap:.4rem;min-height:44px;padding:.5rem .7rem;color:var(--abstract);background:var(--abstract-deep);border:1px solid var(--seam);border-radius:.55rem;font-size:.9375rem;font-weight:800;cursor:pointer}.surprise-button svg{width:.95rem}.field-label{display:block;color:var(--muzzle);font-size:.9375rem;font-weight:750}.control-rail input[type=text],.control-rail input:not([type]),#holder-name,#holder-xp{width:100%;min-height:46px;padding:.65rem .72rem;color:var(--white);background:var(--shade);border:1px solid var(--seam);border-radius:.58rem}.field-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.5rem}.field-row>div{display:grid;gap:.35rem}.field-suffix{display:grid;place-items:center;min-width:46px;height:46px;color:var(--abstract);background:var(--abstract-deep);border:1px solid var(--seam);border-radius:.58rem;font-size:.9375rem;font-weight:850}.wallet-status{display:grid;grid-template-columns:auto 1fr;gap:.5rem;padding:.65rem;color:var(--muted);background:var(--den);border:1px solid var(--seam);border-radius:.55rem;font-size:.875rem;line-height:1.5}.wallet-status svg{width:1rem;color:var(--abstract)}.wallet-status b{color:var(--muzzle)}.finish-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(9.5rem,.9fr);align-items:center;gap:.65rem;padding-top:.65rem;border-top:1px solid var(--seam)}.finish-control>span,.finish-control b,.finish-control small{display:block}.finish-control b{font-size:.9375rem}.finish-control small{margin-top:.15rem;color:var(--muted);font-size:.875rem}.control-section{display:grid;gap:.5rem;padding-top:.65rem;border-top:1px solid var(--seam)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.section-heading span{color:var(--white);font-size:1.125rem;font-weight:850}.section-heading small{color:var(--muted);font-size:.875rem}.progressive-section>summary{min-height:44px;align-items:center;cursor:pointer;list-style-position:inside}.progressive-section>summary::marker{color:var(--abstract)}.progressive-section:not([open]){padding-bottom:0}.style-controls{grid-template-columns:1fr auto;gap:.42rem .65rem;align-items:center}.style-controls .section-heading{grid-column:1 / -1}.style-controls select{grid-column:1 / -1;width:100%;min-height:44px;padding:.55rem 2.25rem .55rem .68rem;color:var(--white);background:var(--shade);border:1px solid var(--seam);border-radius:.58rem}.color-swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.color-swatches button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:4px solid var(--cocoa);border-radius:999px;box-shadow:0 0 0 1px var(--seam);cursor:pointer}.color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--abstract)}.color-swatches button svg,.custom-color svg{width:1rem;color:#fff;filter:drop-shadow(0 1px 2px black) drop-shadow(0 0 1px black);stroke-width:4}.advanced-color{grid-column:1 / -1;color:var(--muted);font-size:.9375rem}.advanced-color summary{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--muzzle);cursor:pointer}.advanced-color summary::marker{color:var(--abstract)}.advanced-color summary svg{width:1rem}.advanced-color>div{display:flex;align-items:center;gap:.65rem;padding:.35rem 0 .25rem}.advanced-color input[type=color]{width:3rem;height:2.75rem;padding:.15rem;background:var(--shade);border:1px solid var(--seam);border-radius:.48rem}.advanced-color small{display:block}.toggle-label{display:flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer}.toggle-label input{width:1.15rem;height:1.15rem;accent-color:var(--abstract)}.identity-controls>small,.avatar-sources small,.backing-controls small{color:var(--muted);font-size:.875rem;line-height:1.5}.avatar-sources{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.avatar-sources>button{min-height:44px;padding:.48rem .65rem;color:var(--muted);background:var(--den);border:1px solid var(--seam);border-radius:.58rem}.avatar-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:44px;padding:.48rem .65rem;color:var(--white);background:var(--cocoa-raised);border:1px solid var(--seam);border-radius:.58rem;cursor:pointer}.avatar-upload svg{width:1rem}.avatar-upload input{position:absolute;width:1px;height:1px;opacity:0}.avatar-sources small{grid-column:1 / -1}.avatar-upload:focus-within,.custom-color:focus-within{outline:3px solid var(--abstract);outline-offset:3px}.field-error{grid-column:1 / -1;display:flex;align-items:flex-start;gap:.4rem;margin:0;color:#ffc8c0;color:oklch(88% .07 28);font-size:.875rem;line-height:1.5}.field-error svg{flex:0 0 auto;width:1rem}.mode-control{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.22rem;background:var(--den);border:1px solid var(--seam);border-radius:.62rem}.mode-control button{min-height:44px;padding:.5rem .65rem;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:.45rem;cursor:pointer}.mode-control button[aria-pressed=true]{color:var(--shade);background:var(--abstract);border-color:var(--abstract);font-weight:850}.backing-controls{display:grid;grid-template-columns:1fr auto;gap:.45rem .65rem;align-items:center}.backing-controls>.color-swatches{justify-content:flex-end}.backing-controls>input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--abstract)}.backing-controls>small{grid-column:1 / -1}.custom-color{position:relative;display:grid;place-items:center;width:2.75rem;height:2.75rem;overflow:hidden;border:2px dashed var(--muted);border-radius:999px;cursor:pointer}.custom-color[data-selected=true]{border-style:solid;box-shadow:0 0 0 2px var(--abstract)}.custom-color input{position:absolute;inset:-.25rem;width:3.25rem;height:3.25rem;padding:0;border:0;cursor:pointer}.custom-color svg{position:relative;pointer-events:none}.opacity-control{grid-column:1 / -1;display:flex;justify-content:space-between;gap:1rem;color:var(--muzzle);font-size:.9375rem;font-weight:750}.opacity-control output{color:var(--white);font-variant-numeric:tabular-nums}.contrast-warning{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.65rem;color:#f6d5a8;background:#331b01;border:1px solid oklch(63% .12 70);border-radius:.55rem;font-size:1rem;line-height:1.45}.contrast-warning>svg{width:1.05rem}.contrast-warning b{color:var(--white)}.contrast-warning button{min-height:44px;padding:.5rem .7rem;color:var(--shade);background:var(--muzzle);border:1px solid var(--muzzle);border-radius:.48rem;font-size:.9375rem;font-weight:850;cursor:pointer}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem .9rem;color:var(--shade);background:var(--abstract);border:1px solid var(--abstract);border-radius:.64rem;font-weight:850;cursor:pointer;transition:filter .15s var(--ease),transform .1s var(--ease)}.download-button svg{width:1.15rem}.download-button:active{transform:scale(.985)}.share-bench{display:grid;gap:.75rem;margin-top:1rem;padding:.85rem;background:var(--den);border:1px solid var(--seam);border-radius:.8rem}.share-copy{min-width:0}.share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.55rem}.share-heading h2{margin:0;font-size:1.125rem}.share-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.45}.share-heading button,.share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem .75rem;color:var(--white);background:var(--cocoa-raised);border:1px solid var(--seam);border-radius:.58rem;font-size:.9375rem;font-weight:750;cursor:pointer}.share-heading button{flex:0 0 auto}.share-heading svg,.share-actions svg{width:1rem}.share-copy textarea{display:block;width:100%;resize:vertical;min-height:4.1rem;padding:.65rem .72rem;color:var(--white);background:var(--shade);border:1px solid var(--seam);border-radius:.58rem;line-height:1.45}.share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-content:end}.share-actions .x-share{color:var(--shade);background:var(--white);border-color:var(--white)}.template-rack{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--seam)}.rack-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.rack-heading h2{margin:0;font-size:1.15rem;letter-spacing:-.02em}.rack-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.875rem}.rack-heading>span{color:var(--muted);font-size:.875rem}.filter-row{display:flex;gap:.35rem;overflow-x:auto;padding:.7rem 0 .5rem;scrollbar-width:thin}.filter-row button{flex:0 0 auto;min-height:44px;padding:.5rem .75rem;color:var(--muted);background:var(--den);border:1px solid var(--seam);border-radius:999px;cursor:pointer}.filter-row button[aria-pressed=true]{color:var(--shade);background:var(--abstract);border-color:var(--abstract);font-weight:800}.template-reel{display:grid;grid-auto-columns:minmax(14rem,20rem);grid-auto-flow:column;gap:.65rem;overflow-x:auto;padding:.3rem .15rem .75rem;scroll-snap-type:x proximity}.template-choice{display:grid;grid-template-columns:6rem 1fr;align-items:center;gap:.7rem;min-height:4.6rem;padding:0;overflow:hidden;color:var(--white);text-align:left;background:var(--den);border:1px solid var(--seam);border-radius:.65rem;cursor:pointer;scroll-snap-align:start}.template-choice[aria-pressed=true]{border-color:var(--abstract);box-shadow:0 0 0 2px var(--abstract-deep)}.template-choice img{display:block;width:6rem;height:4.6rem;object-fit:cover}.template-choice span,.template-choice strong,.template-choice small{display:block;min-width:0}.template-choice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}.template-choice small{display:-webkit-box;margin-top:.2rem;overflow:hidden;color:var(--muted);font-size:.875rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.filter-empty{color:var(--muted)}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem clamp(.75rem,3vw,2.5rem);color:var(--muted);background:var(--den);border-top:1px solid var(--seam);font-size:.875rem}footer nav{display:flex;gap:.9rem}footer a,.public-empty a{color:var(--muzzle)}.public-state,.public-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;width:min(100% - 1.5rem,54rem);min-height:22rem;margin:2rem auto;padding:clamp(1.25rem,5vw,3rem);background:var(--den);border:1px solid var(--seam);border-radius:.9rem}.public-empty h1{max-width:18ch;margin:0;font-size:2rem;letter-spacing:-.035em}.public-empty p{max-width:58ch;margin:0;color:var(--muted);line-height:1.55}.public-empty svg{color:var(--abstract)}.public-load-error svg{color:var(--danger)}.public-load-error button{display:inline-flex;align-items:center;gap:.42rem;min-height:44px;padding:.55rem .75rem;color:var(--white);background:var(--cocoa-raised);border:1px solid var(--seam);border-radius:.58rem;cursor:pointer}.public-load-error button svg{width:1rem;color:var(--white)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.download-button:hover:not(:disabled),.surprise-button:hover,.share-heading button:hover,.share-actions button:hover:not(:disabled),.color-swatches button:hover,.filter-row button:hover,.template-choice:hover,.avatar-upload:hover,.mode-control button:hover:not(:disabled),.contrast-warning button:hover{filter:brightness(1.1)}}@media(min-width:52rem){.builder-workspace{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.62fr);align-items:stretch;gap:1rem}.control-rail{min-height:100%}.share-bench{grid-template-columns:minmax(0,1fr) minmax(24rem,auto);align-items:end}}@media(max-width:32rem){.public-topbar{flex-wrap:wrap}.public-topbar p,.trust-note,.canvas-note{display:none}.finish-control{grid-template-columns:1fr}.style-controls,.backing-controls{grid-template-columns:minmax(0,1fr)}.style-controls>*,.backing-controls>*{grid-column:1 / -1}.color-swatches,.backing-controls>.color-swatches{justify-content:flex-start}.mode-control,.avatar-sources,.contrast-warning{grid-template-columns:1fr}.avatar-sources small{grid-column:auto}.share-heading{align-items:stretch;flex-direction:column}.share-actions{grid-template-columns:1fr}}@media(forced-colors:active){button[aria-pressed=true],.custom-color[data-selected=true],.template-choice[aria-pressed=true]{outline:3px solid ButtonText;outline-offset:2px}.contrast-warning,.public-message{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}