/* Server info, FAQ and Download and install (docs/nvmc/WEB-MOTION-PAGES-PLAN.md B3-B5, boards ServerInfo / FAQ / Download, owner-approved
   2026-10-17). Page layout only, on the kit's --ui-* / --space-* / --radius-* tokens so Daybreak, Daybreak Night and Anime all restyle it.
   Linked from themes/nirvana/server/info.php, faq/index.php and download/index.php with nv_ui_page_css('info-pages'). */
@layer legacy{
.ip{max-width:1220px;color:var(--ui-fg);gap:var(--space-8);padding-bottom:var(--space-8)}
.ip *,.ip *::before,.ip *::after{box-sizing:border-box}
.ip [hidden]{display:none !important}
.ip-eyebrow{margin:0;font:700 12px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-link)}
.ip-h1{margin:0;font:700 clamp(32px,4.2vw,52px)/1.08 var(--disp);letter-spacing:-.02em;color:var(--ui-fg);border:0;padding:0;background:none;text-shadow:none;text-transform:none}
.ip-h2{margin:0;font:700 28px/36px var(--disp);letter-spacing:-.01em;color:var(--ui-fg);border:0;padding:0;background:none;text-shadow:none;text-transform:none}
.ip-h3{margin:0;font:700 20px/28px var(--disp);color:var(--ui-fg);border:0;padding:0;background:none;text-shadow:none;text-transform:none}
.ip-lead{margin:0;max-width:720px;font:400 18px/28px var(--body);color:var(--ui-fg-2)}
.ip-lead strong{color:var(--ui-fg)}
.ip-txt{margin:0;font:400 15px/23px var(--body);color:var(--ui-fg-2)}
.ip-note{margin:0;font:500 13px/20px var(--body);color:var(--ui-fg-3)}
.ip-code{font:600 14px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ui-link);background:var(--ui-brand-tint);border-radius:6px;padding:2px 6px;white-space:nowrap}
.ip-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.ip-actions--sm{gap:var(--space-2)}
.ip-sec{display:flex;flex-direction:column;gap:var(--space-5);scroll-margin-top:96px;min-width:0}
.ip-sechd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}
.ip-sechd > div{display:flex;flex-direction:column;gap:6px}
.ip-stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ip-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);align-items:start}
.ip-split--even{align-items:stretch}
.ip-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px/20px var(--body);color:var(--ui-link);text-decoration:none}
.ip-more:hover{text-decoration:underline}
.ip-pill{border-radius:var(--radius-pill);background:var(--ui-surface-2);border:1px solid var(--ui-line);padding:3px 10px;font:600 12px/18px var(--body);color:var(--ui-fg-2)}

