/* ROGA GAME — 공용 사이트 스타일 (허브·회사소개·약관·개인정보처리방침) */
:root{--bg:#05060f;--cyan:#19e6ff;--magenta:#ff2bd6;--violet:#8b5cff;--gold:#ffd166;--text:#eef2ff;--muted:#8e97b8;--glass:rgba(10,12,30,.72)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:'Noto Sans KR','Orbitron',sans-serif}
body{overflow-x:hidden}
#bg{position:fixed;inset:0;z-index:0}
main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:24px 20px 80px}

/* 상단 내비게이션 */
.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0 0}
.nav-logo{font-family:'Orbitron',sans-serif;font-weight:900;letter-spacing:.14em;font-size:1.05rem;text-decoration:none;color:var(--text)}
.nav-logo b{color:var(--cyan)}.nav-logo i{font-style:normal;color:var(--magenta)}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;list-style:none}
.nav-links a{display:inline-block;padding:8px 14px;border-radius:999px;font-size:.82rem;letter-spacing:.06em;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.nav-links a[aria-current="page"]{color:var(--cyan)}

/* 문서 페이지 */
.doc{margin:40px auto 0;max-width:820px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:var(--glass);backdrop-filter:blur(16px);padding:40px 40px 48px}
.doc h1{font-family:'Orbitron','Noto Sans KR',sans-serif;font-weight:700;letter-spacing:.08em;font-size:clamp(1.4rem,4vw,2rem);line-height:1.3}
.doc .eyebrow{font-family:'Orbitron',sans-serif;font-size:.7rem;letter-spacing:.3em;color:var(--cyan);margin-bottom:12px}
.doc .updated{color:var(--muted);font-size:.8rem;margin-top:10px}
.doc h2{font-size:1.05rem;font-weight:700;margin:36px 0 12px;padding-left:12px;border-left:3px solid var(--violet);letter-spacing:.02em}
.doc p,.doc li{color:#c9d0ea;font-size:.95rem;line-height:1.8}
.doc p+p{margin-top:10px}
.doc ul,.doc ol{padding-left:22px;margin-top:6px}
.doc li+li{margin-top:4px}
.doc a{color:var(--cyan);text-decoration:none}.doc a:hover{text-decoration:underline}
.doc table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.9rem}
.doc th,.doc td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top;line-height:1.6}
.doc th{color:var(--muted);font-weight:700;white-space:nowrap}
.doc .note{margin-top:14px;padding:14px 16px;border-radius:12px;background:rgba(25,230,255,.07);border:1px solid rgba(25,230,255,.2);font-size:.88rem;color:#c9d0ea}
.doc .cta{display:inline-block;margin-top:28px;padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff;font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:.12em;font-size:.8rem;text-decoration:none}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:14px}
.about-grid .tile{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.about-grid .tile b{display:block;font-family:'Orbitron',sans-serif;font-size:.72rem;letter-spacing:.2em;color:var(--cyan);margin-bottom:8px}
.about-grid .tile span{font-size:.9rem;color:#c9d0ea;line-height:1.6}

/* 푸터 */
footer{text-align:center;color:var(--muted);font-size:.75rem;letter-spacing:.15em;margin-top:60px}
footer a{color:var(--cyan);text-decoration:none}
.foot-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:12px;letter-spacing:.06em}
.foot-links a{color:var(--muted)}.foot-links a:hover{color:var(--text)}

@media (max-width:640px){main{padding:16px 16px 60px}.doc{padding:28px 20px 36px;margin-top:28px}.nav-links a{padding:7px 11px;font-size:.78rem}}