.trn{--t-bg:transparent;--t-bg-raise:#11151c;--t-bg-sink:#0e1117;--t-line:#242c38;--t-line-bright:#303a49;--t-ink:#ffffff;--t-ink-dim:#9aa6b4;--t-lime:#3be37a;--t-lime-ink:#06140b;--t-magenta:#ef4444;--t-cyan:#e3e7ee;--t-cyan-ink:#0b0e13;background:var(--t-bg);color:var(--t-ink)}.trn .t-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em}.trn .t-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.trn .t-row{border-bottom:1px solid var(--t-line)}.trn .t-row:nth-child(2n){background:rgba(255,255,255,.02)}.trn .t-grid-tex{background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:72px 72px}.trn .t-toggle{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--t-line-bright);background:var(--t-bg-sink)}.trn .t-toggle button{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t-ink-dim);padding:12px 0;min-height:44px;transition:transform 60ms ease-out,background-color 60ms linear,color 60ms linear}.trn .t-toggle button:active{transform:translateY(1px)}.trn .t-toggle button+button{border-left:2px solid var(--t-line-bright)}.trn .t-toggle button[data-on="1"]{transform:translateY(1px)}.trn .t-toggle button[data-on="1"][data-side=nrfi]{background:var(--t-lime);color:var(--t-lime-ink)}.trn .t-toggle button[data-on="1"][data-side=yrfi]{background:var(--t-cyan);color:var(--t-cyan-ink)}.trn .t-row[data-grade=W]{box-shadow:inset 2px 0 0 var(--t-lime);background:rgba(59,227,122,.06)}.trn .t-row[data-grade=L]{box-shadow:inset 2px 0 0 var(--t-magenta)}.trn .t-row[data-grade=L] .t-pick-label{text-decoration:line-through;text-decoration-color:var(--t-magenta);text-decoration-thickness:2px}.trn .t-row[data-locked="1"]{opacity:.82}@keyframes t-grade-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.trn .t-grade-mark{animation:t-grade-in .16s ease-out both}@keyframes t-rank-flash{0%{background:rgba(59,227,122,.14)}to{background:transparent}}.trn .t-rank-up{animation:t-rank-flash .7s ease-out both}.trn .t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--t-lime);color:var(--t-lime-ink);font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;min-height:46px;border:0;transition:transform 60ms ease-out}.trn .t-btn:active{transform:translateY(1px)}.trn .t-btn[data-tone=ghost]{background:transparent;color:var(--t-ink);border:2px solid var(--t-line-bright)}.trn .t-btn:disabled{opacity:.5}@keyframes t-saved{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.trn .t-saved{animation:t-saved 1.6s ease both}.trn .t-cell{background:var(--t-bg-sink);border:1px solid var(--t-line);padding:2px 7px}@media (prefers-reduced-motion:reduce){.trn .t-grade-mark,.trn .t-rank-up,.trn .t-saved{animation:none}}