:root { --bg:#1c0d13 ; --bg2:#26131b ; --surface:#331a24 ; --surface2:#43222f ; --line:#5e3141 ; --ink:#fbeff2 ; --ink2:#e0c3cd ; --ink3:#c09eaa ; --accent:#f5c451 ; --accent-lt:#ffe3a0 ; --accent-dk:#b8892a ; --sky:#e08a4a ; --sky-dk:#a05a26 ; --grass:#7bc47f ; --dirt:#a9724a ; --dirt-dk:#6f4a2f ; --stone:#b39aa4 ; --diamond:#ffd98a ; --emerald:#7bc47f ; --tnt:#ef5f6b ; --tnt-ink:#ff8f97 ; --on-accent:#151f2b ; --bw:3px ; --r:2px ; --r-lg:6px ; --sh-block:5px 5px 0 rgba(0,0,0,.45) ; --h1-max:44px ; --h2-max:28px ; --h1-measure:none ; --font-display:"Bowlby One","Trebuchet MS",Impact,sans-serif ; --font-ui:"Archivo Narrow",ui-monospace,"SFMono-Regular",Menlo,monospace ; --font-body:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif }

html { color-scheme:dark }

*,*::before,*::after { box-sizing:border-box }

html { -webkit-text-size-adjust:100% ; scroll-behavior:smooth ; scroll-padding-top:84px }

body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd { margin:0 }

ul,ol { padding:0 ; list-style:none }

img,svg,video { display:block ; max-width:100% }

img { height:auto }

button,input,select,textarea { font:inherit ; color:inherit }

a { color:inherit }

table { border-collapse:collapse }

body { margin:0 ; background:var(--bg) ; color:var(--ink) ; font-family:var(--font-body) ; font-size:16px ; line-height:1.68 ; font-weight:400 ; overflow-x:hidden ; -webkit-font-smoothing:antialiased ; background-image: radial-gradient(900px 420px at 88% -8%, color-mix(in srgb, var(--sky) 15%, transparent), transparent 70%), radial-gradient(760px 380px at 4% 2%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%) ; background-repeat:no-repeat }

::selection { background:var(--accent) ; color:var(--on-accent) }

.kj-shortcut { position:absolute ; left:-9999px ; top:0 ; z-index:200 ; background:var(--accent) ; color:var(--on-accent) ; padding:12px 20px ; font-family:var(--font-ui) ; font-size:13px ; letter-spacing:.05em }

.kj-shortcut:focus { left:12px ; top:12px }

:where(a,button,summary,[tabindex]):focus-visible { outline:3px solid var(--diamond) ; outline-offset:3px ; border-radius:2px }

/* ---------- layout ---------- */ .kj-claim { width:min(100% - 32px, 1240px) ; margin-inline:auto }

.kj-claim-narrow { width:min(100% - 32px, 980px) ; margin-inline:auto }

main { display:block }

/* ---------- pixel primitives ---------- */ .kj-seamline { height:26px ; width:100% ; position:relative ; background: linear-gradient(var(--grass) 0 9px, transparent 9px), repeating-linear-gradient(90deg,var(--dirt) 0 12px,var(--dirt-dk) 12px 24px) ; border-top:3px solid color-mix(in srgb, var(--grass) 70%, #000) ; image-rendering:pixelated }

.kj-seamline::after { content:"" ; position:absolute ; left:0 ; right:0 ; top:9px ; height:4px ; background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--grass) 65%,#000) 0 6px,transparent 6px 12px) }

.kj-seamline--line { height:34px ; background:none ; border-top:0 ; position:relative ; display:grid ; place-items:center }

.kj-seamline--line::before { content:"" ; position:absolute ; left:0 ; right:0 ; top:50% ; height:2px ; background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 22px) }

.kj-zuli { position:relative ; width:16px ; height:16px ; border:3px solid var(--accent) ; border-radius:50% ; background:var(--bg) }

.kj-seamline--wave { height:auto ; background:none ; border-top:0 ; line-height:0 }

.kj-seamline--wave::after { content:none }

.kj-seamline--wave svg { width:100% ; height:52px ; display:block }

.kj-loxo { fill:var(--surface) }

.kj-loka { fill:none ; stroke:var(--sky) ; stroke-width:3 ; vector-effect:non-scaling-stroke ; opacity:.85 }

/* ---------- buttons ---------- */ .kj-dig { border-radius:var(--r) ; --btn-bg:var(--accent) ; --btn-ink:var(--on-accent) ; --btn-edge:var(--accent-dk) ; display:inline-flex ; align-items:center ; justify-content:center ; gap:9px ; font-family:var(--font-ui) ; font-weight:400 ; font-size:13.5px ; letter-spacing:.045em ; line-height:1.15 ; padding:16px 26px 17px ; text-decoration:none ; cursor:pointer ; background:var(--btn-bg) ; color:var(--btn-ink) ; border:0 ; border-bottom:5px solid var(--btn-edge) ; box-shadow:inset 0 3px 0 rgba(255,255,255,.32), inset 0 -3px 0 rgba(0,0,0,.12) ; transition:transform .12s ease, filter .12s ease ; text-align:center }

.kj-dig:hover { filter:brightness(1.08) }

.kj-dig:active { transform:translateY(3px) ; border-bottom-width:2px }

.kj-dig svg { width:19px ; height:19px ; flex:none }

.kj-dig--ghost { --btn-bg:transparent ; --btn-ink:var(--ink) ; --btn-edge:transparent ; border:var(--bw) solid var(--line) ; box-shadow:none ; padding:13px 22px }

.kj-dig--ghost:hover { border-color:var(--accent) ; color:var(--accent) ; filter:none }

.kj-dig--ghost:active { transform:translateY(2px) }

.kj-dig--sm { font-size:11.5px ; padding:12px 16px 13px ; border-bottom-width:4px }

.kj-dig--wide { width:100% }

/* ---------- header ---------- */ .kj-headframe { position:sticky ; top:0 ; z-index:90 ; background:color-mix(in srgb, var(--bg2) 92%, transparent) ; backdrop-filter:blur(10px) ; border-bottom:var(--bw) solid var(--line) }

.kj-headframe-row { display:flex ; align-items:center ; gap:18px ; min-height:70px }

.kj-stamp { display:flex ; align-items:center ; gap:11px ; text-decoration:none ; flex:0 1 auto ; min-width:0 }

.kj-stamp-icon { width:38px ; height:38px ; flex:none ; image-rendering:pixelated }

.kj-stamp-name { font-family:var(--font-display) ; font-size:clamp(17px,4.8vw,26px) ; color:var(--accent) ; letter-spacing:.005em ; line-height:1 ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }

.kj-drift { margin-left:auto ; display:none }

.kj-drift ul { display:flex ; align-items:center ; gap:2px }

.kj-drift a { display:block ; padding:9px 11px ; text-decoration:none ; font-size:14px ; font-weight:500 ; color:var(--ink2) ; border-bottom:3px solid transparent ; transition:color .15s,border-color .15s ; white-space:nowrap }

.kj-drift a:hover { color:var(--ink) }

.kj-drift a[aria-current="page"] { color:var(--accent) ; border-bottom-color:var(--accent) }

.kj-headframe-cta { display:none ; flex:none }

.kj-lever { border-radius:var(--r) ; margin-left:auto ; width:46px ; height:42px ; background:var(--surface) ; border:var(--bw) solid var(--line) ; display:grid ; place-items:center ; cursor:pointer ; padding:0 }

.kj-lever span { display:block ; width:20px ; height:3px ; background:var(--ink) ; box-shadow:0 -7px 0 var(--ink),0 7px 0 var(--ink) ; transition:.2s }

.kj-lever[aria-expanded="true"] span { background:transparent ; box-shadow:0 0 0 transparent }

.kj-lever[aria-expanded="true"]::before,.kj-lever[aria-expanded="true"]::after { content:"" ; position:absolute ; width:22px ; height:3px ; background:var(--accent) }

.kj-lever[aria-expanded="true"]::before { transform:rotate(45deg) }

.kj-lever[aria-expanded="true"]::after { transform:rotate(-45deg) }

.kj-lever { position:relative }

.kj-cage { border-top:var(--bw) solid var(--line) ; background:var(--bg2) }

.kj-cage[hidden] { display:none }

.kj-cage ul { display:grid ; grid-template-columns:1fr 1fr ; gap:0 }

.kj-cage li:last-child:nth-child(odd) { grid-column:1 / -1 }

.kj-cage nav a { display:block ; padding:14px 12px ; text-decoration:none ; font-size:14.5px ; font-weight:500 ; color:var(--ink2) ; border-bottom:1px solid var(--line) ; border-right:1px solid var(--line) }

.kj-cage li:last-child:nth-child(odd) a { border-right:0 }

.kj-cage nav a[aria-current="page"] { color:var(--accent) }

.kj-cage-cta { padding:16px }

/* ---------- hero ---------- */ .kj-lode { position:relative ; overflow:hidden ; border-bottom:var(--bw) solid var(--line) }

.kj-lode::before { content:"" ; position:absolute ; inset:0 ; background: linear-gradient(180deg, color-mix(in srgb,var(--sky) 22%,transparent) 0%, transparent 45%), repeating-linear-gradient(90deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px) ; opacity:.5 ; pointer-events:none }

.kj-lode-row { position:relative ; display:grid ; gap:30px ; padding:38px 0 44px }

.kj-lode-copy { min-width:0 }

.kj-zumi { min-width:0 }

.kj-zumi .kj-lode-cta { margin-top:0 }

.kj-lode-row--art-wide .kj-lode-art img { width:100% }

.kj-lode-row--art-wide .kj-lode-offer { right:auto ; left:0 }

/* The wide band centres its copy; the art is capped near its intrinsic width so a small source asset is never upscaled into mush. */ .kj-lode-row--art-wide .kj-lode-art { max-width:var(--hero-art-max,820px) ; margin-inline:auto ; width:100% }

.kj-lode h1 { font-family:var(--font-display) ; font-weight:400 ; font-size:clamp(32px,6.4vw,var(--h1-max)) ; line-height:1.04 ; letter-spacing:.002em ; margin:16px 0 0 ; text-wrap:balance }

.kj-lode h1 { max-width:var(--h1-measure,none) }

.kj-lode h1 .kj-glint { color:var(--accent) }

.kj-lode-lede { margin-top:16px ; font-size:clamp(16px,2.3vw,18.5px) ; color:var(--ink2) ; max-width:56ch }

.kj-lode-cta { display:flex ; flex-wrap:wrap ; gap:12px ; margin-top:26px }

.kj-lode-note { margin-top:14px ; font-size:12.5px ; color:var(--ink3) ; display:flex ; align-items:flex-start ; gap:7px }

.kj-lode-note svg { width:14px ; height:14px ; flex:none ; margin-top:3px }

.kj-lode-art { position:relative }

.kj-lode-art .kj-casing { border-radius:var(--r-lg) ; overflow:hidden ; border:var(--bw) solid var(--line) ; background:var(--bg2) ; box-shadow:var(--sh-block) ; position:relative ; overflow:hidden }

.kj-lode-art img { width:100% ; image-rendering:pixelated }

.kj-lode-art--portrait .kj-casing { display:grid ; place-items:center ; padding:20px ; background:var(--bg2) }

.kj-lode-art--portrait img { width:auto ; max-width:100% ; max-height:min(58vh,430px) }

.kj-lode-art .kj-casing::after { content:"" ; position:absolute ; inset:0 ; pointer-events:none ; background:linear-gradient(180deg,transparent 62%, color-mix(in srgb,var(--bg) 78%,transparent)) }

.kj-lode-offer { border-radius:var(--r) ; position:absolute ; right:-6px ; bottom:-14px ; z-index:2 ; background:var(--accent) ; color:var(--on-accent) ; border-bottom:5px solid var(--accent-dk) ; padding:11px 15px 12px ; font-family:var(--font-display) ; line-height:1.05 ; box-shadow:var(--sh-block) }

.kj-lode-offer b { display:block ; font-size:27px ; font-weight:400 ; line-height:1 }

.kj-lode-offer span { display:block ; font-family:var(--font-ui) ; font-size:9px ; letter-spacing:.1em ; text-transform:uppercase ; opacity:.85 ; margin-top:6px }

.kj-lode-offer.kj-lode-offer--bottom-left { right:auto ; left:-6px }

.kj-lode-offer.kj-lode-offer--top-left { right:auto ; bottom:auto ; left:-6px ; top:-14px }

.kj-lode-offer.kj-lode-offer--top-right { bottom:auto ; top:-14px }

/* ---------- fact strip ---------- */ .kj-assay { background:var(--bg2) ; border-bottom:var(--bw) solid var(--line) }

.kj-assay--strip .kj-assay-grid { display:grid ; grid-template-columns:repeat(2,1fr) ; gap:0 ; border-left:1px solid var(--line) ; border-right:1px solid var(--line) }

.kj-assay-item { padding:20px 16px ; border-bottom:1px solid var(--line) ; border-right:1px solid var(--line) ; display:flex ; align-items:center ; gap:13px ; min-width:0 }

.kj-assay--strip .kj-assay-item:nth-child(2n) { border-right:0 }

.kj-assay-icon { border-radius:var(--r) ; width:42px ; height:42px ; flex:none ; display:grid ; place-items:center ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; background:var(--surface) }

.kj-assay-icon svg { width:22px ; height:22px }

.kj-assay-body { min-width:0 }

.kj-assay-label { display:block ; font-family:var(--font-ui) ; font-size:9.5px ; letter-spacing:.13em ; text-transform:uppercase ; color:var(--ink3) }

.kj-assay-value { display:block ; font-family:var(--font-display) ; font-size:24px ; color:var(--ink) ; line-height:1.15 ; margin-top:6px ; overflow-wrap:break-word ; hyphens:auto }

.kj-assay-value.kj-tone-bullion { color:var(--accent) }

.kj-assay-value.kj-tone-quartz { color:var(--diamond) }

.kj-assay-value.kj-tone-jade { color:var(--emerald) }

.kj-assay--cards { background:transparent ; border-bottom:0 ; padding:26px 0 4px }

.kj-assay--cards .kj-assay-grid { display:grid ; grid-template-columns:repeat(2,1fr) ; gap:12px ; border:0 }

.kj-assay--cards .kj-assay-item { flex-direction:column ; align-items:flex-start ; gap:10px ; padding:16px 15px ; border:var(--bw) solid var(--line) ; border-radius:var(--r-lg) ; background:var(--surface) ; box-shadow:var(--sh-block) }

.kj-assay--cards .kj-assay-item .kj-assay-label,.kj-assay--cards .kj-assay-item .kj-assay-value { display:block }

.kj-assay--cards .kj-assay-value { margin-top:2px }

.kj-assay--list { background:var(--bg2) ; border-bottom:var(--bw) solid var(--line) ; padding:6px 0 }

.kj-assay--list .kj-assay-grid { display:grid ; grid-template-columns:1fr ; gap:0 34px ; border:0 }

.kj-assay--list .kj-assay-item { display:grid ; grid-template-columns:34px 1fr auto ; align-items:center ; gap:12px ; padding:13px 2px ; border:0 ; border-bottom:1px dashed var(--line) }

.kj-assay--list .kj-assay-item:last-child { border-bottom:0 }

@media (min-width:760px) {
  .kj-assay--list .kj-assay-grid { grid-template-columns:1fr 1fr }
  }
@media (min-width:760px) {
  .kj-assay--list .kj-assay-item:nth-last-child(2) { border-bottom:0 }
  }
@media (min-width:760px) {}

.kj-assay--list .kj-assay-icon { width:34px ; height:34px ; border:0 ; background:transparent ; color:var(--accent) }

.kj-assay--list .kj-assay-icon svg { width:20px ; height:20px }

.kj-assay--list .kj-assay-label { font-family:var(--font-ui) ; font-size:11px ; letter-spacing:.12em ; text-transform:uppercase ; color:var(--ink3) }

.kj-assay--list .kj-assay-value { margin:0 ; font-family:var(--font-display) ; font-size:19px ; color:var(--ink) ; text-align:right ; line-height:1.2 }

/* ---------- page shell ---------- */ .kj-shaft { display:grid ; gap:34px ; padding:38px 0 56px ; align-items:start }

/* Long compounds (Finnish, German, Dutch) blow past a 320px column otherwise. `hyphens` needs the document language, which the head already declares. */ .kj-lode h1,.kj-ledgerbook h2,.kj-ledgerbook h3,.kj-query-q,.kj-map-list a,.kj-soma { overflow-wrap:break-word ; hyphens:auto }

/* ---------- prose ---------- */ .kj-ledgerbook { min-width:0 ; font-size:16.5px }

.kj-ledgerbook > * + * { margin-top:19px }

.kj-ledgerbook h2 { font-family:var(--font-display) ; font-weight:400 ; font-size:clamp(25px,3.7vw,var(--h2-max)) ; line-height:1.16 ; letter-spacing:.004em ; margin-top:52px ; padding-top:4px ; position:relative ; padding-left:26px ; text-wrap:balance ; scroll-margin-top:90px }

.kj-ledgerbook h2::before { content:"" ; position:absolute ; left:0 ; top:.42em ; width:14px ; height:14px ; background:var(--accent) ; box-shadow:0 -8px 0 -3px var(--sky), 0 8px 0 -3px var(--emerald) }

.kj-ledgerbook h3 { font-family:var(--font-body) ; font-weight:700 ; font-size:clamp(18px,2.6vw,21px) ; line-height:1.32 ; margin-top:34px ; color:var(--ink) ; text-wrap:balance ; scroll-margin-top:90px }

.kj-ledgerbook h2 + h3, .kj-ledgerbook h2 + p, .kj-ledgerbook h2 + ul, .kj-ledgerbook h2 + ol, .kj-ledgerbook h2 + .kj-register { border-radius:var(--r-lg) ; margin-top:17px }

.kj-ledgerbook p { color:var(--ink2) }

.kj-ledgerbook strong { color:var(--ink) ; font-weight:600 }

.kj-ledgerbook .kj-openline { font-size:17px ; color:var(--ink) ; font-weight:600 ; border-left:4px solid var(--accent) ; padding-left:14px }

.kj-ledgerbook ul { display:grid ; gap:11px }

.kj-ledgerbook ul > li { position:relative ; padding-left:29px ; color:var(--ink2) }

.kj-ledgerbook ul > li::before { content:"" ; position:absolute ; left:2px ; top:.56em ; width:11px ; height:11px ; background:var(--sky) ; box-shadow:inset 0 2px 0 rgba(255,255,255,.35) }

.kj-ledgerbook ul > li > ul { margin-top:10px }

.kj-ledgerbook ul > li > ul > li::before { background:var(--stone) }

.kj-ledgerbook li p { margin-top:8px }

.kj-ledgerbook ol { counter-reset:step ; display:grid ; gap:15px }

.kj-ledgerbook ol > li { position:relative ; padding-left:48px ; counter-increment:step ; color:var(--ink2) }

.kj-ledgerbook ol > li::before { content:counter(step) ; position:absolute ; left:0 ; top:0 ; width:33px ; height:33px ; display:grid ; place-items:center ; font-family:var(--font-ui) ; font-size:13px ; background:var(--surface2) ; color:var(--accent) ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) }

.kj-ledgerbook ol > li > ul { margin-top:11px }

.kj-register { overflow-x:auto ; border:var(--bw) solid var(--line) ; background:var(--surface) ; box-shadow:var(--sh-block) ; -webkit-overflow-scrolling:touch ; background-image: linear-gradient(to right, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to left, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to right, rgba(0,0,0,.42), rgba(0,0,0,0)), linear-gradient(to left, rgba(0,0,0,.42), rgba(0,0,0,0)) ; background-position:0 0, 100% 0, 0 0, 100% 0 ; background-repeat:no-repeat ; background-size:26px 100%, 26px 100%, 14px 100%, 14px 100% ; background-attachment:local, local, scroll, scroll }

.kj-register table { width:100% ; min-width:520px ; font-size:15px }

.kj-register th,.kj-register td { padding:12px 15px ; text-align:left ; border-bottom:1px solid var(--line) ; vertical-align:top }

.kj-register thead th { background:var(--surface2) ; color:var(--ink) ; font-family:var(--font-ui) ; font-size:10.5px ; letter-spacing:.09em ; text-transform:uppercase ; border-bottom:var(--bw) solid var(--line) ; position:sticky ; top:0 ; white-space:nowrap }

.kj-register tbody tr:last-child td { border-bottom:0 }

.kj-register tbody tr:nth-child(even) { background:color-mix(in srgb,var(--surface2) 45%,transparent) }

.kj-register td { color:var(--ink2) }

.kj-register td:first-child { color:var(--ink) ; font-weight:500 }

.kj-register td strong { color:var(--accent) ; font-weight:600 }

.kj-register-hint { display:none ; align-items:center ; gap:6px ; margin-top:8px ; font-size:12px ; color:var(--ink3) }

html:not(.kj-js) .kj-register-hint { display:flex }

.kj-register.kj-rolls + .kj-register-hint { display:flex }

.kj-register-hint svg { width:13px ; height:13px }

/* ---------- faq ---------- */ .kj-queries { display:grid ; gap:10px ; margin-top:20px }

.kj-query { border-radius:var(--r) ; border:var(--bw) solid var(--line) ; background:var(--surface) }

.kj-query-q { margin:0 ; font-family:var(--font-body) ; font-size:16.5px ; font-weight:600 ; line-height:1.45 }

.kj-query-toggle { width:100% ; display:flex ; align-items:center ; justify-content:space-between ; gap:16px ; background:none ; border:0 ; padding:16px 17px ; text-align:left ; cursor:pointer ; color:var(--ink) ; font:inherit }

.kj-query-toggle:hover { color:var(--accent) }

.kj-query-icon { width:26px ; height:26px ; flex:none ; position:relative ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; background:var(--surface2) ; transition:.18s }

.kj-query-icon::before,.kj-query-icon::after { content:"" ; position:absolute ; background:var(--accent) ; left:50% ; top:50% ; transform:translate(-50%,-50%) }

.kj-query-icon::before { width:11px ; height:3px }

.kj-query-icon::after { width:3px ; height:11px ; transition:opacity .18s }

.kj-query-toggle[aria-expanded="true"] .kj-query-icon { background:var(--accent) ; border-color:var(--accent) }

.kj-query-toggle[aria-expanded="true"] .kj-query-icon::before { background:var(--on-accent) }

.kj-query-toggle[aria-expanded="true"] .kj-query-icon::after { opacity:0 }

.kj-query-a { padding:0 17px 17px ; border-top:1px solid var(--line) ; padding-top:15px }

.kj-query-a > * + * { margin-top:14px }

.kj-query-a p { color:var(--ink2) ; font-size:15.5px }

.kj-query-a[hidden] { display:none }

details.kj-query summary { list-style:none ; cursor:pointer }

details.kj-query summary::-webkit-details-marker { display:none }

details.kj-query .kj-query-toggle { display:flex ; align-items:center ; justify-content:space-between ; gap:16px ; padding:16px 17px ; color:var(--ink) }

details.kj-query .kj-query-q { margin:0 ; font-family:var(--font-body) ; font-size:16.5px ; font-weight:600 ; line-height:1.45 }

details.kj-query summary:hover .kj-query-q { color:var(--accent) }

details.kj-query[open] .kj-query-icon { background:var(--accent) ; border-color:var(--accent) }

details.kj-query[open] .kj-query-icon::before { background:var(--on-accent) }

details.kj-query[open] .kj-query-icon::after { opacity:0 }

details.kj-query .kj-query-a { padding:0 17px 17px ; border-top:1px solid var(--line) ; padding-top:15px }

/* ---------- sidebar ---------- */ .kj-drawer { display:grid ; gap:20px ; min-width:0 }

.kj-strongbox { border-radius:var(--r-lg) ; border:var(--bw) solid var(--line) ; background:var(--surface) ; box-shadow:var(--sh-block) }

.kj-strongbox-head { padding:13px 16px ; border-bottom:var(--bw) solid var(--line) ; background:var(--surface2) ; font-family:var(--font-ui) ; font-size:10.5px ; letter-spacing:.11em ; text-transform:uppercase ; color:var(--ink) ; display:flex ; align-items:center ; gap:9px }

.kj-strongbox-head svg { width:17px ; height:17px ; color:var(--accent) }

.kj-strongbox-body { padding:16px }

.kj-payout { border-color:var(--accent) ; box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent), var(--sh-block) }

