.effect-banner{display:flex;align-items:center;gap:18px;border:1px solid #39476b;background:linear-gradient(120deg,#161b35,#0b1421);padding:24px;border-radius:18px;margin:20px 0 26px}.effect-banner p{margin:7px 0 0;color:#a8b7d1}.effect-orb{width:14px;height:14px;border-radius:50%;flex:none;background:#788397;box-shadow:0 0 0 8px #78839715}.effect-orb.ready{background:#60e8bd;box-shadow:0 0 0 8px #60e8bd15,0 0 30px #60e8bd40}.effect-card{display:flex;flex-direction:column;border-top:2px solid #8572f8}.effect-card>p{flex:1}.effect-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid #35405b;padding-top:16px;color:#c9bdff;font-size:.9rem;margin:16px 0}.effect-card form{display:grid;gap:15px}.effect-card label{display:grid;gap:7px}.effect-result{float:right;font-size:.85rem;color:#c4b6ff}.effect-result[data-result=executed]{color:#83edc1}.effect-result[data-result=uncertain]{color:#ffd489}.effect-history{display:grid;gap:10px}.effect-history .community-card{padding:16px}.community-nav button:disabled{opacity:.5;cursor:not-allowed}.effects-admin-tabs{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.effects-admin-tabs .btn[aria-selected=true]{background:#6658cb}.effects-secret{width:100%;min-height:150px;overflow-wrap:anywhere;box-sizing:border-box}.effects-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.effects-form-grid label{display:grid;gap:7px}.effects-admin-item{margin:18px 0}.effects-admin-item summary{cursor:pointer;padding:15px;font-weight:700}.effects-admin-item form{padding:12px}.effects-admin-item code{overflow-wrap:anywhere}.effects-admin-shell [hidden]{display:none!important}.effects-admin-shell input,.effects-admin-shell textarea,.effects-admin-shell select{max-width:100%;box-sizing:border-box}.effects-admin-shell .check{display:flex;gap:12px;align-items:center}.effects-admin-shell .check input{width:auto}.effects-admin-shell .effect-device{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}.effect-status{margin:12px 0;color:#9dafcc}@media(max-width:650px){.effects-form-grid{grid-template-columns:1fr}.effect-result{float:none;display:block;margin-top:8px}}
.effect-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.effects-admin-shell .check input[type=checkbox]{width:40px;flex:0 0 40px}
.effect-card-head{display:flex;align-items:center;gap:14px;min-height:66px}.effect-card-head>div{min-width:0}.effect-card-head h3{margin:1px 0 0}.effect-card-head .community-label{margin:0}.effect-icon{display:block;flex:0 0 58px;width:58px;height:58px;border-radius:14px;background-image:url('/soundboard/effect-icons-v1.png');background-repeat:no-repeat;background-size:600% 600%;background-position:var(--icon-x,100%) var(--icon-y,100%);filter:drop-shadow(0 7px 12px #0008)}.effects-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.effects-admin-item{margin:0;height:auto}.effects-admin-item[open]{grid-column:1/-1}.effects-admin-item summary{display:flex;align-items:center;gap:13px;min-height:92px;list-style:none}.effects-admin-item summary::-webkit-details-marker{display:none}.effects-admin-item summary:after{content:'›';margin-left:auto;color:#8d80df;font-size:28px;transition:transform .18s}.effects-admin-item[open] summary:after{transform:rotate(90deg)}.effects-admin-item summary span:not(.effect-icon){min-width:0}.effects-admin-item summary strong,.effects-admin-item summary small{display:block}.effects-admin-item summary strong{line-height:1.25}.effects-admin-item summary small{margin-top:6px;color:#9dafcc;font-weight:500}.effects-admin-item .effect-icon{flex-basis:52px;width:52px;height:52px}
@media(max-width:1400px){.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.effects-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1150px){.community-hub .effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.effect-grid,.effects-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.effect-grid,.effects-admin-grid{grid-template-columns:1fr}.effect-icon{width:52px;height:52px;flex-basis:52px}}
.effect-nav-status{margin-left:auto;font-size:.65rem;font-weight:800;line-height:1;padding:5px 6px;border-radius:6px;background:#78839720;color:#aebad1}.effect-nav-status[data-online=true]{color:#83edc1;background:#60e8bd18}
.effects-catalogue-toolbar{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:20px 0}.effects-catalogue-toolbar label,.effects-catalogue-bulk label{display:grid;gap:8px}.effects-catalogue-toolbar select{min-width:250px;padding:12px;border:1px solid #39476b;border-radius:10px;background:#101a2a;color:#edf5ff;font:inherit}.effects-catalogue-toolbar p{color:#a8b7d1}.effects-catalogue-bulk{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.effects-catalogue-bulk p{flex-basis:100%;margin:0}.effects-catalogue-bulk input{width:150px}@media(max-width:650px){.effects-catalogue-toolbar label,.effects-catalogue-bulk label,.effects-catalogue-bulk button{width:100%}.effects-catalogue-toolbar select{min-width:0}}

.community-nav [data-hub-tab="disrupts"] .community-nav-label{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}

@media(max-width:760px){.community-nav [data-hub-tab="disrupts"]{padding-bottom:21px}.community-nav [data-hub-tab="disrupts"] .effect-nav-status{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);margin:0;padding:3px 4px;font-size:.5rem}}

.effect-icon-overlay{background-image:url('/soundboard/overlay-icons-v2.png')}
.chaos-preset .chaos-preset-heading{display:flex;align-items:center;gap:10px;margin:0;color:inherit;font-size:inherit}.chaos-preset-heading .effect-icon{width:44px;height:44px;flex:0 0 44px;margin:0}.chaos-preset-heading strong{min-width:0}

/* Match the tablet selector so it cannot force two phone columns. */
@media(max-width:650px){
 .community-hub .effect-grid,.effects-admin-grid{grid-template-columns:minmax(0,1fr)}
 .effect-card-head{gap:14px}
 .effect-card-head h3{overflow-wrap:normal;word-break:normal;font-size:1.2rem;line-height:1.3}
 .effect-card .community-label{font-size:.8rem;line-height:1.4}
 .effect-card>p{font-size:1rem;line-height:1.6}
 .effect-card form .btn{width:100%;min-height:48px}
 .effect-banner{padding:20px;gap:16px}
}