
:root{--bg:#050b16;--panel:#0b1524;--panel2:#0e1c30;--line:#1d4263;--blue:#32b9ff;--cyan:#75e6ff;--gold:#f0b72f;--green:#22d67c;--text:#f5f8fc;--muted:#9db0c6;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,rgba(0,126,255,.24),transparent 34rem),radial-gradient(circle at 12% 20%,rgba(0,75,150,.15),transparent 30rem),linear-gradient(180deg,#07101e,#040914 70%);min-height:100vh}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--max);margin:auto;padding:14px 22px;background:rgba(5,11,22,.78);border-bottom:1px solid rgba(81,173,233,.18);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:12px;box-shadow:0 0 16px rgba(50,185,255,.25)}.brand-text{display:grid;line-height:1}.brand-text b{font-size:1.25rem;letter-spacing:.02em}.brand-text i{color:var(--gold);font-style:normal}.brand-text em{color:var(--green);font-style:normal}.brand-text small{margin-top:5px;color:#7894ae;font-size:.52rem;font-weight:800;letter-spacing:.13em}.site-header nav{display:flex;align-items:center;gap:24px;color:#b8c9da;font-size:.78rem;font-weight:850;letter-spacing:.08em}.site-header nav a:hover{color:white}.site-header .x-link{padding:9px 14px;border:1px solid #52718d;border-radius:999px;background:#0a1420}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;max-width:var(--max);min-height:650px;margin:auto;padding:70px 22px 80px}.hero:before{content:"";position:absolute;inset:7% 0 auto 42%;height:480px;background:radial-gradient(circle,rgba(33,166,255,.14),transparent 66%);pointer-events:none}.eyebrow,.section-heading p{margin:0 0 10px;color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:.2em}.hero h1{margin:0;font-size:clamp(2.7rem,5.3vw,5rem);line-height:1.13;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,#fff,#8bdfff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:660px;margin:26px 0 0;color:#b7c6d7;font-size:1.03rem;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:13px;font-weight:900}.primary-button{color:#04111b;background:linear-gradient(135deg,#99e8ff,#2bb9ff 55%,#61f0d0);box-shadow:0 10px 30px rgba(20,173,255,.22)}.secondary-button{border:1px solid #34536d;background:rgba(11,25,40,.72)}.hero-points{display:flex;flex-wrap:wrap;gap:16px 24px;margin:24px 0 0;padding:0;list-style:none;color:#849aaf;font-size:.78rem}.hero-points li:before{content:"✓";margin-right:7px;color:#44e2a3}.hero-game{position:relative;z-index:1;display:block;border:1px solid #2d5e82;border-radius:22px;overflow:hidden;background:#07101b;box-shadow:0 30px 70px rgba(0,0,0,.48),0 0 40px rgba(24,143,230,.12);transform:perspective(900px) rotateY(-4deg)}.hero-game:hover{transform:perspective(900px) rotateY(0) translateY(-4px);transition:.25s}.hero-game img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.hero-game>div{display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.hero-game b{font-size:1.12rem}.hero-game div span{color:#8aa5bc;font-size:.72rem}.live-label{position:absolute;top:15px;left:15px;padding:7px 10px;border-radius:8px;color:#03110a;background:#54ef9b;font-size:.62rem;font-weight:950;letter-spacing:.1em}.section-wrap{max-width:var(--max);margin:auto;padding:88px 22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.section-heading>span{color:#6c8499;font-size:.7rem;font-weight:900;letter-spacing:.12em}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card{border:1px solid #203b55;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0d1a2a,#08111e);box-shadow:0 18px 50px rgba(0,0,0,.26)}.game-thumb{display:block;overflow:hidden}.game-thumb img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;transition:transform .28s}.game-thumb:hover img{transform:scale(1.025)}.game-body{padding:23px}.game-status{display:flex;align-items:center;justify-content:space-between;color:#87a1b8;font-size:.68rem;font-weight:850}.game-status span{color:#4de398}.game-body h3{margin:13px 0 9px;font-size:1.55rem}.game-body p{margin:0;color:#9fb1c2;font-size:.87rem;line-height:1.75}.play-link{display:flex;justify-content:space-between;align-items:center;margin-top:21px;padding-top:17px;border-top:1px solid #18334d;color:#8bdfff;font-weight:850}.coming-visual{display:grid;place-items:center;min-height:260px;background:radial-gradient(circle,rgba(41,178,255,.16),transparent 50%),repeating-linear-gradient(135deg,rgba(33,106,160,.08) 0 1px,transparent 1px 24px)}.coming-visual span{position:absolute;color:rgba(255,255,255,.04);font-size:10rem;font-weight:1000}.coming-visual b{z-index:1;color:#496983;letter-spacing:.18em}.feature-band{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:0 auto;padding:0 22px 65px}.feature-band article{padding:28px 30px;border-top:1px solid #24506f;border-bottom:1px solid #172f46}.feature-band article+article{border-left:1px solid #17364f}.feature-band span{color:#2ab8ff;font-size:.72rem;font-weight:900}.feature-band h3{margin:12px 0 8px}.feature-band p{margin:0;color:#91a4b7;font-size:.82rem;line-height:1.7}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:45px}.panel{padding:28px;border:1px solid #203d58;border-radius:18px;background:rgba(10,22,37,.72)}.section-heading.compact{margin-bottom:20px}.section-heading.compact h2{font-size:1.55rem}.news-list{margin:0;padding:0;list-style:none}.news-list li{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:15px 0;border-top:1px solid #17334b}.news-list time{color:#6590b2;font-size:.72rem}.news-list span{font-size:.85rem}.ranking-preview p{color:#8ea3b8;font-size:.82rem;line-height:1.7}.ranking-lines{display:grid;gap:9px}.ranking-lines i{display:block;height:34px;border:1px solid #173650;border-radius:8px;background:linear-gradient(90deg,rgba(44,180,255,.1),transparent)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.about h2{margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.35}.about>p{margin:0;color:#a8b9c9;line-height:2}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;max-width:var(--max);margin:0 auto;padding:36px 22px;border-top:1px solid #183149;color:#7890a6}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{border-radius:9px}.footer-brand div{display:grid}.footer-brand b{color:#dce8f2}.footer-brand span{font-size:.62rem}.footer-links{display:flex;gap:18px;font-size:.72rem}.footer-links a:hover{color:white}footer>small{font-size:.68rem}@media(max-width:860px){.site-header nav a:not(.x-link){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-game{transform:none;max-width:650px}.game-grid,.two-column,.about{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.feature-band article+article{border-left:none}.feature-band article{border-bottom:1px solid #17364f}.about{gap:25px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(max-width:560px){.site-header{padding:11px 14px}.brand-text small{display:none}.site-header nav{gap:8px}.site-header .x-link{padding:8px 10px}.hero,.section-wrap{padding-left:16px;padding-right:16px}.hero{padding-top:42px;padding-bottom:55px;gap:34px}.hero h1{font-size:2.55rem}.lead{font-size:.92rem}.hero-actions a{width:100%}.hero-points{gap:10px}.game-grid{grid-template-columns:1fr}.feature-band{padding-left:16px;padding-right:16px}.panel{padding:21px}.news-list li{grid-template-columns:1fr;gap:5px}footer{padding-left:16px;padding-right:16px}.footer-links{display:grid}}
