.concrete-frame{position:relative;padding:18px;background:linear-gradient(135deg,#3a3a3e,#2e2e32,#353538,#2c2c30,#333336,#2a2a2e);border:2px solid #1a1a1e;box-shadow:inset 0 2px 4px #ffffff0f,inset 0 -2px 4px #0006,0 4px 20px #0009,0 0 0 1px #000c;overflow:visible}.concrete-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 1px at 15% 25%,rgba(0,0,0,.35) 0%,transparent 100%),radial-gradient(circle 1px at 72% 18%,rgba(0,0,0,.3) 0%,transparent 100%),radial-gradient(circle 2px at 35% 65%,rgba(0,0,0,.25) 0%,transparent 100%),radial-gradient(circle 1px at 85% 42%,rgba(0,0,0,.35) 0%,transparent 100%),radial-gradient(circle 1.5px at 48% 88%,rgba(0,0,0,.3) 0%,transparent 100%),radial-gradient(circle 1px at 8% 72%,rgba(0,0,0,.25) 0%,transparent 100%),radial-gradient(circle 2px at 92% 78%,rgba(0,0,0,.3) 0%,transparent 100%),radial-gradient(circle 1px at 58% 12%,rgba(0,0,0,.2) 0%,transparent 100%),radial-gradient(ellipse 40px 25px at 20% 30%,rgba(0,0,0,.12) 0%,transparent 100%),radial-gradient(ellipse 30px 50px at 75% 60%,rgba(0,0,0,.1) 0%,transparent 100%),radial-gradient(ellipse 50px 20px at 50% 85%,rgba(0,0,0,.08) 0%,transparent 100%),linear-gradient(172deg,transparent 30%,rgba(0,0,0,.15) 30.2%,transparent 30.4%),linear-gradient(95deg,transparent 55%,rgba(0,0,0,.1) 55.1%,transparent 55.3%),linear-gradient(140deg,transparent 70%,rgba(0,0,0,.12) 70.15%,transparent 70.3%);pointer-events:none;z-index:0;filter:url(#concrete-texture)}.concrete-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.07) 0%,transparent 3%,transparent 97%,rgba(0,0,0,.15) 100%),linear-gradient(to right,rgba(0,0,0,.1) 0%,transparent 2%,transparent 98%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:0}.corner-bolt{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5a5a5e,#3a3a3e 40%,#252528,#1a1a1e);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -1px 2px #00000080,0 1px 3px #0009;z-index:1}.corner-bolt:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:#00000080;transform:translate(-50%,-50%) rotate(35deg);border-radius:1px}.corner-bolt:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:#00000080;transform:translate(-50%,-50%) rotate(-55deg);border-radius:1px}.bolt-sm{width:10px;height:10px}.stencil-mark{position:absolute;font-family:Orbitron,monospace;font-size:8px;letter-spacing:4px;color:#0000004d;text-shadow:0 1px 0 rgba(255,255,255,.05);z-index:1;pointer-events:none;white-space:nowrap}.hazard-stripe{position:absolute;top:0;width:60px;height:18px;z-index:1;background:repeating-linear-gradient(-45deg,rgba(230,38,26,.25) 0px,rgba(230,38,26,.25) 4px,transparent 4px,transparent 8px);pointer-events:none}.hazard-left{left:22px}.hazard-right{right:22px}.concrete-frame-mobile{padding:10px}.concrete-frame-mobile .corner-bolt{width:10px;height:10px}.concrete-frame-mobile .corner-bolt:before,.concrete-frame-mobile .corner-bolt:after{width:6px}.concrete-frame-mobile .hazard-stripe{width:40px;height:10px}@keyframes pulse-text{0%,to{color:#8c40ff;text-shadow:0 0 10px rgba(140,64,255,.5)}50%{color:#d940ff;text-shadow:0 0 20px rgba(217,64,255,.8)}}#title-pulse{animation:pulse-text 1.5s infinite}#avatar-creator-container{font-family:"Exo 2",sans-serif}#category-list{scrollbar-width:thin;scrollbar-color:rgb(56,140,255) rgb(23,23,33)}#category-list::-webkit-scrollbar{width:6px}#category-list::-webkit-scrollbar-track{background:#171721}#category-list::-webkit-scrollbar-thumb{background:#388cff;border-radius:3px}#item-grid-area{scrollbar-width:thin;scrollbar-color:rgb(56,140,255) rgb(23,23,33)}#item-grid-area::-webkit-scrollbar{width:6px}#item-grid-area::-webkit-scrollbar-track{background:#171721}#item-grid-area::-webkit-scrollbar-thumb{background:#388cff;border-radius:3px}.category-btn{width:100%;padding:12px 8px;background:#333342;border:none;border-left:4px solid transparent;color:#5c576f;font-family:Orbitron;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-align:left;transition:all .2s;box-sizing:border-box}.category-btn:hover:not(.locked){background:#383847;color:#d6d6e0;border-left-color:#388cff}.category-btn.active{background:#388cff;color:#0a0a0f;border-left-color:#1ae0c2}.category-btn.locked{opacity:.5;cursor:not-allowed}.category-btn.has-selection{color:#1ae0c2;border-left-color:#1ae0c2;background:#102620}.category-btn.active.has-selection{color:#0a0a0f}@keyframes cat-confirm-flash{0%{box-shadow:inset 0 0 0 2px #1ae0c2,0 0 18px #1ae0c280;background:#143c2e}50%{box-shadow:none;background:#333342}to{box-shadow:inset 0 0 0 2px #1ae0c2,0 0 18px #1ae0c280;background:#102620}}.category-btn.just-selected{animation:cat-confirm-flash .22s ease-in-out 3}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.item-wrapper{display:flex;flex-direction:column;gap:4px}.item-thumbnail{width:100%;background:#333342;border:2px solid rgb(92,87,111);cursor:pointer;transition:all .2s;overflow:hidden;padding:0;display:block;line-height:0}.item-thumbnail img{width:100%;height:auto;display:block;image-rendering:auto}.item-thumbnail.preview{border-color:#388cff;opacity:.7}.item-thumbnail.confirmed{border-color:#1ae0c2;opacity:1;background:#0a240f;box-shadow:0 0 8px #38eb6166}.item-thumbnail:hover:not(.disabled){border-color:#388cff}.item-thumbnail.disabled{opacity:.3;cursor:not-allowed}.item-label{font-size:10px;color:#5c576f;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Electrolize}.action-button{padding:10px 18px;background:#333342;border:1px solid rgb(92,87,111);color:#d6d6e0;font-family:Electrolize;font-size:14px;cursor:pointer;transition:all .2s}.action-button:hover{border-color:#388cff;color:#388cff}.action-button-red{background:#e6261a;border-color:#e6261a}.action-button-reset{background:#28143c;border:2px solid rgb(140,64,255);color:#8c40ff;font-size:15px;font-weight:700;padding:10px 22px;letter-spacing:2px}.action-button-reset:hover{background:#371e50;border-color:#b464ff;color:#b464ff}@keyframes glow-green-pulse{0%,to{box-shadow:0 0 14px 4px #38eb618c,0 0 40px 10px #38eb612e;border-color:#38eb61;transform:scale(1)}50%{box-shadow:0 0 28px 10px #38eb61d9,0 0 64px 22px #38eb6152;border-color:#82ffa0;transform:scale(1.035)}}@keyframes btn-reveal{0%{opacity:0;transform:translateY(18px) scale(.88);box-shadow:none}60%{opacity:1;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.action-button-glow{background:#10341a;border:2px solid rgb(56,235,97);color:#38eb61;font-weight:700;font-size:15px;padding:13px 36px;letter-spacing:2px;min-width:170px;animation:glow-green-pulse 1.8s ease-in-out infinite}.action-button-glow.btn-entering{animation:btn-reveal .45s cubic-bezier(.34,1.56,.64,1) both}.action-button-glow:hover{background:#1a5028;color:#82ffa0;border-color:#82ffa0}.action-button-glow.glow-done{animation:none!important;background:#142819;border-color:#288c3c;color:#288c3c;opacity:.6;cursor:default}@keyframes scan-btn-pulse{0%,to{box-shadow:0 0 20px #388cff66,0 0 40px #388cff26}50%{box-shadow:0 0 35px #388cff99,0 0 70px #388cff40}}#name-modal{display:none}#name-modal.visible{display:flex}#post-save-box{display:none}#post-save-box.visible{display:block;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes canvas-bg-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes flash-ring-expand{0%{transform:translate(-50%,-50%) scale(.05);opacity:.95}to{transform:translate(-50%,-50%) scale(3.8);opacity:0}}#canvas-flash-bg,.canvas-flash-bg-m{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 60% 70% at 50% 52%,rgba(26,224,194,.38) 0%,rgba(26,224,194,.18) 35%,transparent 70%);animation:canvas-bg-flash 1.1s ease-out forwards}.flash-ring{position:absolute;left:50%;top:52%;width:320px;height:320px;border:2px solid rgba(26,224,194,.9);border-radius:50%;box-shadow:0 0 18px #1ae0c299,0 0 40px #1ae0c240,inset 0 0 18px #1ae0c233;animation:flash-ring-expand 1.1s ease-out forwards}.mobile-cat-btn{flex:0 0 auto;padding:10px 14px;background:#333342;border:none;border-bottom:3px solid transparent;color:#5c576f;font-family:Orbitron;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .2s}.mobile-cat-btn:hover:not(.locked){background:#383847;color:#d6d6e0}.mobile-cat-btn.active{background:#388cff;color:#0a0a0f;border-bottom-color:#1ae0c2}.category-btn.limited-time{border-color:#f59e0b!important;color:#f59e0b!important;animation:gold-border-pulse 1.5s ease-in-out infinite!important;position:relative}.category-btn.limited-time .ltd-badge{display:inline-block;margin-left:6px;background:#f59e0b;color:#0a0a0f;font-family:Orbitron;font-size:7px;font-weight:900;padding:2px 5px;letter-spacing:1px;line-height:1;vertical-align:middle}.category-btn.limited-time.has-selection{color:#f59e0b!important;border-left-color:#f59e0b!important}.category-btn.limited-time.expired{animation:none!important;opacity:.3;border-color:#5c576f!important;color:#5c576f!important;cursor:not-allowed}.category-btn.limited-time.expired .ltd-badge{background:#5c576f}@keyframes gold-border-pulse{0%,to{box-shadow:0 0 8px #f59e0b33;border-color:#f59e0b}50%{box-shadow:0 0 18px #f59e0b80,0 0 35px #f59e0b26;border-color:#ffc832}}.mobile-cat-btn.limited-time{background:#f59e0b26!important;color:#f59e0b!important;border-bottom-color:#f59e0b!important;animation:gold-mobile-pulse 1.5s ease-in-out infinite;position:relative}.mobile-cat-btn.limited-time.active{background:#f59e0b!important;color:#0a0a0f!important}.mobile-cat-btn.limited-time.expired{animation:none!important;opacity:.3;background:#333342!important;color:#5c576f!important;cursor:not-allowed}@keyframes gold-mobile-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #f59e0b66}}.mobile-cat-btn.next-up{animation:mobile-cat-pulse .6s ease-in-out 3}@keyframes mobile-cat-pulse{0%,to{background:#388cff;box-shadow:0 0 8px #388cff4d;transform:scale(1)}50%{background:#50b4ff;box-shadow:0 0 20px #388cffb3,0 0 35px #388cff4d;transform:scale(1.08)}}.mobile-cat-btn.locked{opacity:.35;cursor:not-allowed}.mobile-cat-btn.has-selection{color:#388cff}.mobile-cat-btn.active.has-selection{color:#0a0a0f}#mobile-items .item-grid{grid-template-columns:repeat(3,1fr);gap:6px}#mobile-categories{scrollbar-width:none}#mobile-categories::-webkit-scrollbar{display:none}#mobile-items{scrollbar-width:thin;scrollbar-color:rgb(56,140,255) rgb(23,23,33);max-height:50vh;overflow-y:auto}