/* ---- hero + fact tiles ---- */
.ip-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-7);align-items:center;padding-top:var(--space-4)}
.ip-hero__t{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ip-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.ip-fact{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ip-fact dt,.ip-fact dd{margin:0}
.ip-fact__k{font:600 13px/18px var(--body);color:var(--ui-fg-3)}
.ip-fact__v{font:700 clamp(22px,2.2vw,28px)/1.2 var(--disp);color:var(--ui-fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ip-fact__d{font:400 13px/19px var(--body);color:var(--ui-fg-2)}

/* ---- rates ---- */
.ip-mults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.ip-mult{border-radius:var(--radius-md);background:var(--ui-surface-2);padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ip-mult--plus{background:var(--ui-brand-tint)}
.ip-mult--ultra{background:color-mix(in srgb,var(--ui-warn) 14%,var(--ui-surface))}
.ip-mult__x{font:700 24px/30px var(--disp);color:var(--ui-fg)}
.ip-mult--plus .ip-mult__x{color:var(--ui-link)}
.ip-mult--ultra .ip-mult__x{color:var(--ui-warn)}
.ip-mult__l{font:500 13px/20px var(--body);color:var(--ui-fg-2)}
.ip-island{border-radius:var(--radius-lg);background:var(--ui-island);color:var(--ui-island-fg);padding:20px;display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-island)}
.ip-island__k{margin:0;display:inline-flex;align-items:center;gap:8px;font:700 12px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-island-gold)}
.ip-island__h{margin:0;font:700 24px/30px var(--disp);color:var(--ui-island-fg);border:0;padding:0;background:none;text-shadow:none;text-transform:none}
.ip-island__t{margin:0;font:400 15px/24px var(--body);color:var(--ui-island-fg-2)}
.ip-island p{margin:0;color:var(--ui-island-fg-2)}
.ip-island__a{color:var(--ui-island-fg);text-decoration:underline;display:inline-block;min-height:44px;line-height:44px}
.ip-island .ip-island__k{color:var(--ui-island-gold)}

/* ---- systems ---- */
.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-4)}
.ip-sys{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ui-fg);min-width:0}
.ip-sys:hover{box-shadow:var(--shadow-md);border-color:var(--ui-line-strong)}
.ip-sys:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.ip-sys__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.ip-sys__cmd{font:500 13px/18px var(--body);color:var(--ui-fg-3);text-align:right}
.ip-sys__cmd--code{font:600 13px/18px ui-monospace,Menlo,Consolas,monospace;color:var(--ui-link)}
.ip-sys__name{font:700 20px/26px var(--disp)}
.ip-sys__facts{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px}
.ip-sys .ip-more{min-height:0}
.ip-tag{border-radius:var(--radius-pill);padding:3px 10px;font:700 12px/18px var(--body);color:var(--ui-fg-2);background:var(--ui-surface-2)}
.ip-tag--endgame{color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface))}
.ip-tag--solo{color:var(--ui-link);background:var(--ui-brand-tint)}
.ip-tag--economy{color:color-mix(in srgb,var(--ui-ok) 75%,var(--ui-fg));background:color-mix(in srgb,var(--ui-ok) 10%,var(--ui-surface))}
.ip-tag--automation{color:var(--ui-fg-2);background:var(--ui-sunken)}
.ip-tag--combat{color:var(--ui-link);background:color-mix(in srgb,var(--ui-brand) 16%,var(--ui-surface))}
.ip-tag--season{color:var(--ui-warn);background:color-mix(in srgb,var(--ui-warn) 14%,var(--ui-surface))}

/* ---- commands ---- */
.ip-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}
.ip-search{flex:1 1 320px;min-width:0;margin:0}
.ip .ip-search__in{display:block;width:100%;min-height:52px;margin:0;border-radius:var(--radius-pill);border:1px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-fg);box-shadow:var(--shadow-sm);padding:0 18px;font:500 16px/1.2 var(--body);appearance:none}
.ip .ip-search__in::placeholder{color:var(--ui-fg-3)}
.ip .ip-search__in:focus{outline:2px solid var(--ui-focus);outline-offset:1px;border-color:var(--ui-focus)}
.ip-search--lg{flex:0 0 auto;max-width:760px;width:100%}
.ip .ip-search--lg .ip-search__in{min-height:60px;font-size:17px;padding:0 22px}
.ip-cmds td{vertical-align:middle}
.ip-who{display:inline-block;border-radius:var(--radius-pill);padding:2px 10px;font:600 13px/20px var(--body);color:color-mix(in srgb,var(--ui-ok) 75%,var(--ui-fg));background:color-mix(in srgb,var(--ui-ok) 10%,var(--ui-surface))}
.ip-who--tier{color:var(--ui-link);background:var(--ui-brand-tint)}
.ip-who--plus{color:var(--ui-warn);background:color-mix(in srgb,var(--ui-warn) 14%,var(--ui-surface))}
.ip-who--limit{color:var(--ui-fg-2);background:var(--ui-sunken)}
.ip-empty{margin:0;padding:24px 12px;text-align:center;font:400 15px/24px var(--body);color:var(--ui-fg-2)}
.ip-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}

/* ---- rules + steps ---- */
.ip-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-5);align-items:start}
.ip-rules__t{display:flex;flex-direction:column;gap:14px}
.ip-rulelist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-3)}
.ip-rule{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;gap:12px}
.ip-rule__n{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--ui-brand-tint);color:var(--ui-link);font:700 14px/28px var(--disp);text-align:center}
.ip-rule__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.ip-rule__b strong{font:600 15px/22px var(--body);color:var(--ui-fg)}
.ip-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3)}
.ip-step{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:var(--space-2)}
.ip-step__n{font:700 13px/16px var(--body);color:var(--ui-link)}
.ip-step__t{font:600 18px/24px var(--disp);color:var(--ui-fg)}
.ip-step__a{margin-top:auto;font:600 14px/44px var(--body);color:var(--ui-link)}

