@font-face{font-family:Balsamiq Sans;src:url(/ui/BalsamiqSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Balsamiq Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.canvas-layer{position:fixed;inset:0}.dom-layer{pointer-events:none;position:fixed;inset:0}.dom-layer>*{pointer-events:auto}.mobile-controls{pointer-events:none;z-index:40;touch-action:none;position:absolute;inset:0}.mobile-look-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.mobile-joystick-zone{pointer-events:auto;touch-action:none;z-index:2;width:45%;max-width:320px;height:50%;position:absolute;bottom:0;left:0}.mobile-buttons{right:max(20px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;z-index:3;flex-direction:column-reverse;align-items:center;gap:16px;display:flex;position:absolute}.mobile-btn{pointer-events:auto;touch-action:none;color:#1a1a1a;-webkit-user-select:none;user-select:none;border:3px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-family:Balsamiq Sans,system-ui,sans-serif;font-weight:700;display:flex;box-shadow:0 4px #00000047}.mobile-btn:active{transform:translateY(2px);box-shadow:0 2px #00000047}.mobile-btn-jump{background:#aeeeee;width:78px;height:78px;font-size:15px}.mobile-btn-interact{opacity:.55;background:#d8d8d8;width:92px;height:92px;font-size:18px;transition:opacity .12s,background .12s}.mobile-btn-interact.is-active{opacity:1;background:#fff3c4}.music-toggle{z-index:20;color:#1a1a1a;cursor:pointer;background:#fdfdf6;border:3px solid #1a1a1a;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;left:18px;box-shadow:4px 4px #00000038}.music-toggle:hover{transform:translateY(-1px)}.music-toggle:active{transform:translate(2px,2px);box-shadow:2px 2px #00000038}.editor-backdrop{background:#1a1a1a73;position:absolute;inset:0}.interact-prompt{color:#fff;white-space:nowrap;background:#1a1a1acc;border-radius:6px;padding:6px 12px;font-size:14px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.wallet-gate-notice{z-index:30;color:#1a1a1a;text-align:center;pointer-events:none;background:#fdfdf6;border:3px solid #1a1a1a;border-radius:8px;max-width:min(420px,100vw - 32px);padding:10px 14px;font-size:16px;font-weight:700;line-height:1.25;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000047}.editor-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0aa6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drawing-board-container{aspect-ratio:1672/941;-webkit-user-select:none;user-select:none;background-image:url(/ui/drawing_in_canvas.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:16px;width:min(96vw,170.573vh);animation:.35s cubic-bezier(.16,1,.3,1) forwards boardFadeIn;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}@keyframes boardFadeIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.drawing-board-btn{cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .1s,background-color .2s;position:absolute}.drawing-board-btn:hover{transform:scale(1.02)}.drawing-board-btn:active{transform:scale(.98)}.btn-tool-brush-highlight{mix-blend-mode:multiply;pointer-events:none;background:#b496f04d;border-radius:6px}.btn-tool-eraser-highlight{mix-blend-mode:multiply;pointer-events:none;background:#b496f059;border-radius:6px}.swatch-selection-ring{pointer-events:none;border:4px solid #1a1a1a;border-radius:6px;position:absolute;inset:-3px;box-shadow:0 0 0 2px #fffc}.slider-container{justify-content:center;align-items:center;display:flex;position:absolute}.slider-input{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:100%}.slider-input::-webkit-slider-runnable-track{background:0 0}.slider-input::-webkit-slider-thumb{appearance:none;background:#1a1a1a;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 4px #0006}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-input::-webkit-slider-thumb:active{transform:scale(.9)}.slider-input::-moz-range-thumb{background:#1a1a1a;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.color-addition-panel{z-index:10000;background:#fff;border:3px solid #1a1a1a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000059}.color-addition-grid{gap:12px;display:flex}.color-addition-swatch{cursor:pointer;border:2px solid #1a1a1a;border-radius:6px;width:48px;height:48px;transition:transform .1s}.color-addition-swatch:hover{transform:scale(1.1)}.sketchy-app-container{align-items:stretch;gap:32px;width:100%;max-width:1500px;height:85vh;min-height:700px;display:flex}.pencil-color-text{color:#4a4a4a}.pencil-bg{background-color:#fdfdf6}.wobbly-border{box-shadow:0 0 0 2px #4a4a4a,1px 1px 0 2px #fdfdf6,1px 1px 0 3px #4a4a4a}.wobbly-border-thin{box-shadow:0 0 0 1px #4a4a4a,1px 1px 0 1px #fdfdf6,1px 1px 0 2px #4a4a4a}.wobbly-border-thick{box-shadow:0 0 0 3px #4a4a4a,1px 1px 0 3px #fdfdf6,1px 1px 0 4px #4a4a4a}.sketchy-shadow{background-image:repeating-linear-gradient(45deg,#4a4a4a 0 1px,#0000 1px 6px);background-position:4px 4px;background-repeat:no-repeat;background-size:8px 8px;box-shadow:4px 4px #4a4a4a}.sketchy-box{background-color:#fdfdf6;background-image:repeating-linear-gradient(45deg,#4a4a4a 0 1px,#0000 1px 6px);background-position:4px 4px;background-repeat:no-repeat;background-size:8px 8px;border:2px solid #0000;border-radius:8px;box-shadow:0 0 0 2px #4a4a4a,1px 1px 0 2px #fdfdf6,1px 1px 0 3px #4a4a4a,4px 4px #4a4a4a}.sketchy-box-round{background-color:#fdfdf6;background-image:repeating-linear-gradient(45deg,#4a4a4a 0 1px,#0000 1px 6px);background-position:4px 4px;background-repeat:no-repeat;background-size:8px 8px;border:2px solid #0000;border-radius:12px;box-shadow:0 0 0 2px #4a4a4a,1px 1px 0 2px #fdfdf6,1px 1px 0 3px #4a4a4a,4px 4px #4a4a4a}.sketchy-btn-active:active:not(:disabled){background-image:none;transform:translate(2px,2px);box-shadow:0 0 0 2px #4a4a4a}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.shrink-0{flex-shrink:0}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.h-28{height:112px}.h-16{height:64px}.aspect-square{aspect-ratio:1}.rounded-md{border-radius:6px}.rounded-xl{border-radius:12px}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.text-3xl{font-size:30px}.text-2xl{font-size:24px}.text-xl{font-size:20px}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.w-64{width:256px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.py-1{padding-top:4px;padding-bottom:4px}.py-3{padding-top:12px;padding-bottom:12px}.gap-1{gap:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-5{margin-bottom:20px}.mb-8{margin-bottom:32px}.border-r-\[3px\]{border-right:3px solid #4a4a4a}.border-b-\[3px\]{border-bottom:3px solid #4a4a4a}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.border-\[2px\]{border-width:2px}.border-\[4px\]{border-width:4px}.border-\[\#4a4a4a\]{border-color:#4a4a4a}.border-\[\#4a4a4a\]\/70{border-color:#4a4a4ab3}.border-dashed{border-style:dashed}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.transition-transform{transition:transform .1s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.active\:translate-x-\[1px\]:active{transform:translate(1px)}.active\:translate-y-\[1px\]:active{transform:translateY(1px)}.active\:translate-x-\[2px\]:active{transform:translate(2px)}.active\:translate-y-\[2px\]:active{transform:translateY(2px)}.p-2{padding:8px}.rounded-lg{border-radius:8px}.outline-none{outline:none}.font-bold{font-weight:700}.text-lg{font-size:18px}.text-sm{font-size:14px}.opacity-75{opacity:.75}.margin-0{margin:0}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:pointer-events-none:disabled{pointer-events:none}.rounded-full{border-radius:50%}.editor-next-btn-container{pointer-events:auto;z-index:1010;position:absolute;bottom:32px;right:32px}.editor-next-btn{color:#4a4a4a;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;background-color:#dcd0ff;border:2.5px solid #1a1a1a;border-radius:12px;justify-content:space-between;align-items:center;width:192px;padding:16px 20px;font-size:24px;font-weight:700;transition:all .1s;display:flex;position:relative}.editor-next-btn:hover{opacity:.9}.editor-next-btn:active{transform:translate(2px,2px)}.sketchy-shadow-small{background-image:repeating-linear-gradient(45deg,#1a1a1a 0 1px,#0000 1px 4px);background-position:2px 2px;background-repeat:no-repeat;background-size:4px 4px;box-shadow:2px 2px #1a1a1a}.sig-stars-top-left{pointer-events:none;z-index:10;align-items:flex-end;gap:6px;display:flex;position:absolute;top:-32px;left:-32px}.sig-stars-bottom-right{pointer-events:none;z-index:10;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:-32px;right:-32px}.sig-card{background-color:#fdfdf6;border:4px solid #1a1a1a;border-radius:28px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex;position:relative;box-shadow:8px 8px #1a1a1a}.sig-close-btn{cursor:pointer;background-color:#fff;border:2.5px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .1s;display:flex;position:absolute;top:-12px;right:-12px}.sig-close-btn:hover{background-color:#f9fafb;transform:scale(1.05)}.sig-close-btn:active{transform:translate(1px,1px)}.sig-input-container{background-color:#fff;border:2.5px solid #1a1a1a;border-radius:16px;justify-content:center;align-items:center;height:140px;padding:16px;display:flex;position:relative}.sig-input-text{text-align:center;color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;padding:8px 24px;font-size:24px;font-weight:700}.sig-input-text::placeholder{color:#1a1a1a4d}.sig-metadata-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.sig-badge-slot{color:#1a1a1a;background-color:#c2b3e6;border:2px solid #1a1a1a;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;font-weight:700;display:flex;transform:rotate(-2deg)}.sig-badge-rarity{color:#1a1a1a;text-transform:uppercase;letter-spacing:.025em;background-color:#c2b3e6;border:2px solid #1a1a1a;border-radius:12px;padding:6px 16px;font-size:18px;font-weight:700;transform:rotate(1deg)}.sig-confirm-btn{cursor:pointer;background-color:#c2b3e6;border:2px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .1s;display:flex}.sig-confirm-btn:hover{transform:scale(1.05)}.sig-confirm-btn:active{transform:translate(1px,1px)}.sig-confirm-btn:disabled{cursor:progress;opacity:.55;transform:none}.sig-error-message{color:#1a1a1a;text-align:center;overflow-wrap:anywhere;background:#ffd4d4;border:2px solid #1a1a1a;border-radius:8px;max-width:100%;margin-top:8px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.2}.sig-pencil-icon{pointer-events:none;z-index:2;position:absolute;bottom:12px;right:12px;transform:rotate(15deg)}.sig-ribbon-container{justify-content:center;width:100%;margin-top:-48px;display:flex}.sig-tick-tl{pointer-events:none;border-top:2.5px solid #1a1a1a4d;border-left:2.5px solid #1a1a1a4d;border-top-left-radius:3px;width:12px;height:12px;position:absolute;top:10px;left:10px}.sig-tick-tr{pointer-events:none;border-top:2.5px solid #1a1a1a4d;border-right:2.5px solid #1a1a1a4d;border-top-right-radius:3px;width:12px;height:12px;position:absolute;top:10px;right:10px}.sig-tick-bl{pointer-events:none;border-bottom:2.5px solid #1a1a1a4d;border-left:2.5px solid #1a1a1a4d;border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;bottom:10px;left:10px}.sig-tick-br{pointer-events:none;border-bottom:2.5px solid #1a1a1a4d;border-right:2.5px solid #1a1a1a4d;border-bottom-right-radius:3px;width:12px;height:12px;position:absolute;bottom:10px;right:10px}.sig-clear-btn{z-index:10;cursor:pointer;text-transform:uppercase;letter-spacing:.025em;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #1a1a1a;border-radius:6px;padding:4px 10px;font-family:Balsamiq Sans,system-ui,sans-serif;font-size:14px;font-weight:700;position:absolute;bottom:12px;right:12px}.sig-clear-btn:hover{background-color:#f9fafb}.sig-clear-btn:active{transform:translate(1px,1px)}.sig-twitter-container{background-color:#fff;border:2px solid #1a1a1a;border-radius:12px;align-items:center;gap:8px;margin-top:-8px;padding:8px 16px;display:flex;position:relative}.sig-title-container{background-color:#fff;border:2px solid #1a1a1a;border-radius:12px;align-items:center;gap:10px;margin-top:-8px;padding:8px 16px;display:flex;position:relative}.sig-title-prefix{color:#1a1a1a;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#ffd60a;border:1.5px solid #1a1a1a;border-radius:8px;flex:none;padding:2px 8px;font-size:15px;font-weight:900}.sig-title-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:18px;font-weight:700}.sig-title-input::placeholder{color:#1a1a1a4d}.sig-twitter-prefix{color:#1a1a1a;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:700}.sig-twitter-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-size:18px;font-weight:700}.sig-twitter-input::placeholder{color:#1a1a1a4d}.sig-spinner-viewport{background-color:#fff;border:2.5px solid #1a1a1a;border-radius:16px;width:100%;height:180px;position:relative;overflow:hidden}.sig-spinner-needle-left{z-index:20;filter:drop-shadow(1px 1px #1a1a1a);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #ff3b30;width:0;height:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sig-spinner-needle-right{z-index:20;filter:drop-shadow(-1px 1px #1a1a1a);border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:15px solid #ff3b30;width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sig-spinner-track{flex-direction:column;width:100%;display:flex}.sig-spinner-item{box-sizing:border-box;justify-content:center;align-items:center;height:60px;display:flex}.sig-spinner-item-label{color:#1a1a1a;text-shadow:1px 1px #ffffffb3;letter-spacing:.05em;font-family:Balsamiq Sans,system-ui,sans-serif;font-size:20px;font-weight:700}