body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-position:50%;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.title{color:#fff;font-family:Courier New,Courier,monospace;font-size:100px;font-weight:700;margin-bottom:20px}.bwob-main-image{display:block;height:auto;width:300px}.bwob-description{display:flexk;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;margin-bottom:20px}.App-header,.bwob-description{color:#fff;justify-content:center}.App-header{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.meme-scroller-section{background-color:#000;margin-top:4rem;overflow:hidden;padding:2rem 0}.meme-scroller-container{overflow:hidden;padding:0 .5vw;width:100%}.meme-scroller-strip{animation:scrollMemes 30s linear infinite;box-sizing:border-box;-webkit-clip-path:inset(0 -1px);clip-path:inset(0 -1px);contain:layout paint;display:flex;margin-bottom:1.5rem;transform:translateZ(0);white-space:nowrap;will-change:transform}.meme-scroller-strip.paused{animation-play-state:paused}.meme-item{flex:0 0 auto;position:relative}.meme-image{border:none;border-radius:12px;box-sizing:border-box;display:block;flex-shrink:0;height:200px;margin-right:1.5rem;object-fit:cover;width:200px}.meme-download-btn{background:#0000008c;border:1px solid #ffffff2e;border-radius:10px;bottom:12px;color:#f3f3f3;cursor:pointer;font-size:12px;opacity:0;padding:6px 10px;position:absolute;right:20px;transition:opacity .15s ease,transform .15s ease;will-change:opacity,transform}.meme-item:hover .meme-download-btn{opacity:1;transform:translateY(-1px)}@keyframes scrollMemes{0%{transform:translateX(0)}to{transform:translateX(var(--scroll-distance))}}@media (max-width:768px){.meme-scroller-strip{box-sizing:border-box;-webkit-clip-path:inset(0 -1px);clip-path:inset(0 -1px);margin-bottom:1rem;transform:translateZ(0);white-space:nowrap;will-change:transform}.meme-image{border:none;box-sizing:border-box;height:150px;margin-right:1rem;width:150px}@keyframes scrollMemes{0%{transform:translateX(0)}to{transform:translateX(var(--scroll-distance))}}}.build-bwob-container{background:#0b0b0b;min-height:100vh;padding:32px;position:relative}.grain-overlay{inset:0;mix-blend-mode:overlay;opacity:.14;pointer-events:none;position:absolute;z-index:0}.build-bwob-header{align-items:center;display:flex;margin-bottom:30px;position:relative}.back-button{background:#ffffff1a;border-radius:8px;color:#fff;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;padding:10px 15px;text-decoration:none;transition:background .3s ease}.back-button:hover{background:#fff3}.build-title{color:#fafafa;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:56px;font-weight:700;left:50%;letter-spacing:.02em;margin:0;position:absolute;text-shadow:0 8px 28px #00000073;transform:translateX(-50%)}.build-bwob-content{display:flex;gap:30px;margin:0 auto;max-width:1400px}.bwob-preview{flex:1 1;max-width:600px}.bwob-canvas{align-items:center;background:#0e0e10;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 10px 40px #0000008c,inset 0 1px 0 #ffffff0d;display:flex;height:520px;justify-content:center;overflow:hidden;position:relative;width:100%}.bwob-character{height:auto;position:relative;width:400px;z-index:2}.bwob-accessory{height:auto;position:absolute;z-index:3}.bwob-accessory.hat.crown{left:50%;top:8%;transform:translateX(-50%);width:120px}.bwob-accessory.hat.wizard-hat{left:50%;top:6%;transform:translateX(-50%);width:140px}.bwob-accessory.hat.partyhat{left:50%;top:6%;transform:translateX(-50%);width:100px}.bwob-accessory.hat.sombrero-hat{left:50%;top:6%;transform:translateX(-50%);width:160px}.bwob-accessory.hat.samurai-helmet{left:50%;top:10%;transform:translateX(-50%);width:170px}.bwob-accessory.shirt{left:50%;top:55%;transform:translate(-50%,-50%);width:150px}.bwob-accessory.glasses.dealwithitglasses{left:50%;top:20%;transform:translateX(-50%);width:120px}.bwob-accessory.companion.anime-girl{left:25%;top:20%;transform:translateX(-50%);width:350px}.bwob-accessory.companion.bunny-girl{left:22%;top:15%;transform:translateX(-50%);width:420px}.customization-panel{flex:1 1;max-width:500px}.option-section{background:#18181be6;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 12px 36px #00000073;margin-bottom:22px;overflow:hidden}.section-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#ffffff03);color:#eaeaea;display:flex;justify-content:space-between;padding:14px 18px}.section-header.hats-header{background:linear-gradient(180deg,#10b98133,#10b9810d)}.section-header.avatars-header{background:linear-gradient(180deg,#a855f733,#a855f70d)}.section-header.glasses-header{background:linear-gradient(180deg,#3b82f633,#3b82f60d)}.section-header.companions-header{background:linear-gradient(180deg,#f59e0b33,#f59e0b0d)}.section-header.shirts-header{background:linear-gradient(180deg,#78350f40,#78350f0d)}.section-header h3{font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:15px;font-weight:700;letter-spacing:.04em;margin:0}.close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:20px}.option-item{cursor:pointer;text-align:center;transition:transform .2s ease}.option-item:hover{transform:scale(1.05)}.option-item.selected .option-preview{border:2px solid #22c55ee6;box-shadow:0 0 0 6px #22c55e1f}.option-preview{align-items:center;background-color:#ffffff08;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:12px;display:flex;height:80px;justify-content:center;margin:0 auto 8px;overflow:hidden;width:80px}.option-preview img{height:100%;object-fit:cover;width:100%}.no-accessory{background:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;color:#666;font-size:12px;font-weight:700}.option-name{color:#e5e5e5;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:12px;font-weight:600}.build-bwob-button-container{left:20px;position:fixed;top:20px;z-index:1000}.x-button{margin-left:10px}.x-button,.x-button:hover{cursor:pointer}.build-bwob-button{background:linear-gradient(135deg,#18181b,#0b0b0b);border:1px solid #ffffff14;border-radius:25px;box-shadow:0 6px 22px #00000073;color:#fafafa;display:inline-block;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;font-size:16px;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .3s ease}.build-bwob-button:hover{border-color:#ffffff29;box-shadow:0 10px 28px #0000008c;transform:translateY(-2px)}.download-btn-container{margin-top:14px}.download-btn{background:linear-gradient(180deg,#22c55e33,#22c55e14);border:1px solid #22c55e59;border-radius:14px;box-shadow:0 6px 16px #10b9812e;color:#eafff1;cursor:pointer;font-weight:700;letter-spacing:.02em;padding:10px 16px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.download-btn:hover{border-color:#22c55e8c;box-shadow:0 10px 24px #10b98147;transform:translateY(-1px)}@media (max-width:768px){.build-bwob-container{padding:16px}.build-bwob-header{align-items:flex-start;flex-direction:column;gap:8px}.build-title{font-size:36px;position:static;text-align:center;transform:none;width:100%}.build-bwob-content{flex-direction:column;gap:20px;max-width:100%}.bwob-preview{max-width:100%;width:100%}.bwob-canvas{aspect-ratio:1/1;height:auto;width:100%}.bwob-character{width:clamp(220px,70%,400px)}.bwob-accessory.hat{width:clamp(70px,28%,160px)}.bwob-accessory.glasses{width:clamp(60px,24%,140px)}.bwob-accessory.shirt{width:clamp(100px,38%,170px)}.bwob-accessory.companion{width:clamp(200px,60%,380px)}.customization-panel{max-width:100%;width:100%}.options-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.download-btn-container{display:flex;justify-content:center}}
/*# sourceMappingURL=main.8a168677.css.map*/