/* Keep the current choice beside the deck, including after alternating A / B. */
.paths-game .path-draw-heading{margin:22px 0 26px}
.paths-game .path-draw-heading h1{font-size:34px;margin:8px 0 10px}
.paths-game .path-draw-heading>p:not(.eyebrow){font-size:14px;margin:0}
.path-draw-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:30px;align-items:start}
.path-pick-table{min-width:0}
.path-pick-guide{--path-accent:#f2cc94;position:sticky;top:12px;z-index:4;padding:22px 24px 16px;border:1px solid #ddb57caa;border-radius:14px;background:linear-gradient(130deg,#352738f7,#211a2dfc);box-shadow:0 16px 40px #0b081645;transition:border-color .25s,background .25s}
.path-pick-guide[data-side=b]{--path-accent:#cfbaf9;border-color:#bb9ce7b3;background:linear-gradient(130deg,#2d2643f7,#211a30fc)}
.path-pick-guide[data-side=complete]{--path-accent:#eacb99}
.path-pick-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--path-accent);font-size:13px;line-height:1.6}
.path-pick-topline>span:last-child{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;color:#e0ced9}
.path-pick-identity{display:flex;gap:17px;align-items:center;margin:17px 0}
.path-pick-letter{flex:none;display:grid;place-items:center;width:54px;height:60px;border:1px solid currentColor;border-radius:9px;color:var(--path-accent);background:#ffffff08;font:34px Georgia,serif;box-shadow:0 0 20px #0002}
.path-pick-identity>div{min-width:0}
.path-pick-identity p{font-size:12px;color:#cbb6c9;margin:0 0 5px}
.path-pick-identity h2{font-size:27px;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:#fff1e6;word-break:keep-all;overflow-wrap:anywhere;margin:0}
.path-pick-question{font-size:15px;line-height:1.7;color:#f0d9cf;word-break:keep-all;margin:0}
.path-pick-instruction{font-size:13px;line-height:1.7;color:#d8c1ce;margin:4px 0 0}
.path-pick-instruction strong{color:var(--path-accent)}
.path-pick-receipt{border-top:1px solid #d9b7c324;padding-top:11px;margin:13px 0 0;font-size:11px;line-height:1.65;color:#baadbe;word-break:keep-all}
.path-pick-deck{grid-template-columns:repeat(11,minmax(0,1fr));gap:9px;margin-top:24px}
.path-pick-deck[hidden]{display:none}
.path-pick-deck button{min-width:0;min-height:44px}
.path-pick-deck button:focus-visible{outline:3px solid #f1d3a2;outline-offset:4px;transform:translateY(-4px)}
.path-pick-actions{gap:18px;margin-top:24px}
.path-pick-actions .primary-action{flex:1;min-height:48px;justify-content:center}
.path-pick-actions .text-action{font-size:12px}
.path-collected{min-width:0}
.path-collected-title{font-size:12px;color:#d0bbc8;letter-spacing:.5px;margin:0 0 12px}
.path-draw-layout .path-slots{display:grid;grid-template-columns:1fr;gap:16px;margin:0;max-width:none}
.path-option{--path-accent:#e7c699;min-width:0;border:1px solid #b699a13d;border-radius:12px;background:#211622ba;padding:16px 18px;transition:background .25s,border-color .25s,box-shadow .25s}
.path-option[data-path-side="1"]{--path-accent:#cfbaf9}
.path-option.is-active{border-color:var(--path-accent);background:#352535ee;box-shadow:0 0 24px #f3c79912}
.path-option[data-path-side="1"].is-active{background:#2c2340ee;box-shadow:0 0 24px #c19af326}
.path-option>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;align-items:start;margin-bottom:14px}
.path-option-letter{font:24px Georgia,serif;color:var(--path-accent)}
.path-draw-layout .path-option h2{text-align:left;font-size:15px;line-height:1.55;margin:0;color:#e7d4d8}
.path-option-status{grid-column:2;font-size:11px;color:var(--path-accent)}
.path-draw-layout .path-slot-row{gap:12px;max-width:240px;margin:auto}
.path-draw-layout .path-slot{min-width:0;padding:4px 4px 7px;border:1px solid transparent;border-radius:7px}
.path-draw-layout .path-slot img{display:block;max-height:96px;object-fit:contain;opacity:.3;transition:opacity .25s}
.path-draw-layout .path-slot.is-next{border-color:var(--path-accent);background:#d5bfff0c;box-shadow:0 0 15px #dac4ff1a}
.path-draw-layout .path-slot.is-next img{opacity:.85}
.path-draw-layout .path-slot.is-filled img{opacity:1}
.path-draw-layout .path-slot>span{font-size:11px;margin-top:8px;white-space:nowrap;color:#e9d0c0}
.path-slot-status{display:block;font-size:9px;margin-top:4px;line-height:1.4;color:#ad92a3;word-break:keep-all}
.path-slot.is-next .path-slot-status{color:var(--path-accent)}
.path-slot.is-filled .path-slot-status{color:#dbc3d0}
@media(max-width:850px){
 .path-draw-layout{grid-template-columns:1fr;gap:30px}
 .path-pick-deck{gap:12px;max-width:650px}
 .path-draw-layout .path-slots{grid-template-columns:1fr 1fr}
 .path-option{padding:14px 12px}
 .path-draw-layout .path-slot-row{gap:5px}
}
@media(max-width:520px){
 .paths-game .path-draw-heading{margin:18px 0 20px}
 .paths-game .path-draw-heading h1{font-size:28px}
 .paths-game .path-draw-heading>p:not(.eyebrow){font-size:12px}
 .path-pick-guide{padding:16px 16px 12px;top:8px}
 .path-pick-topline{font-size:12px;gap:8px}
 .path-pick-topline>span:last-child{font-size:11px}
 .path-pick-identity{gap:12px;margin:13px 0}
 .path-pick-letter{width:42px;height:51px;font-size:29px}
 .path-pick-identity h2{font-size:22px}
 .path-pick-question{font-size:14px}
 .path-pick-instruction{font-size:12px}
 .path-pick-receipt{font-size:10px;margin-top:10px;padding-top:9px}
 .path-pick-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 10px;margin-top:20px}
 .path-pick-actions{flex-direction:column;gap:8px}
 .path-pick-actions .primary-action{width:100%}
 .path-draw-layout .path-slots{gap:10px}
 .path-option>header{gap:6px}
 .path-draw-layout .path-option h2{font-size:12px}
 .path-draw-layout .path-slot{padding:2px}
 .path-draw-layout .path-slot>span{font-size:9px}
 .path-slot-status{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.path-pick-guide,.path-option,.path-draw-layout .path-slot img{transition:none}}