.kj-payout .kj-strongbox-head { background:var(--accent) ; color:var(--on-accent) ; border-bottom-color:var(--accent-dk) }

.kj-payout .kj-strongbox-head svg { color:var(--on-accent) }

.kj-payout-value { font-family:var(--font-display) ; font-size:clamp(30px,4.6vw,38px) ; color:var(--accent) ; line-height:1.06 }

.kj-payout-extra { font-family:var(--font-display) ; font-size:21px ; color:var(--ink) ; margin-top:6px ; line-height:1.1 }

.kj-payout-terms { font-size:12px ; color:var(--ink3) ; margin-top:12px ; line-height:1.5 }

.kj-payout .kj-dig { margin-top:15px }

.kj-datasheet dl { display:grid ; gap:0 }

.kj-datasheet .kj-rowline { display:flex ; justify-content:space-between ; gap:14px ; padding:10px 0 ; border-bottom:1px dashed var(--line) }

.kj-datasheet .kj-rowline:last-child { border-bottom:0 }

.kj-datasheet dt { font-size:13px ; color:var(--ink3) ; letter-spacing:.03em }

.kj-datasheet dd { margin:0 ; font-family:var(--font-display) ; font-size:18px ; color:var(--ink) ; text-align:right ; line-height:1.25 }

