/* JungleNode refinement: retain charcoal, electric blue, cyan and Instrument Sans. */
:root { --ink-dim:#929db5; }
html { scroll-padding-top:96px; }
body { line-height:1.6; }
.jn-btn-primary { background:linear-gradient(120deg,#245dcc,#176cbb); }
.jn-panel { box-shadow:0 8px 28px -22px #000; }
.jn-panel:hover { border-color:var(--accent-border); }
.jn-home h1 { font-size:clamp(2.6rem,4.5vw,4.6rem); line-height:1.06; max-width:18ch; }
.jn-headline-accent { color:var(--accent-2); }
.jn-home #game-hosting { scroll-margin-top:30px; }
.jn-home #gameCardGrid .jn-panel { border-radius:16px; }
.jn-home #gameCardGrid .jn-game-cta { min-height:44px; }
.jn-home #gameCardGrid img { object-fit:contain; }
.jn-portal-shell > aside { position:sticky; top:0; height:100dvh; background:var(--bg-elevated); }
.jn-portal-shell > aside > a { padding:14px 10px 22px; border-bottom:1px solid var(--border); }
.jn-portal-shell > div > header { background:rgba(10,13,20,.9); min-height:68px; height:auto; padding-top:12px; padding-bottom:12px; }
.jn-portal-heading { font-size:14px; font-weight:600; white-space:nowrap; }
.jn-portal-heading span { color:var(--ink-muted); font-weight:400; margin-left:10px; }
.jn-sidebar-link { min-height:44px; border-radius:8px; }
.jn-sidebar-link.active { box-shadow:inset 3px 0 var(--accent-2); }
.jn-dashboard main { max-width:1600px; width:100%; margin:0 auto; }
.jn-dashboard .jn-hero-stage { border-radius:16px; background:linear-gradient(115deg,var(--surface),var(--bg-elevated)); }
.jn-dashboard .jn-hero-char { opacity:.22; }
.jn-dashboard .jn-service-grid > * { min-width:0; border-radius:14px; }
.jn-dashboard .jn-service-grid > * > div:first-child { aspect-ratio:16/8; }
.jn-quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.jn-quick-actions a { display:flex; align-items:center; gap:12px; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg-elevated); font-size:14px; font-weight:600; }
.jn-quick-actions a:hover { border-color:var(--accent); background:var(--surface); }
.jn-quick-actions svg { width:20px; height:20px; color:var(--accent-2); flex-shrink:0; }
.jn-quick-actions small { display:block; margin-top:3px; font-size:12px; font-weight:400; color:var(--ink-muted); }
.jn-quick-actions a > span:last-child { margin-left:auto; color:var(--accent-2); }
.jn-mobile-account { display:none; }
.jn-skip-link { position:fixed; top:8px; left:8px; z-index:1000; padding:12px 20px; background:var(--surface-raised); color:var(--ink); transform:translateY(-150%); }
.jn-skip-link:focus { transform:none; }
@media(max-width:1100px) { .jn-quick-actions { grid-template-columns:1fr; } .jn-quick-actions a { padding:14px 18px; } }
@media(max-width:767px) {
 .jn-mobile-account { display:flex; gap:6px; overflow-x:auto; padding:10px 16px; border-bottom:1px solid var(--border); background:var(--bg-elevated); }
 .jn-mobile-account a,.jn-mobile-account button { display:block; white-space:nowrap; padding:10px 12px; border-radius:7px; font-size:13px; color:var(--ink-muted); min-height:44px; }
 .jn-mobile-account [aria-current="page"] { background:var(--accent-wash); color:var(--accent-2); }
 .jn-portal-heading span { display:none; }
 .jn-dashboard .jn-hero-char { opacity:.1; }
 .jn-home .jn-cube { max-width:330px; margin-inline:auto; }
 .jn-home h1 { max-width:14ch; }
 .jn-home #gameCardGrid { gap:18px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

.jn-privacy-choice { position:fixed; left:20px; bottom:60px; width:min(460px,calc(100vw - 40px)); z-index:100; background:var(--surface-raised); border:1px solid var(--border); border-radius:14px; padding:20px; box-shadow:0 12px 50px #0009; font-size:13px; }
.jn-privacy-choice p { margin:8px 0; color:var(--ink-muted); }
.jn-privacy-choice a { color:var(--accent-2); text-decoration:underline; }
.jn-privacy-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.jn-privacy-buttons button { flex:1; min-height:44px; padding:10px; border:1px solid var(--accent-border); border-radius:8px; background:var(--bg-elevated); color:var(--ink); }
.jn-privacy-buttons button:hover { background:var(--accent-wash); }
.jn-privacy-settings { position:fixed; bottom:12px; left:16px; z-index:90; font-size:12px; color:var(--ink-muted); background:var(--bg-elevated); border:1px solid var(--border); border-radius:6px; padding:8px 12px; min-height:36px; }