.kh{--ink:#f5ead2;--muted:#aab8b7;--gold:#e9be76;--line:#e9be763a;--panel:#182a30;--dark:#101b22;color:var(--ink);background:var(--dark);max-width:1220px;margin:12px auto 80px;border:1px solid var(--line);border-radius:24px;overflow:clip;font-family:system-ui,sans-serif;padding:20px;box-sizing:border-box}.kh *{box-sizing:border-box}.kh button,.kh input,.kh select{font:inherit}.kh button,.kh a,.kh input,.kh select{border-radius:10px}.kh button{color:var(--ink);border:1px solid var(--line);background:#223b42;padding:10px 14px;cursor:pointer;min-height:44px}.kh button:hover{background:#34525a;border-color:var(--gold)}.kh button:focus-visible,.kh input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.kh button:disabled{opacity:.4;cursor:default}.kh button.kh-primary,.kh button.active{background:var(--gold);color:#1b2428;font-weight:750}.kh a{color:var(--gold)}.kh h1,.kh h2,.kh h3,.kh p{margin:0 0 12px}.kh h2{font-size:24px}.kh small,.kh .kh-muted{color:var(--muted)}.kh-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.1em;margin-bottom:18px}.kh-cover{min-height:365px;background:linear-gradient(90deg,#101b22 2%,#101b2222 80%),url('./cover.svg') center/cover;border-radius:15px;display:flex;align-items:center;padding:26px 30px;margin-bottom:12px;border:1px solid var(--line)}.kh-cover h1{font:700 clamp(36px,6vw,64px)/1.02 Georgia,serif;letter-spacing:-.025em}.kh-cover h1 em{font-weight:400;color:var(--gold)}.kh-cover p{line-height:1.65;max-width:410px;color:#c4cecd}.kh-eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold)!important}.kh-cover small{font-size:12px}.kh-characterbar{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px;margin:18px 0}.kh-characterbar strong{font:700 24px Georgia,serif}.kh-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 22px}.kh-tabs button{background:transparent;font-size:13px;padding:8px 12px}.kh-scene-title{display:flex;justify-content:space-between;align-items:center}.kh-scene-title small{font-size:10px;letter-spacing:.18em;color:var(--gold)}.kh-scene-title h2{margin-top:6px}.kh-scene-title button{padding:6px 12px}#khStageWrap{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101c22;height:540px}#khCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#khVitals{position:absolute;left:18px;top:16px;width:200px;pointer-events:none;font-size:12px;background:#101b22c9;padding:12px;border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(8px)}.kh-bar{height:6px;border-radius:8px;background:#ffffff1c;margin:6px 0 10px;overflow:hidden}.kh-bar i{display:block;height:100%;border-radius:8px;background:#b5d794}.kh-bar.mana i{background:#8bbdda}.kh-bar.xp i{background:var(--gold)}#khMinimap{position:absolute;right:16px;top:16px;width:120px;height:106px;background:#101b22bd;border-radius:10px;border:1px solid var(--line);pointer-events:none}#khTarget{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);background:#101b22d0;border-radius:8px;padding:7px 14px;font-size:12px;text-align:center;max-width:85%;pointer-events:none}#khTarget:empty{display:none}#khSceneNote{position:absolute;bottom:12px;width:100%;text-align:center;font-size:12px;color:#dce8e0;pointer-events:none}#khStartOverlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#09151b77;backdrop-filter:blur(2px);padding:30px}#khStartOverlay:empty{display:none}#khStartOverlay h2{font:700 34px Georgia,serif}#khStartOverlay button{margin:4px}#khCombat{display:flex;align-items:center;gap:24px;margin:18px 0}#khStick{width:116px;height:116px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,#32515a 0,#182a30 60%);position:relative;flex-shrink:0;touch-action:none;user-select:none;cursor:grab}#khStick:before{content:'↑';position:absolute;top:4px;left:51px;color:var(--muted)}#khStick i{position:absolute;width:44px;height:44px;left:35px;top:35px;background:linear-gradient(135deg,#d7b578,#8f774d);border-radius:50%;box-shadow:0 4px 10px #0008}#khStick b{position:absolute;bottom:-18px;left:28px;font-size:9px;letter-spacing:.15em;color:var(--muted)}.kh-actionset{flex:1;min-width:0}#khSkillsBar,.kh-actions{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.kh-actions button{font-size:12px;padding:10px}#khSkillsBar button{flex:1;min-width:95px;display:flex;flex-direction:column;text-align:left;gap:5px;background:#25373b}#khSkillsBar small{font-size:10px}#khAttack.active{background:#d9ba83;color:#18242b}.kh-footline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;margin-top:25px}.kh-footline span{margin-right:auto}.kh-footline button{font-size:11px}.kh-questline{margin-top:24px;border-left:3px solid var(--gold);background:var(--panel);padding:20px 24px;border-radius:0 12px 12px 0}.kh-questline span{font-size:10px;color:var(--gold);letter-spacing:.14em}.kh-questline h3{font:600 23px Georgia,serif;margin-top:8px}.kh-questline p{color:var(--muted);font-size:14px}.kh-scrollhint{font-size:11px;color:var(--muted);margin-top:16px!important;line-height:1.7}#khStatus:not(:empty),#khDialogStatus:not(:empty){background:#2e4447;padding:12px 16px;border:1px solid var(--line);border-radius:10px;margin:10px 0;color:var(--ink)}#khDialog{background:#122229;color:var(--ink);border:1px solid #a38b63;border-radius:20px;width:min(970px,95vw);max-height:88dvh;padding:0;box-shadow:0 24px 120px #000c}#khDialog::backdrop{background:#071015c9;backdrop-filter:blur(4px)}#khDialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#1a2e35;border-bottom:1px solid var(--line);padding:15px 22px}#khDialog h2{margin:0}#khDialogBody{padding:22px}#khDialogStatus{margin:12px 22px!important}.kh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kh-card{background:#1b3036;border:1px solid var(--line);padding:18px;border-radius:13px;min-width:0}.kh-card h3{font:700 21px Georgia,serif;margin-bottom:8px}.kh-card p{font-size:13px;color:var(--muted);line-height:1.65}.kh-card small{display:block;font-size:11px;line-height:1.7;margin-bottom:10px}.kh-card button{font-size:12px;padding:8px 10px;margin:3px 3px 3px 0}.kh-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9be7620}.kh-card.locked{opacity:.55}.kh-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.kh-row h3{font-size:16px;margin:0}.kh-row p{margin:3px 0;font-size:12px;color:var(--muted)}.kh-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.kh label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.kh input,.kh select{background:#101c23;color:var(--ink);border:1px solid var(--line);padding:10px;min-height:44px;max-width:100%}.kh input[type=number]{width:90px}.kh input[type=checkbox],.kh input[type=radio]{min-height:0}.kh-class-option{display:block!important;cursor:pointer;border:1px solid var(--line);background:#1d333a;border-radius:12px;padding:20px}.kh-class-option:has(input:checked){border-color:var(--gold);background:#304247}.kh-class-option b{color:var(--gold);display:block;font:700 24px Georgia,serif;margin:12px 0}.kh-class-option span{line-height:1.6}.kh-subnav{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.kh-pill{display:inline-block;font-size:10px;background:#e9be7614;color:var(--gold);padding:5px 9px;border-radius:20px;margin-bottom:10px}.kh-code{font:700 36px monospace;color:var(--gold);letter-spacing:.2em}.kh-text{color:var(--muted);font-size:14px;line-height:1.85}.kh-text h3{color:var(--ink);margin:20px 0 6px}.kh table{border-collapse:collapse;width:100%;font-size:13px}.kh td,.kh th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.kh-rarity-2{color:#99d2f5}.kh-rarity-3{color:#d0b2fb}.kh-rarity-4{color:#edc377}#khStageWrap:fullscreen{height:100dvh;background:#111c22}#khStageWrap:fullscreen #khCanvas{height:100dvh}.kh-progress{color:var(--gold)}.kh [hidden]{display:none!important}@media(max-width:640px){.kh{margin:5px -7px 100px;padding:12px;border-radius:15px}.kh-brand{font-size:9px;gap:6px}.kh-brand button{font-size:11px;padding:5px 8px}.kh-cover{min-height:285px;padding:22px 16px;background-position:57% center}.kh-cover p{max-width:270px;font-size:12px}.kh-cover h1{font-size:43px}.kh-characterbar{padding:12px;gap:8px}.kh-characterbar strong{font-size:20px}.kh-characterbar small{font-size:10px}.kh-tabs{gap:5px}.kh-tabs button{font-size:11px;padding:6px 9px}.kh-scene-title h2{font-size:19px}.kh-scene-title small{font-size:8px}#khStageWrap{height:420px}#khVitals{left:8px;top:8px;width:146px;padding:8px;font-size:10px}#khMinimap{right:8px;top:8px;width:86px;height:77px}#khCombat{gap:12px;align-items:center}#khStick{width:88px;height:88px}#khStick i{left:22px;top:22px}#khStick:before{left:37px}#khStick b{left:16px}#khSkillsBar{gap:4px}#khSkillsBar button{min-width:calc(50% - 4px);font-size:10px;padding:7px}.kh-actions{gap:4px}.kh-actions button{padding:8px;font-size:10px;flex:1;min-width:70px}.kh-grid{grid-template-columns:1fr}.kh-questline{padding:15px}#khDialogBody{padding:14px}.kh-scene-title>div:last-child{white-space:nowrap}.kh-scene-title button{padding:5px 8px;min-height:36px}.kh-text{font-size:13px}.kh-cover small{font-size:10px}}@media(prefers-reduced-motion:reduce){.kh *{scroll-behavior:auto!important;transition:none!important}}

.kh #khExitFullscreen{display:none}#khArena:fullscreen{display:flex;flex-direction:column;height:100dvh;width:100vw;background:#101b22;padding:12px;overflow:auto}#khArena:fullscreen #khStageWrap{flex:1;min-height:220px;height:auto}#khArena:fullscreen #khCombat{flex-shrink:0;margin:12px 0 22px}#khArena:fullscreen #khExitFullscreen{display:block}#khArena:fullscreen #khCanvas{height:100%;width:100%}

.kh-companion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;margin-top:12px;background:#1a2e34;border:1px solid var(--line);border-radius:12px;font-size:12px}.kh-companion small{display:block;font-size:11px;margin-top:4px}.kh-companion button{font-size:11px;flex-shrink:0}.kh #khMovePad{flex-shrink:0}.kh #khDpad{display:none;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,44px);gap:4px}.kh #khDpad button{padding:4px;font-size:22px;touch-action:none;user-select:none}.kh #khDpad button[data-move=up]{grid-column:2}.kh #khDpad button[data-move=left]{grid-column:1;grid-row:2}.kh #khDpad button[data-move=down]{grid-column:2;grid-row:2}.kh #khDpad button[data-move=right]{grid-column:3;grid-row:2}#khArena:fullscreen .kh-companion{flex-shrink:0;margin-top:6px;padding:8px 12px}@media(pointer:fine){.kh #khDpad{display:grid}.kh #khStick{display:none}}@media(max-width:640px){.kh-companion{font-size:11px;padding:9px}.kh-companion small{font-size:10px}.kh-companion button{font-size:10px;padding:8px}.kh #khCanvas{touch-action:none}}

body.kh600-playing .autumn-ambience-layer{visibility:hidden;opacity:0}body.kh600-playing .autumn-ambience-layer *{animation-play-state:paused!important}

.kh-reward-toasts{position:fixed;right:16px;top:max(16px,env(safe-area-inset-top));width:min(390px,calc(100vw - 32px));z-index:2000;pointer-events:none}.kh-reward-toast{pointer-events:auto;border:1px solid #c4d39a;border-radius:15px;background:#152c32;box-shadow:0 12px 45px #0009;padding:14px;max-height:55dvh;overflow-y:auto;color:#f5ead2;overscroll-behavior:contain;scrollbar-width:thin}.kh-reward-toast>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.kh-reward-toast>header>strong{font:700 22px Georgia,serif;color:#e9be76}.kh .kh-reward-toast>header>button{font-size:22px;padding:0 10px;min-width:44px;flex-shrink:0}.kh-reward-entry{padding:13px 0;border-bottom:1px solid #e9be7630;overflow-wrap:anywhere}.kh-reward-entry>header{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:12px}.kh-reward-entry time{font-size:10px;color:#aab8b7;flex-shrink:0}.kh .kh-reward-entry p{margin:9px 0 0}.kh-reward-gains{display:flex;gap:7px 13px;flex-wrap:wrap;font-size:13px;color:#c5e6b0;font-weight:700}.kh .kh-reward-entry ul{list-style:none;padding:0;margin:9px 0 0}.kh-reward-entry li{font-size:14px;line-height:1.5}.kh-reward-entry li+li{margin-top:10px}.kh-reward-entry li small{display:block;font-size:11px;color:#aab8b7;margin-top:3px}.kh-reward-better{display:inline-block;margin:4px 0 0 6px;padding:3px 7px;border-radius:6px;background:#92b88026;color:#c5e6b0;font-size:10px}.kh-reward-level{color:#e9be76;font-size:12px;line-height:1.7}.kh-reward-toast footer{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px}.kh .kh-reward-toast footer button{font-size:11px;padding:8px 10px}.kh-reward-journal{border:1px solid #e9be7640;border-radius:12px;background:#1b3036;padding:4px 18px}.kh-reward-journal .kh-reward-entry{padding:18px 0}.kh-reward-journal .kh-reward-entry:last-child{border-bottom:0}#khDialog .kh-reward-toasts{z-index:5}#khArena:fullscreen .kh-reward-toast{max-height:45dvh}@media(max-width:640px){.kh-reward-toasts{right:12px;top:max(12px,env(safe-area-inset-top));width:calc(100vw - 24px)}.kh-reward-toast{max-height:48dvh;padding:12px}.kh-reward-toast>header>strong{font-size:21px}.kh-reward-journal{padding:2px 13px}.kh-reward-entry>header{font-size:11px}.kh-reward-entry li{font-size:13px}}

.kh-equipment-offer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid #a6cb8c;background:linear-gradient(110deg,#213b36,#182d33);border-radius:13px;padding:16px;margin:14px 0}.kh-upgrade-heading{flex:1;min-width:180px}.kh-upgrade-heading strong{display:block;font:700 23px Georgia,serif;margin:0 0 5px}.kh-upgrade-heading small{display:block}.kh-upgrade-changes{display:flex;flex-direction:column;gap:5px;font-size:12px}.kh-upgrade-buttons{display:flex;gap:6px;flex-wrap:wrap}.kh-upgrade-buttons button{font-size:12px}.kh-upgrade-reason{width:100%}.kh-change{display:block;padding:5px 0;font-size:12px}.kh-change-up strong{color:#b8dda0}.kh-change-down strong{color:#f4a08e}.kh-item-upgrade{border-color:#92b880!important}.kh-item-upgrade>.kh-pill{background:#9fc78424;color:#c5e6b0}.kh-item-changes{border-top:1px solid var(--line);padding:6px 0 10px;margin:5px 0}.kh-item-tools{margin-top:15px;border-top:1px solid var(--line);padding-top:10px}.kh-item-tools summary{font-size:11px;cursor:pointer;color:var(--muted);padding:8px 0}.kh-inventory-help{padding:18px;border-radius:12px;border:1px solid #92b880;background:#203630;margin-bottom:18px}.kh-inventory-help p{font-size:13px;line-height:1.7;color:#c2d0c8}.kh-inventory-help button{font-size:12px}#khArena:fullscreen .kh-equipment-offer{flex-shrink:0;padding:8px 12px;margin:6px 0;gap:8px}#khArena:fullscreen .kh-upgrade-heading strong{font-size:17px}#khArena:fullscreen .kh-upgrade-changes{flex-direction:row;flex-wrap:wrap;gap:10px}@media(max-width:640px){.kh-equipment-offer{padding:12px;gap:10px}.kh-upgrade-heading strong{font-size:21px}.kh-upgrade-buttons{width:100%}.kh-upgrade-buttons button{flex:1;font-size:11px}.kh-upgrade-changes{font-size:11px}.kh-upgrade-heading{min-width:150px}#khArena:fullscreen .kh-upgrade-heading small{display:none}#khArena:fullscreen .kh-upgrade-buttons{width:auto}#khArena:fullscreen .kh-upgrade-changes{gap:6px}#khArena:fullscreen .kh-change{font-size:10px}}
/* v903 Lámpásváros */
.kh903-chat{position:absolute;left:12px;bottom:34px;width:min(340px,calc(100% - 24px));z-index:4;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.kh903-chat[hidden]{display:none}
.kh903-log{max-height:96px;overflow:hidden;font-size:12px;line-height:1.35;color:#f5ead2;text-shadow:0 1px 2px #000,0 0 6px #000;display:flex;flex-direction:column;justify-content:flex-end}
.kh903-log p{margin:0 0 2px}.kh903-log small{color:#aab8b7;font-size:10px}.kh903-empty{opacity:.7;font-style:italic}
.kh903-chat.open .kh903-log{max-height:240px;overflow:auto;background:#101b22e0;border:1px solid var(--line);border-radius:10px;padding:8px;pointer-events:auto;text-shadow:none}
.kh903-say{display:flex;gap:6px;pointer-events:auto}
.kh903-say input{flex:1;min-width:0;background:#101b22d9;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font:inherit;font-size:13px}
.kh903-say button{background:var(--gold);color:#1a1208;border:0;border-radius:9px;padding:0 12px;font-weight:700;cursor:pointer}
.kh903-note{margin:0;font-size:11px;color:#aab8b7;text-shadow:0 1px 2px #000}
.kh903-toggle{position:absolute;right:-40px;bottom:0;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#101b22d9;pointer-events:auto;cursor:pointer}
.kh903-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:4;background:#101b22e6;border:1px solid var(--gold);color:var(--gold);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;pointer-events:none;white-space:nowrap;max-width:calc(100% - 300px);overflow:hidden;text-overflow:ellipsis}
.kh903-hint[hidden]{display:none}
.kh903-lead p{margin:0 0 8px}.kh903-chances{display:flex;flex-wrap:wrap;gap:6px}.kh903-chances span{background:#101b22;border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px}
.kh903-mine{outline:2px solid var(--gold)}.kh903-h{margin:18px 0 8px}
.kh903-pick{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;margin:8px 0}
.kh903-row{display:grid;grid-template-columns:auto 1fr 110px;gap:10px;align-items:center;background:#101b22;border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.kh903-row input[type=number]{width:100%;background:#0b1418;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:5px}
@media (max-width:760px){.kh903-chat{bottom:30px;width:calc(100% - 64px)}.kh903-log{max-height:62px;font-size:11px}.kh903-hint{top:auto;bottom:118px;max-width:calc(100% - 20px);font-size:11px}.kh903-row{grid-template-columns:auto 1fr 84px}}
/* v904: a téli/világos oldaltéma gombszíne ne sötétítse el a játék gombjait */
html body[class] #khApp.kh button{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html body[class] #khApp.kh button.kh-muted{color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important}
html body[class] #khApp.kh button.kh-primary,html body[class] #khApp.kh button.active,html body[class] #khApp.kh .kh903-say button{color:#1b2428!important;-webkit-text-fill-color:#1b2428!important}
.kh-in-town #khSkillsBar,.kh-in-town #khAttack,.kh-in-town #khDodge,.kh-in-town #khPotion,.kh-in-town #khFairy,.kh-in-town .kh-footline [data-action=return],.kh-in-town #khCompanion{display:none!important}
.kh-in-town #khInteract{background:#3a5a3a}
.kh-in-town .kh-actions{display:flex!important;flex-wrap:nowrap;gap:8px}.kh-in-town .kh-actions button{flex:1 1 0;min-width:0;white-space:nowrap}