:root{--bg0: #06080d;--bg1: #0f1624;--gold: #d4af37;--gold-dim: rgba(212, 175, 55, .35);--text: #f2f4f8;--muted: rgba(242, 244, 248, .55);--card: rgba(255, 255, 255, .06);--card-edge: rgba(255, 255, 255, .12);--radius: 16px;--shadow: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg0);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(212,175,55,.12),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(10,132,255,.08),transparent 45%),linear-gradient(180deg,var(--bg1) 0%,var(--bg0) 38%,#05070b 100%);padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page{max-width:440px;margin:0 auto}header{text-align:center;padding:12px 0 28px}.logo-ring{width:104px;height:104px;margin:0 auto 20px;padding:3px;border-radius:26%;background:linear-gradient(145deg,var(--gold) 0%,rgba(212,175,55,.25) 40%,rgba(255,255,255,.08) 100%);box-shadow:var(--shadow),0 0 0 1px #ffffff0f inset}.logo-inner{width:100%;height:100%;border-radius:23%;overflow:hidden;background:#0c1018;display:flex;align-items:center;justify-content:center}.logo-inner img{width:92%;height:92%;object-fit:contain;display:block}h1{margin:0 0 8px;font-size:26px;font-weight:700;letter-spacing:.02em}.tagline{margin:0;font-size:15px;color:var(--muted);line-height:1.5}.section{margin-bottom:28px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 4px}.section-head h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-dim),transparent);opacity:.6}.nodes{display:flex;flex-direction:column;gap:10px}a.node{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--card-edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}a.node:active{transform:scale(.98)}a.node:not(.node--disabled):hover{border-color:#d4af3773;box-shadow:0 0 0 1px #d4af371f,0 16px 40px #00000040}a.node--disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.node-left{display:flex;align-items:center;gap:14px;min-width:0}.badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.badge--logo{background:#0c1018;border:1px solid rgba(61,220,132,.35);padding:4px;overflow:hidden}.badge--logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.badge--i{background:linear-gradient(145deg,#0a84ff4d,#0a84ff1a);border:1px solid rgba(10,132,255,.35)}.badge--i:after{content:"";width:20px;height:20px;border-radius:5px;background:linear-gradient(180deg,#5ac8fa,#0a84ff);box-shadow:0 1px 3px #00000059}.node-titles{min-width:0}.node-title{font-size:16px;font-weight:600;letter-spacing:.01em}.node-desc{margin-top:3px;font-size:13px;color:var(--muted);line-height:1.35}.chev{flex-shrink:0;font-size:22px;color:#ffffff40;font-weight:300}.pill{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;vertical-align:middle;background:#d4af3733;color:var(--gold);border:1px solid rgba(212,175,55,.35)}footer.page-foot{text-align:center;font-size:12px;line-height:1.55;color:var(--muted);padding:8px 8px 0}footer.page-foot code{font-size:11px;padding:2px 6px;border-radius:6px;background:#ffffff0f;color:#f2f4f8bf}.hint-box{margin-top:10px;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.5;color:var(--muted);background:#ff3b3014;border:1px solid rgba(255,59,48,.2)}.hint-box.is-visible{display:block}.hint-box:not(.is-visible){display:none}