.tr{--paper: #FBFAF7;--ink: #1B1915;--ink-soft: #6B675E;--pencil: #C2202F;--pencil-soft: rgba(194, 32, 47, .08);--gold: #8A6D1F;--rule: #E6E2D6;--ease: cubic-bezier(.23, 1, .32, 1);--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;box-sizing:border-box;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;max-width:720px;margin:0 auto;padding:28px 24px 32px;outline:none}.tr *,.tr *:before,.tr *:after{box-sizing:inherit}.tr-intro{text-align:center}.tr-intro h1{font-family:var(--serif);font-size:clamp(30px,5.4vw,46px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-weight:700}.tr-intro h1 .tr-cut{position:relative;white-space:nowrap}.tr-intro h1 .tr-cut:after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:3px;background:var(--pencil);border-radius:2px;transform:rotate(-2deg);transform-origin:left center;animation:tr-draw .6s var(--ease) .4s both}@keyframes tr-draw{0%{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}.tr-intro p{font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:420px;margin:0 auto;text-wrap:pretty}.tr-rules{display:inline-flex;gap:22px;margin:26px 0 30px;font-size:13px;color:var(--ink-soft)}.tr-rules b{display:block;font-family:var(--serif);font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}.tr-para{font-family:var(--serif);font-size:clamp(19px,2.6vw,25px);line-height:1.95;-webkit-user-select:none;user-select:none;margin:0}.tr-word{position:relative;display:inline-block;padding:1px 4px;margin:0 1px;border-radius:4px;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease),background-color .18s var(--ease),opacity .22s var(--ease),transform .24s var(--ease)}@media (hover: hover) and (pointer: fine){.tr-word.tr-alive:hover{background:var(--pencil-soft)}}.tr-word.tr-alive:active{transform:scale(.96)}.tr-word.tr-struck{color:var(--ink-soft);opacity:.48;transform:scale(.94)}.tr-word:focus-visible{outline:2px solid var(--pencil);outline-offset:2px}.tr-word.tr-focused{outline:2px solid var(--pencil);outline-offset:2px}.tr-strike{position:absolute;left:0;top:50%;width:100%;height:8px;margin-top:-4px;pointer-events:none;overflow:visible}.tr-strike path{stroke:var(--pencil);stroke-width:3.2;stroke-linecap:round;fill:none;stroke-dasharray:110;stroke-dashoffset:110;animation:tr-pencil .22s var(--ease) forwards;opacity:.92}@keyframes tr-pencil{to{stroke-dashoffset:0}}.tr-word.tr-going{opacity:0;transform:translateY(6px) scale(.9)}.tr-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid var(--rule)}.tr-count{font-family:var(--serif);font-size:15px;color:var(--ink-soft)}.tr-count b{font-size:28px;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .18s ease}.tr-count b.tr-over{color:var(--pencil)}.tr-count .tr-goal{font-size:13px}.tr-btn{font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--ink);border:none;border-radius:12px;padding:0 22px;min-height:48px;min-width:132px;cursor:pointer;transition:transform .14s var(--ease),background-color .18s ease,opacity .18s ease}.tr-btn:active{transform:scale(.96)}.tr-btn:disabled{opacity:.35;cursor:default}.tr-btn.tr-ready{background:var(--pencil)}.tr-ghost{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:1px solid var(--rule);min-height:44px;padding:0 18px;border-radius:12px;cursor:pointer;transition:transform .14s var(--ease),background-color .18s ease}.tr-ghost:active{transform:scale(.96)}@media (hover: hover) and (pointer: fine){.tr-ghost:hover{background:#0000000a}}.tr-reveal>*{opacity:0;transform:translateY(10px);animation:tr-rise .42s var(--ease) forwards}.tr-reveal>*:nth-child(1){animation-delay:0ms}.tr-reveal>*:nth-child(2){animation-delay:90ms}.tr-reveal>*:nth-child(3){animation-delay:.18s}.tr-reveal>*:nth-child(4){animation-delay:.27s}.tr-reveal>*:nth-child(5){animation-delay:.36s}.tr-reveal>*:nth-child(6){animation-delay:.45s}.tr-reveal>*:nth-child(7){animation-delay:.54s}@keyframes tr-rise{to{opacity:1;transform:translateY(0)}}.tr-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:22px 0 6px}.tr-reveal>.tr-label:first-child{margin-top:0}.tr-yourcut{font-family:var(--serif);font-size:clamp(21px,3.2vw,28px);line-height:1.5;text-wrap:balance;margin:8px 0 4px}.tr-scores{display:flex;gap:28px;align-items:baseline;margin-top:8px}.tr-scores .tr-big{font-family:var(--serif);font-size:44px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.tr-scores .tr-big.tr-meaning{color:var(--pencil)}.tr-scores .tr-sub{font-size:12px;color:var(--ink-soft);margin-top:5px}.tr-tier{display:inline-block;font-family:var(--serif);font-size:19px;font-weight:700;color:var(--gold);margin-top:14px}.tr-tiernote{font-size:14px;color:var(--ink-soft);margin-top:2px}.tr-solve{font-family:var(--serif);font-size:18px;font-style:italic;color:var(--ink-soft);border-left:3px solid var(--pencil);padding-left:14px;margin:6px 0 0}.tr-moral{margin-top:30px;padding:18px 20px;background:#f3f1eb;border-radius:14px;font-size:14.5px;line-height:1.55;color:var(--ink);text-wrap:pretty;box-shadow:inset 0 0 0 1px #0000000a}.tr-moral b{font-family:var(--serif)}.tr-acts{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}@media (max-width: 520px){.tr{padding:22px 16px 26px}.tr-para{font-size:18px;line-height:2}.tr-word{padding:1px 3px;margin:0}.tr-scores{gap:20px}.tr-rules{gap:16px}.tr-btn{min-width:0;padding:0 18px}}@media (prefers-reduced-motion: reduce){.tr-word,.tr-btn,.tr-ghost{transition:color .2s ease,background-color .2s ease,opacity .2s ease}.tr-word.tr-going{transform:none}.tr-reveal>*{animation-duration:1ms;opacity:1;transform:none}.tr-intro h1 .tr-cut:after{animation:none;transform:rotate(-2deg) scaleX(1)}.tr-strike path{animation:none;stroke-dashoffset:0}}
