/* ---- 3RDS cabinet: bleed past Twenty Twenty-Five's global padding, paint the page dark ---- */
.has-global-padding > [data-tlt-cabinet],
.has-global-padding > .tlt-arcade-wide { margin-left: calc(var(--wp--style--root--padding-left, 30px) * -1) !important; margin-right: calc(var(--wp--style--root--padding-right, 30px) * -1) !important; max-width: none !important; width: auto !important; }
html.tlt3rds-cabinet-page, html.tlt3rds-cabinet-page body, body:has([data-tlt-cabinet]) { background: #07080a !important; }
html.tlt3rds-cabinet-page .wp-site-blocks, html.tlt3rds-cabinet-page .entry-content { background: #07080a; }
html.tlt3rds-cabinet-page .entry-content { margin-block: 0 !important; padding-block: 0 !important; }
@media (max-width: 720px) {
  [data-tlt-cabinet] { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
}

/* FR33 R3PS — cabinet styles (namespace .tlt-fr / fr-*). Hi-vis lime + black + chalk: the practice pinnie. */
.tlt-fr { --fr-bg:#07080a; --fr-panel:#0e1013; --fr-line:#2a2f36; --fr-lime:#c8ff2e; --fr-lime2:#8fc21c; --fr-chalk:#f3f5ee; --fr-dim:#9aa1aa; --fr-mute:#6f7680; --fr-gold:#e1b457; --fr-red:#ff5f5f; --fr-blue:#61aee6; --fr-orange:#ff8b45;
  --fr-font-d:'Barlow Condensed','Arial Narrow',Impact,'Helvetica Neue',sans-serif; --fr-font:'Barlow','Helvetica Neue',Arial,sans-serif; --fr-mono:'SF Mono',Menlo,Consolas,monospace;
  position:relative; width:100%; max-width:none; margin:0; color:var(--fr-chalk); font-family:var(--fr-font); font-size:15px; line-height:1.35; background:var(--fr-bg); border-radius:14px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.6); -webkit-tap-highlight-color:transparent; }
.tlt-fr *, .tlt-fr *::before, .tlt-fr *::after { box-sizing:border-box; }
.tlt-fr [hidden] { display:none !important; }
.tlt-fr button { font-family:inherit; cursor:pointer; }
.tlt-fr .fr-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 14px; background:linear-gradient(180deg,#15181c,#0b0d10); border-bottom:1px solid var(--fr-line); font-family:var(--fr-font-d); font-weight:700; letter-spacing:.14em; font-size:12px; text-transform:uppercase; color:var(--fr-dim); }
.tlt-fr .fr-bar b { color:var(--fr-lime); }
.tlt-fr .fr-bar .fr-bar-right { display:flex; gap:8px; align-items:center; }
.tlt-fr .fr-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border:1px solid var(--fr-line); border-radius:999px; background:rgba(255,255,255,.03); color:var(--fr-dim); font:700 11px/1 var(--fr-font-d); letter-spacing:.12em; text-transform:uppercase; }
.tlt-fr button.fr-chip:hover { border-color:var(--fr-lime2); color:var(--fr-chalk); }

.tlt-fr .fr-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 18px; border-radius:10px; border:1px solid rgba(255,255,255,.16); background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)); color:var(--fr-chalk); font:800 15px/1 var(--fr-font-d); letter-spacing:.14em; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 18px rgba(0,0,0,.45); transition:transform .08s ease, box-shadow .15s ease; user-select:none; }
.tlt-fr .fr-btn:hover { background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); }
.tlt-fr .fr-btn:active { transform:translateY(1px); }
.tlt-fr .fr-btn.fr-primary { background:linear-gradient(180deg,#e2ff6a,#c8ff2e 50%,#9edc12); color:#0a0c0f; border-color:#eaffa0; box-shadow:0 0 0 1px rgba(200,255,46,.3), 0 0 26px rgba(200,255,46,.35), 0 8px 20px rgba(0,0,0,.5); }
.tlt-fr .fr-btn.fr-primary:hover { box-shadow:0 0 0 1px #eaffa0, 0 0 40px rgba(200,255,46,.55), 0 8px 20px rgba(0,0,0,.5); }
.tlt-fr .fr-btn.fr-ghost { background:transparent; border-color:rgba(255,255,255,.12); color:var(--fr-dim); }
.tlt-fr .fr-btn.fr-big { min-height:56px; font-size:19px; letter-spacing:.1em; }
.tlt-fr .fr-btn.is-on { background:linear-gradient(180deg,rgba(200,255,46,.28),rgba(200,255,46,.08)); border-color:rgba(200,255,46,.6); color:#fff; }
.tlt-fr .fr-btn:disabled, .tlt-fr .fr-btn.is-disabled { opacity:.45; pointer-events:none; cursor:default; box-shadow:none; }
.tlt-fr .fr-chip.is-off { opacity:.55; text-decoration:line-through; }
.tlt-fr .fr-handle-hint { margin:8px 0 0; color:var(--fr-mute); font:700 11px/1.4 var(--fr-font-d); letter-spacing:.16em; text-transform:uppercase; }

.tlt-fr .fr-screen { display:none; }
.tlt-fr .fr-screen.is-active { display:block; }

/* title */
.tlt-fr .fr-title { position:relative; padding:30px 20px 26px; text-align:center; background:radial-gradient(ellipse at 50% -10%, rgba(200,255,46,.14), transparent 55%), linear-gradient(180deg,#0d1014,#07080a 70%); overflow:hidden; }
.tlt-fr .fr-title::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(90deg, transparent 0 46px, rgba(243,245,238,.05) 46px 48px); pointer-events:none; }
.tlt-fr .fr-eyebrow { font:700 12px/1 var(--fr-font-d); letter-spacing:.32em; color:var(--fr-mute); text-transform:uppercase; margin:0 0 12px; }
.tlt-fr .fr-wordmark { position:relative; margin:0; font:800 clamp(44px, 9vw, 96px)/.92 var(--fr-font-d); letter-spacing:.04em; text-transform:uppercase; color:var(--fr-lime); text-shadow:0 0 22px rgba(200,255,46,.45), 0 5px 0 #0a0c0f, 0 6px 0 rgba(0,0,0,.6); }
.tlt-fr .fr-wordmark small { display:block; font-size:.3em; letter-spacing:.22em; color:var(--fr-chalk); text-shadow:none; margin-top:8px; }
.tlt-fr .fr-card { border:1px solid var(--fr-line); border-radius:12px; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)); padding:14px; }
/* setup row: the handle + the tier chips on one line (two on a phone) */
.tlt-fr .fr-setup { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; max-width:720px; margin:18px auto 0; }
.tlt-fr .fr-handle { display:flex; gap:8px; flex:1 1 260px; min-width:0; }
.tlt-fr .fr-handle input { flex:1; min-width:0; height:44px; padding:0 12px; border-radius:10px; border:1px solid var(--fr-line); background:#0a0c0f; color:var(--fr-chalk); font:700 18px/1 var(--fr-mono); letter-spacing:.04em; outline:none; }
.tlt-fr .fr-handle input:focus { border-color:var(--fr-lime); box-shadow:0 0 0 3px rgba(200,255,46,.14); }
.tlt-fr .fr-tiers { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; flex:1 1 260px; }
.tlt-fr .fr-tiers .fr-btn { padding:8px 6px; font-size:13px; letter-spacing:.12em; }
.tlt-fr .fr-tier-note { margin:8px 0 0; color:var(--fr-dim); font:700 12px/1.3 var(--fr-font-d); letter-spacing:.14em; text-transform:uppercase; }
/* the four Work modes: a tight grid of cards — name · BEST · CLOCK IN */
.tlt-fr .fr-runs { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; max-width:1040px; margin:16px auto 0; text-align:center; }
@media (min-width:860px) { .tlt-fr .fr-runs { grid-template-columns:repeat(4,1fr); gap:10px; } }
.tlt-fr .fr-run { display:flex; flex-direction:column; gap:8px; padding:12px 10px; border:1px solid var(--fr-line); border-radius:12px; background:linear-gradient(180deg,#121519,#0b0d10); }
.tlt-fr .fr-run h4 { margin:0; font:800 24px/1 var(--fr-font-d); letter-spacing:.04em; text-transform:uppercase; color:var(--fr-chalk); }
.tlt-fr .fr-run .fr-run-best { font:700 12px/1.4 var(--fr-mono); color:var(--fr-dim); margin-top:auto; }
.tlt-fr .fr-run .fr-run-best b { color:var(--fr-chalk); font-size:15px; }
.tlt-fr .fr-ranges { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
.tlt-fr .fr-ranges .fr-btn { min-height:34px; padding:6px 2px; font-size:10.5px; letter-spacing:.06em; }

/* game */
.tlt-fr .fr-hud { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:8px 12px; background:linear-gradient(180deg,#101317,#0b0d10); border-bottom:1px solid var(--fr-line); }
.tlt-fr .fr-hud-label { font:700 10px/1 var(--fr-font-d); letter-spacing:.24em; color:var(--fr-mute); text-transform:uppercase; }
.tlt-fr .fr-odo { display:block; height:26px; width:160px; }
.tlt-fr .fr-hud-mid { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; text-align:center; }
.tlt-fr .fr-hud-cell { display:flex; flex-direction:column; gap:2px; align-items:center; min-width:48px; }
.tlt-fr .fr-hud-cell b { font:800 18px/1 var(--fr-font-d); letter-spacing:.06em; color:var(--fr-chalk); white-space:nowrap; }
.tlt-fr .fr-hud-cell b.fr-lime { color:var(--fr-lime); }
.tlt-fr .fr-clock { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.tlt-fr .fr-clock b { font:800 30px/1 var(--fr-mono); color:var(--fr-chalk); letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.tlt-fr .fr-clock b.is-hot { color:var(--fr-red); animation:frblink .5s steps(2) infinite; }
@keyframes frblink { 50% { opacity:.55; } }
.tlt-fr .fr-stage-wrap { position:relative; background:#000; overflow:hidden; }
.tlt-fr .fr-field { position:relative; margin:0 auto; }
.tlt-fr .fr-stage { display:block; width:100%; height:auto; touch-action:none; cursor:crosshair; outline:none; }
.tlt-fr .fr-stage:focus-visible { box-shadow:inset 0 0 0 3px rgba(200,255,46,.5); }
.tlt-fr.is-shake .fr-field { animation:frshake .28s ease; }
.tlt-fr.is-shake-big .fr-field { animation:frshakebig .6s ease; }
@keyframes frshake { 0%,100%{transform:translate(0,0)} 20%{transform:translate(-3px,2px)} 40%{transform:translate(3px,-2px)} 60%{transform:translate(-2px,1px)} 80%{transform:translate(2px,-1px)} }
@keyframes frshakebig { 0%,100%{transform:translate(0,0)} 12%{transform:translate(-7px,4px)} 25%{transform:translate(7px,-5px)} 38%{transform:translate(-5px,3px)} 50%{transform:translate(5px,-3px)} 65%{transform:translate(-3px,2px)} 80%{transform:translate(2px,-1px)} }
.tlt-fr .fr-over { position:absolute; inset:0; pointer-events:none; }
.tlt-fr .fr-pill { position:absolute; padding:6px 10px; border-radius:6px; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.12); font:700 11px/1 var(--fr-font-d); letter-spacing:.16em; color:var(--fr-dim); text-transform:uppercase; }
.tlt-fr .fr-pill b { color:var(--fr-chalk); }
.tlt-fr .fr-pill.is-pop { animation:frpillpop .45s ease; }
@keyframes frpillpop { 0%{transform:scale(1)} 30%{transform:scale(1.12); border-color:var(--fr-red)} 100%{transform:scale(1)} }
.tlt-fr .fr-pill.fr-tl { left:12px; top:10px; } .tlt-fr .fr-pill.fr-tr { right:12px; top:10px; }
.tlt-fr .fr-due { position:absolute; left:50%; top:10px; transform:translateX(-50%); padding:6px 12px; border-radius:6px; background:rgba(200,255,46,.14); border:1px solid rgba(200,255,46,.5); font:800 12px/1 var(--fr-font-d); letter-spacing:.18em; color:var(--fr-lime); text-transform:uppercase; }
.tlt-fr .fr-bigword { position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); font:800 clamp(48px,12vw,130px)/1 var(--fr-font-d); letter-spacing:.06em; color:var(--fr-lime); text-shadow:0 0 34px rgba(200,255,46,.8), 0 4px 0 rgba(0,0,0,.7); pointer-events:none; opacity:0; white-space:nowrap; }
.tlt-fr .fr-bigword.is-pop { animation:frpop .75s ease forwards; }
.tlt-fr .fr-bigword.is-red { color:var(--fr-red); text-shadow:0 0 30px rgba(255,95,95,.7), 0 4px 0 rgba(0,0,0,.7); }
@keyframes frpop { 0%{opacity:0; transform:translate(-50%,-50%) scale(1.5)} 16%{opacity:1; transform:translate(-50%,-50%) scale(1)} 78%{opacity:1} 100%{opacity:0; transform:translate(-50%,-56%) scale(.96)} }
.tlt-fr .fr-armed-hint { position:absolute; left:50%; bottom:12px; transform:translateX(-50%); padding:6px 12px; border-radius:6px; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.14); font:700 11px/1 var(--fr-font-d); letter-spacing:.16em; color:var(--fr-dim); text-transform:uppercase; }
.tlt-fr .fr-start { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:auto; background:rgba(4,5,7,.55); }
.tlt-fr .fr-start .fr-card { min-width:min(90%,440px); text-align:center; background:rgba(8,10,13,.86); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.tlt-fr .fr-start h2 { margin:0 0 6px; font:800 44px/1 var(--fr-font-d); letter-spacing:.04em; color:var(--fr-chalk); text-transform:uppercase; }
.tlt-fr .fr-start p { margin:0 0 12px; color:var(--fr-dim); font-size:14px; }
.tlt-fr .fr-pause { position:absolute; inset:0; display:none; align-items:center; justify-content:center; background:rgba(4,5,7,.78); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); z-index:20; pointer-events:auto; }
.tlt-fr .fr-pause.is-active { display:flex; }
.tlt-fr .fr-pause .fr-card { min-width:min(90%,420px); text-align:center; }
.tlt-fr .fr-pause h2 { margin:0 0 10px; font:800 40px/1 var(--fr-font-d); letter-spacing:.06em; }
.tlt-fr .fr-row { display:flex; gap:8px; flex-wrap:wrap; }
.tlt-fr .fr-row .fr-btn { flex:1; }

/* deck under the stage: weapon + range + hints */
.tlt-fr .fr-deck { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; background:linear-gradient(180deg,#0f1216,#0a0c0f); border-top:1px solid var(--fr-line); }
.tlt-fr .fr-weapons { display:flex; gap:6px; }
.tlt-fr .fr-weapons .fr-btn { min-width:88px; padding:8px 10px; font-size:14px; }
.tlt-fr .fr-weapons .fr-btn small { display:block; font-size:9px; letter-spacing:.14em; color:var(--fr-mute); margin-top:3px; }
.tlt-fr .fr-weapons .fr-btn.is-on small { color:#0a0c0f; }
.tlt-fr .fr-weapons .fr-btn.is-on { background:linear-gradient(180deg,#e2ff6a,#c8ff2e 50%,#9edc12); color:#0a0c0f; border-color:#eaffa0; }
.tlt-fr .fr-deck .fr-btn.fr-launch { min-width:120px; flex:1; }

/* run over + board (same family as PR3SSUR3) */
.tlt-fr .fr-over-screen { padding:18px 14px 26px; background:radial-gradient(ellipse at 50% 0%, rgba(200,255,46,.08), transparent 50%), #07080a; }
.tlt-fr .fr-over-head { text-align:center; margin-bottom:12px; }
.tlt-fr .fr-over-head h2 { margin:0; font:800 clamp(40px,8vw,72px)/.95 var(--fr-font-d); letter-spacing:.02em; text-transform:uppercase; color:var(--fr-lime); text-shadow:0 0 30px rgba(200,255,46,.45); }
.tlt-fr .fr-over-head p { margin:6px 0 0; color:var(--fr-dim); }
.tlt-fr .fr-over-stats { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; margin:10px 0 14px; font:700 12px/1.3 var(--fr-mono); color:var(--fr-dim); }
.tlt-fr .fr-over-stats b { color:var(--fr-chalk); font-size:15px; }
.tlt-fr .fr-board { position:relative; max-width:560px; margin:0 auto; border:1px solid var(--fr-line); border-radius:12px; background:#0b0d10; overflow:hidden; }
.tlt-fr .fr-board-head { display:grid; grid-template-columns:44px 1fr 96px; gap:8px; padding:10px 12px; background:#111418; border-bottom:1px solid var(--fr-line); font:700 11px/1 var(--fr-font-d); letter-spacing:.24em; color:var(--fr-mute); text-transform:uppercase; }
.tlt-fr .fr-board-head b { color:var(--fr-chalk); letter-spacing:.14em; }
.tlt-fr .fr-board-scroll { position:relative; max-height:420px; overflow:auto; scroll-behavior:smooth; }
.tlt-fr .fr-board-row { display:grid; grid-template-columns:44px 1fr 96px; gap:8px; padding:7px 12px; border-bottom:1px solid rgba(255,255,255,.05); font:700 13px/1.3 var(--fr-mono); color:var(--fr-dim); }
.tlt-fr .fr-board-row .fr-rank { color:var(--fr-mute); }
.tlt-fr .fr-board-row .fr-sc { text-align:right; color:var(--fr-chalk); }
.tlt-fr .fr-board-row.is-you { background:linear-gradient(90deg,rgba(200,255,46,.18),rgba(200,255,46,.04)); color:#fff; box-shadow:inset 3px 0 0 var(--fr-lime); }
.tlt-fr .fr-board-row.is-you .fr-name::after { content:'YOU'; margin-left:8px; padding:2px 6px; border-radius:4px; background:var(--fr-lime); color:#0a0c0f; font:800 10px/1 var(--fr-font-d); letter-spacing:.16em; }
.tlt-fr .fr-board-row.is-off { opacity:.45; }
.tlt-fr .fr-board-row.is-off.is-you { opacity:1; box-shadow:inset 3px 0 0 var(--fr-red); }
.tlt-fr .fr-drop { position:absolute; left:0; right:0; z-index:5; pointer-events:none; will-change:transform; }
.tlt-fr .fr-drop .fr-board-row { background:var(--fr-lime); color:#0a0c0f; box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 24px rgba(200,255,46,.6); border-bottom:none; }
.tlt-fr .fr-drop .fr-board-row .fr-sc, .tlt-fr .fr-drop .fr-board-row .fr-rank { color:#0a0c0f; }
.tlt-fr .fr-ground { padding:10px 12px; text-align:center; font:700 11px/1 var(--fr-font-d); letter-spacing:.24em; color:var(--fr-mute); border-top:2px solid #2a2f36; text-transform:uppercase; }
.tlt-fr .fr-ground.is-cracked { border-top-color:var(--fr-red); color:var(--fr-red); }
.tlt-fr .fr-board.is-thud { animation:frthud .35s ease; }
.tlt-fr .fr-board.is-crash { animation:frcrash .6s ease; }
@keyframes frthud { 0%,100%{transform:translateY(0)} 30%{transform:translateY(5px)} 60%{transform:translateY(-2px)} }
@keyframes frcrash { 0%,100%{transform:translate(0,0)} 15%{transform:translate(-6px,6px)} 30%{transform:translate(6px,-3px)} 45%{transform:translate(-4px,4px)} 60%{transform:translate(4px,-2px)} 80%{transform:translate(-2px,2px)} }
.tlt-fr .fr-landing { text-align:center; margin:10px 0 0; font:700 13px/1.3 var(--fr-font-d); letter-spacing:.14em; color:var(--fr-dim); text-transform:uppercase; }
.tlt-fr .fr-landing b { color:var(--fr-chalk); }
.tlt-fr .fr-over-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; max-width:560px; margin:14px auto 0; }
.tlt-fr .fr-over-actions .fr-btn { flex:1; min-width:160px; }
.tlt-fr .fr-log { max-width:560px; margin:14px auto 0; display:flex; flex-wrap:wrap; gap:6px 12px; justify-content:center; font:700 11px/1.4 var(--fr-mono); color:var(--fr-dim); }
.tlt-fr .fr-log b { color:var(--fr-chalk); }

/* cabinet mode */
.tlt-fr.is-cabinet { position:fixed; inset:0; z-index:99999; border-radius:0; max-width:none; display:flex; flex-direction:column; overflow:auto; background:#000; }
.tlt-fr.is-cabinet .fr-screen.is-active { display:flex; flex-direction:column; flex:1; min-height:0; }
.tlt-fr.is-cabinet .fr-game { display:flex; flex-direction:column; flex:1; min-height:0; }

@media (prefers-reduced-motion: reduce) { .tlt-fr * { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
/* phones: edge to edge, nothing narrower than the screen, every tap target 44 px tall */
@media (max-width:720px) {
  .tlt-fr { border-radius:0; width:100%; max-width:none; margin-left:0; margin-right:0; box-shadow:none; }
  .tlt-fr .fr-title { padding:18px 12px 20px; }
  .tlt-fr .fr-setup, .tlt-fr .fr-runs, .tlt-fr .fr-board, .tlt-fr .fr-over-actions, .tlt-fr .fr-log { max-width:none; }
  .tlt-fr .fr-field { width:100% !important; }
  .tlt-fr .fr-chip { min-height:44px; padding:6px 10px; }
  .tlt-fr .fr-bar { padding:6px 10px; }
  .tlt-fr .fr-ranges .fr-btn, .tlt-fr .fr-tiers .fr-btn, .tlt-fr .fr-weapons .fr-btn { min-height:44px; }
  .tlt-fr .fr-over-screen { padding:14px 10px 22px; }
}
@media (max-width:520px) {
  .tlt-fr { font-size:14px; border-radius:0; }
  .tlt-fr .fr-bar { font-size:10px; letter-spacing:.1em; }
  .tlt-fr .fr-bar > div:first-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .tlt-fr .fr-bar .fr-bar-right { flex:none; gap:6px; }
  .tlt-fr .fr-chip { padding:4px 8px; font-size:9.5px; letter-spacing:.08em; white-space:nowrap; }
  .tlt-fr .fr-bar [data-fr-handle-chip] { display:none; }
  .tlt-fr .fr-wordmark { font-size:clamp(44px, 15vw, 64px); }
  .tlt-fr .fr-wordmark small { font-size:.26em; letter-spacing:.14em; }
  .tlt-fr .fr-run h4 { font-size:21px; }
  .tlt-fr .fr-hud-mid { flex-wrap:nowrap; gap:4px 10px; }
  .tlt-fr .fr-hud-cell { min-width:0; }
  .tlt-fr .fr-hud-cell:last-child, .tlt-fr .fr-hud-cell:first-child { display:none; }
  .tlt-fr .fr-hud-label { font-size:9px; letter-spacing:.16em; }
  .tlt-fr .fr-hud { grid-template-columns:auto 1fr auto; gap:6px; padding:6px 8px; }
  .tlt-fr .fr-odo { width:104px; height:18px; }
  .tlt-fr .fr-hud-cell b { font-size:15px; }
  .tlt-fr .fr-clock b { font-size:21px; }
  .tlt-fr .fr-weapons .fr-btn { min-width:0; flex:1; }
  .tlt-fr .fr-deck-hint { display:none; }
  .tlt-fr .fr-bigword { font-size:40px; }
}

/* ---- theme-proofing (the plugin build only) ---- */
.tlt-fr { max-width:none; }
.tlt-fr button, .tlt-fr input, .tlt-fr kbd, .tlt-fr canvas { font-family:inherit; }
.tlt-fr button { text-transform:uppercase; text-decoration:none; line-height:1; margin:0; box-shadow:none; }
.tlt-fr button:focus { outline:none; }
.tlt-fr button:focus-visible { outline:2px solid rgba(255,255,255,.5); outline-offset:2px; }
.tlt-fr input[type="text"] { margin:0; box-shadow:none; }
.tlt-fr h1, .tlt-fr h2, .tlt-fr h3, .tlt-fr h4, .tlt-fr p, .tlt-fr ul, .tlt-fr li { margin:0; padding:0; color:inherit; }
.tlt-fr ul { list-style:none; }
.tlt-fr a { text-decoration:none; }
.tlt-fr canvas { display:block; max-width:100%; border:0; border-radius:0; box-shadow:none; }
.tlt-fr img { margin:0; box-shadow:none; border:0; border-radius:0; }
.tlt-fr small, .tlt-fr b { line-height:inherit; }

/* ---- RULES drop-down (3RDS shared pattern, t3r-) ---- */
.t3r-rules-btn { font: inherit; letter-spacing: .12em; text-transform: uppercase; }
.t3r-rules { position: fixed; inset: 0; z-index: 9000; background: rgba(3,4,6,.82); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 16px; }
.t3r-rules[hidden] { display: none; }
.t3r-rules__panel { --t3r-accent: #c8ff2e; --t3r-font: 'Barlow Condensed','Arial Narrow',Impact,'Helvetica Neue',sans-serif; width: min(440px, 100%); max-height: 86vh; overflow: auto; background: #0d0f14; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 16px 18px 18px; color: #e9ecf1; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.t3r-rules__head { display: flex; justify-content: space-between; align-items: center; font-family: var(--t3r-font); letter-spacing: .18em; font-size: 13px; color: var(--t3r-accent); margin-bottom: 10px; }
.t3r-rules__x { background: none; border: 0; color: #9aa3b2; font-size: 18px; cursor: pointer; padding: 4px 8px; }
.t3r-rules__list { margin: 0 0 12px; padding: 0 0 0 18px; font-size: 15px; line-height: 1.45; }
.t3r-rules__list li { margin: 0 0 6px; }
.t3r-rules__keys { margin: 0 0 8px; font-size: 13px; color: #9aa3b2; }
.t3r-rules__ok { display: block; width: 100%; margin-top: 8px; padding: 12px; font-family: var(--t3r-font); letter-spacing: .14em; font-weight: 700; background: var(--t3r-accent); color: #0b0c10; border: 0; border-radius: 10px; cursor: pointer; }
.t3r-touch { display: none; } @media (hover: none) and (pointer: coarse) { .t3r-desk { display: none; } .t3r-touch { display: block; } }
/* the cabinet's theme-proofing zeroes ul/li/p — restore the panel's list */
.tlt-fr .t3r-rules__list { list-style: disc; padding-left: 18px; margin: 0 0 12px; }
.tlt-fr .t3r-rules__list li { margin: 0 0 6px; padding: 0; }
.tlt-fr .t3r-rules__keys { margin: 0 0 8px; }
.tlt-fr .t3r-rules__x, .tlt-fr .t3r-rules__ok { line-height: 1.2; min-height: 44px; }
.tlt-fr .t3r-rules__ok:hover { filter: brightness(1.08); }