:root{
  --bg:#05020a;--panel:rgba(21,8,38,.78);--panel2:rgba(9,4,18,.72);--purple:#a855f7;--purple2:#d8b4fe;--blue:#70d6ff;--red:#ff425f;--text:#f7ecff;--muted:#c7b7dd;--line:rgba(190,120,255,.45)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Segoe UI",sans-serif;background:radial-gradient(circle at top,rgba(126,34,206,.22),transparent 34rem),radial-gradient(circle at 15% 45%,rgba(80,170,255,.14),transparent 28rem),linear-gradient(180deg,#07020d 0%,#090315 48%,#030006 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.cursor-light{position:fixed;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.22),transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);opacity:.65}.stars:before,.stars:after{content:"✦  ✧     ✦    ✧  ✦       ✧     ✦";position:fixed;left:0;right:0;top:20px;color:rgba(216,180,254,.8);letter-spacing:42px;font-size:15px;animation:twinkle 4s ease-in-out infinite alternate;pointer-events:none}.stars:after{top:52%;opacity:.55;animation-duration:6s;transform:scale(.85)}@keyframes twinkle{from{opacity:.25}to{opacity:.85}}.bg-glow{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.glow-a{background:#7c3aed;left:-120px;top:130px}.glow-b{background:#ef4444;right:-120px;top:190px}
.topbar{position:fixed;top:18px;left:18px;right:18px;z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.topbar>*{pointer-events:auto}.menu,.schedule-btn,.top-status{border:1px solid var(--line);background:rgba(20,8,32,.75);color:var(--purple2);border-radius:18px;box-shadow:0 0 18px rgba(168,85,247,.25);backdrop-filter:blur(12px)}.menu{width:52px;height:52px;font-size:28px}.top-status{padding:13px 18px;font-weight:900;letter-spacing:.05em}.schedule-btn{text-decoration:none;padding:15px 20px;font-weight:900;transition:.18s ease}.schedule-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 28px rgba(168,85,247,.55)}.schedule-btn.is-live{border-color:rgba(255,66,95,.95);color:#ffd1d9;box-shadow:0 0 30px rgba(255,66,95,.65);animation:bellShake 1.8s infinite}@keyframes bellShake{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-4deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-3deg)}}
.page{width:min(1080px,92vw);margin:0 auto;padding:70px 0 28px;position:relative;z-index:2}.hero{text-align:center;padding:22px 0 14px}.eyebrow{letter-spacing:9px;color:var(--muted);font-weight:900;margin:38px 0 6px}.logo-image-wrap{display:block;margin:8px auto 18px;width:min(720px,92vw);line-height:0;filter:drop-shadow(0 0 18px rgba(216,180,254,.56)) drop-shadow(0 0 42px rgba(168,85,247,.42))}.site-logo-image{width:100%;height:auto;display:block;border-radius:18px;mix-blend-mode:screen}.catchcopy{font-size:clamp(18px,2.4vw,28px);font-weight:1000;margin:8px 0 20px;text-shadow:0 0 18px rgba(168,85,247,.65)}
.live-badge{display:inline-flex;align-items:center;gap:16px;border:2px solid rgba(112,214,255,.7);border-radius:20px;padding:20px 48px;font-size:clamp(30px,5vw,54px);font-weight:1000;letter-spacing:.08em;color:#d8f3ff;text-decoration:none;text-shadow:0 0 14px rgba(112,214,255,.8);box-shadow:0 0 24px rgba(112,214,255,.35),inset 0 0 22px rgba(112,214,255,.08);transition:.18s ease}.live-badge:hover{transform:translateY(-3px) scale(1.025)}.live-badge b{font:inherit}.live-dot{width:25px;height:25px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(.75);opacity:.58}}.live-badge.is-offline{border-color:rgba(168,85,247,.55);color:#d8b4fe;text-shadow:0 0 12px rgba(168,85,247,.8);box-shadow:0 0 18px rgba(168,85,247,.28),inset 0 0 18px rgba(168,85,247,.08)}.live-badge.is-offline .live-dot{background:#7c3aed;box-shadow:0 0 14px #7c3aed;animation:none}.live-badge.is-live{border-color:rgba(255,66,95,.95);color:#ffd1d9;text-shadow:0 0 16px var(--red);animation:liveGlow 1.5s ease-in-out infinite alternate}.live-badge.is-live .live-dot{background:var(--red);box-shadow:0 0 18px var(--red)}@keyframes liveGlow{from{box-shadow:0 0 24px rgba(255,66,95,.6),inset 0 0 22px rgba(255,66,95,.12)}to{box-shadow:0 0 48px rgba(255,66,95,.95),inset 0 0 30px rgba(255,66,95,.22)}}
.live-panel{max-width:760px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:16px}.live-info{text-align:center}.live-detail,.today-game{margin:6px 0;color:#f5eaff;font-weight:900;text-shadow:0 0 12px rgba(168,85,247,.55)}.today-game{color:#d8f3ff}.live-thumb{width:180px;border-radius:16px;border:1px solid rgba(112,214,255,.5);box-shadow:0 0 22px rgba(112,214,255,.25)}.lead{font-size:18px;line-height:1.9;font-weight:800;color:#f5eaff;margin:16px 0 24px}.social-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:660px;margin:0 auto 28px}.switch{min-height:118px;padding:18px 12px;text-decoration:none;color:var(--text);border-radius:18px;background:linear-gradient(180deg,rgba(16,7,30,.88),rgba(9,2,16,.9));border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 0 22px rgba(168,85,247,.25),inset 0 0 22px rgba(168,85,247,.05);transition:.18s ease}.switch:hover{transform:translateY(-5px);box-shadow:0 0 35px rgba(168,85,247,.5),inset 0 0 22px rgba(168,85,247,.12)}.switch .icon{font-size:42px}.switch strong{font-size:20px}.switch small{color:var(--muted);font-weight:800}.x{border-color:rgba(112,214,255,.65);box-shadow:0 0 22px rgba(112,214,255,.22)}.youtube{border-color:rgba(255,66,95,.75);box-shadow:0 0 22px rgba(255,66,95,.24)}.switch.twitch.is-live{border-color:rgba(255,66,95,.9);box-shadow:0 0 32px rgba(255,66,95,.42),inset 0 0 22px rgba(255,66,95,.12)}
.mascot-area{position:relative;min-height:330px;margin-top:-4px}.guide{position:absolute;width:560px;height:285px;pointer-events:none}.guide img{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 0 20px rgba(216,180,254,.45));user-select:none;transition:opacity .22s ease,filter .22s ease}.ghost-guide{left:-42px;top:10px;animation:floatGhost 4.8s ease-in-out infinite}.ghost-guide img{left:0;bottom:0;width:250px}.tanu-guide{right:-18px;top:25px;animation:floatTanu 4.2s ease-in-out infinite}.tanu-guide img{right:0;bottom:0;width:230px}.bubble{position:absolute;width:245px;min-height:82px;display:flex;align-items:center;justify-content:center;padding:16px 18px;text-align:left;border:1px solid var(--line);border-radius:24px;background:rgba(20,8,32,.78);box-shadow:0 0 24px rgba(168,85,247,.32),inset 0 0 18px rgba(255,255,255,.04);font-weight:900;line-height:1.7;transition:opacity .18s ease,box-shadow .18s ease}.primary-bubble{left:285px;top:22px;border-color:rgba(112,214,255,.5)}.tanu-bubble{right:285px;top:40px}.guide.is-changing img,.guide.is-changing .bubble{opacity:.88;filter:drop-shadow(0 0 26px rgba(216,180,254,.65))}@keyframes floatGhost{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatTanu{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.pose-wave img{animation:wiggle .5s ease}.pose-happy img{animation:pop .5s ease}.pose-wink img{animation:blink .42s ease}@keyframes wiggle{0%,100%{transform:rotate(0)}35%{transform:rotate(-4deg)}70%{transform:rotate(4deg)}}@keyframes pop{50%{transform:scale(1.05)}}@keyframes blink{50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.55)) brightness(1.15)}}
.cards{display:grid;gap:22px}.two-col{grid-template-columns:1fr 1fr}.card,.gear-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 0 28px rgba(168,85,247,.16),inset 0 0 24px rgba(255,255,255,.03)}.card h2,.gear-card h2{margin:0 0 18px;font-size:25px;text-shadow:0 0 12px rgba(168,85,247,.55)}.card ul{margin:0 0 20px;padding-left:20px;line-height:2;font-weight:800}.mini-btn,.ad-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(126,34,206,.78),rgba(88,28,135,.86));border:1px solid rgba(216,180,254,.45);border-radius:999px;padding:12px 20px;font-weight:900;box-shadow:0 0 16px rgba(168,85,247,.3);transition:.18s ease}.mini-btn:hover,.ad-btn:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(168,85,247,.5)}.wide{margin-top:22px;min-height:250px;position:relative;overflow:hidden}.wide p{line-height:1.9;font-weight:800;color:#f5eaff}.neon-icons{position:absolute;right:28px;bottom:26px;display:flex;gap:24px;font-size:34px;text-shadow:0 0 18px var(--purple)}
.gear-card{margin-top:22px}.gear-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ad-label{color:var(--muted);font-size:13px;font-weight:900;margin:0}.gear-head h2{margin:6px 0}.gear-head p:last-child{color:var(--muted);font-weight:800;margin:0}.gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.gear-item{text-decoration:none;color:var(--text);min-height:126px;border:1px solid rgba(216,180,254,.35);border-radius:18px;background:rgba(10,4,20,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.18s ease;box-shadow:inset 0 0 18px rgba(255,255,255,.03)}.gear-item:hover{transform:translateY(-4px);border-color:rgba(112,214,255,.65);box-shadow:0 0 24px rgba(112,214,255,.22),inset 0 0 20px rgba(112,214,255,.05)}.gear-item span{font-size:34px}.gear-item strong{font-size:18px}.gear-item small{color:var(--muted);font-weight:800}
footer{position:relative;z-index:2;text-align:center;padding:28px 0 50px;color:var(--muted);font-weight:800}.footer-links{display:flex;justify-content:center;gap:22px;margin-bottom:18px}.footer-links a{color:var(--purple2);text-decoration:none;font-weight:1000}.footer-links a:hover{color:#fff;text-shadow:0 0 12px var(--purple)}
@media (max-width:820px){.top-status{display:none}.page{padding-top:72px}.social-switches,.two-col,.gear-grid{grid-template-columns:1fr 1fr}.mascot-area{min-height:540px}.guide{width:100%;height:250px}.ghost-guide{left:0;top:0}.ghost-guide img{left:0;bottom:0;width:210px}.primary-bubble{left:230px;top:24px;width:min(230px,40vw);min-height:72px}.tanu-guide{right:0;top:255px}.tanu-guide img{right:0;bottom:0;width:190px}.tanu-bubble{right:215px;top:36px;width:min(230px,40vw);min-height:72px}.live-panel{flex-direction:column}.live-thumb{width:min(300px,90vw)}}
@media (max-width:520px){.topbar{top:12px;left:12px;right:12px}.menu{width:48px;height:48px}.schedule-btn{padding:13px 15px}.eyebrow{letter-spacing:6px}.logo-image-wrap{width:96vw;margin-bottom:14px}.live-badge{padding:16px 26px}.social-switches,.two-col,.gear-grid{grid-template-columns:1fr}.primary-bubble{left:0;top:0;width:calc(100vw - 32px);font-size:13px}.ghost-guide img{width:165px;top:98px}.tanu-bubble{right:0;top:0;width:calc(100vw - 32px);font-size:13px}.tanu-guide img{width:150px;top:98px}.neon-icons{position:static;margin-top:20px;justify-content:flex-end}.card,.gear-card{padding:22px}}


/* Twitch schedule / brand icons */
.brand-icon img{width:42px;height:42px;display:block;object-fit:contain;color:var(--text);filter:drop-shadow(0 0 10px rgba(216,180,254,.45))}.switch.discord:hover .brand-icon img,.switch.twitch:hover .brand-icon img{filter:drop-shadow(0 0 16px rgba(168,85,247,.8))}.schedule-status{margin:0 0 12px;color:#d8f3ff;font-weight:900;text-shadow:0 0 12px rgba(112,214,255,.35)}.schedule-list{list-style:none!important;margin:0 0 18px!important;padding:0!important;display:grid;gap:10px}.schedule-list li{border:1px solid rgba(216,180,254,.25);border-radius:14px;background:rgba(10,4,20,.48);padding:12px 14px;line-height:1.55!important}.schedule-date{display:block;color:#d8b4fe;font-weight:1000}.schedule-title{display:block;color:#fff;font-weight:1000}.schedule-category{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-top:2px}.schedule-note{color:var(--muted);font-size:13px;font-weight:800;line-height:1.7;margin:0 0 16px}