/* Nether portal calculator — GameDailys magazine system, same as crossplay. */
.np-tool{margin-top:26px}
.np-hero{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0 22px}
.np-hero .eyebrow{font:10px var(--type-data);letter-spacing:.18em;text-transform:uppercase;color:var(--site-accent);margin:0 0 10px}
.np-hero h1{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:0 0 12px;font-weight:800}
.np-hero p{max-width:var(--measure);font-size:14px;line-height:1.9;color:var(--muted);margin:0}

.np-builder{margin-top:22px;border:1px solid #ccd3bd;border-top:4px solid #2b4e3e;background-color:#e8ecdf;background-image:linear-gradient(90deg,rgba(45,70,50,.035) 1px,transparent 1px),linear-gradient(rgba(45,70,50,.035) 1px,transparent 1px);background-size:16px 16px;padding:20px 20px 16px;box-shadow:4px 4px 0 rgba(54,77,45,.055)}
.np-pane{display:flex;flex-direction:column;gap:10px;min-width:0}
.np-pane>h2{font:10px var(--type-data);letter-spacing:.12em;text-transform:uppercase;color:#617153;margin:0 0 2px;font-weight:400}
.np-pane label{display:block}
.np-pane label>span{display:block;font:10px var(--type-data);color:#617153;margin-bottom:5px}
.np-pane select,.np-pane input{width:100%;border:1px solid #b9c2ae;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;padding:9px 10px;border-radius:0;min-height:40px}
.np-xyz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.np-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #bdc8b1;padding-top:14px}
.np-actions button{border:1px solid var(--site-accent);padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;border-radius:0}
.np-actions [data-np-share],.np-actions [data-np-copy]{background:var(--site-accent);color:var(--accent-ink)}
.np-actions [data-np-reset]{background:var(--surface);color:var(--site-accent)}
.np-actions button:active{transform:translateY(1px)}
.np-actions button:disabled{opacity:.45;cursor:not-allowed}
.np-actions button:focus-visible,.np-pane select:focus-visible,.np-pane input:focus-visible,.np-preset:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
.np-presets{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.np-presets>span{font:10px var(--type-data);color:#617153}
.np-preset{border:1px solid #b9c2ae;background:var(--surface);font-size:11px;padding:7px 12px;cursor:pointer;color:var(--ink)}
.np-preset:hover{border-color:var(--site-accent);color:var(--site-accent)}

.np-result{margin-top:22px;border:1px solid var(--line);border-top:2px solid var(--site-accent);background:var(--surface);padding:20px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:start}
.np-main{min-width:0}
.np-stat-label{font:10px var(--type-data);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.np-big{display:block;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15;margin:6px 0 4px;font-variant-numeric:tabular-nums;word-break:break-word}
.np-sub{font-size:12px;color:var(--muted)}
.np-stats{display:flex;flex-direction:column;gap:10px}
.np-stat{border:1px solid var(--line);padding:10px 12px;min-width:0}
.np-stat>span{display:block;font:9px var(--type-data);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.np-stat strong{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.np-stat small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.6}
.np-hint{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}

.np-seo{margin-top:34px;border-top:1px solid var(--line)}
.np-seo section{margin-top:26px}
.np-seo h2{font-size:16px;font-weight:800;margin:0 0 12px}
.np-seo p{max-width:var(--measure);font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 10px}
.np-table{width:100%;max-width:640px;border-collapse:collapse;font-size:12.5px}
.np-table th,.np-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;font-variant-numeric:tabular-nums}
.np-table th{font:10px var(--type-data);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;background:var(--canvas)}
.np-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.np-faq summary{font-size:13px;font-weight:700;cursor:pointer}
.np-faq p{margin:10px 0 0}
.np-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.np-links a{display:inline-block;font-size:12px;font-weight:700;color:var(--site-accent)}

@media(prefers-color-scheme:dark){
  .np-builder{background-color:#2d3529;border-color:#49563d}
  .np-pane>h2,.np-pane label>span,.np-presets>span{color:#b4c3a4}
  .np-pane select,.np-pane input,.np-preset{background:#272b25;border-color:#4e5d41}
  .np-actions{border-color:#4e5d41}
}
@media(max-width:780px){
  .np-builder{padding:16px 14px}
  .np-result{grid-template-columns:1fr}
}