.cl-widget{isolation:isolate;width:620px;color:var(--cl-text);border-radius:var(--cl-radius);border:1px solid color-mix(in srgb, var(--cl-accent), transparent 60%);font-family:Barlow,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 18px 60px #0003}.cl-widget:before{content:"";background:var(--cl-bg);opacity:var(--cl-opacity);z-index:-1;position:absolute;inset:0}.cl-creator{background:color-mix(in srgb, var(--cl-accent), transparent 94%);border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:16px 24px;display:flex}.cl-creator img{object-fit:cover;border-radius:50%;width:38px;height:38px}.cl-creator span{gap:2px;display:grid}.cl-creator small{text-transform:uppercase;letter-spacing:2px;opacity:.6;font-size:10px}.cl-creator strong{font-size:17px}.cl-signal{background:var(--cl-accent);width:7px;height:7px;box-shadow:0 0 14px var(--cl-accent);border-radius:50%;margin-left:auto}.cl-build{min-width:0;padding:24px}.cl-weapon-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.cl-meta{text-transform:uppercase;letter-spacing:2px;color:var(--cl-accent);margin:0 0 6px;font-size:10px}.cl-build h2{text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-family:Rajdhani,Arial,sans-serif;font-size:38px;line-height:1.1}.cl-name{opacity:.7;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.cl-count{white-space:nowrap;color:var(--cl-accent);font:600 18px Rajdhani,Arial,sans-serif}.cl-count small{color:var(--cl-text);opacity:.4;font-size:12px}.cl-weapon-image{object-fit:contain;filter:drop-shadow(0 16px 12px #0005);width:100%;height:120px;margin:8px auto 12px;display:block}.cl-attachments{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0 0;padding:0;list-style:none;display:grid}.cl-attachments li{border-left:2px solid var(--cl-accent);align-items:center;gap:10px;min-width:0;padding-left:10px;display:flex}.cl-attachment-image{object-fit:contain;flex:0 0 44px;width:44px;height:44px}.cl-attachment-copy{gap:3px;min-width:0;display:grid}.cl-bar .cl-attachment-image{flex-basis:32px;width:32px;height:36px}.cl-attachments small{letter-spacing:1px;text-transform:uppercase;opacity:.55;font-size:10px}.cl-attachments strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.35}.cl-footer{overflow-wrap:anywhere;border-top:1px solid #ffffff15;justify-content:space-between;gap:16px;padding:12px 24px;font-size:11px;display:flex}.cl-footer span{color:var(--cl-accent)}.cl-progress{background:#ffffff0d;height:3px}.cl-progress i{background:var(--cl-accent);transform-origin:0;width:100%;height:100%;animation:linear forwards cl-timer;display:block}.cl-animate .cl-builds{animation:.35s ease-out cl-enter}.cl-vertical{width:390px}.cl-vertical .cl-attachments{grid-template-columns:1fr}.cl-duo{width:1080px}.cl-duo .cl-builds{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cl-duo .cl-build+.cl-build{border-left:1px solid #ffffff18}.cl-duo .cl-build h2{font-size:32px}.cl-bar{width:1160px}.cl-bar .cl-build{grid-template-columns:260px 1fr;align-items:center;gap:18px;display:grid}.cl-bar .cl-build h2{font-size:30px}.cl-bar .cl-weapon-image{grid-column:1;height:70px;margin:0}.cl-bar .cl-attachments{grid-area:1/2/span 2;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.cl-bar .cl-creator{padding:10px 24px}.cl-bar .cl-creator span{align-items:center;gap:10px;display:flex}.cl-bar .cl-creator img{width:24px;height:24px}.cl-bar .cl-creator strong{font-size:14px}.cl-canvas{position:fixed;inset:0;overflow:hidden;background:0 0!important}.cl-placement{transform-origin:0 0;position:absolute}.cl-preview{background-color:#0b1110;background-image:linear-gradient(45deg,#ffffff03 25%,#0000 25%),linear-gradient(-45deg,#ffffff03 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff03 75%),linear-gradient(-45deg,#0000 75%,#ffffff03 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid #ffffff0c;border-radius:20px;height:420px;position:relative;overflow:hidden}.cl-preview>div{transform-origin:50%;position:absolute;top:50%;left:50%}.cl-preview-empty{color:#86948f;place-items:center;height:100%;font-size:14px;display:grid}.cl-field{color:#abbab4;gap:7px;font-size:12px;display:grid}.cl-input{color:#eff7f2;background:#0b1210;border:1px solid #ffffff16;border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-size:13px}.cl-input:focus{outline:1px solid #75c017}.cl-button{color:#dbe8e0;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1c;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.cl-button:hover{background:#ffffff0c}.cl-button:disabled{opacity:.4;cursor:not-allowed}.cl-button-primary{color:#0b1306;background:#75c017;border-color:#75c017}.cl-button-primary:hover{background:#8ad327}.cl-section{background:#111b17b3;border:1px solid #ffffff10;border-radius:18px;padding:20px}.cl-section h2,.cl-section h3{font-family:Rajdhani,Arial,sans-serif;font-weight:700}.cl-label{letter-spacing:2px;text-transform:uppercase;color:#8ca095;font-size:10px}.cl-loadout-row{background:#09110d88;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.cl-loadout-row[data-selected=true]{background:#75c0170a;border-color:#75c01766}.cl-loadout-row img{object-fit:contain;width:70px;height:35px}.cl-check{accent-color:#75c017}.cl-error{color:#ffb6ad;background:#ef655810;border:1px solid #ef655844;border-radius:10px;padding:12px;font-size:13px}.cl-status{color:#a5d47b;font-size:13px}.cl-template{text-align:left;color:#ccd9d0;cursor:pointer;background:#0b130f;border:1px solid #ffffff15;border-radius:12px;padding:14px}.cl-template[aria-pressed=true]{background:#75c01710;border-color:#75c017}.cl-template svg{color:#75c017;margin-bottom:12px}.cl-template strong{font-size:13px;display:block}.cl-template small{opacity:.55;font-size:11px}@keyframes cl-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cl-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cl-animate .cl-builds,.cl-progress i{animation:none}}