.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:#388cff}.category-btn.active.has-selection{color:#0a0a0f}.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 8px 2px #38eb6166;border-color:#38eb61}50%{box-shadow:0 0 20px 6px #38eb61b3;border-color:#64ff8c}}.action-button-glow{background:#143c1e;border:2px solid rgb(56,235,97);color:#38eb61;font-weight:700;font-size:14px;animation:glow-green-pulse 1.8s ease-in-out infinite}.action-button-glow:hover{background:#1e5028;color:#64ff8c;border-color:#64ff8c}#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)}}.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}.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}