:root{--deck-ink:#1c1320;--deck-paper:#fff8ed;--deck-coral:#ff625f;--deck-mint:#75d2bb;--deck-yellow:#ffda58;--deck-lilac:#b9a7ee}
.redraw-page{background:var(--deck-paper);color:var(--deck-ink)}.redraw-page .section{padding-block:clamp(3.8rem,8vw,7rem)}
.redraw-hero{overflow:hidden;border-bottom:4px solid var(--deck-ink);background:linear-gradient(125deg,var(--deck-lilac) 0 63%,var(--deck-coral) 63%)}.redraw-hero__grid{min-height:43rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,.75fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding-block:clamp(3rem,7vw,6rem)}.redraw-hero .display-title{margin:.18em 0 .25em;font-size:clamp(5rem,10vw,10rem);line-height:.72;letter-spacing:-.06em}.redraw-hero p:not(.kicker){max-width:38rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;font-weight:700}.redraw-hero__cards{position:relative;min-height:29rem}.redraw-hero__cards span{position:absolute;display:grid;place-items:center;width:15rem;height:21rem;border:4px solid var(--deck-ink);box-shadow:8px 8px 0 var(--deck-ink);font-family:var(--font-display);font-size:2.2rem}.redraw-hero__cards span:nth-child(1){top:1rem;left:0;background:var(--deck-mint);rotate:-13deg}.redraw-hero__cards span:nth-child(2){top:0;right:1rem;background:var(--deck-yellow);rotate:10deg}.redraw-hero__cards span:nth-child(3){bottom:0;left:2rem;background:var(--deck-coral);rotate:7deg}.redraw-hero__cards span:nth-child(4){right:0;bottom:1rem;background:var(--deck-paper);rotate:-7deg}
.redraw-play{background:var(--deck-mint);border-bottom:4px solid var(--deck-ink)}.redraw-play__shell{max-width:80rem}.redraw-board{border:4px solid var(--deck-ink);background:var(--deck-paper);box-shadow:12px 12px 0 var(--deck-ink)}.redraw-setup{padding:clamp(1.2rem,4vw,3rem)}.redraw-setup fieldset{margin:0 0 2.5rem;padding:0;border:0}.redraw-setup legend{margin-bottom:1rem;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.redraw-options{display:grid;gap:.8rem}.redraw-options--four{grid-template-columns:repeat(4,1fr)}.redraw-options--three{grid-template-columns:repeat(3,1fr)}.redraw-options label{cursor:pointer}.redraw-options input{position:absolute;opacity:0;pointer-events:none}.redraw-options span{min-height:7rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;border:2px solid var(--deck-ink);background:#fff;transition:transform .12s,box-shadow .12s,background .12s}.redraw-options b{font-family:var(--font-display);font-size:1.45rem;line-height:1}.redraw-options small{font-size:.88rem;line-height:1.3}.redraw-options input:checked+span{background:var(--deck-yellow);box-shadow:5px 5px 0 var(--deck-ink);transform:translate(-3px,-3px)}.redraw-options input:focus-visible+span{outline:4px solid #175cff;outline-offset:2px}.redraw-setup__actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.redraw-setup__actions p{max-width:30rem;margin:0;font-size:.88rem;line-height:1.45}
.redraw-round{padding:clamp(1rem,4vw,3rem);background:var(--deck-ink)}.round-bar{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;color:#fff;margin-bottom:2rem}.round-bar>div{display:flex;align-items:baseline;gap:.7rem}.round-bar span{font-size:.72rem;font-weight:950;letter-spacing:.09em;color:var(--deck-mint)}.round-bar strong{font-family:var(--font-display);font-size:1.45rem}.round-bar button{border:1px solid #fff;background:transparent;color:#fff;padding:.7rem .9rem;font:900 .85rem var(--font-sans);cursor:pointer}.round-bar button:hover,.round-bar button:focus-visible{background:var(--deck-yellow);color:var(--deck-ink)}
.draw-stage{display:grid;place-items:center;min-height:29rem;padding:2rem;background:repeating-linear-gradient(45deg,#2d2130 0 22px,#241827 22px 44px);border:2px solid #fff}.draw-card{--card-color:var(--deck-yellow);width:min(100%,34rem);min-height:22rem;display:flex;flex-direction:column;padding:1.5rem;border:4px solid var(--deck-ink);background:var(--card-color);box-shadow:12px 12px 0 #fff;transform:rotate(-1.5deg)}.draw-card[data-family="tell"]{--card-color:var(--deck-mint)}.draw-card[data-family="show"]{--card-color:var(--deck-coral)}.draw-card[data-family="imagine"]{--card-color:var(--deck-lilac)}.draw-card[data-family="two"]{--card-color:var(--deck-yellow)}.draw-card:focus{outline:5px solid #fff;outline-offset:4px}.draw-card__top{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--deck-ink);padding-bottom:.8rem}.draw-card__top span,.draw-card__top small{font-weight:950;letter-spacing:.08em}.draw-card>p{margin:auto 0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.7rem);line-height:.92}.draw-card__edit{width:max-content;max-width:100%;padding:.35rem .55rem;border:2px solid var(--deck-ink);background:var(--deck-paper);font-size:.75rem;font-weight:950;letter-spacing:.07em}
.round-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.round-action{min-height:8rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem;border:3px solid #fff;color:var(--deck-ink);cursor:pointer;text-align:left;box-shadow:5px 5px 0 #fff;transition:transform .12s,box-shadow .12s}.round-action:hover,.round-action:focus-visible{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #fff}.round-action span{font-family:var(--font-display);font-size:1.7rem}.round-action small{font:750 .85rem/1.35 var(--font-sans)}.round-action--play{background:var(--deck-yellow)}.round-action--edit{background:var(--deck-mint)}.round-action--redraw{background:var(--deck-coral)}.round-status{min-height:1.4em;margin:1.4rem 0 0;color:#fff;font-weight:800}
.redraw-final{padding:clamp(1.5rem,5vw,4rem);background:var(--deck-yellow)}.redraw-final:focus{outline:5px solid var(--deck-coral);outline-offset:-8px}.redraw-final h3{margin:.3rem 0 1rem;font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7rem);line-height:.82}.redraw-final>p:not(.kicker){max-width:52rem;font-size:1.15rem;line-height:1.55}.final-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin:2rem 0}.final-card{min-height:13rem;padding:1.2rem;border:3px solid var(--deck-ink);background:var(--deck-paper);box-shadow:7px 7px 0 var(--deck-ink)}.final-card span{font-size:.72rem;font-weight:950;letter-spacing:.08em}.final-card p{font-family:var(--font-display);font-size:1.8rem;line-height:1;margin:2rem 0 0}.final-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.final-actions a{color:inherit;font-weight:950}.no-script-game{padding:1.4rem;border:3px solid var(--deck-ink);background:var(--deck-coral);box-shadow:8px 8px 0 var(--deck-ink)}.no-script-game h3{font-family:var(--font-display);font-size:2rem}.no-script-game p{line-height:1.55}.no-script-game a{color:inherit;font-weight:950}
.redraw-human{background:var(--deck-lilac);border-bottom:4px solid var(--deck-ink)}.redraw-human__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.7fr);gap:clamp(2rem,6vw,6rem);align-items:center}.redraw-human figure{margin:0;border:4px solid var(--deck-ink);background:var(--deck-ink);box-shadow:11px 11px 0 var(--deck-coral);rotate:-1deg}.redraw-human picture,.redraw-human img{display:block;width:100%}.redraw-human img{height:auto;aspect-ratio:3/2;object-fit:cover}.redraw-human figcaption{padding:1rem 1.2rem;color:#fff;font-weight:900;line-height:1.35}.redraw-human .section-title{font-size:clamp(3.5rem,7vw,7rem)}.redraw-human__grid>div>p:not(.kicker){max-width:34rem;font-size:1.2rem;line-height:1.6}
.section--yellow{background:var(--deck-yellow);border-bottom:4px solid var(--deck-ink)}.rules-strip{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border:3px solid var(--deck-ink);box-shadow:9px 9px 0 var(--deck-ink)}.rules-strip li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.3rem;border-right:2px solid var(--deck-ink);background:var(--deck-paper)}.rules-strip li:last-child{border-right:0}.rules-strip li:nth-child(2){background:var(--deck-mint)}.rules-strip li:nth-child(3){background:var(--deck-lilac)}.rules-strip li:nth-child(4){background:var(--deck-coral)}.rules-strip>li>span{font-family:var(--font-display);font-size:2rem}.rules-strip h3{margin:.2rem 0 .5rem;font-family:var(--font-display);font-size:1.5rem}.rules-strip p{margin:0;line-height:1.45}
.button-meaning{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--deck-ink);box-shadow:9px 9px 0 var(--deck-ink)}.button-meaning article{min-height:17rem;padding:1.4rem;border-right:2px solid var(--deck-ink);background:var(--deck-yellow)}.button-meaning article:nth-child(2){background:var(--deck-mint)}.button-meaning article:nth-child(3){border-right:0;background:var(--deck-coral)}.button-meaning b{display:inline-block;padding:.35rem .55rem;background:var(--deck-ink);color:#fff;font-size:.75rem;letter-spacing:.08em}.button-meaning h3{margin:3rem 0 .7rem;font-family:var(--font-display);font-size:2rem;line-height:1}.button-meaning p{margin:0;line-height:1.55}
.redraw-next .section-title{font-size:clamp(3.5rem,8vw,7rem)}.redraw-next .shell>div{border-top:2px solid #fff}.redraw-next a{display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;align-items:center;color:inherit;text-decoration:none;padding:1.2rem .5rem;border-bottom:2px solid #fff}.redraw-next a:hover,.redraw-next a:focus-visible{background:var(--deck-yellow);color:var(--deck-ink)}.redraw-next a span,.redraw-next a b{font-family:var(--font-display);font-size:2rem}.redraw-next a strong{font-family:var(--font-display);font-size:1.7rem}
@media(max-width:900px){.redraw-hero__grid,.redraw-human__grid{grid-template-columns:1fr}.redraw-hero__cards{min-height:26rem}.redraw-human figure{max-width:48rem}.redraw-options--four,.redraw-options--three{grid-template-columns:repeat(2,1fr)}.rules-strip{grid-template-columns:repeat(2,1fr)}.rules-strip li:nth-child(2){border-right:0}.rules-strip li:nth-child(-n+2){border-bottom:2px solid var(--deck-ink)}}
@media(max-width:620px){.redraw-hero{background:linear-gradient(150deg,var(--deck-lilac) 0 78%,var(--deck-coral) 78%)}.redraw-hero__grid{min-height:auto}.redraw-hero .display-title{font-size:clamp(5rem,23vw,7rem)}.redraw-hero__cards{min-height:22rem}.redraw-hero__cards span{width:10rem;height:14rem;font-size:1.4rem}.redraw-human figure{margin-right:.5rem;box-shadow:8px 8px 0 var(--deck-coral);rotate:-.5deg}.redraw-options--four,.redraw-options--three,.round-actions,.rules-strip,.button-meaning,.final-cards{grid-template-columns:1fr}.redraw-options span{min-height:5.5rem}.round-bar{grid-template-columns:1fr 1fr}.round-bar button{grid-column:1/-1}.draw-stage{min-height:25rem;padding:1rem}.draw-card{min-height:20rem;padding:1.1rem;box-shadow:7px 7px 0 #fff}.round-action{min-height:6.5rem}.rules-strip li{border-right:0!important;border-bottom:2px solid var(--deck-ink)!important}.rules-strip li:last-child{border-bottom:0!important}.button-meaning article{min-height:13rem;border-right:0;border-bottom:2px solid var(--deck-ink)}.button-meaning article:last-child{border-bottom:0}.button-meaning h3{margin-top:2rem}.redraw-next a{grid-template-columns:2.5rem 1fr auto}.redraw-next a strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.redraw-options span,.round-action{transition:none}}