/* ---------- page contents ---------- */ .kj-map { background:var(--bg2) ; border-bottom:var(--bw) solid var(--line) ; padding:18px 0 20px }

.kj-map-head { display:flex ; align-items:center ; justify-content:space-between ; gap:16px ; min-height:34px }

.kj-map-title { display:flex ; align-items:center ; gap:9px ; font-family:var(--font-ui) ; font-size:10.5px ; letter-spacing:.13em ; text-transform:uppercase ; color:var(--ink2) }

.kj-map-title svg { width:16px ; height:16px ; color:var(--accent) ; flex:none }

.kj-map-toggle { border-radius:var(--r) ; display:none ; align-items:center ; gap:10px ; cursor:pointer ; background:var(--surface) ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; padding:8px 12px ; font-family:var(--font-ui) ; font-size:10px ; letter-spacing:.09em ; text-transform:uppercase ; color:var(--ink2) }

.kj-map-toggle:hover { border-color:var(--accent) ; color:var(--accent) }

.kj-map-icon { width:16px ; height:16px ; flex:none ; position:relative }

.kj-map-icon::before,.kj-map-icon::after { content:"" ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; background:var(--accent) }

.kj-map-icon::before { width:11px ; height:3px }

.kj-map-icon::after { width:3px ; height:11px ; transition:opacity .18s }

