:root{--cream: #F4ECDA;--gold: #D8B45E;--gold-soft: #E2C77E;--gold-light: #F6E7A0;--gold-grad: linear-gradient(120deg, #F6E7A0 0%, #E2C77E 42%, #D8B45E 72%, #B07F2C 100%);--display: "Hanken Grotesk", "Be Vietnam Pro", system-ui, sans-serif;--sans: "Hanken Grotesk", "Be Vietnam Pro", system-ui, sans-serif;--serif: "Hanken Grotesk", "Be Vietnam Pro", system-ui, sans-serif}html,body{height:100%;overflow:hidden}body{background:radial-gradient(135% 95% at 50% -8%,#2c5a43,#20402f 46%,#16291d);color:var(--cream);display:flex;align-items:center;justify-content:center}.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;pointer-events:none}.topbar a,.topbar .legend{pointer-events:auto}.back{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.04em;color:#f6eddbcc;transition:color .3s;text-decoration:none}.back:hover{color:var(--gold-light)}.back .bm{height:30px}.legend{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f6eddb99;font-family:var(--sans)}.legend .lg{display:inline-flex;align-items:center;gap:8px}.legend .sw{width:11px;height:11px;border-radius:50%}@media(max-width:720px){.legend{display:none}}.stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.canvas{position:relative;width:1680px;height:1180px;transform-origin:center center;flex:0 0 auto}.roots{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.roots path{fill:none;stroke:url(#rootGold);stroke-linecap:round;transition:opacity .45s ease}.roots .ground{stroke:#c8a44f47;stroke-width:1.4;stroke-dasharray:2 9}.earth{fill:url(#earth)}.head-eyebrow{position:absolute;top:26px;left:50%;transform:translate(-50%);font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-light);white-space:nowrap}.ground-label{position:absolute;top:224px;right:40px;font-family:var(--sans);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#f6eddba8}.rnode{position:absolute;transform:translate(-50%,-50%);text-align:center;transition:opacity .45s ease;font-family:var(--sans)}.rnode.dim{opacity:.15}.n-brand{width:360px}.n-brand .bmark{width:84px;margin:0 auto 10px;filter:drop-shadow(0 14px 30px rgba(0,0,0,.5));display:block}.n-brand .bname{font-family:var(--display);font-weight:600;font-size:32px;letter-spacing:.04em;color:var(--gold-light);line-height:1}.n-brand .bsub{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#f6eddb9e;margin-top:10px}.card-node{background:#0d1b13e6;border:1px solid rgba(200,164,79,.45);border-radius:14px;backdrop-filter:blur(5px);box-shadow:0 24px 50px -30px #000c}.n-pillar{width:234px;padding:22px;cursor:default;border-top:2px solid var(--gold)}.n-pillar .ptitle{font-family:var(--display);font-weight:600;font-size:22px;color:#fff;line-height:1.1;letter-spacing:-.01em}.n-pillar .psub{font-size:13px;color:#f6eddba8;margin-top:8px;line-height:1.4}.n-tip{width:168px;padding:14px 14px 15px;cursor:default}.n-tip .tdot{width:7px;height:7px;transform:rotate(45deg);margin:0 auto 9px;background:var(--gold)}.n-tip .ttitle{font-family:var(--display);font-weight:600;font-size:16px;color:#fff;line-height:1.14;letter-spacing:-.01em}.n-tip .tsub{font-size:11px;letter-spacing:.04em;color:#f6eddb99;margin-top:6px;text-transform:uppercase;line-height:1.4}.n-data{width:840px;padding:24px 30px;border-color:#c8a44f99;background:linear-gradient(165deg,#3f2e10f5,#0d1b13f5)}.n-data .dk{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.n-data .dt{font-family:var(--display);font-weight:600;font-size:26px;color:var(--gold-light);line-height:1.1;letter-spacing:-.01em}.n-data .chips{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.n-data .chip{font-size:13px;letter-spacing:.02em;color:var(--cream);border:1px solid rgba(200,164,79,.45);border-radius:999px;padding:7px 18px;background:#0000002e}.n-apex{width:420px;padding:20px 26px;border-color:var(--gold);background:var(--gold-grad);box-shadow:0 26px 60px -24px #a26928cc}.n-apex .ak{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#5a3f12;margin-bottom:6px;font-weight:600}.n-apex .at{font-family:var(--display);font-weight:600;font-size:27px;color:#2a1d09;line-height:1.05;letter-spacing:-.01em}.n-apex .asub{font-size:14px;color:#4a3416;margin-top:6px}.hint{position:fixed;bottom:22px;right:30px;z-index:40;display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f6eddbbd;white-space:nowrap;background:#0d1b1380;border:1px solid rgba(200,164,79,.3);padding:9px 16px 9px 14px;border-radius:999px;backdrop-filter:blur(6px);box-shadow:0 14px 34px -22px #000000d9}.hint:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--gold);animation:hintPulse 2.2s ease-out infinite}@keyframes hintPulse{0%{box-shadow:0 0 #d8b45e80}70%{box-shadow:0 0 0 8px #d8b45e00}to{box-shadow:0 0 #d8b45e00}}.hint .mobile{display:none}@media(prefers-reduced-motion:reduce){.hint:before{animation:none}}@media(max-width:720px){.hint{right:16px;bottom:16px}}@media(max-width:600px){.hint .desktop{display:none}.hint .mobile{display:inline}}