/* Nexus North – fælles ramme for arcade-spillene.
   Bruges sammen med /nn/site.css. Spillenes egne styles ligger under .nn-game. */
:root{
  --danger:#B9472F; --warn:#B7791A;
  --screen:#0B1413; --screen-2:#12201D; --screen-line:#24413A;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--danger:#E07A62; --warn:#E3A93B}
}
:root[data-theme="dark"]{--danger:#E07A62; --warn:#E3A93B}

/* Brødkrumme under headeren */
.nn-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:20px}
.nn-crumb a{color:var(--muted);text-decoration:none}
.nn-crumb a:hover{color:var(--accent)}
.nn-crumb .sep{opacity:.5}
.nn-crumb [aria-current]{color:var(--ink)}

/* Spilområdet */
.nn-game{display:block;min-height:62vh;padding-bottom:56px;line-height:1.5}
.nn-game :where(h1){font-family:var(--display);font-size:clamp(34px,5.5vw,52px);text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin:14px 0 .35em}
.nn-game :where(h2){font-size:24px;text-transform:none;margin:0 0 .45em}
.nn-game :where(h3){font-size:20px;margin:0 0 .4em}
.nn-game :where(p){margin:0 0 .7em}
.nn-game :where(ul,ol){padding-left:1.3em}

/* Knapper og felter */
.nn-game :where(button){font:600 15px/1.2 var(--body);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s,filter .15s}
.nn-game :where(button:hover){border-color:var(--accent)}
.nn-game :where(button:active){transform:translateY(1px)}
.nn-game :where(button:disabled){opacity:.5;cursor:not-allowed;transform:none}
.nn-game :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font:400 15px/1.3 var(--body);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.nn-game :where(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:1px}
.nn-game :where(input::placeholder,textarea::placeholder){color:var(--muted)}
.nn-game :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--accent)}
.nn-game :where(kbd,.kbd){font-family:var(--mono);font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--ink)}
.nn-game .is-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.nn-game .is-primary:hover{filter:brightness(1.07)}
.nn-game .is-danger{background:transparent;border-color:var(--danger);color:var(--danger)}
.nn-game .is-danger:hover{background:var(--danger);color:#fff}