/* Nové ilustrace a hlášky zachovávají komiksové barvy a původní ovládání. */
.hero-intro{max-width:920px;align-items:center}.captain-figure{flex:0 0 250px;padding-top:0;padding-bottom:30px;width:250px}.captain-figure .chef-frame{width:250px;height:200px;border-radius:16px;transform:rotate(-2deg)}.captain-name{font-size:20px;padding:3px 13px;bottom:0}.vok-welcome{max-width:820px;margin:23px auto 0;text-align:left}.vok-welcome-speech{position:relative;margin:0!important;background:white;color:#1a1a1a!important;border:3px solid #1a1a1a;border-radius:16px;box-shadow:4px 4px 0 #1a1a1a;padding:14px 18px;font-weight:700;font-size:16px!important;line-height:1.5;letter-spacing:0!important}.vok-welcome-speech:before{content:"";position:absolute;top:-11px;left:35px;width:16px;height:16px;background:white;border-top:3px solid #1a1a1a;border-left:3px solid #1a1a1a;transform:rotate(45deg)}.vok-welcome-tag{display:inline-block;margin:14px 0 0!important;padding:6px 12px;background:#FFD93D;color:#1a1a1a!important;border:3px solid #1a1a1a;box-shadow:3px 3px 0 #1a1a1a;transform:rotate(-1deg);font-family:var(--head);font-weight:700;font-style:italic;font-size:18px!important;letter-spacing:0!important;line-height:1.3}.vok-slot[hidden]{display:none!important}.vok-category-slot,.vok-footer-slot{margin:24px 18px}.vok-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;padding:18px;border:3px solid #1a1a1a;border-radius:16px;box-shadow:4px 4px 0 #1a1a1a;background:radial-gradient(#1a1a1a22 1px,transparent 1.7px),#4A90E2;background-size:8px 8px}.vok-art{width:100%;height:190px;display:grid;place-items:center;overflow:hidden;background:#FFD93D;border:3px solid #1a1a1a;border-radius:12px;box-shadow:3px 3px 0 #1a1a1a}.vok-art>*{grid-area:1/1}.vok-art>span{font-size:65px}.vok-art img{width:100%;height:100%;object-fit:contain;min-height:0;background:#FFD93D}.vok-dialogue{min-width:0}.vok-scene-title{margin:0 0 10px;font-family:var(--head);font-size:21px;line-height:1.2;font-weight:700;font-style:italic;color:white;text-shadow:2px 2px 0 #1a1a1a}.vok-dialogue blockquote{position:relative;margin:0;padding:14px 17px;background:white;border:3px solid #1a1a1a;border-radius:16px;box-shadow:3px 3px 0 #1a1a1a;color:#1a1a1a;font-size:16px;line-height:1.5;font-weight:600}.vok-dialogue blockquote:before{content:"";position:absolute;left:-11px;top:24px;width:16px;height:16px;background:white;border-left:3px solid #1a1a1a;border-bottom:3px solid #1a1a1a;transform:rotate(45deg)}.vok-signature{display:inline-block;margin-top:11px;background:#FFD93D;border:2px solid #1a1a1a;color:#1a1a1a;padding:3px 8px;font-family:var(--head);font-size:15px;font-weight:700;transform:rotate(-2deg)}#vokStepPanel{margin-bottom:22px}#vokIngredientPanel{margin-top:22px}.sheet .vok-panel{grid-template-columns:130px minmax(0,1fr);padding:14px;gap:18px}.sheet .vok-art{height:170px}.sheet .vok-dialogue blockquote{font-size:15px;padding:11px 13px}.sheet .vok-scene-title{font-size:19px}.captain-story-art{background:#FFD93D}
@media(min-width:601px) and (max-width:850px){.hero-intro{gap:24px}.captain-figure{flex-basis:190px;width:190px}.captain-figure .chef-frame{width:190px;height:152px}.captain-name{font-size:17px}.vok-panel{grid-template-columns:155px minmax(0,1fr);gap:18px}.vok-art{height:180px}}
@media(max-width:600px){.captain-figure{flex-basis:auto;width:210px;padding-top:0;padding-bottom:29px}.captain-figure .chef-frame{width:210px;height:168px}.captain-name{font-size:18px}.vok-welcome{margin-top:20px}.vok-welcome-speech{padding:13px 14px;font-size:15px!important}.vok-welcome-tag{font-size:17px!important;padding:6px 9px}.vok-category-slot,.vok-footer-slot{margin:20px 14px}.vok-panel,.sheet .vok-panel{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;padding:12px}.vok-art,.sheet .vok-art{height:128px}.vok-scene-title,.sheet .vok-scene-title{font-size:18px;margin-bottom:9px}.vok-dialogue blockquote,.sheet .vok-dialogue blockquote{font-size:14px;line-height:1.45;padding:10px 11px}.vok-dialogue blockquote:before{top:18px}.vok-signature{font-size:14px}}
@media(max-width:380px){.vok-panel,.sheet .vok-panel{grid-template-columns:1fr}.vok-art,.sheet .vok-art{width:140px;height:145px;justify-self:center}.vok-dialogue blockquote:before{left:30px;top:-11px;border-bottom:0;border-top:3px solid #1a1a1a}.vok-scene-title{text-align:center}}