.cl-h1{font-family:Cinzel,serif;color:var(--gold);margin:8px 0 2px;text-shadow:0 0 30px #f5c54244}
.cl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 8px}
.cl-stat{background:linear-gradient(160deg,#1d150ccc,#0b0806e6);border:1px solid #f5c54233;border-radius:16px;padding:14px 16px;text-align:center;box-shadow:inset 0 1px 0 #f5c54222}
.cl-stat b{display:block;font:700 28px/1.1 Cinzel,serif;color:var(--gold);text-shadow:0 0 18px #f5c54255}.cl-stat span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.cl-streamers{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
.cl-sm{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff14;color:var(--txt);text-decoration:none;font-size:14px}
.cl-sm img{width:28px;height:28px;border-radius:50%}.cl-sm.on{border-color:#ff4d6d88;box-shadow:0 0 16px #ff4d6d44}
.cl-live{display:inline-flex;align-items:center;gap:5px;background:#e91916;color:#fff;font:700 10px/1 system-ui;letter-spacing:.08em;padding:4px 7px;border-radius:5px}
.cl-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:clp 1.4s infinite}@keyframes clp{50%{opacity:.25}}
.cl-sec{margin:30px 0 10px;display:flex;align-items:baseline;gap:10px}.cl-sec h2{font-family:Cinzel,serif;color:var(--gold);margin:0;font-size:22px}.cl-sec .note{margin:0}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.cl-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#1a130b,#0c0907);border:1px solid #f5c5421f;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s,border-color .25s}
.cl-card:hover,.cl-card:focus-visible{transform:translateY(-4px);border-color:#f5c54288;box-shadow:0 14px 40px #000c,0 0 28px #f5c54233}
.cl-th{position:relative;aspect-ratio:16/9;background:#000 center/cover}
.cl-th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000c)}
.cl-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#000a;border:1px solid #f5c54288;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:.25s;z-index:1}
.cl-card:hover .cl-play{opacity:1;transform:scale(1)}.cl-play::before{content:"";border-left:16px solid var(--gold);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.cl-dur,.cl-tag{position:absolute;z-index:1;font:600 12px/1 system-ui;padding:4px 7px;border-radius:6px;background:#000c;color:#fff}.cl-dur{right:8px;bottom:8px}.cl-tag{left:8px;top:8px;background:#8a1d1dcc;letter-spacing:.06em}
.cl-bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.cl-t{font-weight:600;color:var(--txt);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.cl-m{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}.cl-m img{width:22px;height:22px;border-radius:50%;border:1px solid #f5c54255}.cl-m b{color:var(--gold);font-weight:600}.cl-m .r{margin-left:auto}
.cl-empty{padding:28px;text-align:center;border:1px dashed #f5c54233;border-radius:16px;color:var(--mut)}
.cl-box{width:min(1000px,100%)}.cl-frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-top:12px;border:1px solid #f5c54233}.cl-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cl-box h3{font-family:Cinzel,serif;color:var(--gold);margin:0 40px 6px 0}.cl-box a{color:var(--gold)}
@media(max-width:640px){.cl-stats{grid-template-columns:repeat(2,1fr)}.cl-stat b{font-size:22px}.cl-grid{grid-template-columns:1fr}}
.cl-feat{grid-template-columns:minmax(0,760px)}.cl-feat .cl-card{border-color:#f5c54288;box-shadow:0 0 34px #f5c54233}.cl-feat .cl-tag{background:linear-gradient(90deg,#b8862b,#f5c542);color:#1a1206}.cl-feat .cl-t{font:700 20px/1.3 Cinzel,serif;color:var(--gold)}
.cl-jump{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.cl-jump a{color:var(--gold);text-decoration:none;font-size:13px;padding:5px 10px;border:1px solid #f5c54233;border-radius:999px;background:#ffffff06}
.cl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}.cl-bar .note{margin:0}
.cl-btn{cursor:pointer;font:600 13px system-ui;color:var(--txt);background:#ffffff0a;border:1px solid #ffffff22;border-radius:999px;padding:6px 12px}.cl-btn.on{background:#f5c54222;border-color:#f5c54288;color:var(--gold)}
.cl-sm{cursor:pointer}.cl-sm.sel{border-color:var(--gold);box-shadow:0 0 14px #f5c54255}.cl-live{text-decoration:none}
.cl-more{text-align:center;margin:12px 0}.cl-tt .cl-th:not([style*='http']){background:linear-gradient(135deg,#25f4ee33,#000 45%,#fe2c5533)}.cl-tt .cl-th{background-size:contain;background-repeat:no-repeat;background-color:#000}
.cl-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:34px 0 10px}
.cl-form{background:linear-gradient(160deg,#1d150ccc,#0b0806e6);border:1px solid #f5c54233;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.cl-form h2{font-family:Cinzel,serif;color:var(--gold);margin:0;font-size:20px}.cl-form .note{margin:0}
.cl-form input{background:#0006;border:1px solid #ffffff22;border-radius:8px;color:var(--txt);padding:8px 10px;font-size:14px}.cl-form .cl-btn{align-self:flex-start}
.cl-frame.cl-vert{aspect-ratio:9/16;max-height:78vh;margin:0 auto}
.cl-ch{margin-top:4px;font-size:12px;color:var(--gold);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-bar select{background:#0006;color:var(--txt);border:1px solid #ffffff22;border-radius:8px;padding:4px 8px}