.kj-map-toggle[aria-expanded="true"] .kj-map-icon::after { opacity:0 }

.kj-map-list { counter-reset:pn ; display:grid ; grid-template-columns:1fr ; gap:2px ; margin-top:14px }

.kj-map-list li { counter-increment:pn ; min-width:0 }

.kj-map-list a { display:flex ; gap:11px ; padding:9px 11px ; text-decoration:none ; font-size:14px ; line-height:1.4 ; color:var(--ink2) ; border-left:3px solid transparent ; transition:color .15s,background .15s,border-color .15s }

.kj-map-list a::before { content:counter(pn,decimal-leading-zero) ; font-family:var(--font-ui) ; font-size:10px ; color:var(--ink3) ; flex:none ; padding-top:3px }

.kj-map-list a:hover { color:var(--accent) ; background:var(--surface) ; border-left-color:var(--accent) }

.kj-map-list a.kj-marked { color:var(--accent) ; background:var(--surface) ; border-left-color:var(--accent) }

/* ---------- in-content promo band ---------- */ .kj-strike { border-radius:var(--r-lg) ; position:relative ; overflow:hidden ; border:3px solid var(--accent) ; background:linear-gradient(135deg,var(--surface2),var(--surface)) ; padding:24px 22px ; display:grid ; gap:18px ; box-shadow:var(--sh-block) }

