/* Blue belongs to practice guidance; the game's tile selection stays unchanged. */
.guided-tour{position:fixed;z-index:1000;top:max(4px,env(safe-area-inset-top));left:8px;right:8px;padding:10px 14px;background:#eaf3ff;color:#173e6c;border:2px solid #3974bd;border-radius:14px;box-shadow:0 4px 16px #153e6326;font-size:14px;box-sizing:border-box}
.guided-tour[hidden]{display:none!important}
.guided-tour h2{font-size:17px;margin:10px 0 5px;line-height:1.25}
.guided-tour p{font-size:14px;line-height:1.35;margin:4px 0 10px}
.guided-tour-top,.guided-tour-footer{display:flex;align-items:center;gap:8px}
.guided-tour-top{background:#214f85;color:white;margin:-10px -14px 0;padding:6px 10px;border-radius:11px 11px 0 0}
.guided-tour-top strong{font-size:11px;letter-spacing:.09em}
.guided-tour-top button{margin-left:auto;background:#eaf3ff}
.guided-tour button{min-height:40px;padding:5px 12px;font-size:13px;color:#214f85;border-color:#88acd8}
.guided-tour button.primary{margin-left:auto;background:#214f85;border-color:#214f85;color:white}
.guided-tour button:focus-visible{outline:3px solid #286dcc;outline-offset:2px}
.guided-tour[data-wide=true],.guided-tour[data-modal=true]{position:relative;inset:auto;width:auto;min-width:0;box-shadow:none}
.guided-tour[data-modal=true]{flex-shrink:0;margin:0 0 12px}
/* The guide and scrolling controls share a sidebar column; neither overlays the board. */
#soloPanel.tour-sidebar #soloContent{grid-template-rows:auto minmax(0,1fr)}
#soloPanel.tour-sidebar #soloDecision{grid-row:1 / span 2}
#soloPanel.tour-sidebar #guidedTour{grid-column:2;grid-row:1}
#soloPanel.solo-table-view.tour-sidebar #soloControlPanel{grid-row:2;max-height:calc(var(--solo-viewport-height,100dvh) - var(--tour-sidebar-height) - 22px)}
#soloPanel.tour-sidebar[data-control-side=left] #guidedTour{grid-column:1}
/* A separate dashed ring and pointer never replace a selection outline. */
.tour-highlight{position:relative;scroll-margin:160px 12px 12px}
.tour-highlight::after{content:'';position:absolute;inset:-6px;border:2px dashed #2772d2;border-radius:10px;pointer-events:none}
button.tour-highlight::before{content:'';position:absolute;top:-17px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #2772d2;pointer-events:none}
body.solo-touring.solo-playing .wrap{padding-top:var(--tour-space,0px)}
body.solo-touring #soloPanel:not(.solo-table-view) #soloLastEvent{max-height:130px}
@media(max-width:600px){.guided-tour{padding:7px 10px}.guided-tour h2{font-size:15px;margin-top:7px}.guided-tour-top{margin:-7px -10px 0;padding:4px 8px}.guided-tour-top button{min-height:30px}.guided-tour p{font-size:13px}.guided-tour button{min-height:38px}.guided-tour-footer{gap:5px}}
@media(max-height:500px) and (max-width:1023px){.guided-tour-top{float:right;background:transparent;margin:0;padding:0}.guided-tour h2{margin:0 100px 0 0}.guided-tour-footer{position:absolute;right:8px;bottom:7px}.guided-tour p{padding-right:180px;margin-bottom:3px;min-height:38px}.guided-tour-top strong{display:none}}
.help-tour-list{display:grid;gap:8px;margin:16px 0}.help-tour-list button{text-align:left;min-height:44px}.help-tour-list .completed::after{content:' ✓';color:#176b57}.help-course .controls{display:flex;flex-wrap:wrap;gap:8px}