*{box-sizing:border-box}body{font-family:-apple-system,system-ui,sans-serif;margin:0;background:#0b0b0e;color:#e7e7ea}header{padding:1rem 1.5rem;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;gap:1rem}header h1{margin:0;font-size:1.1rem}#header-banner{display:flex;gap:1rem;flex-wrap:wrap}#header-banner a{color:#93c5fd;text-decoration:none;font-size:.9rem;padding:.3rem .7rem;border:1px solid #2a2a32;border-radius:4px;transition:background .15s}#header-banner a:hover{background:#1e293b}.card{max-width:720px;margin:2rem auto;padding:1.5rem;background:#15151a;border-radius:8px}.hidden{display:none!important}input{display:block;width:100%;padding:.6rem .8rem;margin:.5rem 0;background:#0b0b0e;color:#e7e7ea;border:1px solid #2a2a32;border-radius:4px;font-size:.95rem}button{padding:.6rem 1.2rem;background:#3b82f6;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:.95rem}button:hover:not(:disabled){background:#2563eb}button:disabled{background:#374151;cursor:not-allowed}.error{color:#f87171;margin:.5rem 0 0;min-height:1em}#stage{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1400px;margin:2rem auto;padding:0 1rem}#player-section{margin:0;max-width:none}video{width:100%;background:#000;border-radius:4px}#stats{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;color:#9ca3af}#stats b{color:#e7e7ea}.sidebar{display:none;flex-direction:column;gap:1rem}.sidebar-card{background:#15151a;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .15s}.sidebar-card:hover{transform:translateY(-2px)}.sidebar-card img{width:100%;display:block}.sidebar-card .sidebar-body{padding:.7rem .9rem}.sidebar-card h3{margin:0 0 .3rem;font-size:.9rem;color:#e7e7ea}.sidebar-card p{margin:0;font-size:.8rem;color:#9ca3af}@media (min-width: 1100px){#stage{grid-template-columns:240px 1fr 240px}.sidebar{display:flex}}.ad-popup{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ad-popup-card{background:#15151a;border-radius:8px;padding:1rem;max-width:640px;width:100%;display:flex;flex-direction:column;gap:.8rem;align-items:center}.ad-popup-title{align-self:flex-start;font-size:.8rem;color:#9ca3af}#ad-popup-link{display:block;width:100%}#ad-popup-img{width:100%;border-radius:4px;display:block}#ad-popup-skip{min-width:160px}#stream-list{max-width:1200px;margin:2rem auto;padding:0 1rem}.stream-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stream-list-header h2{margin:0}.ghost-btn{background:transparent;color:#93c5fd;border:1px solid #2a2a32;padding:.4rem .9rem;font-size:.85rem}.ghost-btn:hover:not(:disabled){background:#1e293b;color:#bfdbfe}#stream-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.stream-card{background:#15151a;border-radius:8px;overflow:hidden;transition:transform .15s,box-shadow .15s;border:1px solid #1f1f24}.stream-card.live{cursor:pointer}.stream-card.live:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006;border-color:#3b82f6}.stream-card.offline{opacity:.55;cursor:not-allowed}.stream-card-cover{width:100%;aspect-ratio:16 / 9;background:#0b0b0e center/cover no-repeat;position:relative}.stream-card-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5))}.stream-card-badge{position:absolute;top:.6rem;left:.6rem;padding:.25rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;border-radius:4px;background:#6b7280;color:#fff;z-index:1}.stream-card.live .stream-card-badge{background:#ef4444;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444400}}.stream-card-body{padding:.8rem 1rem 1rem}.stream-card-body h3{margin:0 0 .35rem;font-size:1rem;color:#e7e7ea}.stream-card-body p{margin:0;font-size:.85rem;color:#9ca3af}.player-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.player-header h2{margin:0;font-size:1.05rem;color:#e7e7ea;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}