.platform-picker{border:0;padding:0;margin:0}.platform-picker legend{font-size:9px;color:var(--muted)}.platform-picker>p{font-size:8px;color:var(--muted);margin:3px 0 8px}.platform-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.platform-options label{position:relative}.platform-options input{position:absolute!important;opacity:0;pointer-events:none}.platform-options span{display:block;text-align:center;background:#080f1e;border:1px solid var(--line);border-radius:7px;padding:8px 4px;color:var(--muted);cursor:pointer}.platform-options input:checked+span{border-color:var(--cyan);background:rgba(107,231,255,.1);color:#fff;box-shadow:0 0 15px rgba(107,231,255,.08)}.kit-platform-box{grid-column:1/-1}.platform-preview span{color:var(--cyan);border-color:rgba(107,231,255,.25)}
.platform-details{display:flex;flex-direction:column;gap:8px}.platform-detail{display:grid;grid-template-columns:110px 1.5fr .7fr .7fr;gap:8px;align-items:end;padding:10px;background:rgba(8,15,30,.65);border:1px solid var(--line);border-radius:9px}.platform-detail[hidden]{display:none}.platform-detail>b{align-self:center;color:#fff;font-size:10px}.platform-detail label{margin:0}.platform-detail input{margin-top:4px!important}.platform-preview-head{display:flex;align-items:end;justify-content:space-between}.platform-preview-head small{font-size:7px;color:var(--cyan)}.platform-preview-head h3{font-size:16px;margin:2px 0 0}.platform-preview-head strong{font:600 12px 'Space Grotesk';color:var(--muted)}.platform-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.platform-ring-card{display:flex;flex-direction:column;align-items:center;padding:13px 8px;background:rgba(5,10,23,.55);border:1px solid var(--line);border-radius:10px;color:#fff;text-decoration:none;transition:.2s}.platform-ring-card:hover{border-color:var(--ring,var(--cyan));transform:translateY(-2px)}.audience-ring{--value:0;--ring:var(--cyan);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--value)*1%),rgba(255,255,255,.07) 0);position:relative;margin-bottom:9px}.audience-ring:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#0a1328}.audience-ring i{position:relative;z-index:1;font:600 12px 'Space Grotesk';font-style:normal}.platform-ring-card>b{font-size:9px}.platform-ring-card em{color:var(--cyan);font-style:normal}.platform-ring-card small{font-size:7px;color:var(--muted);margin-top:3px}.no-platforms{grid-column:1/-1;color:var(--muted);font-size:9px;text-align:center;padding:18px}
@media(max-width:900px){.platform-detail{grid-template-columns:1fr 1fr}.platform-detail>b{grid-column:1/-1}.platform-rings{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.platform-options,.platform-detail,.platform-rings{grid-template-columns:1fr 1fr}.platform-detail label:first-of-type{grid-column:1/-1}}