.mcgcat{background:#05110c;padding:clamp(34px,5vw,68px) clamp(20px,4vw,40px);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.mcgcat *{box-sizing:border-box;}
.cat-head{max-width:1240px;margin:0 auto;}
.mcgcat .ct{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(20px,3vw,30px);font-weight:600;color:#eafff4;letter-spacing:-.01em;}
.mcgcat .ct b{color:#2fd27e;font-weight:600;opacity:.6;}
.cat-kick{margin:8px 0 22px;font-size:14px;color:#7fa994;line-height:1.5;max-width:74ch;}
.cat-allhead{max-width:1240px;margin:0 auto 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.cat-allhead b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:#7fa994;white-space:nowrap;letter-spacing:.02em;}
.cat-allhead i{height:1px;background:#163828;flex:1;display:block;min-width:20px;}
.cat-toggles{display:flex;gap:10px;flex-wrap:wrap;}
.cat-seg{display:inline-flex;background:#0a1f15;border:1px solid #1c4831;border-radius:999px;padding:3px;gap:2px;flex:none;}
.cat-seg-b{border:none;background:transparent;color:#9fd9bb;font:inherit;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s ease,color .15s ease;}
.cat-seg-b svg{width:13px;height:13px;opacity:.9;}
.cat-seg-b:hover{color:#d6f2e2;}
.cat-seg-b.is-on{background:#1c4a31;color:#eafff4;}
.cat-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;}
.cat-t{position:relative;display:block;width:100%;text-align:left;cursor:pointer;background:#0a1f14;border:1px solid #163828;border-radius:15px;overflow:hidden;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;font:inherit;color:inherit;}
.cat-t:hover{transform:translateY(-5px);border-color:#2c6244;box-shadow:0 18px 40px rgba(0,0,0,.45);}
.cat-shot{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#04100b;border-bottom:1px solid #10281b;}
.cat-shot img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.cat-zoom{position:absolute;top:11px;right:11px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#c7f0da;background:rgba(6,20,13,.72);border:1px solid #2a6b46;border-radius:999px;padding:4px 9px;backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease;}
.cat-t:hover .cat-zoom{opacity:1;}
.cat-zoom svg{width:12px;height:12px;}
.cat-badge{position:absolute;top:11px;left:11px;z-index:2;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 9px;}
.cat-badge.live{color:#05231a;background:#2fd27e;}
.cat-badge.try{color:#bfeed3;background:rgba(9,32,20,.85);border:1px solid #2a6b46;}
.cat-cap{display:flex;align-items:center;gap:9px;padding:12px 15px 13px;}
.cat-logo{width:26px;height:26px;border-radius:6px;flex:none;display:block;object-fit:contain;background:#0f2418;}
.cat-nm{font-size:14.5px;font-weight:700;color:#eafff4;line-height:1.15;flex:none;}
.cat-ds{font-size:11.5px;color:#86a797;line-height:1.3;margin-left:5px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cat-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px);}
.cat-lb[hidden]{display:none;}
.cat-lb-back{position:absolute;inset:0;background:rgba(2,8,5,.82);backdrop-filter:blur(4px);}
.cat-lb-fig{position:relative;margin:0;max-width:1200px;width:100%;background:#0a1f15;border:1px solid #1c4831;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.6);}
.cat-lb-x{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border:none;background:rgba(6,20,13,.75);color:#cfeede;font-size:21px;line-height:1;cursor:pointer;border-radius:9px;}
.cat-lb-x:hover{background:#13301f;color:#fff;}
.cat-lb-img{display:block;width:100%;height:auto;background:#04100b;}
.cat-lb-cap{display:flex;align-items:center;gap:10px 14px;padding:14px 18px;border-top:1px solid #143425;flex-wrap:wrap;}
.cat-lb-logo{width:28px;height:28px;border-radius:7px;flex:none;display:block;object-fit:contain;background:#0f2418;}
.cat-lb-nm{font-size:15px;font-weight:700;color:#eafff4;flex:none;}
.cat-lb-tag{font-size:13px;color:#86a797;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cat-lb-actions{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none;}
.cat-lb-priv{font-size:13px;color:#7fa994;text-decoration:none;white-space:nowrap;}
.cat-lb-priv:hover{color:#cfeede;text-decoration:underline;}
.cat-lb-cta{white-space:nowrap;}
@media (prefers-reduced-motion:reduce){.cat-t:hover{transform:none;}}