.kj-strike::before { content:"" ; position:absolute ; inset:0 ; opacity:.16 ; pointer-events:none ; background:repeating-linear-gradient(45deg,var(--accent) 0 8px,transparent 8px 24px) }

.kj-strike > * { position:relative }

.kj-strike-title { font-family:var(--font-display) ; font-size:clamp(24px,3.6vw,30px) ; line-height:1.14 ; color:var(--ink) }

.kj-strike-title em { font-style:normal ; color:var(--accent) }

.kj-strike-text { font-size:15px ; color:var(--ink2) ; margin-top:8px }

.kj-strike-terms { font-size:11.5px ; color:var(--ink3) ; margin-top:11px }

/* ---------- pickaxe tier strip ---------- */ .kj-nose { display:grid ; grid-template-columns:1fr ; gap:12px }

@media (min-width:400px) {
  .kj-nose { grid-template-columns:repeat(2,1fr) }
  }
@media (min-width:400px) {}

.kj-token { min-width:0 ; border-radius:var(--r) ; border:var(--bw) solid var(--line) ; background:var(--surface) ; padding:15px 14px ; text-align:center }

.kj-token-icon { border-radius:var(--r) ; display:grid ; place-items:center ; width:52px ; height:52px ; margin:0 auto 12px ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; background:var(--surface2) }

