.khPage{--kh-green:#214c3b;--kh-green2:#37684e;--kh-fern:#7e9a71;--kh-river:#729c98;--kh-sand:#f4efe4;--kh-paper:#fffdf8;--kh-muted:#65756d;background:radial-gradient(circle at 9% 7%,rgba(111,145,99,.16),transparent 24%),radial-gradient(circle at 90% 20%,rgba(112,156,150,.12),transparent 24%),linear-gradient(180deg,#f7f3ea,#efe9dc)}
.khPage .kh-header-compact{max-width:1320px;padding:12px 18px 8px;min-height:70px}
.khPage .kh-header-compact .kh-brand{gap:10px;min-width:0}.khPage .kh-header-compact .kh-brand b{font-size:24px}.khPage .kh-header-compact .kh-brand small{font-size:10px}.khPage .kh-header-compact .kh-fernmark{width:38px;height:38px;flex:0 0 38px}
.khPage .kh-header-summary{display:flex;align-items:center;gap:14px;margin-left:auto;margin-right:6px;padding:0 8px}.khPage .kh-header-summary .kh-header-puzzle{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center}.khPage .kh-header-summary b{font-size:18px;color:var(--kh-green);line-height:1}.khPage .kh-header-summary span{font-size:9px;color:var(--kh-muted);white-space:nowrap}.khPage .kh-head-actions{gap:6px}.khPage .kh-mini-stat{min-width:76px;padding:5px 8px;border-radius:10px}.khPage .kh-mini-stat b{font-size:15px}.khPage .kh-iconbtn{width:34px;height:34px}.khPage .kh-textbtn{min-height:34px;padding:0 10px}
.khPage .kh-main{width:min(1320px,calc(100% - 22px));padding-top:6px}
.khPage .kh-roundbar{padding:9px 13px;margin-bottom:12px;border-radius:14px;box-shadow:0 8px 24px rgba(35,69,53,.06);background:linear-gradient(100deg,rgba(255,253,248,.97),rgba(236,243,234,.95))}.khPage .kh-roundbar b{font-size:13px;margin-top:1px}.khPage .kh-roundbar .kh-eyebrow{font-size:8px}.khPage .kh-dot{width:26px;height:26px}
.khPage .kh-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.khPage .kh-cluecard,.khPage .kh-mapcard{padding:15px;border-radius:16px}.khPage .kh-cardhead{margin-bottom:9px;align-items:flex-start}.khPage .kh-cardhead h2{font-size:21px;line-height:1.12;margin-top:3px}.khPage .kh-panel-copy{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--kh-muted);max-width:560px}.khPage .kh-swatch{max-height:none}.khPage .kh-source{font-size:8px}.khPage .kh-viewtools{margin-top:8px}.khPage .kh-secondary{min-height:34px}.khPage .kh-map{height:auto;aspect-ratio:1/1;min-height:420px;max-height:650px}.khPage .kh-mapcard{position:relative;top:auto}.khPage .kh-map-tools{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.khPage .kh-map-reset{min-height:32px;padding:0 10px}.khPage .kh-map-tip{font-size:8px}.khPage .kh-submit{min-height:44px;margin-top:8px}.khPage .kh-map-result{margin-top:8px;padding-top:10px}.khPage .kh-resultnumbers>div{padding:9px}.khPage .kh-resultnumbers b{font-size:18px}.khPage .kh-maraereveal{padding:11px 2px 3px}.khPage .kh-maraereveal h2{font-size:25px}.khPage .kh-next-round{min-height:44px!important}.khPage .kh-more-details{margin-top:6px}
.khPage .kh-zoom-nudge{display:none;gap:4px;margin:7px 0 0;padding:9px 11px;border:1px solid #d6c8a9;border-radius:10px;background:#faf3e5;color:#6c5731;line-height:1.35}.khPage .kh-zoom-nudge.show{display:grid;animation:khNudgeIn .25s ease}.khPage .kh-zoom-nudge b{font-size:10px;color:#5d4a29}.khPage .kh-zoom-nudge span{font-size:9px}@keyframes khNudgeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.khPage .kh-result{margin-top:13px;padding:18px}.khPage .kh-result h2{font-size:29px}.khPage .kh-how{margin-top:12px;padding:13px}.khPage .kh-how div{padding:3px 12px}.khPage .kh-how b{font-size:12px}.khPage .kh-how span{font-size:9px}.khPage .kh-footer{padding-top:16px}
.khPage .kh-score-share{width:min(540px,calc(100% - 24px))}.khPage .kh-score-share h2{margin:4px 0 6px}.khPage .kh-score-share p{font-size:12px;line-height:1.5}.khPage .kh-score-share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.khPage .kh-score-share-grid button,.khPage .kh-score-share-grid a{min-height:44px;border:1px solid var(--kh-line);border-radius:10px;background:#fff;color:var(--kh-green);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:800}.khPage .kh-score-share-grid [data-share-copy]{grid-column:1/-1;background:var(--kh-green);color:#fff;border-color:var(--kh-green)}.khPage .kh-share-note{font-size:9px!important;color:var(--kh-muted);margin-top:11px!important}
.khPage.kh-changing-round .kh-cluecard{animation:khRoundSwap .55s cubic-bezier(.2,.8,.2,1)}@keyframes khRoundSwap{0%{opacity:.65;transform:translateY(8px)}55%{opacity:1;transform:translateY(-2px)}100%{transform:none}}
@media(min-width:1100px){.khPage .kh-layout{min-height:0}.khPage .kh-cluecard,.khPage .kh-mapcard{height:auto}.khPage .kh-left,.khPage .kh-right{min-width:0}.khPage.kh-showing-result .kh-map{max-height:540px}.khPage .kh-map-result{animation:khResultIn .3s ease}@keyframes khResultIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.khPage .kh-header-compact{padding:10px 12px 7px;align-items:flex-start;flex-wrap:wrap}.khPage .kh-header-summary{order:3;width:100%;margin:0;padding:4px 0 0;justify-content:space-between;border-top:1px solid rgba(32,74,57,.10)}.khPage .kh-header-summary .kh-header-puzzle{display:flex;gap:7px}.khPage .kh-head-actions{margin-left:auto}.khPage .kh-mini-stat{display:none}.khPage .kh-layout{grid-template-columns:1fr;gap:11px}.khPage .kh-map{aspect-ratio:auto;height:min(58vh,500px);min-height:380px}.khPage .kh-cluecard,.khPage .kh-mapcard{padding:13px}.khPage .kh-roundbar{position:sticky;top:0;z-index:1050;backdrop-filter:blur(10px);background:rgba(250,247,239,.92)}.khPage .kh-mapcard .kh-submit:not(.kh-next-round){position:sticky;bottom:8px;z-index:850;box-shadow:0 8px 28px rgba(26,62,47,.24)}.khPage .kh-cardhead h2{font-size:20px}.khPage .kh-map-tools{align-items:flex-end}.khPage .kh-how{grid-template-columns:1fr}.khPage .kh-how div{border-right:0;border-bottom:1px solid var(--kh-line);padding:8px 4px}.khPage .kh-how div:last-child{border-bottom:0}.khPage .kh-score-share-grid{grid-template-columns:1fr}.khPage .kh-score-share-grid [data-share-copy]{grid-column:auto}}
@media(max-width:560px){.khPage .kh-header-compact .kh-brand b{font-size:21px}.khPage .kh-header-compact .kh-brand small{font-size:9px}.khPage .kh-fernmark{display:none}.khPage .kh-textbtn{font-size:9px}.khPage .kh-header-summary{font-size:9px}.khPage .kh-main{width:min(100% - 12px,1320px)}.khPage .kh-roundbar{border-radius:12px;padding:8px 10px}.khPage .kh-roundbar .kh-attempts{gap:3px}.khPage .kh-dot{width:24px;height:24px;font-size:9px}.khPage .kh-map{height:min(55vh,440px);min-height:350px}.khPage .kh-panel-copy{font-size:9px}.khPage .kh-source{font-size:7.5px}.khPage .kh-viewtools span{font-size:8px}.khPage .kh-map-tools{gap:3px}.khPage .kh-map-tip{display:none}.khPage .kh-resultnumbers{grid-template-columns:repeat(3,1fr)}.khPage .kh-resultnumbers>div{display:block;text-align:center}.khPage .kh-resultnumbers b{margin-top:3px}.khPage .kh-sharebox{align-items:stretch;flex-direction:column}.khPage .kh-sharebuttons{justify-content:stretch}.khPage .kh-sharebuttons button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.khPage .kh-zoom-nudge.show,.khPage.kh-changing-round .kh-cluecard,.khPage .kh-map-result{animation:none!important}}