/* 6.64: native paper and portrait; no restyling of actual map/cards/side panels. */
#tour-layer.guided664{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#453d2c;}
#tour-layer.guided664[hidden]{display:none;}
.guided664 .tour664-card{position:absolute;left:14px;bottom:14px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 24px);box-sizing:border-box;border:18px solid transparent;border-image:url('../../assets/game/board_panel_clean.webp') 82 fill /18px stretch;padding:12px 15px 10px;pointer-events:auto;display:flex;flex-direction:column;box-shadow:0 5px 18px #172c3440;}
.tour664-heading{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.tour664-face{width:53px;height:62px;object-fit:contain;}
.tour664-kicker{font-size:9px;letter-spacing:1.4px;color:#756c55;}
#tour664-title{font:700 20px/1.2 Georgia,serif;margin:3px 0 0;}
.tour664-copy{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:48dvh;margin:8px 0;}
#tour664-speech{font-size:14px;line-height:1.52;margin:6px 0 10px;}
.tour664-cue{font-size:12px;line-height:1.45;border-left:2px solid #7e9279;padding:6px 8px;background:#bac5a42b;margin:8px 0;}
.tour664-example{font-size:10px;letter-spacing:.4px;color:#70634e;margin:0;}
.tour664-result{font-size:12px;line-height:1.45;margin:8px 0;color:#40513c;}
.tour664-controls,.tour664-voice{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex-shrink:0;}
.tour664-controls{justify-content:space-between;border-top:1px solid #bdae8770;padding-top:9px;}
.guided664 button{color:#433c2c;background:#e9dec1 url('../../assets/game/plate_cream_clean.webp') center/100% 100%;font:600 12px 'Trebuchet MS',sans-serif;border:0;min-height:34px;padding:7px 10px;cursor:pointer;}
.guided664 button:focus-visible,.tour664-copy:focus-visible{outline:2px solid #557b8a;outline-offset:2px;}
.guided664 button:disabled{opacity:.4;cursor:default;}
.guided664 button.primary{background-color:#cddbbd;font-weight:bold;min-width:78px;}
.tour664-voice{margin-top:5px;}.tour664-voice button{font-size:10px;min-height:28px;padding:5px 8px;background:transparent;}
.tour664-status{font-size:10px;color:#706852;line-height:1.4;margin-top:5px;}
.tour664-practice{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0;}
.tour664-practice[hidden]{display:none;}
.tour664-ring{position:fixed;pointer-events:none;box-sizing:border-box;border:2px solid #e5c773;border-radius:9px;box-shadow:0 0 0 1px #364337b0,0 0 12px #f3d87850;}
.tour664-ring[hidden]{display:none;}
/* Keep tutorial navigation above the ordinary Inspect fence, without changing its behavior in normal play. */
body.guided-tutorial664 #tour-layer{visibility:visible;}
@media(max-width:759px){
 .guided664 .tour664-card{width:calc(100vw - 20px);left:10px;border-width:13px;border-image-width:13px;padding:8px 10px;max-height:49dvh;}
 #tour664-title{font-size:17px;}.tour664-face{width:39px;height:45px;}#tour664-speech{font-size:12px;line-height:1.45;}
 .tour664-copy{max-height:25dvh;}.tour664-cue{font-size:11px;}.guided664 button{min-height:32px;}
}
@media(max-height:550px) and (min-width:760px){.guided664 .tour664-card{width:340px;padding:8px 10px;border-width:13px;border-image-width:13px;}.tour664-face{width:38px;height:45px;}#tour664-title{font-size:17px;}#tour664-speech{font-size:12px;}.tour664-copy{max-height:39dvh;}}

.tour664-still{display:block;position:relative;width:150px;height:120px;margin:8px auto;background:#89a5ab25;border-radius:8px;}
.tour664-still-body{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;}
.tour664-still[data-kind=bird] .tour664-still-body{object-fit:none;transform:scale(2);}
.tour664-still-chest{position:absolute;width:28px;height:auto;left:98px;top:78px;}
.tour664-still-chest[hidden]{display:none;}
.tour664-result small{display:block;font-size:10px;text-align:center;}
@media(max-width:759px){.guided664.tour664-has-dialog .tour664-copy{max-height:8dvh;}.guided664.tour664-has-dialog .tour664-face{display:none;}}

/* During optional practice, prioritise the actual target, not the long transcript. */
@media(max-width:1099px),(max-height:649px){
 .guided664.tour664-practicing .tour664-face,
 .guided664.tour664-practicing #tour664-speech,
 .guided664.tour664-practicing .tour664-cue,
 .guided664.tour664-practicing .tour664-example,
 .guided664.tour664-practicing .tour664-status,
 .guided664.tour664-practicing [data-tour=try],
 .guided664.tour664-practicing [data-tour=back],
 .guided664.tour664-practicing [data-tour=replay],
 .guided664.tour664-practicing [data-tour=voice]{display:none;}
 .guided664.tour664-practicing .tour664-copy{max-height:50px;margin:3px 0;}
 .guided664.tour664-practicing #tour664-title{font-size:15px;}
 .guided664.tour664-has-dialog .tour664-heading,
 .guided664.tour664-has-dialog .tour664-copy,
 .guided664.tour664-has-dialog .tour664-practice,
 .guided664.tour664-has-dialog .tour664-status{display:none;}
 .guided664.tour664-has-dialog .tour664-card{width:calc(100vw - 28px);padding:4px 8px;}
 .guided664.tour664-has-dialog .tour664-controls{border:0;padding:0;justify-content:flex-end;}
 body.guided-tutorial664.tour664-compact-dialog #game-overlay{padding-bottom:110px;}
}