/* ---- FAQ ---- */
.ip-faqhd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding-top:var(--space-5)}
.ip-faqhd .ip-lead{max-width:680px}
.ip-popular{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2)}
.ip-chipbtn{min-height:44px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-fg);font:600 14px/1 var(--body);display:inline-flex;align-items:center;text-decoration:none}
.ip-chipbtn:hover{border-color:var(--ui-brand);color:var(--ui-link)}
.ip-faq{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-6);align-items:start}
/* One left menu (owner 2026-10-22): the question groups sit on the right of the answers, like 'On this page' on the reading pages */
.ip-faq>.ip-faqnav{order:2}
.ip-faqnav{position:sticky;top:104px;display:flex;flex-direction:column;gap:4px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3)}
.ip-faqnav__k{margin:6px 10px;font:700 12px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-fg-3)}
.ip-faqnav__a{min-height:44px;padding:0 12px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-decoration:none;font:600 15px/20px var(--body);color:var(--ui-fg-2)}
.ip-faqnav__a:hover{background:var(--ui-surface-2);color:var(--ui-fg)}
.ip-faqnav__a[aria-current="true"]{background:var(--ui-brand-tint);color:var(--ui-link);font-weight:700}
.ip-faqnav__n{font:600 12px/1 var(--body);color:var(--ui-fg-2);font-variant-numeric:tabular-nums}
.ip-stuck{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--ui-line);display:flex;flex-direction:column;gap:var(--space-2)}
.ip-faqmain{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.ip-faqbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}
.ip-faqgrp{display:flex;flex-direction:column;gap:var(--space-3)}
.ip-faqgrp + .ip-faqgrp{margin-top:var(--space-5)}
.ip-faqlist{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.ip-faqlist .nvk-disclosure .ip-txt{margin-bottom:var(--space-2)}
.ip-none{background:var(--ui-surface);border:1px dashed var(--ui-line-strong);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}
.ip-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-4)}
.ip-helpcard{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;gap:var(--space-3);align-items:flex-start;text-decoration:none;color:var(--ui-fg);min-height:44px}
a.ip-helpcard:hover{box-shadow:var(--shadow-md);border-color:var(--ui-line-strong)}
.ip-helpcard__i{flex-shrink:0;width:44px;height:44px;border-radius:14px;background:var(--ui-brand-tint);color:var(--ui-link);display:inline-flex;align-items:center;justify-content:center}
.ip-helpcard__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.ip-helpcard__b strong{font:700 16px/22px var(--disp)}

