.tr{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px;margin:0 auto;font-family:var(--body, "Inter", system-ui, sans-serif);color:var(--text, #f3f6f8)}.tr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line, #1c222a);padding-bottom:8px}.tr-title{font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:18px}.tr-sub{font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--text-faint, #545d69);text-align:right}.tr-stage{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--line, #1c222a);border-radius:4px;overflow:hidden;background:#070b0f}@media(min-width:620px){.tr-stage{aspect-ratio:4 / 3}}.tr-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}.tr-draw .tr-canvas{cursor:crosshair}.tr-ready .tr-canvas,.tr-study .tr-canvas,.tr-lap .tr-canvas,.tr-result .tr-canvas{cursor:default}.tr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;background:#05070af0}.tr-big{font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:.12em;font-size:clamp(24px,6vw,36px);color:var(--lime, #c8ff00)}.tr-note{color:var(--text-dim, #99a3af);font-size:14.5px;max-width:34ch;line-height:1.5}.tr-fact{margin-top:6px;color:var(--text-faint, #545d69);font-size:12.5px;max-width:40ch;line-height:1.55}.tr-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#05070ad1;border:1px solid var(--line, #1c222a);font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--text-dim, #99a3af);pointer-events:none;white-space:nowrap}.tr-badge.urgent{color:#ff6b6b;border-color:#ff6b6b80}.tr-hint-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.2em;font-size:clamp(13px,3.4vw,16px);color:#ffffff29;padding:0 20px;text-align:center}.tr-result{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:2px 4px 0}.tr-result-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:center}.tr-score{font-family:var(--mono, "JetBrains Mono", ui-monospace, monospace);font-weight:700;font-size:clamp(34px,10vw,50px);line-height:1;color:var(--lime, #c8ff00);font-variant-numeric:tabular-nums}.tr-score small{font-size:.42em;margin-left:2px;color:var(--text-dim, #99a3af)}.tr-rating{font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:.16em;font-size:clamp(15px,3.8vw,19px);color:#ff9e3d;max-width:26ch}.tr-rating.good{color:var(--lime, #c8ff00)}.tr-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:40px}.tr-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:var(--lime, #c8ff00);color:#0b0d10;font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:16px;padding:11px 20px;cursor:pointer;touch-action:manipulation}.tr-btn:disabled{opacity:.4;cursor:default}.tr-btn-ghost{background:transparent;color:var(--lime, #c8ff00);border:1px solid var(--lime, #c8ff00)}.tr-share{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:8px;border-radius:999px;background:#f3f6f80f;color:var(--text, #f3f6f8);border:1px solid rgba(243,246,248,.42);font-family:var(--display, "Barlow Condensed", sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:15px;padding:10px 22px;cursor:pointer;touch-action:manipulation}.tr-share:disabled{opacity:.55;cursor:default}.tr-best{font-family:var(--mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;color:var(--text-dim, #99a3af);font-variant-numeric:tabular-nums}.tr-hint{color:var(--text-faint, #545d69);font-size:12.5px;line-height:1.5;flex:1 1 14ch}
