.hero2{position:relative;border-radius:22px;overflow:hidden;min-height:58vh;display:flex;align-items:flex-end;background:#0a1020;isolation:isolate}
.hero2 .bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 80% 0%,var(--c1,#1b4fd8) 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,var(--c2,#ffd23d55) 0%,transparent 60%),#070b16;animation:drift 18s ease-in-out infinite alternate}
.hero2 .bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.025) 38px 40px)}
@keyframes drift{from{filter:hue-rotate(0)}to{filter:hue-rotate(25deg)}}
.hero2 .in{padding:22px 18px 24px;width:100%;background:linear-gradient(0deg,rgba(6,9,18,.95),transparent)}
.hero2 h1{font-size:clamp(30px,7.4vw,64px);line-height:1.02;margin:8px 0 10px;font-weight:900;letter-spacing:-.02em}
.hero2 p{color:#c9d2e8;max-width:720px;margin:0 0 14px;font-size:16px}
.big-score{display:flex;align-items:center;gap:18px;font-weight:900;font-size:clamp(40px,12vw,96px);letter-spacing:-.03em;margin:4px 0}
.big-score small{font-size:14px;letter-spacing:.1em;color:var(--mut);display:block}
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}
.sc{scroll-snap-align:start;flex:0 0 168px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-decoration:none;transition:transform .2s}
.sc:active{transform:scale(.97)}.sc .r{display:flex;justify-content:space-between;font-weight:800}.sc .r.w{color:#fff}.sc .r.l{color:var(--mut)}.sc .st{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--mut);margin-bottom:4px}.sc.live{border-color:var(--red)}.sc.live .st{color:var(--red)}
.heads{display:grid;gap:10px}.head{display:block;text-decoration:none;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:.2s}.head:hover{border-color:#34446e;transform:translateY(-2px)}.head b{display:block;font-size:17px;line-height:1.25;margin-top:4px}
@media(min-width:900px){.homeg{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}}
.livebox{border-radius:22px;overflow:hidden;background:#000;border:1px solid #3a1820;box-shadow:0 0 0 1px #ff3b4e33,0 20px 60px -20px #ff3b4e55}
.livebox .bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,#2a0c12,#0d1424);font-weight:900;letter-spacing:.06em;font-size:13px}
.livebox .bar .dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:wopulse 1.4s infinite}
.livebox iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.ticker{max-height:52vh;overflow:auto;padding:12px 14px;background:#070b16}.ticker .it{padding:10px 0;border-bottom:1px solid var(--line);animation:worise .5s both}.ticker .it b{display:block}
.livebox{position:relative}.react{display:flex;gap:6px;padding:8px 10px;background:#0b1120;border-top:1px solid var(--line);overflow-x:auto}.react button{font-size:22px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;width:46px;height:42px;cursor:pointer;transition:transform .15s}.react button:active{transform:scale(1.25)}
.floater{position:absolute;bottom:60px;font-size:30px;pointer-events:none;animation:floatup 1.6s ease-out forwards}@keyframes floatup{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-20px) scale(1.2)}100%{opacity:0;transform:translateY(-220px) scale(1) rotate(12deg)}}