/* game.com design system v1 (bz-gc). Tokens + shared header/footer. Scoped under .gcx so legacy pages are untouched. */
:root{--gc-bg:#0b0a14;--gc-ink:#f6f4ff;--gc-mut:#a39fbe;--gc-line:rgba(255,255,255,.085);--gc-glass:rgba(16,14,28,.72);
--gc-pp:#2fe39b;--gc-pp2:#ffb23f;--gc-sj:#ffcc3d;--gc-sj2:#9b5cff;--gc-df:#43c6ff;--gc-df2:#ff5ccf;
--gc-r:18px;--gc-ease:cubic-bezier(.22,1.2,.36,1);--gc-font:"Inter var","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
.gcx,.gcx *{box-sizing:border-box}
.gcx{font-family:var(--gc-font);-webkit-font-smoothing:antialiased;color:var(--gc-ink)}
#gcHead{position:sticky;top:0;z-index:2147483000;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--gc-glass);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--gc-line)}
#gcHead .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:12px}
.gcWm{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--gc-ink)!important;flex:0 0 auto}
.gcWm svg{display:block;width:28px;height:28px;filter:drop-shadow(0 4px 12px rgba(120,90,255,.35))}
.gcWm b{font:800 19px/1 var(--gc-font);letter-spacing:-.035em}.gcWm b i{font-style:normal;color:var(--gc-a)}
.gcSeg{flex:1 1 auto;max-width:460px;margin-left:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--gc-line);position:relative}
.gcSeg a{position:relative;z-index:1;text-align:center;padding:7px 4px;border-radius:11px;color:var(--gc-mut)!important;text-decoration:none!important;font:650 13px/1.15 var(--gc-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s}
.gcSeg a.on{color:#110e1f!important}
.gcSeg .pl{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:11px;background:linear-gradient(135deg,var(--gc-a),var(--gc-b));box-shadow:0 6px 20px -4px var(--gc-a);transition:transform .45s var(--gc-ease),background .4s}
.gcLang{flex:0 0 auto;border:1px solid var(--gc-line);background:rgba(255,255,255,.05);color:var(--gc-mut);border-radius:99px;padding:6px 10px;font:650 12px/1 var(--gc-font);cursor:pointer}
@media(max-width:560px){#gcHead .in{flex-wrap:wrap;gap:8px 10px}.gcSeg{order:3;flex-basis:100%;max-width:none}.gcLang{margin-left:auto}}
#gcFoot{background:#08070f;border-top:1px solid var(--gc-line);padding:28px 18px calc(28px + env(safe-area-inset-bottom));color:var(--gc-mut);font:13px/1.6 var(--gc-font)}
#gcFoot .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:20px}
#gcFoot h4{margin:0 0 6px;color:var(--gc-ink);font:700 13px/1.3 var(--gc-font)}#gcFoot a{display:block;color:var(--gc-mut)!important;text-decoration:none!important;padding:2px 0}#gcFoot a:hover{color:var(--gc-ink)!important}
#gcFoot .bt{max-width:1180px;margin:20px auto 0;padding-top:14px;border-top:1px solid var(--gc-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px}
@media(max-width:560px){#gcFoot .in{grid-template-columns:1fr 1fr}#gcFoot .in>div:first-child{grid-column:1/-1}}