:root{--bg-deep:#080202;--bg-panel:#1c0608d1;--bg-panel-strong:#1a0508;--red-900:#3d0008;--red-800:#6b0012;--red-700:#9b0018;--red-600:#c9182b;--red-500:#e91916;--red-400:#ff3b3b;--red-300:#ff6b6b;--text-primary:#fff5f5;--text-secondary:#f0c7c9;--text-muted:#b8898d;--border:#ff3b3b38;--shadow:0 24px 80px #8b000059;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-display:"Bebas Neue", sans-serif;--font-body:"Outfit", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top left, #e919162e, transparent 28%), radial-gradient(circle at 85% 10%, #8b000059, transparent 24%), linear-gradient(180deg, #120203 0%, var(--bg-deep) 45%, #050101 100%);background-attachment:fixed;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.layout{gap:2.5rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem;display:grid}.eyebrow{color:var(--red-300);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:600}.section-heading{margin-bottom:1.5rem}.section-heading h2,.about h2,.channel-panel h2,.qr-page h1{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:400;line-height:.95}.section-copy{max-width:42rem;color:var(--text-secondary);margin:.75rem 0 0;line-height:1.7}.tag{border:1px solid var(--border);color:var(--text-secondary);background:#e919161f;border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.82rem;font-weight:500;display:inline-flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg, var(--red-500), var(--red-700));color:#fff;box-shadow:0 12px 30px #e9191659}.button--primary:hover{box-shadow:0 16px 36px #e9191673}.button--ghost{border-color:var(--border);color:var(--text-primary);background:#ffffff0a}.button--ghost:hover{background:#e919161f}.site-header,.site-footer{width:min(1120px,100% - 2rem);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.site-header__brand{font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:.75rem;font-size:1.8rem;display:flex}.site-header__mark{background:var(--red-500);border-radius:50%;width:.85rem;height:.85rem;box-shadow:0 0 18px #e91916e6}.site-footer{color:var(--text-muted);text-align:center;margin-top:auto;padding:2rem 0 2.5rem;font-size:.92rem}.hero{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(145deg,#2a0408f2,#120203e0);padding:1rem;position:relative;overflow:hidden}.hero__glow{pointer-events:none;background:radial-gradient(circle,#e9191659,#0000 70%);width:320px;height:320px;position:absolute;inset:auto -10% -35% auto}.hero__profile{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;display:grid;position:relative}.hero__avatar-wrap{width:148px;height:148px;position:relative}.hero__avatar{object-fit:cover;border:3px solid #ff3b3b73;border-radius:50%;width:100%;height:100%}.hero__live-ring{border:2px solid var(--red-400);border-radius:50%;animation:1.8s ease-in-out infinite pulse-ring;position:absolute;inset:-6px;box-shadow:0 0 0 4px #e919162e}.hero__content h1{font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 8px 30px #e9191659;margin:0;font-size:clamp(3rem,8vw,5rem);line-height:.9}.hero__name,.hero__location{color:var(--text-secondary);margin:.45rem 0 0}.hero__location{color:var(--text-muted);font-size:.95rem}.hero__tags{flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.25rem;display:flex}.about{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.75rem;position:relative}.about p{color:var(--text-secondary);margin:.85rem 0 0;line-height:1.75}.channel-panels-row{grid-template-columns:1fr;gap:2.5rem;display:grid}.channel-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:var(--shadow);padding:1.25rem}.channel-panel h2{margin:0}.channel-panel__list{color:var(--text-secondary);margin:1rem 0 0;padding-left:1.1rem;line-height:1.7}.channel-panel__list li+li{margin-top:.45rem}.channel-panel__specs{gap:.65rem;margin:1rem 0 0;display:grid}.channel-panel__spec{border-radius:var(--radius-sm);background:#00000038;border:1px solid #ff3b3b1a;gap:.15rem;padding:.65rem .75rem;display:grid}.channel-panel__spec dt{color:var(--red-300);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.channel-panel__spec dd{color:var(--text-secondary);margin:0;line-height:1.5}.live-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#00000047;gap:.65rem;padding:1rem 1.1rem;display:grid}.live-card--online{background:linear-gradient(135deg,#e919162e,#00000059);border-color:#ff3b3b73}.live-card--offline,.live-card--loading{color:var(--text-muted)}.live-card__header{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;display:flex}.live-card__dot{background:#666;border-radius:50%;width:.65rem;height:.65rem}.live-card__dot--live{background:var(--red-400);box-shadow:0 0 12px #ff3b3bcc}.live-card__viewers{color:var(--text-secondary);margin-left:auto;font-size:.92rem}.live-card__title{margin:0;font-weight:600}.live-card__game{color:var(--text-muted);margin:0}.live-card__pulse{background:var(--red-400);border-radius:50%;width:.65rem;height:.65rem;animation:1.4s ease-in-out infinite pulse-ring}.social{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:var(--shadow);padding:1rem}.social__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.social__card{border-radius:var(--radius-md);background:linear-gradient(160deg,#ff3b3b14,#00000038);border:1px solid #ff3b3b24;align-items:center;gap:1rem;min-height:92px;padding:1rem 1.1rem;transition:transform .2s,border-color .2s,background .2s;display:flex}.social__card:hover{background:linear-gradient(160deg,#e919162e,#00000047);border-color:#ff3b3b73;transform:translateY(-2px)}.social__icon-wrap{width:3rem;height:3rem;color:var(--red-300);background:#e919162e;border-radius:14px;place-items:center;display:grid}.social__icon{width:1.45rem;height:1.45rem}.social__text{gap:.15rem;display:grid}.social__label{font-weight:600}.social__handle{color:var(--text-muted);font-size:.92rem}.page--qr{place-items:center;padding:2rem 1rem}.qr-page{width:min(480px,100%)}.qr-page__card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(160deg,#2a0408f5,#0c0102eb);padding:2rem 1.5rem}.qr-generator{gap:1rem;margin-top:1.5rem;display:grid}.qr-generator__label{font-weight:600}.qr-generator__input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-primary);background:#00000059;padding:.9rem 1rem}.qr-generator__input:focus{outline-offset:2px;outline:2px solid #ff3b3b73}.qr-generator__preview{border-radius:var(--radius-md);background:#fff;place-items:center;padding:1.25rem;display:grid}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (width<=760px){.channel-panels-row{gap:1.5rem}.channel-panel{padding:1rem}.channel-panel h2{font-size:clamp(1.6rem,5vw,2.2rem)}.hero__profile{text-align:center;grid-template-columns:1fr;justify-items:center}.hero__tags,.live-card__header{justify-content:center}.live-card__viewers{margin-left:0}.site-header{flex-direction:column;align-items:stretch}}