.tc-tool{--yesno-yes:#2f7a4f;--yesno-yes-bg:#e8f4ec;--yesno-no:#4a5578;--yesno-no-bg:#edf0f6;--yesno-cond:#94661a;--yesno-cond-bg:#fbf1df}.tc-tool.is-revealed{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e38;border-radius:1rem;margin:1.75rem 0 .5rem;padding:1.25rem}.tc-draw{cursor:pointer;background:0 0;border:none;flex-direction:column;grid-column:1/-1;align-items:center;gap:.625rem;margin-top:.5rem;padding:.25rem 0 0;display:flex}.tc-draw-cards{gap:1rem;display:flex}.tc-draw-card{--w:3.75rem;width:var(--w);height:calc(var(--w)*1.71);border:1px solid var(--hp-accent-gold);border-radius:.6rem;transition:transform .2s,filter .2s;display:block;position:relative;overflow:hidden;box-shadow:-4px 4px 10px -4px #5b453759}.tc-draw-card:first-child{transform:rotate(-4deg)}.tc-draw-card:last-child{transform:rotate(4deg)}.tc-draw-card b{color:#fff;background:var(--hp-accent-pink);border-radius:9999px;min-width:1.375rem;padding:.0625rem .375rem;font-size:.75rem;line-height:1.4;position:absolute;bottom:.375rem;left:50%;transform:translate(-50%)}.tc-draw:hover .tc-draw-card:first-child,.tc-draw:focus-visible .tc-draw-card:first-child{transform:rotate(-4deg)translateY(-.5rem)}.tc-draw:hover .tc-draw-card:last-child,.tc-draw:focus-visible .tc-draw-card:last-child{transform:rotate(4deg)translateY(-.5rem)}.tc-draw:focus-visible{outline:2px solid var(--hp-accent-pink);outline-offset:4px;border-radius:.75rem}.tc-draw-label{min-height:2.75rem;font-size:.875rem;font-weight:var(--type-weight-strong);color:#fff;background:var(--hp-accent-pink);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem 1.5rem;transition:background .2s;display:inline-flex}.tc-draw:hover .tc-draw-label{background:#dd8a8e}.tc-draw.is-locked .tc-draw-card{opacity:.55;filter:saturate(.6)}.tc-draw.is-locked .tc-draw-label{background:#e89b9e80}.tc-tool .yesno-hint{grid-column:1/-1;margin-top:.25rem}.tc-tool .spread-starter-input.is-needed{border-color:var(--hp-accent-pink);box-shadow:0 0 0 3px #e89b9e38}.tc-result{outline:none}.tc-sides{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.tc-side{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}@supports (grid-template-rows:subgrid){.tc-sides{grid-template-rows:auto auto 1fr}.tc-side{grid-row:span 3;grid-template-rows:subgrid;place-items:end center;display:grid}.tc-side>.yesno-step{align-self:start}}.tc-side-option{width:100%;font-size:.8125rem;line-height:1.6;font-weight:var(--type-weight-strong);color:var(--hp-text-main);overflow-wrap:anywhere;justify-content:center;align-items:baseline;gap:.375rem;margin-bottom:.625rem;display:flex}.tc-side-letter{color:#fff;background:var(--hp-accent-pink);border-radius:9999px;flex-shrink:0;min-width:1.25rem;padding:0 .3125rem;font-size:.6875rem;line-height:1.6}.tc-card.yesno-result-card{--w:5.5rem}@media (min-width:640px){.tc-card.yesno-result-card{--w:7rem}}.tc-side-card{color:var(--hp-text-main);margin-top:.75rem;font-size:.8125rem;line-height:1.5}.tc-side-card span{color:var(--hp-text-sub);font-size:.75rem;display:block}.tc-side-verdict.yesno-verdict{margin:.25rem 0;font-size:1.625rem}@media (min-width:640px){.tc-side-verdict.yesno-verdict{font-size:2rem}}.tc-side-reason{color:var(--hp-text-main);text-align:left;font-size:.8125rem;line-height:1.8}.tc-summary{font-size:.9375rem;line-height:1.85;font-weight:var(--type-weight-strong);color:var(--hp-text-main);text-align:center;background:var(--hp-accent-pink-bg);overflow-wrap:anywhere;border-radius:.75rem;margin-top:1.125rem;padding:.875rem 1rem}@media (prefers-reduced-motion:reduce){.tc-draw-card{transition:none}}
