@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;scroll-behavior:smooth}body{width:100%;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000}#root{width:100%;min-height:100%}.main-wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.container{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#54b366}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:35%;background-position:center center;background-repeat:no-repeat;z-index:2}.logo-container{position:absolute;top:50%;left:50%;z-index:20;pointer-events:none}.logo-container img{max-width:90vw;height:auto}.ca-container{position:absolute;top:52%;left:50%;transform:translate(-50%);z-index:25;cursor:pointer;text-align:center;padding:10px 20px;background:#00000080;border:2px solid rgba(139,92,246,.5);border-radius:12px;transition:all .3s ease}.ca-container:hover{background:#8b5cf64d;border-color:#8b5cf6cc;transform:translate(-50%) scale(1.02)}.ca-text{display:block;font-size:14px;font-weight:600;color:#fff;font-family:Monaco,Menlo,monospace;letter-spacing:1px;word-break:break-all}.ca-copy-hint{display:block;font-size:10px;color:#a78bfae6;margin-top:5px;letter-spacing:2px;font-weight:600}.nft-gallery{position:absolute;top:60%;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:25}.nft-item{width:120px;height:120px;border-radius:12px;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000004d;transition:all .3s ease;animation:fadeInNft .5s ease}.nft-item:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 6px 30px #00000080}.nft-item img{width:100%;height:100%;object-fit:cover}@keyframes fadeInNft{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.get-pfp-cta{position:absolute;top:75%;left:50%;transform:translate(-50%);z-index:30;cursor:pointer;animation:floatText 2s ease-in-out infinite}.get-pfp-cta span{font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(139,92,246,.8),0 0 20px rgba(139,92,246,.6);letter-spacing:2px;padding:12px 25px;background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border:2px solid rgba(139,92,246,.6);border-radius:30px;display:inline-block;transition:all .3s ease}.get-pfp-cta:hover span{background:linear-gradient(135deg,#8b5cf699,#a855f799);transform:scale(1.05);text-shadow:0 0 15px rgba(139,92,246,1),0 0 30px rgba(139,92,246,.8)}@keyframes floatText{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.pfp-modal{background:linear-gradient(180deg,#1a0a2e,#0a0a0a);border:2px solid rgba(139,92,246,.5);border-radius:20px;padding:40px;max-width:400px;text-align:center;position:relative;animation:slideUp .3s ease}.pfp-title{font-size:28px;font-weight:800;color:#fff;margin-bottom:25px;letter-spacing:3px;background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pfp-image-container{width:200px;height:200px;margin:0 auto 20px;border-radius:15px;overflow:hidden;border:4px solid rgba(139,92,246,.6);box-shadow:0 0 30px #8b5cf666}.pfp-image{width:100%;height:100%;object-fit:cover}.pfp-name{font-size:24px;font-weight:700;color:#a78bfa;margin-bottom:5px}.pfp-number{font-size:14px;color:#fff9;letter-spacing:2px;margin-bottom:25px}.pick-again-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;padding:12px 30px;font-size:14px;font-weight:700;letter-spacing:2px;border-radius:25px;cursor:pointer;transition:all .3s ease}.pick-again-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #8b5cf699}.wood-container{position:absolute;top:50%;left:50%;z-index:15;cursor:pointer;transition:transform .3s ease}.wood-container:hover{filter:brightness(1.1)}.wood-container img{max-width:90vw;height:auto}.header{position:fixed;top:0;left:0;display:flex;align-items:center;padding:20px 40px;z-index:100}.menu-icon{height:40px;width:auto;margin-right:20px}.nav{display:flex;gap:40px}.nav a{text-decoration:none;padding:5px 10px;background:transparent;border-radius:4px;transition:all .3s ease}.nav a:hover{transform:scale(1.1)}.nav-img-link{display:flex;align-items:center}.nav-img-link img{height:50px;width:auto;transition:all .3s ease}.nav-img-link:hover img{filter:brightness(1.2)}.scroll-indicator{position:absolute;bottom:80px;left:50%;transform:translate(-50%);text-align:center;cursor:pointer;z-index:100;animation:bounce 2s infinite}.scroll-indicator img{height:60px;width:auto;transition:transform .3s ease}.scroll-indicator:hover img{transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.tv-container{position:absolute;bottom:60px;right:30px;z-index:50;cursor:pointer;width:200px;height:200px}.tv-container:hover{cursor:pointer}.tv-frame{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none}.tv-screen{position:absolute;top:33%;left:21%;width:45%;height:30%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#0a0a12;border-radius:10px}.tv-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 30%,transparent 50%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:10;border-radius:10px}.tv-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:11;border-radius:10px}.tv-screen.tv-empty{background:#0a0a12;flex-direction:column;gap:4px}.tv-screen.tv-empty span{color:#0f0;font-size:10px;font-family:VT323,monospace;letter-spacing:1px}.tv-hint{font-size:8px!important;color:gray!important}.tv-fug-image{width:100%;height:100%;object-fit:cover}.tv-fug-name{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#0f0;font-size:9px;font-family:VT323,monospace;text-align:center;padding:1px 2px;letter-spacing:1px}.tv-count{text-align:center;font-size:10px;font-family:VT323,monospace;color:#fff;text-shadow:1px 1px 0 #000;margin-top:-5px;position:relative;z-index:3}.gallery-modal{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;width:90vw;max-width:800px;max-height:90vh;overflow:hidden;position:relative;box-shadow:2px 2px #000}.gallery-content{padding:16px;overflow-y:auto;max-height:calc(90vh - 30px);background:silver}.gallery-heading{text-align:center;font-size:24px;font-weight:700;color:#000;margin:0 0 4px;font-family:VT323,monospace;letter-spacing:2px}.gallery-count{text-align:center;font-size:14px;color:navy;font-family:VT323,monospace;margin:0 0 12px;letter-spacing:1px}.gallery-empty{text-align:center;padding:40px;color:gray;font-family:VT323,monospace;font-size:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:8px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}.gallery-item{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;overflow:hidden}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-item-name{padding:2px 4px;font-size:10px;font-family:VT323,monospace;color:navy;text-align:center;font-weight:700;letter-spacing:1px;background:silver;border-top:1px solid #808080}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:12px;font-family:VT323,monospace;color:#000}.gallery-get-fug-btn{display:block;width:100%;margin-top:12px;padding:8px 16px;font-size:16px;background:navy;color:#fff;border-color:#4040c0 #000040 #000040 #4040c0}.gallery-get-fug-btn:hover{background:#0000a0!important;color:#fff}.hero-footer{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:10px;z-index:100}.hero-footer p{color:#ffffffe6;font-size:10px;letter-spacing:1px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.x-icon{display:inline-flex;margin-left:10px;transition:all .3s ease;border-radius:4px}.x-icon:hover{transform:scale(1.15);opacity:.8}.cult-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.cult-modal{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;width:90vw;max-width:650px;max-height:90vh;overflow:hidden;position:relative;box-shadow:2px 2px #000}.cult-titlebar{background:linear-gradient(90deg,navy,#1084d0);padding:3px 4px;display:flex;align-items:center;position:relative}.cult-buttons{display:flex;gap:2px;margin-left:auto}.cult-btn{width:16px;height:14px;border:1px solid;border-color:#fff #808080 #808080 #fff;background:silver;cursor:pointer;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;color:#000;border-radius:0}.cult-btn:active{border-color:#808080 #fff #fff #808080}.cult-btn.close:after{content:"X"}.cult-btn.minimize:after{content:"_"}.cult-btn.maximize:after{content:"□";font-size:8px}.cult-title{position:absolute;left:8px;font-size:12px;font-weight:700;color:#fff;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;letter-spacing:1px}.cult-content{padding:16px;overflow-y:auto;max-height:calc(90vh - 30px);background:silver}.cult-heading{text-align:center;font-size:22px;font-weight:700;color:#000;margin-bottom:12px;font-family:VT323,"MS Sans Serif",monospace;letter-spacing:2px}.cult-story{margin-bottom:16px;padding:12px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}.cult-story p{font-size:13px;line-height:1.7;color:#000;margin-bottom:10px;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif}.cult-story p:last-child{margin-bottom:0}.cult-footer{text-align:center;padding-top:12px;border-top:2px solid #808080}.cult-slogan{font-size:20px;font-weight:700;letter-spacing:3px;color:navy;margin-bottom:12px;font-family:VT323,"MS Sans Serif",monospace}.cult-x-link{display:inline-flex;align-items:center;gap:8px;background:silver;color:#000;padding:6px 16px;text-decoration:none;font-weight:700;font-size:13px;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;border:2px solid;border-color:#fff #808080 #808080 #fff;border-radius:0}.cult-x-link:active{border-color:#808080 #fff #fff #808080}.cult-x-link:hover{background:#d4d4d4}@media(max-width:768px){.cult-modal{width:95vw}.cult-content{padding:12px}.cult-heading{font-size:18px}.cult-slogan{font-size:16px}}.contract-section{position:fixed;top:80px;left:40px;z-index:100}.contract-label{color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 8px}.contract-box{display:flex;align-items:center;gap:10px;background:#80008033;border:1px solid rgba(168,85,247,.4);border-radius:8px;padding:10px 15px}.contract-address{color:#ffffffe6;font-size:11px;font-family:Monaco,Menlo,monospace}.copy-btn{background:#8b5cf6;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#a78bfa}@media(max-width:768px){.background{background-size:70%}.tv-container{width:140px;height:140px;bottom:50px;right:10px}.tv-fug-name{font-size:7px}.tv-count{font-size:8px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}}@media(max-width:480px){.background{background-size:90%}.tv-container{width:110px;height:110px;bottom:40px;right:8px}.tv-screen{top:33%;left:21%;width:45%;height:30%}}@media(max-width:768px){.ca-container{top:55%;padding:8px 15px}.ca-text{font-size:10px}.ca-copy-hint{font-size:8px}.nft-gallery{top:65%;gap:8px}.nft-item{width:70px;height:70px;border-radius:8px;border-width:2px}.get-pfp-cta{top:78%}.get-pfp-cta span{font-size:11px;padding:10px 18px;letter-spacing:1px}.pfp-modal{margin:15px;padding:25px}.pfp-title{font-size:22px}.pfp-image-container{width:150px;height:150px}.pfp-name{font-size:20px}.header{padding:10px 15px}.menu-icon{height:28px;margin-right:10px}.nav{gap:8px}.nav a{padding:4px 6px}.nav-img-link img{height:35px}.contract-section{top:55px;left:15px}.contract-label{font-size:9px}.contract-box{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px}.contract-address{font-size:7px;word-break:break-all;max-width:160px}.copy-btn{font-size:9px;padding:4px 8px}.footer{padding:10px}.footer p{font-size:8px;letter-spacing:1px;flex-wrap:wrap}.x-icon svg{width:20px;height:20px}}@media(max-width:480px){.ca-container{top:53%;padding:6px 10px}.ca-text{font-size:8px}.ca-copy-hint{font-size:7px}.nav a{padding:3px 4px}.nav-img-link img{height:28px}.menu-icon{height:22px}.contract-address{font-size:6px;max-width:130px}}@media(max-width:768px){.scroll-indicator{bottom:70px}.scroll-indicator span{font-size:10px}.hero-footer{padding:15px}.hero-footer p{font-size:8px;letter-spacing:1px;flex-wrap:wrap}.hero-footer .x-icon svg{width:20px;height:20px}.modal-box{margin:15px;padding:25px 20px;max-height:90vh}.modal-close{top:10px;right:15px;font-size:28px}.modal-title{font-size:24px;margin-bottom:20px}.modal-intro p{font-size:14px}.modal-grid{flex-direction:column;gap:15px}.modal-card{padding:15px}.modal-image-container{height:150px}.modal-text h2{font-size:18px}.modal-text p{font-size:13px}.modal-stats{flex-wrap:wrap;gap:25px;padding:15px}.stat-label{font-size:11px}.stat-value{font-size:16px}.twitter-link{padding:10px 18px;font-size:13px}}.pfp-builder-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.pfp-builder-modal{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;width:90vw;max-width:860px;max-height:90vh;overflow:hidden;position:relative;box-shadow:2px 2px #000}.terminal-titlebar{background:linear-gradient(90deg,navy,#1084d0);padding:3px 4px;display:flex;align-items:center;position:relative;cursor:default}.terminal-buttons{display:flex;gap:2px;margin-left:auto}.terminal-btn{width:16px;height:14px;border:1px solid;border-color:#fff #808080 #808080 #fff;background:silver;cursor:pointer;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;color:#000;border-radius:0}.terminal-btn:active{border-color:#808080 #fff #fff #808080}.terminal-btn.close:after{content:"X"}.terminal-btn.minimize:after{content:"_"}.terminal-btn.maximize:after{content:"□";font-size:8px}.terminal-btn.close:hover,.terminal-btn.minimize:hover,.terminal-btn.maximize:hover{background:#d0d0d0}.terminal-title{position:absolute;left:8px;font-size:12px;font-weight:700;color:#fff;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;letter-spacing:1px}.terminal-content{padding:8px;overflow-y:auto;max-height:calc(90vh - 30px);background:silver}.pfp-builder-title{text-align:center;font-size:24px;font-weight:700;color:#000;margin-bottom:8px;font-family:VT323,"MS Sans Serif",monospace;letter-spacing:2px}.pfp-builder-content{display:flex;gap:8px}.pfp-preview-section{flex:0 0 260px;display:flex;flex-direction:column;align-items:center}.pfp-preview{width:250px;height:250px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;position:relative;overflow:hidden}.pfp-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pfp-actions{display:flex;gap:4px;margin-top:6px;width:100%}.pfp-btn{flex:1;padding:4px 8px;font-size:12px;font-weight:700;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;letter-spacing:1px;border:2px solid;border-color:#fff #808080 #808080 #fff;background:silver;color:#000;cursor:pointer;border-radius:0}.pfp-btn:active{border-color:#808080 #fff #fff #808080;padding:5px 7px 3px 9px}.pfp-btn:hover{background:#d4d4d4}.pfp-btn.randomize{background:silver;color:#000}.pfp-btn.download{background:silver;color:navy;font-weight:700}.fug-name-input-row{margin-top:6px;width:100%}.fug-name-input{width:100%;padding:6px 8px;font-size:14px;font-weight:700;font-family:VT323,"MS Sans Serif",monospace;letter-spacing:2px;color:navy;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;text-align:center;text-transform:uppercase;box-sizing:border-box;outline:none}.fug-name-input::placeholder{color:#a0a0a0;letter-spacing:1px}.fug-name-input:focus{border-color:#000080 #000080 #000080 #000080}.pfp-btn.submit-cult{width:100%;margin-top:4px;padding:6px 8px;background:navy;color:#fff;font-weight:700;border:2px solid;border-color:#4040c0 #000040 #000040 #4040c0}.pfp-btn.submit-cult:hover:not(:disabled){background:#0000a0}.pfp-btn.submit-cult:disabled{background:gray;color:silver;cursor:not-allowed;border-color:#a0a0a0 #606060 #606060 #a0a0a0}.pfp-btn.submit-cult.submitted{background:green;border-color:#40a040 #004000 #004000 #40a040;color:#fff}.pfp-btn.namebtn{width:100%;margin-top:4px;padding:6px 8px;background:silver;color:#000;font-weight:700;border:2px solid;border-color:#fff #808080 #808080 #fff}.pfp-btn.namebtn:hover{background:#d4d4d4}.pfp-btn.namebtn.generating{background:#a0a0a0;color:#666;cursor:wait}.pfp-selector-section{flex:1;min-width:0}.layer-tabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:0;border-bottom:2px solid #808080}.layer-tab{padding:4px 12px;font-size:12px;font-weight:700;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;border-bottom:none;color:#000;cursor:pointer;border-radius:0;margin-bottom:-2px;position:relative}.layer-tab.active{background:#d4d4d4;border-bottom:2px solid #d4d4d4;z-index:1}.layer-tab.has-selection:after{content:" •";color:green}.optional-badge{font-size:9px;color:gray;margin-left:2px}.layer-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:4px;padding:8px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;max-height:200px;overflow-y:auto}.layer-item{aspect-ratio:1;border:2px solid;border-color:#808080 #fff #fff #808080;cursor:pointer;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.layer-item:hover{border-color:#000080 #000080 #000080 #000080}.layer-item.selected{border:3px solid #000080;background:#b8cfe5}.layer-item img{width:100%;height:100%;object-fit:contain}.layer-item.custom-color-option{font-size:10px;font-weight:700;font-family:VT323,"MS Sans Serif",monospace;color:#fff;text-shadow:1px 1px 0 #000}.layer-item.none-option{font-size:12px;font-weight:700;font-family:VT323,"MS Sans Serif",monospace;color:gray;background:#e0e0e0}.custom-color-picker{margin-top:6px;padding:8px;background:silver;border:2px solid;border-color:#808080 #fff #fff #808080}.bg-mode-tabs{display:flex;gap:2px;margin-bottom:8px}.bg-mode-tab{flex:1;padding:3px 6px;font-size:11px;font-weight:700;font-family:VT323,"MS Sans Serif",Tahoma,sans-serif;background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;color:#000;cursor:pointer;border-radius:0}.bg-mode-tab.active{border-color:#808080 #fff #fff #808080;background:#d4d4d4}.gradient-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.gradient-preset-btn{height:30px;border:2px solid;border-color:#808080 #fff #fff #808080;cursor:pointer;border-radius:0}.gradient-preset-btn.active{border:3px solid #000080}.solid-colors-section{display:flex;flex-direction:column;gap:4px}.solid-colors-grid,.body-colors-grid-small{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.solid-color-btn,.body-color-btn{height:24px;border:2px solid;border-color:#808080 #fff #fff #808080;cursor:pointer;border-radius:0}.solid-color-btn.active,.body-color-btn.active{border:3px solid #000080}.body-section-label{font-size:11px;font-weight:700;font-family:VT323,"MS Sans Serif",monospace;color:#000}.custom-solid-row{display:flex;align-items:center;gap:6px;font-size:11px;font-family:VT323,"MS Sans Serif",monospace;color:#000;margin-top:4px}.color-input-small,.color-input-large{border:2px solid;border-color:#808080 #fff #fff #808080;padding:0;cursor:pointer;border-radius:0;background:none}.color-input-small{width:30px;height:24px}.color-input-large{width:40px;height:30px}.custom-gradient-section{text-align:center}.custom-gradient-hint{font-size:11px;font-family:VT323,"MS Sans Serif",monospace;color:#000;margin:0 0 6px}.custom-gradient-pickers{display:flex;align-items:center;justify-content:center;gap:10px}.custom-gradient-color{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-family:VT323,"MS Sans Serif",monospace;color:#000}.gradient-arrow{font-size:18px;color:#000}.layer-order-info{margin-top:6px;padding:4px 8px;font-size:10px;font-family:VT323,"MS Sans Serif",monospace;color:#000;background:silver;border:1px solid #808080}.active-layer{color:green;font-weight:700}.inactive-layer{color:gray}.draw-canvas{width:100%!important;height:100%!important;touch-action:none}.draw-cursor{position:absolute;border:2px solid #000;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:200;box-shadow:0 0 0 1px #ffffff80}.draw-panel{padding:8px;background:silver;border:2px solid;border-color:#808080 #fff #fff #808080}.draw-tools{display:flex;gap:2px;margin-bottom:8px;padding:4px;background:silver;border:1px solid #808080}.draw-tool-btn{width:32px;height:32px;border:2px solid;border-color:#fff #808080 #808080 #fff;background:silver;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0}.draw-tool-btn:active{border-color:#808080 #fff #fff #808080}.draw-tool-btn.active{border-color:#808080 #fff #fff #808080;background:#a0a0a0}.draw-size-control{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-family:VT323,"MS Sans Serif",monospace;color:#000}.draw-size-control .size-slider,.size-slider{flex:1;height:4px;accent-color:#000080}.draw-colors{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:8px;padding:4px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}.draw-color-btn{width:22px;height:22px;border:1px solid #808080;cursor:pointer;border-radius:0}.draw-color-btn.active{border:2px solid #000;outline:1px solid #fff}.draw-color-picker{width:22px;height:22px;border:1px solid #808080;padding:0;cursor:pointer;border-radius:0;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.clear-drawing-btn{width:100%;padding:4px 8px;background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;color:#000;cursor:pointer;font-size:12px;font-weight:700;font-family:VT323,"MS Sans Serif",monospace;margin-bottom:6px;border-radius:0}.clear-drawing-btn:active{border-color:#808080 #fff #fff #808080}.sticker-hint{font-size:10px;font-family:VT323,"MS Sans Serif",monospace;color:gray;text-align:center;margin:4px 0 0}.terminal-content::-webkit-scrollbar,.layer-items::-webkit-scrollbar{width:16px}.terminal-content::-webkit-scrollbar-track,.layer-items::-webkit-scrollbar-track{background:silver;border:1px solid #808080}.terminal-content::-webkit-scrollbar-thumb,.layer-items::-webkit-scrollbar-thumb{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff}@media(max-width:768px){.pfp-builder-content{flex-direction:column;align-items:center}.pfp-preview-section{flex:none;width:100%}.pfp-preview{width:220px;height:220px}.pfp-builder-title{font-size:20px}.layer-tabs{flex-wrap:wrap}.layer-tab{font-size:10px;padding:3px 8px}.layer-items{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));max-height:160px}}.promo-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;font-family:"Press Start 2P",monospace}.promo-wrapper.glitch-active{animation:screenGlitch .1s ease}@keyframes screenGlitch{0%{transform:translate(0);filter:hue-rotate(0deg)}25%{transform:translate(-5px,2px);filter:hue-rotate(90deg)}50%{transform:translate(3px,-3px);filter:hue-rotate(180deg)}75%{transform:translate(-2px,5px);filter:hue-rotate(270deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}.promo-background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover;opacity:.3}.tv-static{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,rgba(255,255,255,.1) 1px,transparent 2px);animation:staticNoise .1s infinite;transition:opacity .3s ease}.tv-static.visible{opacity:1}@keyframes staticNoise{0%,to{background-position:0 0}25%{background-position:10px 10px}50%{background-position:-10px 5px}75%{background-position:5px -10px}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.vhs-tracking{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;pointer-events:none;background:linear-gradient(transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:vhsTrack 8s linear infinite}@keyframes vhsTrack{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.promo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;opacity:0;text-align:center}.promo-text.active{animation:textReveal 1.5s ease forwards}@keyframes textReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(3);filter:blur(20px)}30%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.glitch-text{position:relative;color:#fff;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:#f0f;animation:glitch1 .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px)}.glitch-text:after{color:#0ff;animation:glitch2 .3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(3px)}@keyframes glitch1{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes glitch2{0%,to{transform:translate(3px)}50%{transform:translate(-3px)}}.pog-text .glitch-text{font-size:15vw;font-weight:700;letter-spacing:.2em}.time-text .glitch-text{font-size:8vw;letter-spacing:.1em}.revive-text .glitch-text{font-size:6vw;letter-spacing:.05em;color:#f60;text-shadow:0 0 10px #ff6600,0 0 20px #ff6600,0 0 40px #ff0000}.anon-reveal{position:absolute;bottom:-30%;left:50%;transform:translate(-50%);z-index:50;opacity:0}.anon-reveal.active{animation:anonSlideUp 2.5s ease forwards}.anon-reveal img{max-height:120vh;filter:drop-shadow(0 0 30px rgba(255,102,0,.8))}@keyframes anonSlideUp{0%{opacity:0;bottom:-50%;filter:brightness(0)}30%{opacity:1;filter:brightness(2)}50%{bottom:-20%;filter:brightness(1)}80%{opacity:1;bottom:-20%}to{opacity:0;bottom:-10%}}.logo-finale{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;opacity:0;text-align:center;display:flex;flex-direction:column;align-items:center}.logo-finale.active{animation:logoAppear 1s ease forwards}@keyframes logoAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.finale-logo{width:50vw;max-width:500px;filter:drop-shadow(0 0 20px rgba(255,255,255,.8));animation:logoPulse .5s ease infinite alternate}@keyframes logoPulse{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 40px rgba(255,102,0,1))}}.join-text{margin-top:30px;font-size:3vw;color:#fff;text-shadow:0 0 10px #ff6600,0 0 20px #ff6600;animation:joinPulse 1s ease infinite alternate;letter-spacing:.1em}@keyframes joinPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.corner-decor{position:absolute;width:50px;height:50px;border:3px solid #ff6600;z-index:80;opacity:.6}.corner-decor.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.corner-decor.top-right{top:20px;right:20px;border-left:none;border-bottom:none}.corner-decor.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.corner-decor.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;z-index:90;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.8) 100%)}.promo-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;pointer-events:none;animation:crtFlicker .15s infinite;background:transparent}@keyframes crtFlicker{0%,to{opacity:1}50%{opacity:.98}}.promo-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,0,0,.03) 0%,transparent 50%,rgba(0,0,255,.03) 100%)}
