body.guide-active main{bottom:108px}#guideDock{position:fixed;bottom:0;left:var(--rail,76px);right:0;min-height:102px;background:white;border-top:1px solid #dacbe5;z-index:2100;padding:14px 22px;display:flex;align-items:center;gap:20px;box-shadow:0 -3px 18px #291c3810}#guideDock>div:first-child{flex:1;min-width:0}#guideDock small{font-size:10px;letter-spacing:1.1px;font-weight:750;color:#57108e}#guideCaption{font-size:13px;line-height:1.55;color:#362440;margin:4px 0 0;max-width:950px}.guide-buttons{display:flex;gap:6px;flex-shrink:0}.guide-buttons button{min-height:44px;font-size:11px;padding:8px 11px;color:#41096c}#guidePointer{position:fixed;left:0;top:0;width:50px;height:65px;z-index:1900;pointer-events:none;transition:transform .85s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 3px 5px #28133655)}#guidePointer svg{width:50px;height:65px}#guidePointer>span{position:absolute;top:54px;left:24px;white-space:nowrap;font-size:10px;background:#57108e;color:white;padding:4px 7px;border-radius:6px}#guidePointer button{display:none;position:absolute;top:65px;left:-45px;width:140px;font-size:11px;pointer-events:auto;color:#41096c;background:white;border:1px solid #b49ac8}#guidePointer.guide-paused button{display:flex}.guide-click::before{content:'';position:absolute;top:-9px;left:-9px;width:30px;height:30px;border:3px solid #57108e;border-radius:50%;animation:guideTap 1s ease-out 1}@keyframes guideTap{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}@media(max-width:760px){body.guide-active main{bottom:170px}#guideDock{left:0;min-height:162px;padding:10px 14px;display:block}#guideCaption{font-size:12px;max-height:76px;overflow:auto}.guide-buttons{margin-top:8px;gap:5px}.guide-buttons button{flex:1;padding:6px;min-height:40px}#guidePointer{width:40px}#guidePointer svg{width:40px}#guidePointer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){#guidePointer{transition:none}.guide-click::before{animation:none}}
#guideDock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;min-height:134px}.guide-timeline{grid-column:1/-1;display:flex;align-items:center;gap:12px;width:100%}.guide-timeline label{font-size:11px;white-space:nowrap;color:#493152}.guide-timeline input{min-width:60px;flex:1;accent-color:#57108e;height:28px;cursor:pointer;touch-action:pan-x}.guide-timeline output{font-size:11px;color:#493152;min-width:76px;text-align:right;font-variant-numeric:tabular-nums}#guideDock>.guide-copy{min-width:0;flex:1}body.guide-active main{bottom:144px}.open-now-badge{display:inline-flex;font-size:10px;font-weight:700;background:#e9f6ee;color:#14532d;border:1px solid #a7cfb4;border-radius:6px;padding:4px 8px;margin:8px 6px 0 0}@media(max-width:760px){#guideDock{display:grid;grid-template-columns:1fr;min-height:194px;gap:5px;padding:8px 12px}.guide-timeline{gap:7px}.guide-timeline label{font-size:10px}.guide-timeline output{min-width:66px}body.guide-active main{bottom:204px}#guideCaption{max-height:74px;overflow:auto}.guide-buttons{margin-top:0}}@media(prefers-reduced-motion:reduce){.guide-timeline{scroll-behavior:auto}}
/* Captions travel below the guide arrow; the bottom dock only holds transport controls. */
#guideBubble{position:fixed;z-index:1899;pointer-events:none;background:#fff;color:#2e193b;border:1px solid #b493d0;border-radius:14px;box-shadow:0 5px 20px #29133f24;padding:12px 15px;max-height:190px;overflow:auto;transition:left .85s cubic-bezier(.2,.7,.2,1),top .85s cubic-bezier(.2,.7,.2,1)}#guideBubble small{display:block;color:#57108e;font-size:10px;font-weight:750;letter-spacing:.5px}#guideBubble p{font-size:13px;line-height:1.55;margin:5px 0 0}body.guide-active #guideDock>.guide-copy{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#guideDock{min-height:100px;grid-template-columns:1fr;gap:2px}.guide-buttons{justify-content:flex-end}body.guide-active main{bottom:108px}.closed-now-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;background:#f3eff5;color:#5c5065;margin:8px 6px 0 0}@media(max-width:760px){#guideDock{min-height:112px}body.guide-active main{bottom:120px}#guideBubble{max-height:165px;padding:10px 12px}#guideBubble p{font-size:12px}}@media(prefers-reduced-motion:reduce){#guideBubble{transition:none}}
#guidePointer.guide-paused button{display:none}#guideBubble button{pointer-events:auto;min-height:40px;margin-top:8px;font-size:12px;padding:8px 14px}

#guideClaimActions{display:grid;gap:7px;margin-top:10px}#guideClaimActions[hidden]{display:none}#guideClaimActions a{pointer-events:auto;padding:10px;border:1px solid #57108e;border-radius:8px;color:#57108e;text-decoration:none;font-size:12px;font-weight:700}#guideClaimActions a:first-child{background:#57108e;color:white}#guideBubble:has(#guideClaimActions:not([hidden])){max-height:330px}

/* 2.11.2026: no bottom guide bar. Controls, step and a thin progress line live in the guide box. */
#guideDock{position:fixed!important;left:0!important;bottom:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
#guideDock .pc-dragbar,#guideDock .pc-resize-handle{display:none!important}
body.guide-active main{bottom:0!important}
#guideBubble{z-index:2460;max-height:min(320px,calc(100dvh - 120px));padding:0 14px 10px;overflow:auto}
#guideBubble .guide-bubble-progress{position:sticky;top:0;height:3px;margin:0 -14px 9px;background:#eadff3;border-radius:14px 14px 0 0;overflow:hidden;z-index:1}
#guideBubble .guide-bubble-progress i{display:block;height:100%;width:0;background:#57108e;transition:width .3s}
#guideBubble .guide-bubble-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;pointer-events:auto}
#guideBubble .guide-bubble-controls button{pointer-events:auto;margin:0;min-height:36px;min-width:36px;padding:6px 11px;border:1px solid #d9c8e8;border-radius:999px;background:#fff;color:#57108e;font:700 12px/1 inherit;font-family:inherit;cursor:pointer}
#guideBubble .guide-bubble-controls #guideResume{background:#57108e;border-color:#57108e;color:#fff;flex:1 1 auto}
#guideBubble .guide-bubble-controls #guideStop{margin-left:auto}
#guideBubble .guide-bubble-controls button:focus-visible{outline:3px solid #57108e;outline-offset:2px}
#guideBubble #bubbleResume{display:none!important}
#guideBubble #guideClaimActions{pointer-events:auto}
@media(pointer:coarse){#guideBubble .guide-bubble-controls button{min-height:42px;min-width:42px}}
@media(prefers-reduced-motion:reduce){#guideBubble .guide-bubble-progress i{transition:none}}