:root{--td-ink:#1c1320;--td-paper:#fff8ed;--td-coral:#ff625f;--td-mint:#75d2bb;--td-yellow:#ffda58;--td-blue:#5875ef;--td-lilac:#b9a7ee}
.truth-dare-page{background:var(--td-paper);color:var(--td-ink)}
.td-hero{overflow:hidden;border-bottom:4px solid var(--td-ink);background:linear-gradient(135deg,var(--td-yellow) 0 58%,var(--td-coral) 58%)}
.td-hero__grid{min-height:43rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(22rem,.7fr);gap:clamp(2rem,8vw,8rem);align-items:center;padding-block:clamp(3rem,7vw,6rem)}
.td-hero .display-title{max-width:8ch;margin:.18em 0 .25em;font-size:clamp(4.8rem,9.5vw,9.6rem);line-height:.78;letter-spacing:-.055em}.td-hero p:not(.kicker){max-width:39rem;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;line-height:1.5}
.td-hero__stack{position:relative;min-height:31rem;perspective:1000px}.td-card{position:absolute;inset:3rem 2rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;border:4px solid var(--td-ink);box-shadow:12px 12px 0 var(--td-ink);font-style:normal}.td-card span{font-family:var(--font-display);font-size:clamp(3rem,6vw,6rem)}.td-card b{align-self:flex-end;font-family:var(--font-display);font-size:8rem;line-height:.7}.td-card--truth{background:var(--td-mint);transform:translate(-15%,-6%) rotate(-10deg)}.td-card--dare{background:var(--td-coral);transform:translate(12%,3%) rotate(8deg)}.td-card--pass{inset:8rem 5rem;background:var(--td-paper);transform:rotate(-1deg)}
.td-play{background:var(--td-paper)}.td-game{border:4px solid var(--td-ink);box-shadow:12px 12px 0 var(--td-ink);background:#fff}.td-setup{padding:clamp(1.2rem,4vw,3rem)}.td-setup fieldset{margin:0 0 2.3rem;padding:0;border:0}.td-setup legend{margin-bottom:1rem;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.7rem)}
.td-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.td-options--mode{grid-template-columns:repeat(2,minmax(0,1fr))}.td-options label{cursor:pointer}.td-options input{position:absolute;opacity:0}.td-options span{position:relative;min-height:8.5rem;display:flex;flex-direction:column;padding:1.2rem 4.5rem 1.2rem 1.2rem;border:3px solid var(--td-ink);background:var(--td-paper);box-shadow:5px 5px 0 var(--td-ink);transition:transform .15s,background .15s}.td-options--starter span{padding-right:1.2rem}.td-options label:nth-child(2) span{background:#ecf8f4}.td-options label:nth-child(3) span{background:#fff1f0}.td-options i{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.65rem;height:2.65rem;border:2px solid var(--td-ink);border-radius:50%;background:#fff;font-family:var(--font-display);font-size:1.05rem;font-style:normal;line-height:1}.td-options b{font-family:var(--font-display);font-size:1.65rem}.td-options small{margin-top:.45rem;font-size:.95rem;line-height:1.4}.td-options input:checked+span{background:var(--td-yellow);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--td-ink)}.td-options input:focus-visible+span{outline:4px solid var(--td-blue);outline-offset:3px}.td-setup__actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.td-setup__actions>span{font-weight:900}
.td-scorebar{display:grid;grid-template-columns:1fr 1fr 1fr auto;border-bottom:4px solid var(--td-ink);background:var(--td-ink);color:#fff}.td-scorebar>div,.td-scorebar>button{padding:1rem 1.2rem;border:0;border-right:2px solid #fff;background:none;color:inherit}.td-scorebar span,.td-scorebar strong{display:block}.td-scorebar span{font-size:.7rem;font-weight:950;letter-spacing:.1em}.td-scorebar strong{margin-top:.2rem;font-family:var(--font-display);font-size:1.25rem}.td-scorebar button{cursor:pointer;border-right:0;font-weight:950;text-decoration:underline}
.td-pick{padding:clamp(1.5rem,5vw,4rem);text-align:center}.td-pick h3{margin:.15em 0 .7em;font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);line-height:.85}.td-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.td-type-buttons button{min-height:17rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;padding:1.3rem;border:4px solid var(--td-ink);background:var(--td-mint);box-shadow:8px 8px 0 var(--td-ink);color:inherit;text-align:left;transition:transform .15s,box-shadow .15s}.td-type-buttons button:nth-child(2){background:var(--td-coral)}.td-type-buttons button:nth-child(3){background:var(--td-yellow)}.td-type-buttons button:hover,.td-type-buttons button:focus-visible{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--td-ink)}.td-type-buttons span{align-self:flex-end;display:grid;place-items:center;width:3.2rem;aspect-ratio:1;border:3px solid var(--td-ink);border-radius:50%;background:var(--td-paper);font-family:var(--font-display);font-size:1.8rem}.td-type-buttons b{margin-top:auto;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem)}.td-type-buttons small{font-weight:900}
.td-reveal{--card-color:var(--td-mint);min-height:34rem;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,6vw,5rem);background:var(--card-color);outline:none}.td-reveal[data-kind="dare"]{--card-color:var(--td-coral)}.td-reveal__label{display:flex;justify-content:space-between;gap:1rem;border-bottom:3px solid var(--td-ink);padding-bottom:.8rem;font-weight:950;letter-spacing:.08em}.td-reveal>p[data-td-prompt]{max-width:22ch;margin:clamp(2rem,6vw,4rem) auto;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5.4rem);line-height:.95;text-align:center}.td-reveal__actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.td-reveal__actions>button:not(.button){cursor:pointer;padding:.85rem 1rem;border:2px solid var(--td-ink);background:var(--td-paper);color:var(--td-ink);font-weight:950}.td-reveal__actions button:disabled{opacity:.45;cursor:not-allowed}.td-status{min-height:1.4em;margin:1rem 0 0;text-align:center;font-weight:800}
.td-handoff,.td-final{padding:clamp(2rem,7vw,6rem);background:var(--td-blue);color:#fff;text-align:center}.td-handoff>span{font-size:.8rem;font-weight:950;letter-spacing:.12em}.td-handoff h3,.td-final h3{margin:.25em auto;font-family:var(--font-display);font-size:clamp(3.2rem,8vw,7.5rem);line-height:.82}.td-handoff p,.td-final>p:not(.kicker){max-width:42rem;margin:1rem auto 2rem;font-size:1.15rem;line-height:1.5}.td-final{background:var(--td-ink)}.td-recap{max-width:44rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem auto}.td-recap div{padding:1rem;border:2px solid #fff;background:var(--td-paper);color:var(--td-ink)}.td-recap strong,.td-recap span{display:block}.td-recap strong{font-family:var(--font-display);font-size:2.5rem}.td-final__actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.td-final__actions a{color:#fff;font-weight:950}.td-noscript{margin:1rem;padding:1.5rem;border:3px solid var(--td-ink);background:var(--td-yellow)}
.td-rules{background:var(--td-mint);border-block:4px solid var(--td-ink)}.td-rules__grid{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--td-ink);box-shadow:9px 9px 0 var(--td-ink)}.td-rules__grid article{padding:1.4rem;border-right:2px solid var(--td-ink);background:var(--td-paper)}.td-rules__grid article:nth-child(2){background:var(--td-yellow)}.td-rules__grid article:nth-child(3){background:var(--td-coral)}.td-rules__grid article:nth-child(4){background:var(--td-lilac);border-right:0}.td-rules__grid span{font-family:var(--font-display);font-size:2.5rem}.td-rules__grid h3{margin:.7rem 0 .5rem;font-family:var(--font-display);font-size:1.65rem}.td-rules__grid p{margin:0;line-height:1.5}.td-search__grid{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:start}.td-search__grid p{font-size:1.15rem;line-height:1.65}.td-search__grid a{color:var(--td-yellow);font-weight:900}
@media(max-width:800px){.td-hero__grid,.td-search__grid{grid-template-columns:1fr}.td-hero__stack{min-height:25rem}.td-options,.td-options--mode{grid-template-columns:1fr}.td-options span{min-height:auto}.td-type-buttons{grid-template-columns:1fr}.td-type-buttons button{min-height:10rem}.td-scorebar{grid-template-columns:repeat(3,1fr)}.td-scorebar>button{grid-column:1/-1;border-top:2px solid #fff}.td-rules__grid{grid-template-columns:repeat(2,1fr)}.td-rules__grid article:nth-child(2){border-right:0}.td-rules__grid article:nth-child(-n+2){border-bottom:2px solid var(--td-ink)}}
@media(max-width:520px){.td-hero{background:linear-gradient(155deg,var(--td-yellow) 0 68%,var(--td-coral) 68%)}.td-hero .display-title{font-size:clamp(4.2rem,20vw,6.2rem)}.td-hero__stack{min-height:21rem}.td-card{inset:2.4rem 1.4rem;padding:1.1rem;box-shadow:8px 8px 0 var(--td-ink)}.td-card--pass{inset:5.5rem 3rem}.td-card span{font-size:3rem}.td-card b{font-size:5rem}.td-scorebar>div{padding:.8rem .55rem}.td-scorebar strong{font-size:1rem}.td-pick{padding:1.5rem 1rem}.td-type-buttons{gap:.85rem}.td-reveal{min-height:31rem}.td-recap,.td-rules__grid{grid-template-columns:1fr}.td-rules__grid article{border-right:0!important;border-bottom:2px solid var(--td-ink)}.td-rules__grid article:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.td-options span,.td-type-buttons button{transition:none}}
.td-scorebar{grid-template-columns:repeat(4,1fr) auto}
.td-progress{display:grid;grid-template-columns:repeat(10,1fr);gap:.35rem;padding:.7rem 1rem;border-bottom:3px solid var(--td-ink);background:var(--td-paper)}
.td-progress i{height:.55rem;border:2px solid var(--td-ink);background:#fff}.td-progress i[data-state="done"]{background:var(--td-mint)}.td-progress i[data-state="current"]{background:var(--td-yellow)}
.td-type-buttons:has(.td-type-buttons__wild:not([hidden])){grid-template-columns:repeat(4,1fr)}
.td-type-buttons .td-type-buttons__wild{background:var(--td-blue);color:#fff}.td-type-buttons .td-type-buttons__wild span{color:var(--td-ink)}
.td-wild-note{width:max-content;max-width:100%;margin:1.5rem auto 0;padding:.55rem .8rem;border:2px solid var(--td-ink);background:var(--td-blue);color:#fff;font-weight:950}
.td-reveal[data-kind="wild"]{--card-color:var(--td-blue);color:#fff}.td-reveal[data-kind="wild"] .td-reveal__label,.td-reveal[data-kind="wild"] .td-heat-meter{border-color:#fff}.td-reveal[data-kind="wild"] .td-heat-meter i{border-color:#fff}.td-reveal[data-kind="wild"] .td-tune{color:var(--td-ink)}
.td-heat-meter{display:flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;margin:1.1rem auto 0;padding:.55rem .75rem;border:2px solid var(--td-ink);background:rgba(255,248,237,.72)}
.td-heat-meter i{position:relative;width:1.05rem;height:.65rem;border:2px solid var(--td-ink);border-radius:65% 35% 65% 35%;background:#fff;transform:rotate(-12deg)}.td-heat-meter i::after{content:"";position:absolute;right:-.28rem;top:-.18rem;width:.34rem;height:.18rem;border-top:2px solid currentColor;transform:rotate(-28deg)}.td-heat-meter i[data-on="true"]{background:var(--td-coral)}.td-heat-meter span{margin-left:.35rem;font-size:.72rem;font-weight:950;letter-spacing:.06em;color:var(--td-ink)}
.td-tune{max-width:56rem;margin:0 auto 2rem;padding:1rem;border:3px solid var(--td-ink);background:var(--td-paper);box-shadow:6px 6px 0 var(--td-ink)}.td-tune h4{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.2rem;text-align:center}.td-tune>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.td-tune button{display:flex;align-items:center;gap:.55rem;cursor:pointer;padding:.55rem;border:2px solid var(--td-ink);background:#fff;color:var(--td-ink);font-weight:900;text-align:left}.td-tune button:nth-child(2){background:var(--td-mint)}.td-tune button:nth-child(3){background:var(--td-coral)}.td-tune button:nth-child(4){background:var(--td-yellow)}.td-tune button[aria-pressed="true"]{outline:4px solid var(--td-blue);outline-offset:2px;transform:translate(-2px,-2px)}.td-tune button span{flex:0 0 2.25rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--td-ink);border-radius:50%;background:var(--td-paper);font-size:1.15rem;line-height:1}.td-tune button b{line-height:1.05}.td-tune>p{min-height:1.3em;margin:.75rem 0 0;text-align:center;font-size:.86rem;font-weight:800}
@media(max-width:900px){.td-type-buttons:has(.td-type-buttons__wild:not([hidden])){grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.td-scorebar{grid-template-columns:repeat(2,1fr)}.td-scorebar>button{grid-column:1/-1}.td-tune>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.td-type-buttons:has(.td-type-buttons__wild:not([hidden])){grid-template-columns:1fr}.td-progress{gap:.2rem;padding:.6rem}.td-tune{padding:.8rem}.td-tune>div{grid-template-columns:1fr 1fr}.td-tune button{font-size:.8rem;padding:.65rem .5rem}.td-reveal>p[data-td-prompt]{margin-block:1.6rem;font-size:clamp(2.1rem,11vw,3.5rem)}}