:root{color-scheme:dark;--bg:#07080e;--bg-soft:#0b0c15;--card:#11121d;--card-hi:#171828;--stage:#0a0b14;--line:rgba(214,222,255,0.09);--line-strong:rgba(214,222,255,0.18);--text:#f3f5ff;--text-soft:#c5cbe6;--muted:#8e96b8;--blue:#38b6ff;--blue-soft:#9bdcff;--violet:#9b8cff;--violet-soft:#c7bdff;--pink:#ff8fd0;--teal:var(--violet);--gold:#ffc24b;--gold-soft:#ffdb8a;--green:#4fe0a5;--red:#ff6b81;--radius:1.25rem;--radius-sm:0.875rem;--shell:72.5rem;--gutter:clamp(1rem,4vw,2rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.25rem}body,html{margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(62.5rem 32.5rem at 12% -8%,rgba(56,182,255,.16),transparent 62%),radial-gradient(56.25rem 30rem at 88% -4%,rgba(155,140,255,.2),transparent 60%),radial-gradient(50rem 30rem at 50% 115%,rgba(255,143,208,.06),transparent 65%),var(--bg);background-repeat:no-repeat;color:var(--text);font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}main{flex:1 1}a{color:var(--blue-soft);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.02}h1,h2{font-weight:800}h2{font-size:clamp(1.75rem,3.4vw,2.375rem);line-height:1.1}h3{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em}p{margin:0}code{font:.9em ui-monospace,SF Mono,Menlo,Consolas,monospace;background:rgba(255,255,255,.06);border-radius:.375rem;padding:1px .375rem}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.7812rem;line-height:1.5}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}.pixel{font-family:var(--font-label),ui-monospace,monospace;letter-spacing:.04em}.dev-banner{background:#3a2a06;color:var(--gold-soft);font-size:.8125rem;padding:.5rem var(--gutter);text-align:center}.button,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-size:.9375rem;font-weight:650;line-height:1;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line-strong);border-radius:62.4375rem;padding:.75rem 1.375rem;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .25s cubic-bezier(.34,1.56,.64,1),color .15s,filter .15s}.button:hover,button:hover{background:rgba(255,255,255,.1);border-color:rgba(226,234,246,.28);text-decoration:none;transform:translateY(-1px)}.button:active,button:active{transform:scale(.97);transition-duration:.08s}button:disabled{opacity:.55;cursor:default;transform:none}.button:focus-visible,[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.button.primary,button.primary{--fill:rgba(70,110,230,0.1);position:relative;background-color:var(--fill);background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.12) 50%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.07),transparent 55%,rgba(0,0,0,.22));background-size:260% 100%,100% 100%;background-position:130% 0,0 0;background-repeat:no-repeat;border-color:transparent;color:#ffffff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.32),0 2px 0 rgba(4,6,20,.7),0 .75rem 1.75rem -.875rem rgba(91,123,255,.65);transition:background-position .75s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.button.primary:before,button.primary:before{content:"";position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;background:linear-gradient(115deg,#2fa8ff,#5b7bff 48%,#9a5cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.button.primary:hover,button.primary:hover{--fill:rgba(80,120,240,0.2);background-position:-30% 0,0 0;border-color:transparent}.button.gold,button.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-color:var(--gold);color:#2b1d00}.button.gold:hover,button.gold:hover{background:linear-gradient(180deg,#ffe08c,#f5c043);border-color:#f5c043}.button.quiet,button.quiet{background:transparent;border-color:transparent;color:var(--text-soft);padding-left:.5rem;padding-right:.5rem}.button.quiet:hover,button.quiet:hover{background:transparent;border-color:transparent;color:var(--text)}.button.small,button.small{font-size:.8438rem;padding:.5625rem .875rem}.brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--text);font-weight:800;font-size:1.0625rem;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand .gold{color:var(--gold)}.logo{display:block;filter:drop-shadow(0 0 1px rgba(255,255,255,.35))}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:3rem;gap:3rem;align-items:center;padding-top:4.5rem;padding-bottom:2.5rem}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:2.75rem;gap:2.25rem}}.round-chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.8438rem;font-weight:600;color:var(--text-soft);background:rgba(155,140,255,.08);border:1px solid rgba(155,140,255,.28);border-radius:62.4375rem;padding:.375rem .75rem .375rem .625rem;margin-bottom:1.375rem}.round-chip .pulse{width:.5rem;height:.5rem;border-radius:50%;background:var(--violet);box-shadow:0 0 0 .25rem rgba(155,140,255,.18)}.hero h1 .accent{background:linear-gradient(90deg,#f472b6,#a78bfa 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{margin-top:1.25rem;font-size:1.1875rem;line-height:1.55;color:var(--text-soft);max-width:34em}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.875rem}.hero-actions .button{font-size:1rem;padding:.9375rem 1.5rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.75rem;margin-top:2.5rem}.hero-stats div{display:grid;grid-gap:2px;gap:2px}.hero-stats b{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.hero-stats span{font-size:.8438rem;color:var(--muted)}.stage{position:relative;aspect-ratio:5/4;border-radius:1.5rem;background:radial-gradient(60% 50% at 50% 78%,rgba(244,114,182,.24),transparent 70%),radial-gradient(80% 70% at 50% 30%,rgba(167,139,250,.16),transparent 70%),var(--stage);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:1.5rem 1.5rem;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,black,transparent);mask-image:radial-gradient(70% 70% at 50% 45%,black,transparent)}.stage img{position:relative;width:72%;filter:drop-shadow(0 1.5rem 1.875rem rgba(0,0,0,.55));transform:rotate(-3deg)}.cape-back,.stage img{image-rendering:pixelated}.cape-back{display:block;aspect-ratio:10/16;background-size:640% 200%;background-position:1.852% 6.25%;background-repeat:no-repeat;border-radius:.25rem;box-shadow:0 1.25rem 1.75rem -.5rem rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)}.art.cape-back{width:auto;height:78%}.stage .stage-cape{position:relative;height:74%;transform:rotate(-3deg)}.stage .blank{position:relative;width:64%;aspect-ratio:2/1;border:2px dashed var(--line-strong);border-radius:.625rem;display:grid;place-items:center;color:var(--muted);font-size:.9375rem}.stage figcaption{position:absolute;left:1.125rem;right:1.125rem;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;color:var(--text-soft)}.stage figcaption b{color:var(--text)}.leading-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2b1d00;background:var(--gold);border-radius:62.4375rem;padding:.25rem .625rem}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1.5rem}.steps li{list-style:none;display:flex;gap:.875rem;align-items:baseline;padding:1.375rem 1.25rem 1.375rem 0}.steps li+li{padding-left:1.25rem;border-left:1px solid var(--line)}.steps li{--step:#f472b6;box-shadow:inset 0 2px 0 var(--step)}.steps li:nth-child(2){--step:#a78bfa}.steps li:nth-child(3){--step:#fbbf24}.steps .no{font-family:var(--font-label),ui-monospace,monospace;font-size:.9375rem;color:var(--step);text-shadow:0 0 .75rem color-mix(in srgb,var(--step) 60%,transparent)}.steps b{display:block;font-size:1rem}.steps span{color:var(--muted);font-size:.9062rem}.steps ol,ol.steps{margin:0;padding:0}@media (max-width:760px){.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}}.section{padding-top:5.5rem}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.75rem}.section-head .kicker{display:block;font-family:var(--font-label),ui-monospace,monospace;font-size:.8125rem;letter-spacing:.08em;color:var(--violet);margin-bottom:.625rem}#vote .section-head .kicker{color:#f472b6}#gallery .section-head .kicker{color:#a78bfa}#submit .section-head .kicker{color:#fbbf24}.section-head p{margin-top:.625rem;color:var(--text-soft);font-size:1.0625rem;max-width:40em}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:2.75rem 1.5rem;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:1.0625rem;margin-bottom:.375rem}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.375rem,1fr));grid-gap:1.125rem;gap:1.125rem}.design-grid.round{grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));gap:2.5rem 2rem}.design-card{position:relative;display:flex;flex-direction:column;gap:.25rem}.design-card:hover{transform:none}.design-card.leading{--glow:rgba(240,180,41,0.32)}.design-grid>:nth-child(5n+1){--tint:#f472b6}.design-grid>:nth-child(5n+2){--tint:#a78bfa}.design-grid>:nth-child(5n+3){--tint:#38bdf8}.design-grid>:nth-child(5n+4){--tint:#4ade80}.design-grid>:nth-child(5n+5){--tint:#fb923c}.art-frame{--glow:color-mix(in srgb,var(--tint,#38b6ff) 24%,transparent);position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(closest-side,var(--glow),transparent);transition:background .3s}.art{width:74%;max-height:76%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1.25rem 1.5rem rgba(0,0,0,.55));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.rank{position:absolute;top:.25rem;left:0;font-family:var(--font-label),ui-monospace,monospace;font-size:.8125rem;color:var(--muted)}.art-frame .leading-tag{position:absolute;top:0;right:0}.design-card.leading .art-frame{--glow:rgba(240,180,41,0.3)}.design-card:hover .art-frame{--glow:color-mix(in srgb,var(--tint,#38b6ff) 40%,transparent)}.design-card.leading:hover .art-frame{--glow:rgba(240,180,41,0.42)}.design-card:hover .art{transform:translateY(-.375rem) scale(1.03)}.round-tag{position:absolute;top:.625rem;right:.625rem;font-size:.7188rem;font-weight:700;color:var(--violet);background:rgba(7,8,14,.75);border:1px solid rgba(155,140,255,.35);border-radius:62.4375rem;padding:.1875rem .5625rem}.design-card-body{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0 0;border-top:1px solid var(--line)}.who{display:grid;grid-gap:2px;gap:2px;min-width:0}.who .name{font-weight:700;font-size:.9688rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--muted)}.vote{gap:.4375rem;padding:.5625rem .875rem;font-size:.875rem}.vote .star{color:var(--gold);font-size:.9375rem}.vote .label{margin:0;font-size:inherit;color:inherit}.vote .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-soft);font-weight:600}.vote.voted{background:rgba(240,180,41,.12);border-color:rgba(240,180,41,.45);opacity:1}.vote.voted,.vote.voted .count{color:var(--gold-soft)}.vote-large{padding:.6875rem 1.125rem;font-size:.9375rem}.vote:not(.vote-large){padding:.5rem .75rem}.vote:not(.vote-large) .label{display:none}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter{font-size:.875rem;font-weight:600;padding:.5rem .875rem;gap:.4375rem}.filter[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#07080e}.filter .n{color:var(--muted);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.filter[aria-pressed=true] .n{color:#4c5566}.submit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);grid-gap:2.5rem;gap:2.5rem;align-items:start}@media (max-width:900px){.submit-layout{grid-template-columns:1fr}}.form-card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.125rem,3vw,1.875rem)}.rules{display:grid;grid-gap:1.125rem;gap:1.125rem;padding-top:.375rem}.rules h3{font-size:.9375rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rules ul{margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.rules li{list-style:none;display:flex;gap:.75rem;font-size:.9375rem;color:var(--text-soft)}.rules li:before{content:"";flex:none;width:.5rem;height:.5rem;margin-top:.5rem;border-radius:2px;background:var(--violet)}.rules .fine{font-size:.8438rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}.stack{display:grid;grid-gap:1.375rem;gap:1.375rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.label,label{display:block;font-size:.8125rem;font-weight:650;color:var(--text-soft);margin-bottom:.5rem}input[type=date],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;font:inherit;font-size:.9688rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.75rem .875rem;transition:border-color .15s,background-color .15s}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,select:hover,textarea:hover{border-color:rgba(226,234,246,.26)}input[type=date]{color-scheme:dark}.segmented{display:inline-grid;grid-auto-flow:column;gap:.25rem;padding:.25rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:62.4375rem}.segmented button{border:0;background:transparent;color:var(--text-soft);padding:.5625rem 1rem;font-size:.9062rem}.segmented button:hover{background:rgba(255,255,255,.05);color:var(--text)}.segmented button[aria-pressed=true]{background:var(--text);color:#07080e}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.875rem;padding:.5625rem .875rem;gap:.4375rem}.chip[aria-pressed=true]{background:rgba(56,182,255,.14);border-color:var(--blue);color:var(--blue-soft)}.dropzone{display:grid;place-items:center;min-height:10.625rem;border:1.5px dashed var(--line-strong);border-radius:.875rem;background:var(--bg-soft);cursor:pointer;text-align:center;padding:1.125rem;transition:border-color .15s,background-color .15s}.dropzone.over,.dropzone:hover{border-color:var(--blue);background:rgba(56,182,255,.06)}.dropzone .big{font-weight:650;font-size:1rem}.dropzone .preview{max-width:100%;max-height:11.25rem;image-rendering:pixelated}.field-note{margin-top:.5rem}.notice{border-radius:.75rem;padding:.75rem .875rem;font-size:.9062rem;border:1px solid var(--line-strong);background:rgba(255,255,255,.04)}.notice.error{border-color:rgba(236,117,128,.5);background:rgba(236,117,128,.1);color:#ffc9ce}.notice.ok{border-color:rgba(95,191,135,.5);background:rgba(95,191,135,.1);color:#c8f0d8}.notice.info{border-color:rgba(56,182,255,.4);background:rgba(56,182,255,.08)}.done h3{font-size:1.375rem;color:var(--green);margin-bottom:.5rem}.done p{color:var(--text-soft)}.draw{display:grid;grid-gap:.875rem;gap:.875rem}.draw-tools{align-items:center;justify-content:space-between;gap:.75rem}.draw-tools,.swatches{display:flex;flex-wrap:wrap}.swatches{gap:.5rem}.swatch{width:1.875rem;height:1.875rem;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.14)}.swatch:hover{border-color:rgba(255,255,255,.4)}.swatch.on{border-color:var(--text);box-shadow:0 0 0 .1875rem rgba(238,242,248,.2)}.swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#f55,#fd5,#5f8,#5cf,#a6f,#f55);cursor:pointer;margin:0}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.tool-buttons{display:flex;gap:.375rem}.tool{font-size:.8438rem;padding:.5rem .875rem}.tool.on{background:var(--text);border-color:var(--text);color:#07080e}.canvas-frame{border-radius:.75rem;overflow:hidden;border:1px solid var(--line-strong);background-color:#1a2230;background-image:linear-gradient(45deg,#20223a 25%,transparent 0),linear-gradient(-45deg,#20223a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#20223a 0),linear-gradient(-45deg,transparent 75%,#20223a 0);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.draw-canvas{display:block;width:100%;aspect-ratio:2/1;image-rendering:pixelated;cursor:crosshair;touch-action:none}.prose{max-width:47.5rem;margin:0 auto;padding-top:3.5rem}.prose h1{font-size:clamp(2.25rem,5vw,3.25rem)}.prose .updated{margin-top:.75rem;color:var(--muted);font-size:.875rem}.prose h2{font-size:1.375rem;margin:2.75rem 0 .75rem;scroll-margin-top:5.625rem}.prose h3{margin:1.5rem 0 .5rem}.prose li,.prose p{color:var(--text-soft);font-size:1.0312rem;line-height:1.7}.prose p+p{margin-top:.875rem}.prose ol,.prose ul{padding-left:1.375rem;margin:.75rem 0}.prose li+li{margin-top:.375rem}.prose strong{color:var(--text)}.age-table{margin:1.25rem 0;max-height:26rem;overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.age-table table{width:100%;border-collapse:collapse;font-size:.9062rem}.age-table td,.age-table th{padding:.5rem .875rem;text-align:left;border-bottom:1px solid var(--line);color:var(--text-soft)}.age-table thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--bg,#0b0f19);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.age-table tbody th{color:var(--text);font-weight:600}@media (max-width:600px){.age-table td:nth-child(4),.age-table th:nth-child(4){display:none}}.toc{margin:1.75rem 0 .5rem;padding:1.125rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.02)}.toc b{display:block;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.625rem}.toc ol{column-count:2;column-gap:2rem;margin:0;padding-left:1.25rem}.toc li{font-size:.9375rem;margin:0 0 .375rem}@media (max-width:640px){.toc ol{column-count:1}}.summary{margin-top:1.5rem;padding:1.125rem 1.25rem;border-radius:var(--radius);background:rgba(155,140,255,.06);border:1px solid rgba(155,140,255,.22)}.summary b{color:var(--text)}.summary ul{margin:.625rem 0 0}.admin-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:2.5rem}.admin-bar h1{font-size:2.125rem;margin-right:auto}.admin-nav{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);background:var(--bg-soft)}.admin-nav,.admin-nav a{border-radius:62.4375rem}.admin-nav a{padding:.5rem 1rem;color:var(--text-soft);font-weight:600;font-size:.9062rem}.admin-nav a:hover{color:var(--text);text-decoration:none}.admin-nav a[aria-current=page]{background:var(--text);color:#07080e}.admin .section{padding-top:3rem}.admin .section-head h2{font-size:1.625rem}.badge{position:absolute;top:.625rem;left:.625rem;font-size:.7188rem;font-weight:700;border-radius:62.4375rem;padding:.1875rem .5625rem;background:rgba(7,8,14,.75);border:1px solid var(--line-strong)}.badge.live{color:var(--green);border-color:rgba(95,191,135,.45)}.badge.rejected{color:var(--red);border-color:rgba(236,117,128,.45)}.admin-card .design-card-body{flex-direction:column;align-items:stretch}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem}button.approve{background:rgba(95,191,135,.14);border-color:rgba(95,191,135,.5);color:#bdf0d1}button.approve:hover{background:rgba(95,191,135,.24);border-color:var(--green)}button.reject{background:rgba(236,117,128,.1);border-color:rgba(236,117,128,.45);color:#ffc9ce}button.reject:hover{background:rgba(236,117,128,.2);border-color:var(--red)}button.featured-on{background:rgba(240,180,41,.14);border-color:rgba(240,180,41,.5);color:var(--gold-soft)}button.featured-on:hover{background:rgba(240,180,41,.22);border-color:var(--gold)}.login{max-width:26.25rem;margin:4.5rem auto 0}.login h1{font-size:2.125rem;margin-bottom:.5rem}.login .form-card{margin-top:1.5rem}.codes-layout{display:grid;grid-template-columns:minmax(0,32rem) minmax(0,1fr);grid-gap:1.75rem;gap:1.75rem;align-items:start}@media (max-width:900px){.codes-layout{grid-template-columns:1fr}}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.pair input{min-width:0;width:100%}.form-card .segmented{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(5.25rem,1fr));width:100%;border-radius:1rem}.form-card .segmented button{border-radius:.75rem;padding-left:.375rem;padding-right:.375rem;white-space:nowrap}.item-picker{display:grid;grid-gap:.625rem;gap:.625rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));grid-gap:.5rem;gap:.5rem;max-height:22rem;overflow-y:auto;padding:.125rem .25rem .125rem .125rem}.picker-tile{display:grid;grid-gap:.25rem;gap:.25rem;justify-items:center;padding:.5rem .375rem;border:1px solid var(--line);border-radius:.75rem;background:var(--bg-soft);color:var(--text-soft);font-size:.75rem;cursor:pointer}.picker-tile:hover{border-color:rgba(226,234,246,.3);color:var(--text)}.picker-tile[aria-selected=true]{border-color:var(--green);background:rgba(95,191,135,.12);color:var(--text)}.picker-art{width:4rem;height:4rem;display:grid;place-items:center}.picker-art img,.picker-art svg{width:100%;height:100%;object-fit:contain}.picker-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.code-list{margin:0;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:.75rem;max-height:23.75rem;overflow:auto;font:500 1rem/1.9 ui-monospace,SF Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.code-list li::marker{color:var(--muted);font-size:.75rem}.batches{width:100%;border-collapse:collapse;font-size:.9062rem}.batches th{text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .75rem .625rem 0}.batches td,.batches th{border-bottom:1px solid var(--line)}.batches td{padding:.875rem .75rem .875rem 0;vertical-align:middle;color:var(--text-soft)}.batches td b{color:var(--text)}.batches .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tag-off{color:var(--red);font-weight:650;font-size:.8125rem}.table-wrap{overflow-x:auto}.draw-with-preview{display:grid;grid-gap:.875rem;gap:.875rem}.cape-3d{position:relative;margin:.75rem 0 0;height:18.75rem;border-radius:var(--radius);overflow:hidden;background:radial-gradient(60% 60% at 50% 65%,rgba(155,140,255,.16),transparent 70%),var(--stage);box-shadow:inset 0 0 0 1px var(--line);cursor:-webkit-grab;cursor:grab}.cape-3d:active{cursor:-webkit-grabbing;cursor:grabbing}.cape-3d-canvas,.cape-3d-poster{position:absolute;inset:0}.cape-3d figcaption{left:.75rem;font-size:.75rem;color:var(--muted);pointer-events:none}.cape-3d figcaption,.view-3d{position:absolute;bottom:.625rem}.view-3d{right:.625rem;padding:.375rem .625rem;border:0;border-radius:.5rem;font:inherit;font-size:.75rem;font-weight:700;color:var(--text);background:rgba(7,8,14,.78);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;opacity:0;transform:translateY(.25rem);transition:opacity .2s,transform .2s}.design-card:hover .view-3d,.view-3d:focus-visible{opacity:1;transform:none}@media (hover:none){.view-3d{opacity:1;transform:none}}.cape-dialog{width:min(32.5rem,calc(100vw - 2rem));padding:0;border:0;border-radius:1.25rem;color:var(--text);background:var(--card);box-shadow:0 2.5rem 6.25rem -1.875rem rgba(0,0,0,.9),inset 0 0 0 1px var(--line-strong)}.cape-dialog::-webkit-backdrop{background:rgba(4,7,11,.72);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.cape-dialog::backdrop{background:rgba(4,7,11,.72);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.cape-dialog-body{padding:1rem}.cape-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:2px .25rem 0}.cape-dialog .close{width:2.125rem;height:2.125rem;border:0;border-radius:.625rem;font-size:1.375rem;line-height:1;color:var(--text-soft);background:rgba(255,255,255,.06);cursor:pointer}.cape-dialog .cape-3d{height:26.25rem}.designs-hall{position:absolute;left:0;right:0;top:0;height:47.5rem;overflow:hidden;pointer-events:none;z-index:-1}.stage:hover .view-3d{opacity:1;transform:none}.flow.designs-flow{margin:.5rem 0 3.5rem;padding:1.75rem 1.75rem 1.5rem;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:inset 0 0 0 1px var(--line)}