:root{--bg:#080a0d;--bg2:#0b0e13;--panel:#10141b;--panel2:#151a22;--line:#28303b;--line2:#384250;--text:#f5f7fb;--muted:#aeb8c6;--muted2:#7f8b9a;--red:#ef3340;--red2:#ff5964;--green:#48d597;--blue:#6b79ff;--amber:#ffb347;--max:1320px;--shadow:0 24px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 9%,rgba(239,51,64,.14),transparent 26%),radial-gradient(circle at 18% 38%,rgba(84,96,255,.06),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg2) 52%,var(--bg));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Noto Sans KR",sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}.site-header{position:sticky;top:0;z-index:80;background:rgba(8,10,13,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{min-height:70px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.035em;white-space:nowrap}.brand-mark{position:relative;width:36px;height:36px;border:2px solid #fff;border-right-color:var(--red);border-radius:50%;box-shadow:0 0 28px rgba(239,51,64,.08)}.brand-mark:before{content:"";position:absolute;left:50%;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red);transform:translateX(-50%);box-shadow:0 0 18px rgba(239,51,64,.8)}.brand-mark:after{content:"";position:absolute;left:50%;bottom:5px;width:12px;height:17px;border-left:3px solid #fff;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateX(-50%) skewX(-7deg);border-radius:0 0 3px 3px}.brand b{color:var(--red)}.nav-links{display:flex;align-items:center;gap:17px;margin-left:auto;font-size:.9rem;color:#d2d9e3}.nav-links a{padding:7px 0}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.lang{display:flex;gap:7px;align-items:center;font-size:.76rem;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#0d1117}.lang a{color:#93a0b0}.lang a:hover,.lang strong{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:11px;border:1px solid #333d49;font-weight:850;font-size:.92rem;transition:.18s ease;background:rgba(16,20,27,.72)}.btn:hover{transform:translateY(-1px);border-color:#596575}.btn-primary{background:linear-gradient(135deg,var(--red),#c91f2b);border-color:transparent;box-shadow:0 12px 36px rgba(239,51,64,.2)}.btn-primary:hover{filter:brightness(1.07)}.btn-small{min-height:39px;padding:0 13px}.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:9px;padding:8px 10px}.hero{position:relative;overflow:hidden;padding:86px 0 64px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:62px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(239,51,64,.28);border-radius:999px;background:rgba(239,51,64,.075);color:#ffdadd;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(72,213,151,.09),0 0 14px rgba(72,213,151,.8)}h1{margin:20px 0 16px;font-size:clamp(3.1rem,6.8vw,6.45rem);line-height:.91;letter-spacing:-.057em;text-transform:uppercase}.accent{color:var(--red)}.lead{font-size:clamp(1.04rem,1.6vw,1.24rem);color:#c5cdd8;max-width:730px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trust-row{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:22px;color:#aeb8c4;font-size:.84rem}.trust-row span:before{content:"✓";color:var(--green);font-weight:950;margin-right:6px}.hero-stage{position:relative;min-height:520px;perspective:1200px}.stage-glow{position:absolute;width:420px;height:420px;right:20px;top:45px;border-radius:50%;background:radial-gradient(circle,rgba(239,51,64,.19),rgba(239,51,64,.05) 42%,transparent 70%);filter:blur(6px)}.discord-frame{position:absolute;inset:42px 10px 28px 28px;border:1px solid #343d49;border-radius:22px;background:linear-gradient(180deg,#151922,#0d1016);box-shadow:var(--shadow);padding:18px;transform:rotateY(-5deg) rotateX(1.5deg);overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#aab4c1;font-size:.76rem}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#3e4652}.window-dots i:first-child{background:var(--red)}.window-dots i:nth-child(2){background:var(--amber)}.window-dots i:nth-child(3){background:var(--green)}.frame-shot{width:100%;height:100%;max-height:414px;object-fit:contain;object-position:top center;border-radius:12px;background:#1e1f22}.float-shot{position:absolute;width:54%;left:-16px;bottom:-4px;border:1px solid #394451;border-radius:16px;background:#11151b;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:8px;transform:rotate(-2.2deg);z-index:3}.float-shot img{display:block;border-radius:10px}.live-pill{position:absolute;right:0;top:4px;z-index:4;padding:9px 12px;border:1px solid rgba(72,213,151,.28);border-radius:999px;background:rgba(9,20,16,.9);color:#c9f9e4;font-weight:900;font-size:.75rem;box-shadow:0 10px 35px rgba(0,0,0,.28)}.status-strip{padding:0 0 34px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-card{position:relative;padding:20px 20px 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#12171f,#0c1015);overflow:hidden}.status-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--red),transparent 70%);opacity:.75}.status-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-card strong{font-size:1.08rem}.status-card p{margin:7px 0 0;color:var(--muted);font-size:.86rem}.badge-live,.badge-active,.badge-safe,.badge-count{font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:5px 8px}.badge-live,.badge-active{color:#c7fae2;background:rgba(72,213,151,.1);border:1px solid rgba(72,213,151,.22)}.badge-safe{color:#d9dcff;background:rgba(107,121,255,.1);border:1px solid rgba(107,121,255,.24)}.badge-count{color:#ffe5bd;background:rgba(255,179,71,.1);border:1px solid rgba(255,179,71,.24)}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.kicker{color:var(--red2);font-weight:950;letter-spacing:.095em;text-transform:uppercase;font-size:.75rem}.section h2,.beta h2{margin:7px 0 0;font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.01;letter-spacing:-.043em}.section-copy{max-width:675px;color:var(--muted);font-size:1.01rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{min-height:222px;padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#12171e,#0d1015)}.feature-icon{font-size:1.45rem}.feature h3{font-size:1.2rem;margin:24px 0 8px}.feature p{margin:0;color:var(--muted);font-size:.93rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#12171e,#0b0e12);padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.checklist{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}.checklist li{display:flex;gap:10px;color:#cbd3dd}.checklist li:before{content:"✓";color:var(--green);font-weight:950}.notice{margin-top:20px;padding:14px 16px;border-left:3px solid var(--red);border-radius:9px;background:rgba(239,51,64,.07);color:#dfe4eb}.scene{position:relative;min-height:520px}.scene-card{position:absolute;border:1px solid #36404d;border-radius:18px;background:#0d1116;padding:8px;box-shadow:var(--shadow);overflow:hidden}.scene-card img{display:block;width:100%;border-radius:11px}.scene-main{width:82%;right:0;top:20px;transform:rotate(1.2deg)}.scene-side{width:56%;left:0;bottom:10px;transform:rotate(-2.3deg)}.scene-mini{width:46%;right:8px;bottom:-12px;transform:rotate(2.1deg)}.label{position:absolute;z-index:5;padding:7px 9px;border:1px solid #3c4653;border-radius:999px;background:rgba(10,13,18,.93);box-shadow:0 12px 35px rgba(0,0,0,.3);font-size:.72rem;font-weight:900;color:#dbe2eb}.label-a{left:2%;top:0}.label-b{right:2%;bottom:2%}.hub-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hub-tabs span{padding:7px 10px;border-radius:9px;border:1px solid #323b47;background:#10141a;color:#c6ced8;font-size:.78rem;font-weight:850}.hub-tabs span.active{background:rgba(107,121,255,.16);border-color:rgba(107,121,255,.45);color:#fff}.privacy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.privacy-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#0f1319}.privacy-card strong{display:block;margin-bottom:8px}.privacy-card p{margin:0;color:var(--muted);font-size:.91rem}.setup-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;counter-reset:step}.step{counter-increment:step;padding:22px;border-top:2px solid var(--red);background:#10141a;border-radius:0 0 13px 13px}.step:before{content:"0" counter(step);display:block;color:var(--red2);font-weight:950;letter-spacing:.08em;margin-bottom:18px}.step h3{margin:0 0 8px}.step p{margin:0;color:var(--muted);font-size:.92rem}.beta{padding:76px 0}.beta-box{position:relative;overflow:hidden;padding:48px;border:1px solid rgba(239,51,64,.28);border-radius:22px;background:linear-gradient(135deg,rgba(239,51,64,.14),rgba(17,21,27,.96) 43%,#0e1116)}.beta-box:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-130px;border:1px solid rgba(239,51,64,.14);box-shadow:0 0 0 60px rgba(239,51,64,.025),0 0 0 120px rgba(239,51,64,.018)}.beta-box p{max-width:730px;color:#c3cbd6}.footer{border-top:1px solid var(--line);padding:36px 0 44px;color:#98a3b2}.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:30px}.footer h4{color:#fff;margin:0 0 12px}.footer-links{display:grid;gap:7px}.footer-links a:hover{color:#fff}.tiny{font-size:.81rem;color:#788493}.legal-note{margin-top:12px;font-size:.79rem;color:#788493}.snapshot{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:6px 9px;border:1px solid #2d3641;border-radius:999px;font-size:.75rem;color:#95a1b0}.hr{height:1px;background:var(--line);margin:18px 0}
@media(max-width:1060px){.nav-links{display:none}.menu-btn{display:block}.nav.menu-open .nav-links{display:flex;position:absolute;left:18px;right:18px;top:66px;padding:16px;flex-direction:column;align-items:flex-start;background:#0d1117;border:1px solid var(--line);border-radius:12px}.hero-grid,.split{grid-template-columns:1fr}.hero-stage{min-height:520px}.feature-grid,.privacy-grid{grid-template-columns:repeat(2,1fr)}.status-grid,.setup-steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.scene{max-width:720px;margin:auto}}
@media(max-width:700px){.wrap{width:min(100% - 24px,var(--max))}.nav{min-height:62px;gap:9px}.brand{font-size:.9rem}.brand-mark{width:30px;height:30px}.nav-actions>.btn{display:none}.lang{gap:5px;padding:6px 7px}.hero{padding:58px 0 44px}.hero-grid{gap:28px}.hero-stage{min-height:380px}.discord-frame{inset:28px 0 34px 14px;padding:11px}.frame-shot{max-height:310px}.float-shot{width:62%;left:-4px}.live-pill{right:2px;top:0}.status-grid,.feature-grid,.privacy-grid,.setup-steps,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.scene{min-height:380px}.scene-main{width:90%}.scene-side{width:60%}.scene-mini{display:none}.beta-box{padding:30px 22px}h1{font-size:clamp(2.7rem,14vw,4.7rem)}.btn{width:100%}.hero-actions{display:grid;grid-template-columns:1fr}.hub-tabs{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}


/* Final 2026-08-30 visual system: live-signal intelligence */
.ai-signal-visual{position:relative;isolation:isolate}
.ai-signal-visual:after{content:"";position:absolute;inset:0;background:url("signal-field.svg") center/cover no-repeat;opacity:.72;pointer-events:none;z-index:0;mix-blend-mode:screen}
.ai-signal-visual>.wrap{position:relative;z-index:2}
.hero-squad-shot{position:absolute;width:43%;right:-20px;bottom:-30px;border:1px solid #3a4553;border-radius:16px;background:#0d1116;padding:7px;box-shadow:0 24px 70px rgba(0,0,0,.5);transform:rotate(2.3deg);z-index:4}
.hero-squad-shot img{display:block;width:100%;border-radius:10px}
.source-nodes{position:absolute;inset:0;pointer-events:none;z-index:6}
.source-nodes span{position:absolute;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,10,13,.9);backdrop-filter:blur(8px);font-size:.67rem;font-weight:950;letter-spacing:.035em;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.source-nodes .node-a{right:8%;top:15%;color:#d9d0ff;border-color:rgba(145,103,255,.3)}
.source-nodes .node-b{left:0;top:34%;color:#ffd7d7;border-color:rgba(255,74,74,.28)}
.source-nodes .node-c{right:3%;bottom:16%;color:#c5ced8}
.source-status{padding:20px 0 70px}
.source-status-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:22px}
.source-status h2{margin:7px 0 0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.04;letter-spacing:-.035em}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.source-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#12171f,#0c1015);min-height:148px}
.source-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#515b68}
.source-card.twitch:before{background:#8d69ff}.source-card.youtube:before{background:#ef3340}.source-card.pending:before{background:#6c7683}
.source-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}
.source-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#0b0e13;border:1px solid #303844;font-size:.82rem}
.source-card strong{font-size:.98rem}
.source-state{font-size:.64rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:#b9c4d0;padding:5px 7px;border:1px solid #313a46;border-radius:999px;white-space:nowrap}
.source-card.twitch .source-state,.source-card.youtube .source-state{color:#c9f9e4;border-color:rgba(72,213,151,.25);background:rgba(72,213,151,.065)}
.source-card p{margin:12px 0 0;color:var(--muted);font-size:.86rem}
.legal-panel{margin-top:18px;padding:22px;border:1px solid rgba(239,51,64,.2);border-radius:16px;background:linear-gradient(135deg,rgba(239,51,64,.065),rgba(16,20,26,.96) 45%);display:grid;grid-template-columns:1.2fr auto;gap:18px 28px;align-items:center}
.legal-panel h3{margin:0 0 6px;font-size:1.12rem}.legal-panel p{margin:0;color:var(--muted);font-size:.9rem}
.legal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legal-link{padding:8px 10px;border:1px solid #36404c;border-radius:9px;background:#0c1015;color:#e6ebf2;font-size:.79rem;font-weight:850}.legal-link:hover{border-color:rgba(239,51,64,.55);color:#fff}
.legal-panel-note{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line);color:#7f8b99;font-size:.75rem}
@media(max-width:1060px){.source-status-head{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.hero-squad-shot{right:0;width:39%}.legal-panel{grid-template-columns:1fr}.legal-actions{justify-content:flex-start}}
@media(max-width:700px){.hero-squad-shot{width:48%;right:-2px;bottom:-18px}.source-nodes .node-b{display:none}.source-nodes span{font-size:.59rem}.source-status{padding-bottom:48px}.legal-actions{display:grid;grid-template-columns:1fr}.legal-link{text-align:center}.ai-signal-visual:after{opacity:.52}}
@media(prefers-reduced-motion:no-preference){.live-dot{animation:lopPulse 2.4s ease-in-out infinite}.source-nodes .node-a{animation:lopFloat 5.2s ease-in-out infinite}.source-nodes .node-b{animation:lopFloat 6s ease-in-out infinite reverse}.source-nodes .node-c{animation:lopFloat 5.7s ease-in-out infinite 1s}@keyframes lopPulse{50%{box-shadow:0 0 0 8px rgba(72,213,151,.025),0 0 22px rgba(72,213,151,.65)}}@keyframes lopFloat{50%{transform:translateY(-5px)}}}


/* 2026-08-30 v2: crisp product screenshots + interactive Game Hub */
.frame-shot,.scene-card img,.float-shot img,.hero-squad-shot img,.hub-shot-frame img{height:auto!important;max-height:none;object-fit:contain;image-rendering:auto;-ms-interpolation-mode:bicubic}
.discord-frame,.float-shot,.hero-squad-shot,.scene-main,.scene-side,.scene-mini{transform:none!important}
.discord-frame{inset:42px 8px 30px 22px}
.frame-shot{display:block;width:100%;max-width:658px;margin:0 auto;border-radius:12px}
.float-shot{width:min(54%,562px);left:-8px;bottom:-6px}
.hero-squad-shot{width:min(43%,480px);right:-8px;bottom:-24px}
.scene{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.63fr);grid-template-areas:"main side";gap:16px;align-items:start;padding:18px 0}
.scene-card{position:relative!important;inset:auto!important;width:auto!important;border-radius:16px;padding:8px;overflow:hidden}
.scene-main{grid-area:main}.scene-side{grid-area:side}.scene-mini{display:none}
.scene-card img{display:block;width:100%;max-width:658px;margin:0 auto;border-radius:10px}
.scene .label{position:absolute}.scene{position:relative}.label-a{left:12px;top:-12px}.label-b{right:12px;bottom:-14px}
.game-hub-section{overflow:hidden}
.game-hub-head{align-items:end}
.hub-explorer{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#10151c,#0a0d12);box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden}
.hub-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;border-bottom:1px solid var(--line);background:#0b0f14}
.hub-tab{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:#aeb8c6;min-height:58px;padding:10px 12px;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.hub-tab:last-child{border-right:0}.hub-tab:hover{color:#fff;background:#111720}.hub-tab.active,.hub-tab[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,rgba(107,121,255,.19),rgba(107,121,255,.08));box-shadow:inset 0 -2px 0 var(--blue)}
.hub-tab:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.hub-panels{padding:24px}
.hub-panel{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:36px;align-items:center;min-height:460px}
.hub-panel[hidden]{display:none!important}
.hub-panel-visual{display:grid;place-items:center;min-width:0}
.hub-shot-frame{margin:0;width:min(100%,658px);border:1px solid #343f4c;border-radius:16px;background:#0b0e13;padding:9px;box-shadow:0 22px 60px rgba(0,0,0,.36)}
.hub-shot-frame img{display:block;width:auto;max-width:100%;margin:0 auto;border-radius:10px}
.hub-shot-frame figcaption{display:flex;align-items:center;gap:7px;padding:9px 4px 2px;color:#8e9aa9;font-size:.72rem;font-weight:800}
.real-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(72,213,151,.6)}
.hub-panel-copy{max-width:520px}.hub-panel-copy h3{margin:8px 0 12px;font-size:clamp(1.75rem,3vw,3rem);line-height:1.02;letter-spacing:-.035em}.hub-panel-copy p{margin:0;color:#c0c9d5;font-size:1.03rem}
.hub-concept{width:min(100%,560px);min-height:370px;border:1px solid #35404d;border-radius:18px;background:radial-gradient(circle at 75% 18%,rgba(107,121,255,.12),transparent 28%),linear-gradient(180deg,#151a22,#0d1116);padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 22px 60px rgba(0,0,0,.34);position:relative;overflow:hidden}
.hub-concept:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.018),0 0 0 88px rgba(255,255,255,.012)}
.hub-concept-icon{font-size:2.1rem}.hub-concept-label{margin-top:18px;color:#8390a0;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hub-concept-title{margin-top:5px;font-size:2rem;font-weight:950;letter-spacing:-.03em}.hub-concept-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:2}.hub-concept-chips span{padding:7px 9px;border:1px solid #36404d;border-radius:999px;background:#0b0f14;color:#c5ced8;font-size:.72rem;font-weight:800}
.hub-summary{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;margin-top:22px}.hub-summary .checklist{margin:0}.hub-summary .notice{margin:0}
@media(max-width:1060px){.hub-tabs{grid-template-columns:repeat(3,1fr)}.hub-tab:nth-child(3){border-right:0}.hub-panel{grid-template-columns:1fr;min-height:0}.hub-panel-copy{max-width:none}.hub-summary{grid-template-columns:1fr}.scene{max-width:none;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hub-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.hub-tab{min-width:max-content;flex:0 0 auto;padding-inline:14px;scroll-snap-align:start}.hub-panel{gap:22px}.hub-panels{padding:14px}.hub-concept{min-height:300px;padding:24px}.scene{grid-template-columns:1fr}.scene-side{display:none}.label-b{display:none}.discord-frame{inset:24px 0 34px 8px}.float-shot{width:58%;left:0}.hero-squad-shot{width:43%;right:0}.frame-shot{max-width:100%}}

/* v3 — Game Hub real UI gallery polish */
.hub-shot-frame-live{
  position:relative;
  isolation:isolate;
  width:min(100%,680px);
  padding:10px;
  background:
    radial-gradient(circle at 18% 0%,rgba(107,121,255,.09),transparent 34%),
    linear-gradient(180deg,#10151d,#090c11);
  border-color:#3a4655;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset;
}
.hub-shot-frame-live:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:17px;
  background:linear-gradient(120deg,rgba(107,121,255,.18),transparent 32%,transparent 66%,rgba(239,51,64,.14));
  filter:blur(12px);
  opacity:.52;
}
.hub-shot-frame-live img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  margin-inline:auto;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
.hub-shot-frame-live figcaption{
  min-height:31px;
}
.hub-shot-example figcaption{
  color:#a8b3c1;
}
.hub-shot-example figcaption:after{
  content:"";
}
@media (min-width:1100px){
  .hub-panel-visual{min-height:500px}
}


/* v4 dynamic scenes */
.hero-stage{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}
.hero-scene-card,
.hub-dynamic-showcase{
  margin:0;
  position:relative;
  width:min(100%, 980px);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(10,14,20,.95), rgba(7,10,15,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.02) inset;
}
.hero-scene-card::before,
.hub-dynamic-showcase::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:28px;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(239,51,64,.22), rgba(107,121,255,.16) 45%, rgba(239,51,64,.16));
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.hero-scene-card img,
.hub-dynamic-showcase img{
  display:block;
  width:100%;
  height:auto;
}
.hero-scene-card figcaption,
.hub-dynamic-showcase figcaption{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.8rem 1rem 1rem;
  color:var(--muted);
  font-size:.92rem;
  background:linear-gradient(180deg, rgba(7,10,15,0), rgba(7,10,15,.86));
}
.hero-scene-card{
  transform:translateY(8px);
}
.hero-stage .source-nodes{
  position:absolute;
  right:1rem;
  top:1rem;
  z-index:3;
}
.hub-dynamic-showcase{
  margin:1.2rem 0 1.3rem;
}
.hub-dynamic-showcase img{
  max-height:640px;
  object-fit:cover;
}
@media (min-width: 1100px){
  .hero-scene-card{
    margin-left:auto;
    width:min(100%, 1120px);
  }
}
@media (max-width: 980px){
  .hero-stage{justify-content:center}
  .hero-scene-card,
  .hub-dynamic-showcase{border-radius:22px}
  .hero-stage .source-nodes{
    position:static;
    margin-top:.8rem;
    justify-content:flex-start;
  }
}


/* v5 layout fix: hero balance + no crop at 100% zoom */
.hero-grid{
  grid-template-columns:minmax(0, 500px) minmax(0, 1fr);
  gap:clamp(28px, 3vw, 46px);
  align-items:start;
}
.hero-grid > :first-child{
  max-width:500px;
  padding-top:18px;
}
.hero-stage{
  min-height:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:10px;
  overflow:visible;
}
.hero-stage .stage-glow{
  width:520px;
  height:520px;
  right:0;
  top:72px;
}
.hero-stage .live-pill{
  position:relative;
  top:auto;
  right:auto;
  display:inline-flex;
  align-self:flex-start;
  margin:0 0 2px;
}
.hero-scene-card{
  width:100%;
  max-width:760px;
  margin-left:auto;
  transform:none;
}
.hero-scene-card img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}
.hero-stage .source-nodes{
  position:relative;
  inset:auto;
  width:100%;
  min-height:0;
  pointer-events:none;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.hero-stage .source-nodes span{
  position:relative;
  inset:auto !important;
}
@media (min-width: 1400px){
  .hero-grid{
    grid-template-columns:minmax(0, 520px) minmax(0, 760px);
    justify-content:space-between;
  }
}
@media (max-width: 1200px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero-grid > :first-child{
    max-width:780px;
    padding-top:0;
  }
  .hero-stage{
    align-items:flex-start;
  }
  .hero-scene-card{
    max-width:100%;
    margin-left:0;
  }
}
@media (max-width:700px){
  .hero-stage .source-nodes{
    gap:6px;
  }
}


/* ===== 2026-09-03 complete package: tab/mobile hardening ===== */
[hidden]{display:none!important}
.hub-tab{cursor:pointer;user-select:none}
.hub-tab.active,.hub-tab[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,rgba(107,121,255,.22),rgba(107,121,255,.09));box-shadow:inset 0 -2px 0 var(--blue)}
.hub-panel.active{display:grid}
.hub-panel:not(.active)[hidden]{display:none!important}
.nav.menu-open .nav-links{display:flex}
img{height:auto}
@media(max-width:1060px){.nav.menu-open .nav-links{position:absolute;left:18px;right:18px;top:66px;padding:16px;flex-direction:column;align-items:flex-start;background:#0d1117;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.42)}}
@media(max-width:700px){.hero-scene-card figcaption,.hub-dynamic-showcase figcaption{font-size:.78rem}.hub-shot-frame figcaption{font-size:.68rem}}