.av-shell{--mc-panel:#26262c;--mc-panel-lit:#ffffff21;--mc-panel-dim:#0000008c;--mc-slot:#0d0d10;--mc-btn:#4a4a53;--mc-btn-hi:#5a5a65;--mc-line:#08080a}.av-shell h1,.av-shell h2,.av-shell h3,.av-label,.mc-btn,.av-chip,.av-step,.av-title,.av-style-name,.av-switch-label,.av-select,.av-seg>button{font-family:var(--font-mc),"Inter",system-ui,sans-serif;letter-spacing:.02em}.av-shell h1,.av-shell h2,.av-title,.av-label,.mc-btn{text-shadow:2px 2px #0000008c}@keyframes avRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.av-rise{animation:.4s steps(6,end) both avRise}@keyframes avReveal{0%{opacity:0}to{opacity:1}}.av-reveal{animation:.24s steps(4,end) both avReveal}@media (prefers-reduced-motion:reduce){.av-rise,.av-reveal{animation:none}}.av-raised{box-shadow:inset 2px 2px 0 0 var(--mc-panel-lit),inset -2px -2px 0 0 var(--mc-panel-dim),0 0 0 1px var(--mc-line)}.av-sunken{box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff1a,0 0 0 1px var(--mc-line)}.av-panel{background:var(--mc-panel);box-shadow:inset 2px 2px 0 0 var(--mc-panel-lit),inset -2px -2px 0 0 var(--mc-panel-dim),0 0 0 1px var(--mc-line);border-radius:0;position:relative}.av-step{color:#0a2018;width:24px;height:24px;box-shadow:inset 2px 2px 0 0 #ffffff6b,inset -2px -2px 0 0 #00000057,0 0 0 1px var(--mc-line);text-shadow:none;background:#35d39a;border-radius:0;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.av-label{letter-spacing:.05em;text-transform:uppercase;color:#b9b9c4;font-size:13px;font-weight:500}.mc-btn{color:#fff;background:var(--mc-btn);cursor:pointer;box-shadow:inset 2px 2px 0 0 #ffffff38,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:500;line-height:1;transition:background-color .1s steps(2,end);display:inline-flex}.mc-btn:hover:not(:disabled){background:var(--mc-btn-hi);box-shadow:inset 0 0 0 2px #fff,inset 2px 2px 0 0 #ffffff38,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line)}.mc-btn:active:not(:disabled){box-shadow:inset 2px 2px 0 0 #00000080,inset -2px -2px 0 0 #ffffff24,0 0 0 1px var(--mc-line);background:#3c3c44}.mc-btn:disabled{opacity:.45;cursor:not-allowed}.mc-btn.is-go{color:#04140d;text-shadow:2px 2px #00000047;background:#17a06d;padding:13px 16px;font-size:17px}.mc-btn.is-go:hover:not(:disabled){background:#21bd82}.mc-btn.is-go:active:not(:disabled){background:#128a5d}.av-drop{background:var(--mc-slot);text-align:center;cursor:pointer;width:100%;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff1a,0 0 0 1px var(--mc-line);border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:22px 18px;transition:background-color .12s steps(2,end);display:flex;position:relative}.av-drop:hover{background:#14161a}.av-drop.is-over{box-shadow:inset 0 0 0 2px #35d39a,inset 2px 2px 0 0 #000000b8,0 0 0 1px var(--mc-line);background:#12241d}.av-drop.is-busy{cursor:progress;opacity:.75}.av-drop-icon{color:#b9b9c4;width:42px;height:42px;box-shadow:inset 2px 2px 0 0 #ffffff21,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);background:#1c1c21;border-radius:0;place-items:center;display:grid}.av-or{font-family:var(--font-mc),"Inter",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a7a86;align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.av-or:before,.av-or:after{content:"";background:var(--mc-line);flex:1;height:2px;box-shadow:0 2px #ffffff12}.av-input{background:var(--mc-slot);color:#fff;width:100%;height:42px;font-family:var(--font-mc),"Inter",system-ui,sans-serif;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff14,0 0 0 1px var(--mc-line);border:0;border-radius:0;padding:0 11px;font-size:15px}.av-input::placeholder{color:#5c5c68}.av-input:focus{box-shadow:inset 0 0 0 2px #fff,inset 2px 2px 0 0 #000000b8,0 0 0 1px var(--mc-line);outline:none}.av-source{box-shadow:inset 2px 2px 0 0 #ffffff1c,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);background:#1c2420;border-radius:0;align-items:center;gap:12px;padding:9px 11px;display:flex}.av-source-face{width:40px;height:40px;image-rendering:pixelated;background:var(--mc-slot);box-shadow:inset 2px 2px 0 0 #000000b8,0 0 0 1px var(--mc-line);border-radius:0;flex:none}.av-seg{flex:none;gap:2px;display:inline-flex}.av-seg>button{color:#b9b9c4;background:var(--mc-btn);white-space:nowrap;box-shadow:inset 2px 2px 0 0 #ffffff2e,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border-radius:0;padding:6px 10px;font-size:13px;font-weight:500;line-height:1;transition:background-color .1s steps(2,end)}.av-seg>button:hover{background:var(--mc-btn-hi);color:#fff}.av-seg>button.is-on{color:#04140d;box-shadow:inset 2px 2px 0 0 #ffffff6b,inset -2px -2px 0 0 #0000004d,0 0 0 1px var(--mc-line);background:#35d39a}.av-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:720px){.av-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.av-style{background:var(--mc-panel);cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--mc-panel-lit),inset -2px -2px 0 0 var(--mc-panel-dim),0 0 0 1px var(--mc-line);border-radius:0;flex-direction:column;align-items:center;gap:7px;padding:8px 5px 7px;transition:background-color .1s steps(2,end);display:flex;position:relative}.av-style:hover{background:#33333b}.av-style.is-active{box-shadow:inset 0 0 0 2px #fff,inset 2px 2px 0 0 var(--mc-panel-lit),inset -2px -2px 0 0 var(--mc-panel-dim),0 0 0 1px var(--mc-line);background:#1d3a30}.av-style:disabled{opacity:.35;cursor:not-allowed}.av-style-art{aspect-ratio:1;background:var(--mc-slot);width:100%;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);border-radius:0;place-items:center;display:grid;position:relative;overflow:hidden}.av-style-art img{object-fit:contain;width:86%;height:86%;image-rendering:pixelated}.av-style-art img.is-smooth{image-rendering:auto}.av-style-name{color:#fff;text-shadow:1px 1px #0009;font-size:13px;font-weight:500;line-height:1.1}.av-check{z-index:2;color:#04140d;width:16px;height:16px;box-shadow:0 0 0 1px var(--mc-line);background:#35d39a;place-items:center;display:grid;position:absolute;top:4px;right:4px}.av-badge3d{z-index:2;font-family:var(--font-mc),system-ui,sans-serif;letter-spacing:.04em;color:#1a1400;box-shadow:0 0 0 1px var(--mc-line);background:#fed83d;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.av-right{display:contents}@media (min-width:1024px){.av-right{flex-direction:column;gap:14px;display:flex;position:sticky;top:92px}}.av-stage{width:100%;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);background:#16161a;border-radius:0;place-items:center;padding:16px;display:grid;position:relative;overflow:hidden}.av-stage canvas{width:100%;height:100%;display:block}.av-stage canvas.is-grab{cursor:grab;touch-action:none}.av-stage canvas.is-grab:active{cursor:grabbing}.av-hint{font-family:var(--font-mc),system-ui,sans-serif;color:#9c9caa;box-shadow:0 0 0 1px var(--mc-line);pointer-events:none;white-space:nowrap;background:#000000b8;padding:3px 8px;font-size:12px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.av-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}@media (max-width:520px){.av-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}.av-swatch{aspect-ratio:1;background:var(--mc-slot);cursor:pointer;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);border-radius:0;transition:filter .1s steps(2,end);position:relative;overflow:hidden}.av-swatch:hover{filter:brightness(1.25)}.av-swatch.is-on{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--mc-line)}.av-swatch canvas,.av-swatch img,.av-swatch .av-swatch-fill{object-fit:cover;width:100%;height:100%;display:block}.av-swatch img{image-rendering:pixelated}.av-swatch-name{text-align:center;color:#fff;opacity:0;pointer-events:none;background:#000000b8;padding:1px 0 2px;font-size:10px;font-weight:500;transition:opacity .1s steps(2,end);position:absolute;inset:auto 0 0}.av-swatch:hover .av-swatch-name,.av-swatch.is-on .av-swatch-name{opacity:1}.av-swatch.is-none{background-image:linear-gradient(45deg,#2a2a30 25%,#0000 25%),linear-gradient(-45deg,#2a2a30 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a30 75%),linear-gradient(-45deg,#0000 75%,#2a2a30 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.av-chip{background:var(--mc-btn);color:#d2d2da;white-space:nowrap;cursor:pointer;height:30px;box-shadow:inset 2px 2px 0 0 #ffffff2e,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border-radius:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;line-height:1;transition:background-color .1s steps(2,end);display:inline-flex}.av-chip:hover{background:var(--mc-btn-hi);color:#fff}.av-chip.is-on{color:#04140d;box-shadow:inset 2px 2px 0 0 #ffffff6b,inset -2px -2px 0 0 #0000004d,0 0 0 1px var(--mc-line);background:#35d39a}.av-chip:disabled{opacity:.4;cursor:not-allowed}.av-dests{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.av-dest{background:var(--mc-btn);text-align:left;cursor:pointer;box-shadow:inset 2px 2px 0 0 #ffffff29,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border-radius:0;padding:8px 10px;transition:background-color .1s steps(2,end)}.av-dest:hover{background:var(--mc-btn-hi)}.av-dest.is-on{box-shadow:inset 0 0 0 2px #fff,inset 2px 2px 0 0 #ffffff29,0 0 0 1px var(--mc-line);background:#1d3a30}.av-dest-title{color:#fff;font-size:14px;font-weight:500;line-height:1.1}.av-dest-hint{color:#a2a2ae;margin-top:3px;font-size:10.5px;line-height:1.35}.av-switch{cursor:pointer;text-align:left;border-radius:0;align-items:center;gap:9px;width:100%;padding:6px 4px;display:flex}.av-switch-box{background:var(--mc-slot);width:18px;height:18px;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);flex:none;position:relative}.av-switch[aria-pressed=true] .av-switch-box{box-shadow:inset 2px 2px 0 0 #ffffff6b,inset -2px -2px 0 0 #0000004d,0 0 0 1px var(--mc-line);background:#35d39a}.av-switch-box:after{content:"";opacity:0;background:#04140d;position:absolute;inset:4px}.av-switch[aria-pressed=true] .av-switch-box:after{opacity:1}.av-switch:hover .av-switch-label{color:#fff}.av-switch-label{color:#cdcdd6;font-size:13px}.av-row{grid-template-columns:86px minmax(0,1fr) 46px;align-items:center;gap:9px;display:grid}.av-row-name{color:#a2a2ae;font-size:13px}.av-row-value{font-variant-numeric:tabular-nums;text-align:right;color:#fff;font-size:13px}.av-slider{appearance:none;background:var(--mc-slot);cursor:pointer;width:100%;height:18px;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line)}.av-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mc-btn);width:12px;height:18px;box-shadow:inset 2px 2px 0 0 #ffffff3d,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border:0;border-radius:0}.av-slider::-moz-range-thumb{border:1px solid var(--mc-line);background:var(--mc-btn);border-radius:0;width:12px;height:18px}.av-slider:focus-visible{outline-offset:1px;outline:2px solid #fff}.av-color{cursor:pointer;width:34px;height:26px;box-shadow:0 0 0 1px var(--mc-line),inset 2px 2px 0 0 #fff3;background:0 0;border:0;border-radius:0;flex:none;padding:0}.av-color::-webkit-color-swatch-wrapper{padding:2px}.av-color::-webkit-color-swatch{border:none;border-radius:0}.av-color::-moz-color-swatch{border:none;border-radius:0}.av-more-btn{width:100%;font-family:var(--font-mc),system-ui,sans-serif;color:#a2a2ae;justify-content:space-between;align-items:center;padding:8px 2px 2px;font-size:14px;transition:color .1s steps(2,end);display:flex}.av-more-btn:hover{color:#fff}.av-note{color:#b9b9c4;box-shadow:0 0 0 1px var(--mc-line),inset 2px 2px 0 0 #ffffff12;background:#1c1c21;border-radius:0;padding:9px 11px;font-size:12.5px;line-height:1.5}.av-note.is-error{color:#ff8f8f;background:#2c1616}.av-note.is-warn{color:#fed83d;background:#2c2513}.av-spin{clip-path:polygon(0 0,50% 0,50% 50%,0 50%);background:currentColor;width:14px;height:14px;animation:.8s steps(4,end) infinite avSpin;display:inline-block}@keyframes avSpin{0%{clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}25%{clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%)}50%{clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%)}75%{clip-path:polygon(0 50%,50% 50%,50% 100%,0 100%)}to{clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}}.av-hero-head{background:var(--mc-slot);width:52px;height:52px;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);flex:none;place-items:center;display:grid}.av-hero-head img{width:36px;height:36px;image-rendering:pixelated}.av-title{letter-spacing:.06em;text-transform:uppercase;color:#ffa657;border-bottom:2px solid #ffa65747;padding-bottom:7px;font-size:17px;font-weight:500}.av-styles{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:420px){.av-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.av-stage{background-color:#0d0d10;background-image:linear-gradient(45deg,#1b1b20 25%,#0000 25%),linear-gradient(-45deg,#1b1b20 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1b20 75%),linear-gradient(-45deg,#0000 75%,#1b1b20 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;align-self:start;padding:10px}.av-stage canvas{aspect-ratio:1;image-rendering:auto;width:100%;height:auto;display:block}.av-stage canvas.is-pixelated{image-rendering:pixelated}.av-field{flex-direction:column;gap:4px;display:flex}.av-select{background:var(--mc-btn);color:#fff;cursor:pointer;width:100%;height:34px;box-shadow:inset 2px 2px 0 0 #fff3,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);border:0;border-radius:0;padding:0 8px;font-size:14px}.av-select:focus{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--mc-line);outline:none}.av-select option{color:#fff;background:#26262c}.av-dyes{flex:1;grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.av-dye{aspect-ratio:1;cursor:pointer;min-width:0;box-shadow:0 0 0 1px var(--mc-line),inset 1px 1px 0 #ffffff47}.av-dye:hover{filter:brightness(1.3)}.av-picks{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.av-pick{aspect-ratio:1;background:var(--mc-slot);cursor:pointer;box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);overflow:hidden}.av-pick img,.av-pick canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.av-pick:hover{filter:brightness(1.25)}.av-pick.is-on{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--mc-line)}.av-slots{grid-template-columns:repeat(3,1fr);gap:4px;max-width:168px;display:grid}.av-slot{aspect-ratio:1;background:var(--mc-slot);box-shadow:inset 2px 2px 0 0 #000000b8,inset -2px -2px 0 0 #ffffff17,0 0 0 1px var(--mc-line);position:relative;overflow:visible}.av-slot img{width:100%;height:100%;image-rendering:pixelated;display:block}.av-slot.is-empty{font-family:var(--font-mc),system-ui,sans-serif;color:#55555f;cursor:pointer;place-items:center;font-size:20px;display:grid}.av-slot.is-empty:hover{color:#fff;background:#16161a}.av-slot[draggable=true]{cursor:grab}.av-slot[draggable=true]:active{cursor:grabbing}.av-slot-x{color:#fff;cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 1px var(--mc-line);background:#b02e26;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.av-slot-x:hover{background:#d8443a}.av-x{color:#b9b9c4;background:var(--mc-btn);cursor:pointer;width:26px;height:26px;box-shadow:inset 2px 2px 0 0 #ffffff2e,inset -2px -2px 0 0 #00000080,0 0 0 1px var(--mc-line);flex:none;place-items:center;display:grid}.av-x:hover{color:#fff;background:#b02e26}