/* Explorer's Codex: styles for js/nc-game.js and js/nc-game-journal.js. Hooks are ids and data-* only; the one class named
   here (lvl-plate) stays unrenamed under Hallmark because js/nc-game.js names it literally. Nothing animates.
   Contrast (computed): on ink #0b1022 gold #f2b33a 10.15, text #e8ecf8 16.00, muted #9aa6c8 7.79, ember #ff9a5a 9.02;
   button #1a0d06 on gold 10.22; input #e8ecf8 on #060708 17.07; gold on plum #3a1622 8.56; gold on header #15171b 9.64 */
#ncg-live{position:fixed;top:0;left:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#ncg-open{position:relative}
#ncg-open::after{content:"";position:absolute;left:6px;right:6px;bottom:3px;height:2px;background:#f2b33a;transform:scaleX(var(--ncg-p,0));transform-origin:left;pointer-events:none}
#ncg-open[data-ncg=dock],#ncg-open[data-ncg=dock]:hover{padding:10px 12px;color:#f2b33a;background:#0b1022;box-shadow:inset 0 0 0 2px #3a1622}
#ncg-open[data-ncg=dock]:hover{box-shadow:inset 0 0 0 2px #f2b33a}
@media (max-width:560px){#ncg-open[data-ncg=dock]{display:none}}
html[data-ncg-on] .lvl-plate:not([data-ncg-reached])::before{background:transparent;box-shadow:none;outline:2px solid #f2b33a;outline-offset:-2px}
#ncg-toast{position:fixed;left:50%;top:12px;z-index:60;box-sizing:border-box;width:max-content;max-width:min(420px,calc(100vw - 32px));margin:0;padding:10px 14px;transform:translateX(-50%);font:500 14px/1.45 Inter,system-ui,sans-serif;color:#e8ecf8;background:#0b1022;border:2px solid #f2b33a;box-shadow:4px 4px 0 #000;pointer-events:none}
#nc-header~#ncg-toast{top:72px}
#ncg-toast[data-at=low],#nc-header~#ncg-toast[data-at=low]{top:auto;bottom:16px}
#ncg-toast:empty,#ncg-msg:empty{display:none}
[data-gem]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;color:#f2b33a;background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;vertical-align:middle}
[data-gem]::before{content:"";width:12px;height:12px;background:currentColor;transform:rotate(45deg)}
[data-gem]:hover{border-color:#f2b33a}
[data-gem][aria-disabled=true]{color:#9aa6c8;border-color:#9aa6c8;cursor:default}
[data-gem]:focus-visible,#ncg-dlg :focus-visible{outline:3px solid #ff9a5a;outline-offset:2px}
[data-ncg-host]{position:relative}
[data-gem][data-at=after]{position:absolute;left:100%;top:0;margin:0 0 0 8px}
[data-gem][data-at=corner]{position:absolute;right:12px;bottom:12px}
[data-gem][data-at=page]{position:absolute;right:16px;bottom:16px;z-index:2}
[data-gem][data-at=flow]{display:flex;margin:8px 0 4px auto}
#ncg-dlg{box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-width:none;max-height:min(80svh,720px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:20px;color:#e8ecf8;background:#0b1022;border:2px solid #f2b33a;box-shadow:4px 4px 0 #000;font:15px/1.55 Inter,system-ui,sans-serif;text-align:left}
#ncg-dlg *{box-sizing:border-box}
#ncg-dlg::backdrop{background:rgba(6,7,8,.72)}
#ncg-dlg [data-part=top],#ncg-dlg li,#ncg-dlg [data-part=row]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#ncg-dlg p{margin:10px 0}
#ncg-dlg h2,#ncg-dlg h3{margin:0;font:400 11px/1.6 'Press Start 2P',monospace;letter-spacing:.04em;color:#f2b33a}
#ncg-dlg h3{margin:22px 0 8px;font-size:9px}
#ncg-dlg [data-part=n]{margin-left:10px;font:600 13px/1.6 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#e8ecf8}
#ncg-sum{font-weight:600;font-variant-numeric:tabular-nums}
#ncg-dlg h4{margin:12px 0 4px;font:600 13px Inter,system-ui,sans-serif;color:#9aa6c8}
#ncg-dlg ul{list-style:none;margin:0;padding:0}
#ncg-dlg li{padding:6px 0;border-bottom:1px solid #2d3658}
#ncg-dlg [data-st="0"],#ncg-dlg [data-part=st],#ncg-dlg [data-part=fine]{color:#9aa6c8}
#ncg-dlg [data-part=st],#ncg-dlg [data-part=fine]{font-size:13px}
#ncg-dlg a{display:inline-block;padding:4px 0;color:#ff9a5a}
#ncg-dlg summary{min-height:44px;padding:10px 0;cursor:pointer}
#ncg-dlg button{min-width:44px;min-height:44px;padding:0 14px;font:600 14px Inter,system-ui,sans-serif;color:#1a0d06;background:#f2b33a;border:2px solid #000;border-radius:0;cursor:pointer}
#ncg-dlg [data-act=x],#ncg-dlg [data-act=del],#ncg-dlg [aria-pressed]{color:#e8ecf8;background:#0b1022;border-color:#9aa6c8}
#ncg-dlg [aria-pressed=true]{border-color:#f2b33a}
#ncg-dlg input{flex:1 1 200px;min-width:0;min-height:44px;padding:0 10px;font:14px ui-monospace,Consolas,monospace;color:#e8ecf8;background:#060708;border:2px solid #9aa6c8}
#ncg-dlg input[aria-invalid=true]{border-color:#ff9a5a}
#ncg-dlg input::placeholder{color:#9aa6c8}
#ncg-dlg code{display:block;overflow-wrap:anywhere;font:13px ui-monospace,Consolas,monospace}
#ncg-dlg progress{display:block;width:100%;height:10px;-webkit-appearance:none;appearance:none;background:#3a1622;border:1px solid #f2b33a}
#ncg-dlg progress::-webkit-progress-bar{background:#3a1622}
#ncg-dlg progress::-webkit-progress-value{background:#f2b33a}
#ncg-dlg progress::-moz-progress-bar{background:#f2b33a}
@media (forced-colors:active){#ncg-open::after{background:CanvasText}[data-gem]{border-color:ButtonText}[data-gem]::before{forced-color-adjust:none;background:ButtonText}html[data-ncg-on] .lvl-plate[data-ncg-reached]::before{forced-color-adjust:none;background:CanvasText}html[data-ncg-on] .lvl-plate:not([data-ncg-reached])::before{outline-color:CanvasText}#ncg-dlg progress::-webkit-progress-value{background:CanvasText}#ncg-dlg progress::-moz-progress-bar{background:CanvasText}[data-gem][aria-disabled=true]{border-color:GrayText}[data-gem][aria-disabled=true]::before{background:GrayText}}
