.rec{padding-top:28px;padding-bottom:60px}.rec-head h1{letter-spacing:-.02em;margin:2px 0 6px;font-size:clamp(28px,4vw,40px)}.rec-head p{max-width:640px;margin:0}.rec-tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.rec-tiles>button{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;justify-items:start;gap:2px;padding:12px 14px;transition:border-color .15s,transform .15s;display:grid}.rec-tiles>button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.rec-tiles>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.rec-tiles>button:disabled{cursor:default;opacity:.7}.rec-tiles span{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700;display:block}.rec-tiles b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:850;line-height:1.15}.rec-tiles i{color:var(--accent);font-size:12px;font-style:normal;font-weight:700}.rec-tiles>button:disabled i{visibility:hidden}.rec-demo-note{margin:-8px 0 16px}.rec-list{scroll-margin-top:70px}.rec-list-h{justify-content:space-between;align-items:baseline;gap:10px;display:flex}@media (max-width:700px){.rec-tiles{grid-template-columns:1fr 1fr}}.rec-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.rec-lists{gap:18px;display:grid}.rec-top{position:sticky;top:72px}@media (max-width:900px){.rec-grid{grid-template-columns:1fr}.rec-top{scroll-margin-top:70px;position:static}}.rec-empty{border:1px dashed var(--line-2);color:var(--ink-2);border-radius:12px;justify-items:start;gap:12px;padding:14px;font-size:15px;display:grid}.rec-fields{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:12px;display:grid}.rec-tile{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 6px 16px #00000029}.rec-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000038}.rec-tile[aria-pressed=true],.rec-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.rec-tile .surface{border-radius:14px}.tile-over{z-index:3;color:#fff;background:linear-gradient(#0000008c,#0000002e 45%,#0009);flex-direction:column;justify-content:space-between;gap:4px;padding:7px 9px;display:flex;position:absolute;inset:0 8.333%}.surface.court .tile-over{left:6%;right:6%}.tile-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.tile-verdict{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.tile-verdict.ok{background:#1f8a4c}.tile-verdict.no{background:#b4442deb}.tile-rank{text-shadow:0 1px 4px #00000080;font-size:19px;font-weight:900;line-height:1}.tile-rank:not(.top){opacity:.65;font-size:14px}.tile-org,.tile-go{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:800}.tile-org{opacity:.8}.tile-go{color:#ffd08a;white-space:nowrap}.tile-q{text-shadow:0 1px 3px #0009;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(11px,4.6cqw,15px);font-weight:800;line-height:1.22;display:-webkit-box;overflow:hidden}.tile-foot{opacity:.92;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.tile-badge{font-size:11px}.tile-score{font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff2e;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px}.surface{isolation:isolate;width:100%;position:relative;overflow:hidden;container-type:inline-size}.surface.football{aspect-ratio:120/53.333;background:var(--turf-deep)}.surface.court{aspect-ratio:94/50;background:var(--wood-deep)}.surface .turf{left:8.333%;right:8.333%}.surface .turf .yard{font-size:clamp(7px,2.6cqw,22px);top:3%}.surface.court .court-floor{left:6%;right:6%}.surface .endzone{width:8.333%}.surface.court .endzone{background-image:none;width:6%}.surface .endzone span{font-size:clamp(8px,3.2cqw,24px)}.surface .endzone.lost{filter:grayscale(.75)brightness(.55)}.surface .endzone.won span{text-shadow:0 0 12px #fff9}.rec-top-q{margin-bottom:4px;font-size:17px;font-weight:800;line-height:1.3}.top10{gap:2px;margin:0;padding:0;list-style:none;display:grid}.top10 li{border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 8px;font-size:14px;display:grid}.top10 li:nth-child(odd){background:var(--surface-2)}.top10 li.you{background:color-mix(in srgb, var(--accent) 12%, var(--surface));outline:3px solid var(--accent);outline-offset:-1px;z-index:1;animation:2.2s ease-in-out infinite youPulse;position:relative}.top10 li.you .t-handle{color:var(--accent)}@keyframes youPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);outline-color:var(--accent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent);outline-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.t-pos{text-align:center;font-variant-numeric:tabular-nums;font-weight:850}.t-handle{font:inherit;color:var(--ink);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;justify-self:start;max-width:100%;padding:0;font-weight:800;overflow:hidden}.t-handle span{color:var(--accent);margin-left:4px;font-size:10px}.t-handle:hover,.t-handle:focus-visible{color:var(--accent);text-decoration:underline}.t-call{color:var(--ink-2);white-space:nowrap}.t-early{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}@media (max-width:420px){.top10 li{grid-template-columns:26px minmax(0,1fr) auto}.t-early{display:none}}.top10-you{width:100%;font:inherit;text-align:left;cursor:pointer;border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--ink);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.tape-overlay{-webkit-backdrop-filter:blur(6px);background:#060908d1}.tape{color:#eef2ee;--ink:#16181d;--surface:#fff;background:#0f1512;border:1px solid #ffffff1a;border-radius:20px;width:min(1100px,100%);max-height:calc(100dvh - 32px);padding:20px 22px;animation:.3s rise;overflow:auto;box-shadow:0 30px 80px #0009}.tape-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tape-head h3{letter-spacing:-.02em;color:#fff;margin:4px 0 2px;font-size:clamp(24px,3vw,34px);font-weight:900}.tape-head p{color:#ffffffa6;margin:0;font-size:14px}.tape-kicker{letter-spacing:.14em;text-transform:uppercase;color:#ff8a65;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.rec-dot{background:#ff3b30;border-radius:50%;width:9px;height:9px;animation:1.4s infinite recBlink;box-shadow:0 0 #ff3b3099}@keyframes recBlink{50%{opacity:.25}}.tape-x{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;flex:none;width:36px;height:36px;font-size:22px;line-height:1}.tape-x:hover{background:#ffffff24}.tape-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);align-items:stretch;gap:18px;margin-top:16px;display:grid}@media (max-width:820px){.tape-grid{grid-template-columns:1fr}}.tape-field{border-radius:14px;align-self:start}.tape-lines{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tape-line{stroke:#ffb199;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #ff7850e6);animation:tapeDraw .5s ease-out var(--d) forwards}@keyframes tapeDraw{to{stroke-dashoffset:0}}.tape-card{z-index:2;color:#16181d;opacity:0;animation:tapeDrop .5s cubic-bezier(.2,1.4,.4,1) var(--d) forwards;background:#fff;border-radius:10px;gap:2px;padding:7px 9px;display:grid;position:absolute;box-shadow:0 10px 22px #00000059}.tape-card .card-type{font-size:clamp(8px,1.3cqw,10.5px)}.tape-card-t{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(9px,1.7cqw,13px);font-weight:750;line-height:1.25;display:-webkit-box;overflow:hidden}@keyframes tapeDrop{0%{opacity:0;transform:translateY(-30px)scale(1.15)rotate(-4deg)}to{opacity:1;transform:none}}.tape-chip{z-index:3;color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:tapeChip .4s cubic-bezier(.2,1.6,.4,1) var(--d) forwards;background:#e4572e;border-radius:999px;padding:3px 8px;font-size:clamp(8px,1.3cqw,11px);font-weight:800;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 4px 12px #00000059}@keyframes tapeChip{to{transform:translate(-50%,-50%)scale(1)}}.tape-quick{z-index:2;color:#fff;text-shadow:0 2px 8px #00000080;opacity:0;animation:tapeFade .5s ease var(--d) forwards;place-items:center;font-size:clamp(13px,2.2cqw,18px);font-weight:800;display:grid;position:absolute;inset:0}.tape-ticket{color:#16181d;background:#fbf7ef;border-radius:14px;padding:16px 18px 78px;position:relative;overflow:hidden;-webkit-mask:radial-gradient(7px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(7px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(7px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(7px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.tape-gauge{text-align:center;width:190px;max-width:100%;margin:0 auto;position:relative}.tape-gauge svg{width:100%;display:block}.tg-track,.tg-fill{fill:none;stroke-width:9px;stroke-linecap:round}.tg-track{stroke:#e7dfd0}.tg-fill{stroke:var(--accent,#e4572e);stroke-dasharray:100;stroke-dashoffset:100px;animation:tapeGauge 1s cubic-bezier(.3,.8,.2,1) var(--d) forwards}@keyframes tapeGauge{to{stroke-dashoffset:var(--to)}}.tg-num{letter-spacing:-.03em;opacity:0;animation:tapeFade .4s ease var(--d) forwards;font-size:34px;font-weight:900;position:absolute;top:46%;left:0;right:0}.tg-num small{font-size:16px}.tg-pick{color:#4a4f59;opacity:0;animation:tapeFade .4s ease var(--d) forwards;margin-top:6px;font-size:13px}.tape-rail{opacity:0;animation:tapeFade .4s ease var(--d) forwards;margin:18px 4px 6px;padding-bottom:30px;position:relative}.tr-bar{background:#e7dfd0;border-radius:2px;height:4px;overflow:hidden}.tr-bar i{background:var(--accent,#e4572e);transform-origin:0;height:100%;animation:tapeBar .8s ease var(--d) forwards;display:block;transform:scaleX(0)}@keyframes tapeBar{to{transform:scaleX(1)}}.tr-dot{background:#cfc6b4;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-3px}.tr-dot.lock{background:var(--accent,#e4572e);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,#e4572e) 25%, transparent)}.tr-dot.end{background:#16181d}.tr-labels{color:#4a4f59;justify-content:space-between;gap:6px;font-size:11px;display:flex;position:absolute;top:14px;left:0;right:0}.tr-labels span:nth-child(2){text-align:center}.tape-rows{border-top:2px dashed #e0d6c2;gap:0;margin:8px 0 0;padding-top:8px;display:grid}.tape-rows>div{border-bottom:1px solid #efe7d8;justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;display:flex}.tape-rows dt{color:#7b808a;font-weight:700}.tape-rows dd{text-align:right;margin:0;font-weight:800}.tape-rows small{color:#7b808a;font-weight:500}.tape-stamp{z-index:4;color:#1f8a4c;letter-spacing:.08em;text-transform:uppercase;mix-blend-mode:multiply;opacity:0;animation:tapeStamp .35s cubic-bezier(.5,0,.75,0) var(--d) forwards;pointer-events:none;background:#fbf7efbf;border:4px solid #1f8a4c;border-radius:10px;padding:6px 14px;font-size:26px;font-weight:900;position:absolute;bottom:16px;right:18px;transform:rotate(-12deg)scale(2.4)}.tape-stamp.miss{color:#b4442d;border-color:#b4442d;font-size:20px}@keyframes tapeStamp{70%{opacity:1;transform:rotate(-12deg)scale(.92)}to{opacity:.92;transform:rotate(-12deg)scale(1)}}.tape-foot{align-items:center;gap:14px;margin-top:14px;display:flex}.tape-foot .btn-ghost{color:#fff;border-color:#ffffff4d}.tape-foot .faint{color:#ffffff80}@media (prefers-reduced-motion:reduce){.tape-line,.tape-card,.tape-chip,.tape-quick,.tg-fill,.tg-num,.tg-pick,.tape-rail,.tr-bar i,.tape-stamp,.rec-dot{animation-duration:10ms!important;animation-delay:0s!important}.top10 li.you{animation:none}}@keyframes tapeFade{0%{opacity:0}to{opacity:1}}