.kj-token-icon svg { width:30px ; height:30px }

.kj-token-name { font-family:var(--font-display) ; font-size:20px ; line-height:1.1 }

.kj-token-meter { display:flex ; gap:3px ; margin-top:11px ; justify-content:center }

.kj-token-meter i { display:block ; width:11px ; height:11px ; background:var(--line) }

.kj-token-meter i.kj-struck { background:var(--tnt) }

.kj-token-note { font-size:12px ; color:var(--ink3) ; margin-top:9px ; line-height:1.45 ; display:block }

.kj-token--wood { color:#c08c53 }

.kj-token--stone { color:var(--stone) }

.kj-token--iron { color:#dfe6ee }

.kj-token--diamond { color:var(--diamond) }

.kj-token-name { color:currentColor }

.kj-token-icon { color:currentColor }

/* ---------- gallery ---------- */ .kj-frames { display:grid ; gap:14px ; grid-template-columns:1fr ; align-items:start }

.kj-frame { border-radius:var(--r-lg) ; border:var(--bw) solid var(--line) ; background:var(--bg2) ; box-shadow:var(--sh-block) ; overflow:hidden }

.kj-frame img { width:100% ; image-rendering:pixelated }

.kj-frame figcaption { padding:11px 14px ; font-size:12.5px ; color:var(--ink3) ; border-top:1px solid var(--line) }

/* ---------- footer ---------- */ .kj-bedrock { background:var(--bg2) ; border-top:var(--bw) solid var(--line) ; padding:42px 0 0 ; font-size:14.5px }

.kj-bedrock-grid { display:grid ; gap:30px ; grid-template-columns:1fr }

.kj-bedrock-col h2 { font-family:var(--font-ui) ; font-size:10px ; letter-spacing:.13em ; text-transform:uppercase ; color:var(--ink) ; margin-bottom:14px }

.kj-bedrock-col ul { display:grid ; gap:9px }

.kj-bedrock-col a { color:var(--ink3) ; text-decoration:none ; transition:color .15s }

.kj-bedrock-col a:hover { color:var(--accent) }

.kj-tender { display:flex ; flex-wrap:wrap ; gap:8px }

.kj-tender span { border-radius:var(--r) ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; background:var(--surface) ; padding:7px 11px ; font-family:var(--font-ui) ; font-size:9.5px ; letter-spacing:.05em ; color:var(--ink3) }

.kj-steady { margin-top:34px ; border-top:1px solid var(--line) ; padding:24px 0 ; display:grid ; gap:16px ; align-items:center }

.kj-steady-chips { display:flex ; flex-wrap:wrap ; gap:9px ; align-items:center }

.kj-steady-chip { border-radius:var(--r) ; display:inline-flex ; align-items:center ; gap:7px ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; padding:7px 12px ; font-size:12px ; color:var(--ink2) ; background:var(--surface) }

.kj-steady-chip b { font-family:var(--font-ui) ; color:var(--tnt-ink) ; font-size:12px ; letter-spacing:.04em }

.kj-steady-chip svg { width:15px ; height:15px ; color:var(--ink3) }

.kj-steady p { color:var(--ink3) ; font-size:13px ; line-height:1.6 }

.kj-steady a { color:var(--ink2) }

.kj-bedrock-bottom { border-top:1px solid var(--line) ; padding:18px 0 30px ; color:var(--ink3) ; font-size:12.5px ; display:grid ; gap:8px }

/* ---------- sticky mobile CTA ---------- */ .kj-rail { position:fixed ; left:0 ; right:0 ; bottom:0 ; z-index:80 ; background:color-mix(in srgb, var(--bg2) 96%, transparent) ; backdrop-filter:blur(10px) ; border-top:var(--bw) solid var(--line) ; padding:10px 0 calc(10px + env(safe-area-inset-bottom)) ; box-shadow:0 -10px 24px -14px rgba(0,0,0,.7) }

.kj-rail-row { display:flex ; align-items:center ; justify-content:space-between ; gap:14px }

.kj-rail-text { flex:1 1 auto ; min-width:0 ; line-height:1.15 }

.kj-rail-text b { display:block ; font-family:var(--font-display) ; font-size:18px ; color:var(--accent) ; overflow:hidden ; text-overflow:ellipsis ; white-space:nowrap }

.kj-rail-text span { display:block ; font-family:var(--font-ui) ; font-size:9.5px ; letter-spacing:.1em ; text-transform:uppercase ; color:var(--ink3) ; margin-top:4px ; overflow:hidden ; text-overflow:ellipsis ; white-space:nowrap }

@media (max-width:359px) {
  .kj-rail-row { gap:10px }
  }
@media (max-width:359px) {
  .kj-rail .kj-dig { padding-left:14px ; padding-right:14px }
  }
@media (max-width:359px) {
  .kj-rail-text span { display:none }
  }
@media (max-width:359px) {}

.kj-rail .kj-dig { flex:none ; white-space:nowrap }

.kj-js .kj-rail { transform:translateY(110%) ; transition:transform .28s ease ; will-change:transform }

.kj-js .kj-rail.kj-hoisted { transform:none }

.kj-welo .kj-rail { display:none }

/* ---------- 404 ---------- */ .kj-deadend { min-height:62vh ; display:grid ; place-items:center ; text-align:center ; padding:60px 0 }

.kj-deadend-code { font-family:var(--font-display) ; font-size:clamp(84px,22vw,170px) ; line-height:.86 ; color:var(--accent) ; text-shadow:7px 7px 0 var(--surface2) }

.kj-deadend h1 { font-family:var(--font-display) ; font-size:clamp(28px,5.2vw,40px) ; margin-top:20px ; font-weight:400 }

.kj-deadend p { color:var(--ink2) ; margin-top:14px ; max-width:52ch ; margin-inline:auto }

.kj-deadend .kj-deadend-code { color:var(--accent) ; max-width:none ; margin-top:0 }

.kj-deadend .kj-lode-cta { justify-content:center }

.kj-deadend-links { margin-top:30px ; display:flex ; flex-wrap:wrap ; gap:9px ; justify-content:center }

.kj-deadend-links a { border-radius:var(--r) ; border:max(2px, calc(var(--bw) - 1px)) solid var(--line) ; background:var(--surface) ; padding:9px 14px ; text-decoration:none ; font-size:13.5px ; color:var(--ink2) ; transition:.15s }

.kj-deadend-links a:hover { border-color:var(--accent) ; color:var(--accent) }

/* ---------- reveal ---------- */ .kj-js .kj-surface { opacity:0 ; transform:translateY(16px) }

.kj-js .kj-surface.kj-surfaced { opacity:1 ; transform:none ; transition:opacity .5s ease,transform .5s ease }

/* ---------- breadcrumb ---------- */ .kj-trailmarks { padding:14px 0 ; font-size:13px ; color:var(--ink3) ; border-bottom:1px solid var(--line) ; background:var(--bg2) }

.kj-trailmarks ol { display:flex ; flex-wrap:wrap ; gap:7px ; align-items:center }

.kj-trailmarks a { color:var(--ink2) ; text-decoration:none }

.kj-trailmarks a:hover { color:var(--accent) }

.kj-trailmarks li + li::before { content:"›" ; margin-right:7px ; color:var(--ink3) }

.kj-trailmarks li { display:flex ; align-items:center }

.kj-trailmarks [aria-current] { color:var(--ink3) }

/* ---------- responsive ---------- */ @media (max-width:719px) {
  .kj-map-toggle { display:inline-flex }
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .kj-js .kj-map-list { display:none }
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .kj-js .kj-map.kj-opened .kj-map-list { display:grid }
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {}

@media (max-width:599px) {
  .kj-lode-offer { position:static ; margin-top:-2px ; padding:13px 16px ; text-align:center ; border-radius:0 0 var(--r-lg) var(--r-lg) ; box-shadow:none }
  }
@media (max-width:599px) {
  .kj-lode-offer b { font-size:23px }
  }
@media (max-width:599px) {}

@media (min-width:600px) {
  .kj-map-list { grid-template-columns:1fr 1fr }
  }
@media (min-width:600px) {
  .kj-assay--cards .kj-assay-grid { grid-template-columns:repeat(3,1fr) }
  }
@media (min-width:600px) {
  .kj-assay--strip .kj-assay-grid { grid-template-columns:repeat(3,1fr) }
  }
@media (min-width:600px) {
  .kj-assay--strip .kj-assay-item:nth-child(2n) { border-right:1px solid var(--line) }
  }
@media (min-width:600px) {
  .kj-assay--strip .kj-assay-item:nth-child(3n) { border-right:0 }
  }
@media (min-width:600px) {
  .kj-nose { grid-template-columns:repeat(4,1fr) }
  }
@media (min-width:600px) {
  .kj-strike { grid-template-columns:1fr auto ; align-items:center ; gap:26px ; padding:28px 26px }
  }
@media (min-width:600px) {
  .kj-steady { grid-template-columns:auto 1fr ; gap:24px }
  }
@media (min-width:600px) {
  .kj-bedrock-bottom { grid-template-columns:1fr auto ; align-items:center }
  }
@media (min-width:600px) {
  .kj-frames { grid-template-columns:2fr 1fr }
  }
@media (min-width:600px) {}

@media (max-width:899px) {
  .kj-lode-row--art-left .kj-lode-copy { order:-1 }
  }
@media (max-width:899px) {}

@media (min-width:900px) {
  .kj-lode-row.kj-lode-row--art-left { grid-template-columns:.94fr 1.06fr }
  }
@media (min-width:900px) {
  .kj-lode-row.kj-lode-row--art-wide { grid-template-columns:1fr ; gap:26px ; align-items:start ; text-align:center ; padding:34px 0 40px }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide h1 { font-size:clamp(32px,5vw,50px) }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide .kj-lode-copy { max-width:none }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide h1 { margin-inline:auto }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide .kj-lode-lede { max-width:56ch ; margin-inline:auto }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide .kj-lode-cta, .kj-lode-row--art-wide .kj-lode-note { justify-content:center }
  }
@media (min-width:900px) {
  .kj-lode-row--art-wide .kj-lode-note { align-items:center }
  }
@media (min-width:900px) {
  .kj-map { padding:22px 0 26px }
  }
@media (min-width:900px) {
  .kj-map-list { grid-template-columns:repeat(3,1fr) ; gap:2px 18px ; margin-top:16px }
  }
@media (min-width:900px) {
  .kj-lode-row { grid-template-columns:1.06fr .94fr ; align-items:center ; gap:44px ; padding:52px 0 60px }
  }
@media (min-width:900px) {
  .kj-assay--cards .kj-assay-grid { grid-template-columns:repeat(6,1fr) }
  }
@media (min-width:900px) {
  .kj-assay--strip .kj-assay-grid { grid-template-columns:repeat(6,1fr) }
  }
@media (min-width:900px) {
  .kj-assay--strip .kj-assay-item:nth-child(3n) { border-right:1px solid var(--line) }
  }
@media (min-width:900px) {
  .kj-assay--strip .kj-assay-item:nth-child(6n) { border-right:0 }
  }
@media (min-width:900px) {
  .kj-assay-item { flex-direction:column ; align-items:flex-start ; gap:11px ; padding:20px 15px }
  }
@media (min-width:900px) {
  .kj-cage { display:none }
  }
@media (min-width:900px) {}

@media (max-width:1079px) {
  body { padding-bottom:78px }
  }
@media (max-width:1079px) {}

@media (min-width:1080px) {
  .kj-rail { display:none }
  }
@media (min-width:1080px) {
  .kj-drift { display:block }
  }
@media (min-width:1080px) {
  .kj-lever { display:none }
  }
@media (min-width:1080px) {
  .kj-headframe-cta { display:inline-flex }
  }
@media (min-width:1080px) {
  .kj-shaft { grid-template-columns:minmax(0,1fr) 316px ; gap:42px ; padding:44px 0 72px }
  }
@media (min-width:1080px) {
  .kj-shaft--side-left { grid-template-columns:316px minmax(0,1fr) }
  }
@media (min-width:1080px) {
  .kj-drawer { position:sticky ; top:88px ; max-height:calc(100vh - 104px) ; overflow-y:auto ; overflow-x:hidden ; padding:0 10px 10px 0 ; margin-right:-10px ; scrollbar-width:thin ; scrollbar-color:var(--line) transparent }
  }
@media (min-width:1080px) {
  .kj-drawer::-webkit-scrollbar { width:8px }
  }
@media (min-width:1080px) {
  .kj-drawer::-webkit-scrollbar-thumb { background:var(--line) }
  }
@media (min-width:1080px) {
  .kj-drawer::-webkit-scrollbar-track { background:transparent }
  }
@media (min-width:1080px) {
  .kj-bedrock-grid { grid-template-columns:1.5fr 1fr 1fr 1fr }
  }
@media (min-width:1080px) {}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.001ms !important ; transition-duration:.001ms !important }
  }
@media (prefers-reduced-motion:reduce) {
  .kj-js .kj-surface { opacity:1 ; transform:none }
  }
@media (prefers-reduced-motion:reduce) {}

@media print {
  .kj-headframe,.kj-drawer,.kj-strike,.kj-lode-cta,.kj-lever,.kj-cage,.kj-map,.kj-rail { display:none !important }
  }
@media print {
  body { background:#fff ; color:#000 }
  }
@media print {
  .kj-ledgerbook p,.kj-ledgerbook li { color:#222 }
  }
@media print {}