/* 2026-10-04 — targeted corrections. This file never styles the website homepage. */
/* Clear keyboard focus and strong selected states; not dependent on color alone. */
.hgdx :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #ffdc59!important;outline-offset:4px!important;box-shadow:0 0 0 6px #17122e!important}
#dx-modal{background:rgba(12,10,28,.88);padding-top:max(18px,env(safe-area-inset-top))}
#dx-modal .dx-dialog{background:#17142b;border-color:#514871;color:#fcf9ee}
#dx-modal .dx-modal-top,#dx-modal .dx-dialog-foot{border-color:#514871}
#dx-modal .dx-overline,#dx-modal .dx-control-list strong{color:#ffe17b}
#dx-modal .dx-lead,#dx-modal .dx-muted,#dx-modal .dx-small,#dx-modal .dx-control-list p{color:#ddd7ee}
#dx-modal .dx-cover-label{background:#161327ed;color:#fff7df;padding:16px}
#dx-modal .dx-edition{background:#211835;color:#ffdf64}
#dx-modal .dx-btn{background:#ffdc59;border-color:#ffdc59;color:#201735;font-weight:750}
#dx-modal .dx-btn.dx-secondary,#dx-modal .dx-btn.dx-tertiary{background:#302742;border-color:#79688e;color:#fff5d8}
#dx-modal .dx-btn:hover{filter:brightness(1.13)}
#dx-modal .dx-btn:active{transform:translateY(1px)}
#dx-modal .dx-tags span,#dx-modal .dx-option{color:#eee7f5;border-color:#514871}
#dx-modal .dx-control-list>div{border-color:#514871;background:#211c36}
#dx-modal select,#dx-modal option{background:#241e39;color:#fff7dc}
#dx-modal .dx-mini-stats span{color:#cdc4dd}
#dx-modal .dx-mini-stats b,#dx-modal .dx-dialog-foot a{color:#ffdf72}
#dx-toolbar{background:#17132afa;border-bottom:1px solid #62537b;color:#f5f0fb}
#dx-toolbar a,#dx-toolbar .dx-icon{color:#fff5d9}
#dx-toolbar .dx-current span,#dx-toolbar #dx-fps{color:#ccc4db}
#dx-toolbar .dx-pause{background:#ffdc59;color:#21182f}
/* Pause overlays always fit below the browser-safe edges. */
#dx-modal .dx-dialog{max-height:calc(100dvh - 36px);overflow:auto}
html[data-game="rooftop"] .touch .jump,html[data-game="rooftop"] #touchJump{background:#ffdc59!important;color:#241936!important}
/* CASEBOOK: all reading surfaces explicitly own both ink and background. */
html:is([data-game="rejtely"],[data-game="kulcs"]){--ink:#f4eee0;--muted:#d4c6ae;--gold2:#ffdf91}
html:is([data-game="rejtely"],[data-game="kulcs"]) body{color:#f4eee0!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.panel,.modal-inner,.modalCard,.pickup-card){background:#202c32!important;color:#f4eee0!important;border-color:#948461!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.panel,.modal-inner,.modalCard,.pickup-card) :is(h1,h2,h3,h4){color:#ffdf91!important;text-shadow:none!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.modal-inner,.modalCard){max-height:calc(100dvh - var(--dx-toolbar) - 50px);overflow:auto;overscroll-behavior:contain;line-height:1.65;font-size:16px}
html[data-game="rejtely"] .modal,html[data-game="kulcs"] #modal{padding-top:calc(var(--dx-toolbar) + 16px);padding-bottom:16px}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.desc,.subtitle,.hint,.motive,.role,.talkInfo,.claimTxt,.briefRule,.sceneHead p,.pickup-card p){color:#e3d9c6!important;opacity:1!important;line-height:1.65}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.item,.sus-mini,.dialogue-text,.classify-box,.case-log,.clueItem,.logRow,.claim,.quote,.dedRow,.accuse-card,.accCard,.truth){background:#15232c!important;color:#f2ebdc!important;border-color:#837351!important;opacity:1!important;line-height:1.55}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.item,.sus-mini,.case-log,.clueItem,.accStat) small{color:#d6cbb5!important;opacity:1!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.paper,.knowledge-card,.note,.bnode){background:#f0e3c5!important;color:#30271c!important;border:1px solid #9f875b!important;text-shadow:none!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.paper,.knowledge-card,.note,.bnode) :is(p,li,ul,ol,span,strong,b,em,i,small,h2,h3,h4,.bTitle,.bBody){color:#30271c!important;opacity:1!important;text-shadow:none!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) .bnode.ded{background:#e8dcf1!important;color:#302334!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.paper,.knowledge-card,.note) :is(.evidence-type,.evidence-type.strong,.evidence-type.weak,.evidence-type.context){background:#fff3d6!important;color:#362c1d!important;border-color:#8b744f!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(button,.choices button):not([class*="dx-"]){background:#34434b!important;color:#fff3d8!important;border:1px solid #9d8c64!important;font-size:14px!important;line-height:1.45!important;min-height:40px}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(button.active,.navBtn.active,.accuse-card.selected,.bnode.sel,.choices button.asked-option){background:#efcd7f!important;color:#282b29!important;border:2px solid #ffdf91!important;box-shadow:inset 4px 0 #534221!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(button.active,.navBtn.active,.accuse-card.selected,.bnode.sel) :is(span,i,strong,b,small,.bTitle,.bBody){color:#282b29!important;opacity:1!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) button:disabled{background:#26323a!important;color:#bbc4c7!important;border-color:#687177!important;opacity:1!important;cursor:not-allowed}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(input,textarea,select,option){background:#f6eddb!important;color:#2d271e!important;border:1px solid #a99163!important;padding:10px;line-height:1.5}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(input,textarea)::placeholder{color:#695c4a!important;opacity:1}
html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.claimAns,.broken,.confess,.reqTag,.empty){opacity:1!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) .claimAns{color:#bce8bf!important}
html:is([data-game="rejtely"],[data-game="kulcs"]) .npc-label,html[data-game="kulcs"] .figLabel{background:#15232cfa!important;color:#fff4d4!important;border-color:#ddc58c!important}
html[data-game="rejtely"] .npc .dx-character{width:123px;height:168px;filter:drop-shadow(1px 3px 2px #09182275)}
html[data-game="rejtely"] .portrait .npc{transform:scale(1)!important;left:50%!important;bottom:0!important;animation:none!important}
html[data-game="rejtely"] .portrait{width:130px!important;height:175px!important;overflow:hidden!important;flex-shrink:0}
html[data-game="kulcs"] .portrait{width:118px;height:170px;transform:none;overflow:hidden;flex-shrink:0}
html[data-game="kulcs"] .portrait .dx-character{width:118px;height:169px}
html[data-game="kulcs"] .portrait.small{height:140px;transform:none}
html[data-game="kulcs"] .portrait.small .dx-character{height:140px}
html[data-game="kulcs"] .talkHead{align-items:center;background:#18262d;color:#f5ebd5}
/* SWIMMING: selection wins over the previous generic !important card skin. */
html[data-game="uszas"] #menuScreen{height:calc(100dvh - var(--dx-toolbar));min-height:0;padding-bottom:40px;scroll-padding-top:16px}
html[data-game="uszas"] #menuScreen .panel{margin-bottom:20px}
html[data-game="uszas"] #menuScreen .card{background:#193949!important;color:#edf8ff!important;border:2px solid #507285!important;border-radius:12px!important;padding-bottom:35px;min-height:156px}
html[data-game="uszas"] #menuScreen .card .small{color:#cfe6ef!important}
html[data-game="uszas"] #menuScreen .card.selected{background:#fff0b0!important;color:#112f43!important;border:3px solid #ffe275!important;outline:3px solid #092334;outline-offset:1px;box-shadow:0 0 0 5px #ffe275!important;transform:none}
html[data-game="uszas"] #menuScreen .card.selected :is(.name,.small,b,i){color:#17384a!important}
html[data-game="uszas"] #menuScreen .card.selected:after{content:"✓ KIVÁLASZTVA";position:absolute;left:13px;bottom:9px;background:#123447;color:#fff4c8;padding:4px 9px;font:800 10px/1.3 "Segoe UI",sans-serif;border-radius:5px;letter-spacing:.5px}
html[data-game="uszas"] #menuScreen .card.selected .statbar{background:#cbbb7e}
html[data-game="uszas"] #menuScreen .card.selected .statbar span{background:#286a80}
html[data-game="uszas"] .modeBtn{border:2px solid #607e8e!important;background:#173747!important;color:#f3faff!important}
html[data-game="uszas"] .modeBtn.selected{background:#ffe175!important;color:#142f42!important;border:2px solid #fff2bb!important;box-shadow:0 0 0 2px #ffd55c!important}
html[data-game="uszas"] .modeBtn.selected:before{content:"✓ ";font-weight:900}
html[data-game="uszas"] .avatar.female .head{height:18px;width:22px;border-radius:48% 54% 42% 46%;background:radial-gradient(ellipse at 35% 20%,#f4d0b2,#c58b6b)}
html[data-game="uszas"] .avatar.female .torso{height:17px!important;border-radius:55% 36% 36% 40%;background:linear-gradient(95deg,var(--suit) 0 85%,#e0ac86 86%)!important}
html[data-game="uszas"] .avatar.female .shoulder{width:14px;height:14px}
html[data-game="uszas"] .avatar.female .cap{border-radius:80% 80% 25% 35%;height:13px}
html[data-game="uszas"] .avatar.male .torso{height:20px}
@media(max-width:720px){html:is([data-game="rejtely"],[data-game="kulcs"]) .dialogue-head{flex-wrap:wrap}html:is([data-game="rejtely"],[data-game="kulcs"]) .portrait{margin-inline:auto}html:is([data-game="rejtely"],[data-game="kulcs"]) :is(.modal-inner,.modalCard){padding:16px;font-size:15px}html[data-game="uszas"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-game="uszas"] #menuScreen .card{min-height:170px}#dx-toolbar .dx-current b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hgdx *, .hgdx *:before,.hgdx *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* Answer history is a selection too: always set both its surface and its ink. */
html[data-game="rejtely"] #choices button.asked-option,
html[data-game="rejtely"] .choices button.asked-option{background:#efcd7f!important;color:#282b29!important;border:2px solid #ffdf91!important;box-shadow:inset 4px 0 #534221!important}
html[data-game="rejtely"] #choices button.asked-option :is(span,b,strong){color:#282b29!important}
html[data-game="rejtely"] #choices button{transition:transform .1s,filter .15s!important}
/* Center the entire full-body portrait; a plain scale() had dropped translateX. */
html[data-game="rejtely"] .portrait .npc{left:50%!important;bottom:0!important;width:123px!important;height:168px!important;transform:translateX(-50%)!important;animation:none!important}