.shared-draw{padding-top:48px}.shared-draw .off-court__hero{padding-bottom:32px}.shared-draw .off-court__hero h1{font-size:clamp(40px,5.4vw,64px)}.draw-intro{max-width:64ch;font:400 22px/1.5 "EB Garamond",Georgia,serif;color:#e6dfd2}.draw-intro p{margin:0 0 16px}.draw-intro a{font-size:18px}.draw-surface{border-top:1px solid #5e6059;margin-top:32px;padding-top:24px}.draw-surface h2{font:500 32px/1.2 "EB Garamond",Georgia,serif;margin:0 0 12px}.draw-surface>p{max-width:70ch;line-height:1.6;color:#e6dfd2}.draw-deck{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:14px 10px;margin:28px 0}.draw-card{position:relative;aspect-ratio:2/3;background:transparent;color:#f7f2e6;border:2px solid transparent;border-radius:5px;cursor:pointer;padding:0;min-width:0;min-height:64px}.draw-card__back{position:absolute;inset:0;overflow:hidden;border-radius:4.5%/3%;background:#0b0f0e}.draw-card__back img{position:absolute;width:240%;height:auto;max-width:none;left:-11.4%;top:-14.5%;pointer-events:none;user-select:none}.draw-card__number{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);padding:2px 5px;background:#0b0f0e;color:#f7f2e6;border-radius:2px;font:500 12px/1.25 "IBM Plex Sans",Arial,sans-serif}.draw-card[aria-pressed=true]{border-color:#e2c396;box-shadow:0 0 0 3px #0b0f0e,0 0 0 5px #e2c396}.draw-card__selection{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f7f2e6;color:#171a19;font:600 10px/1.4 "IBM Plex Sans",Arial,sans-serif}.draw-card[aria-pressed=true] .draw-card__selection{padding:5px 3px}.draw-card:hover{border-color:#f7f2e6}.draw-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.draw-controls button{min-height:48px;padding:12px 22px;border:1px solid #e2c396;background:#f7f2e6;color:#171a19;font:500 15px/1.4 "IBM Plex Sans",Arial,sans-serif;cursor:pointer}.draw-controls .draw-secondary{background:transparent;color:#f7f2e6}.draw-controls button:disabled{opacity:.5;cursor:default}.draw-status{min-height:1.6em;font:400 15px/1.6 "IBM Plex Sans",Arial,sans-serif;color:#e2c396}.draw-results__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);margin:32px 0}.draw-front{display:block;width:min(100%,245px);height:auto;margin:0 auto 24px}.draw-encounter h3{font:500 30px/1.15 "EB Garamond",Georgia,serif;margin:0 0 8px}.draw-encounter>p,.draw-meaning p{font:400 20px/1.5 "EB Garamond",Georgia,serif;color:#e6dfd2;margin:0 0 20px}.draw-encounter .draw-archetype{color:#e2c396;font-style:italic}.draw-encounter fieldset{border:0;padding:0;margin:24px 0}.draw-encounter legend{font:500 14px/1.5 "IBM Plex Sans",Arial,sans-serif;margin-bottom:12px}.draw-expressions{display:flex;flex-wrap:wrap;gap:8px}.draw-expressions label{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;border:1px solid #777468;font:400 14px/1.3 "IBM Plex Sans",Arial,sans-serif;cursor:pointer}.draw-expressions label:has(input:checked){border-color:#e2c396;background:#e2c396;color:#171a19}.draw-expressions input{accent-color:#0b0f0e}.draw-meaning h4{font:500 22px/1.3 "EB Garamond",Georgia,serif;color:#e2c396;margin:0 0 8px}.draw-encounter .draw-question{border-top:1px solid #5e6059;padding-top:20px;font-style:italic}.draw-encounter>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.draw-conversation{border-top:1px solid #5e6059;padding-top:28px;margin-top:40px;max-width:72ch}.draw-conversation p,.draw-conversation li{font:400 22px/1.5 "EB Garamond",Georgia,serif;color:#e6dfd2}.draw-conversation li{padding-left:8px;margin-bottom:16px}.draw-note{font:400 14px/1.6 "IBM Plex Sans",Arial,sans-serif;color:#d9d1c5;max-width:76ch}.shared-draw button:focus-visible,.shared-draw a:focus-visible,.draw-expressions label:has(input:focus-visible){outline:3px solid #42b6a6;outline-offset:5px}.shared-draw [hidden]{display:none!important}.shared-draw .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.draw-results-title:focus{outline:none}@media(max-width:850px){.draw-deck{grid-template-columns:repeat(8,minmax(0,1fr))}.draw-results__cards{grid-template-columns:1fr;max-width:620px}.draw-encounter{border-bottom:1px solid #5e6059;padding-bottom:32px}.draw-front{width:min(70%,270px)}.draw-encounter h3{text-align:center}.draw-encounter .draw-archetype{text-align:center}}@media(max-width:540px){.draw-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}.shared-draw{padding-top:32px}.draw-intro{font-size:21px}.draw-controls{gap:12px}.draw-card__number{font-size:10px}.draw-card__selection{font-size:9px}}@media(prefers-reduced-motion:reduce){.shared-draw{scroll-behavior:auto}}
.shared-draw .off-back{margin-bottom:16px}.shared-draw .off-court__hero{padding-bottom:20px}.shared-draw .off-court__hero h1{font-size:clamp(38px,4.5vw,52px);margin-bottom:12px}.shared-draw .off-court__hero>p{font-size:clamp(23px,2.5vw,28px)}.draw-surface{margin-top:24px;padding-top:20px}.draw-surface>p{margin:0 0 12px;line-height:1.5}.draw-deck{margin-top:20px}@media(max-width:380px){.draw-deck{grid-template-columns:repeat(5,minmax(0,1fr))}}