/* ---- Download ---- */
.ip-dlhero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-7);align-items:center;padding-top:var(--space-4)}
.ip-dlcard{border-radius:28px;background:var(--ui-island);color:var(--ui-island-fg);box-shadow:var(--shadow-island);padding:24px;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ip-dlcard__hd{display:flex;align-items:center;gap:var(--space-3)}
.ip-dlcard__i{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:var(--ui-island-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ui-island-fg)}
.ip-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ip-dlcard__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ip-dlcard__t strong{font:700 20px/26px var(--disp)}
.ip-dlcard__t span{font:400 14px/20px var(--body);color:var(--ui-island-fg-2)}
.ip-dlcard__line{margin:0;font:400 15px/24px var(--body);color:var(--ui-island-fg-2)}
.ip-badge{margin-left:auto;flex-shrink:0;border-radius:var(--radius-pill);padding:4px 12px;font:700 12px/18px var(--body);color:var(--ui-island-gold);background:color-mix(in srgb,var(--ui-island-gold) 16%,transparent)}
.ip-badge--live{color:var(--ui-island-live);background:color-mix(in srgb,var(--ui-island-live) 16%,transparent)}
.ip-dlbtn{min-height:56px;padding:0 22px;border-radius:var(--radius-pill);background:var(--ui-island-gold);color:var(--ui-island-gold-fg);font:700 17px/1.2 var(--body);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;text-align:center}
.ip-dlbtn:hover{filter:brightness(1.05)}
.ip-dlbtn:focus-visible,.ip-dlalt:focus-visible,.ip-island__a:focus-visible{outline:2px solid var(--ui-island-fg);outline-offset:2px}
.ip-dlbtn--soft{background:var(--ui-island-2);color:var(--ui-island-fg);font-size:15px;min-height:48px}
.ip-dlbtn.is-soon{background:var(--ui-island-2);color:var(--ui-island-fg-2);font-weight:600;font-size:15px}
.ip-dlfacts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.ip-dlfact{border-radius:var(--radius-md);background:var(--ui-island-2);padding:10px 12px;min-width:0}
.ip-dlfact dt{font:600 12px/16px var(--body);color:var(--ui-island-fg-2);margin:0}
.ip-dlfact dd{margin:2px 0 0;font:700 15px/20px var(--body);color:var(--ui-island-fg);overflow-wrap:anywhere}
.ip-dlfact dd.is-soon{color:var(--ui-island-fg-2);font-weight:600}
.ip-dlalts{margin:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.ip-dlalt{min-height:44px;display:inline-flex;align-items:center;font:600 14px/20px var(--body);color:var(--ui-island-fg);text-decoration:underline}
.ip-dlalt.is-soon{text-decoration:none;color:var(--ui-island-fg-2)}
.ip-install{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-3)}
.ip-istep{border-radius:var(--radius-lg);border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--shadow-sm);padding:20px;display:flex;gap:var(--space-4);align-items:flex-start;transition:background-color .2s,border-color .2s}
.ip-istep.is-done{border-color:var(--ui-ok);background:color-mix(in srgb,var(--ui-ok) 10%,var(--ui-surface))}
.ip .ip-tick{clip-path:none;transform:none;background-image:none;box-shadow:none;text-transform:none;letter-spacing:0;min-width:0;text-shadow:none;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-pill);cursor:pointer;font:700 16px/1 var(--disp);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-fg-2);padding:0}
.ip-tick:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.ip-tick__ok{display:none}
.ip .ip-istep.is-done .ip-tick{border-color:var(--ui-ok);background:var(--ui-ok);color:var(--ui-brand-fg)}
.ip-istep.is-done .ip-tick__n{display:none}
.ip-istep.is-done .ip-tick__ok{display:inline-flex}
.ip-istep__b{display:flex;flex-direction:column;gap:4px;min-width:0}
.ip-istep__k{font:700 12px/16px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-link)}
.ip-istep__t{font:600 18px/24px var(--disp);color:var(--ui-fg)}
.ip-tip{margin-top:6px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--ui-warn) 12%,var(--ui-surface));color:var(--ui-fg);padding:10px 12px;font:500 14px/21px var(--body)}
.ip-reqs th[scope="row"]{font-weight:600;color:var(--ui-fg);text-align:left}
.ip-reqs .is-soon,.ip-reqs td.is-soon{color:var(--ui-fg-3);font-style:italic}
.ip-promises{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ip-promises li{display:flex;gap:10px;align-items:flex-start;font:500 15px/22px var(--body);color:var(--ui-island-fg)}
.ip-promises__ok{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ui-island-live) 18%,transparent);color:var(--ui-island-live);display:inline-flex;align-items:center;justify-content:center}
.ip-firsts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}
.ip-first{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}
.ip-first__t{font:600 18px/24px var(--disp);color:var(--ui-fg)}
.ip-trouble{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}
.ip-support{display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
	.ip-faq,.ip-trouble{grid-template-columns:minmax(0,1fr)}
	.ip-faqnav{position:static}
	.ip-faq>.ip-faqnav{order:0}
}
@media (max-width:600px){
	.ip{gap:var(--space-7)}
	.ip-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}
	.ip-fact{padding:14px}
	.ip-h2{font-size:24px;line-height:30px}
	.ip-lead{font-size:16px;line-height:25px}
	.ip-dlfacts{grid-template-columns:minmax(0,1fr)}
	.ip-mults{grid-template-columns:minmax(0,1fr)}
	.ip-dlcard{padding:18px;border-radius:22px}
	.ip-hero,.ip-dlhero{gap:var(--space-5)}
}
@media (prefers-reduced-motion:reduce){.ip-istep{transition:none}}
}