/* Písmenkoví sousedé: oddělené styly hry. Editor dál používá původní styles.css. */
.game-shell {width:min(900px,calc(100% - 20px),max(720px,calc((100dvh - 305px)*1.778))); max-width:none; padding:10px 0 18px;}
.brand-logo{display:flex;align-items:center;flex:none}.brand-logo:focus-visible{outline:3px solid #e5a842;border-radius:50%;outline-offset:2px}
.game-shell .header{border-radius:17px;min-height:76px}
.game-shell .headline h1{font-size:clamp(22px,2.65vw,27px)}
.game-shell .headline p{font-size:12px}
.game-shell .training{padding:10px 12px;margin-top:10px}
.game-shell .task-card{border:2px solid #d9ebf7;border-radius:14px;min-height:136px;padding:14px 12px 10px;text-align:center}
.game-shell .letter{font-size:50px;line-height:1.05;color:#173b56}
.game-shell .answers{margin-top:12px;gap:10px}
.game-shell .answer{min-width:114px;min-height:50px;padding:6px 12px;border:2px solid #a2c9e7;border-radius:11px;color:#154d80;font-size:25px;line-height:1.22;box-shadow:inset 0 -4px #b7d8ed;background:#e0f0fb}
.game-shell .answer:disabled{opacity:1;cursor:default}
.game-shell .answer.good{background:#d9f5df;border-color:#4baf71;box-shadow:inset 0 -4px #a9e4b4;color:#205c36}
.game-shell .answer.bad{background:#ffe5db;border-color:#d98c6c;box-shadow:inset 0 -4px #f4bba5;color:#974832}
.game-shell .answer.show{background:#d9f5df;border-color:#4baf71;box-shadow:inset 0 -4px #a9e4b4;color:#205c36}
.game-shell .work-label{min-height:18px;margin:5px 0 0;font-size:12px}
.game-shell .game-art{margin-top:10px}
.game-shell .progress{margin-top:7px;grid-template-columns:minmax(157px,1fr) repeat(4,minmax(0,1fr));gap:6px}
.game-shell .total,.game-shell .house-progress{padding:7px 9px;line-height:1.15;min-height:43px}
.game-shell .total{display:flex;align-items:center}
.game-shell .house-progress{border-color:#bfd6e8}
.game-shell .house-progress.current{border-color:#76b3d6;box-shadow:0 0 0 1px #76b3d6}
.game-shell .dot.active{background:#ffd474;border-color:#dea348}
.page-footer{display:flex;justify-content:space-between;color:#648198;font-size:10px;margin:6px 4px 0;gap:10px}
/* modal */
.dialog-overlay[hidden]{display:none!important}
.dialog-overlay{position:fixed;inset:0;background:rgba(13,33,52,.48);z-index:100;display:grid;place-items:center;padding:14px}
.result-dialog{width:min(460px,100%);background:#fff;border:2px solid #d5e8f4;border-radius:20px;box-shadow:0 20px 80px #152d4880;padding:22px;text-align:center;color:#204e72;outline:none}
.result-dialog h2{font-size:26px;margin:0 0 9px}.result-dialog p{font-size:15px;line-height:1.4;margin:0 0 14px}
.result-stats{display:grid;gap:8px;text-align:left}.result-stats div{display:flex;justify-content:space-between;align-items:center;background:#edf6fc;padding:10px 12px;border-radius:9px;font-size:13px}.result-stats strong{font-size:22px;color:#225f87}
.result-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.result-actions .primary{background:#d4efdf;border-color:#8bc8a0;color:#15593b}
@media(max-width:760px){
 .game-shell{width:calc(100% - 12px);padding:6px 0 16px}
 .game-shell .header{min-height:0}
 .game-shell .training{padding:8px}
 .game-shell .task-card{padding:10px 6px 6px;min-height:119px}
 .game-shell .letter{font-size:42px}
 .game-shell .answer{font-size:20px;min-width:76px;min-height:45px;padding:5px 8px}
 .game-shell .answers{gap:6px;margin-top:9px}
 .game-shell .progress{grid-template-columns:repeat(4,minmax(0,1fr))}
 .game-shell .total{grid-column:1/-1;min-height:30px}
 .game-shell .house-progress{padding:6px 5px;font-size:10px;min-height:40px}
 .page-footer{font-size:9px;gap:5px;flex-wrap:wrap}
 .game-shell .header-actions button span{display:none}
}
@media(max-width:370px){.game-shell .answer{min-width:69px;font-size:18px}.game-shell .headline p{font-size:11px}.game-shell .letter{font-size:37px}}
@media(prefers-reduced-motion:reduce){.winlight{transition:none}}