/*! TLT R3TURN3R L3GACY — plugin stylesheet (game v0.5.3). Everything is scoped under .tlt-r3l so the theme and the game never touch. Proprietary to The Late 3RDS. */

/* ---- 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; }
}

/* ---------- the aperture: the block the shortcode drops into the page ---------- */
.tlt-r3l{
  --ground:#07090C; --turf:#0B1712; --chalk:#F4EFE6; --chalk-dim:rgba(244,239,230,.5); --edge:rgba(244,239,230,.18);
  --orange:#F26A1B; --orange-hi:#FF8B45; --blue:#1E5BFF; --blue-hi:#5A8CFF; --red:#E3202B; --gold:#E1B457; --amber:#FFB238;
  --display:"R3L Barlow Condensed","Barlow Condensed","Arial Narrow",Impact,"Helvetica Neue",Arial,sans-serif;
  --mono:"R3L Share Tech Mono","Share Tech Mono","SF Mono",Menlo,Consolas,monospace;
  --s:1;
  position:relative;box-sizing:border-box;width:100%;
  height:calc(100vh - 140px);height:var(--r3l-h,calc(100svh - 140px));min-height:520px;max-height:1200px;
  margin:0;padding:0;overflow:hidden;border-radius:14px;
  background:radial-gradient(120% 80% at 50% 0%,#0E1520 0%,var(--ground) 60%);color:var(--chalk);
  font-family:var(--display);font-size:14px;line-height:1.2;text-align:left;
  color-scheme:dark;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;
}
.tlt-r3l,.tlt-r3l *{box-sizing:border-box}
.tlt-r3l [hidden]{display:none!important}
.tlt-r3l button,.tlt-r3l input{font:inherit;margin:0;text-decoration:none;text-shadow:none;transition:none;-webkit-appearance:none;appearance:none}
.tlt-r3l button{line-height:1;min-height:0;min-width:0;width:auto}
.tlt-r3l b{font-weight:800}
.tlt-r3l canvas{display:block;margin:0}

/* cabinet mode: the game owns the screen (real fullscreen where the browser allows it, a fixed overlay elsewhere) */
.tlt-r3l.is-cabinet{position:fixed;inset:0;z-index:100000;width:auto;height:auto;min-height:0;max-height:none;border-radius:0;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
html.tlt-r3l-locked,html.tlt-r3l-locked body{overflow:hidden!important}

.tlt-r3l .r3l-app{height:100%;display:flex;flex-direction:column;gap:8px;padding:8px 16px 10px}
/* top bar: the eyebrow left, the chips (RULES · Sound · Cabinet) right; one row, two only when the phone forces it */
.tlt-r3l .r3l-bar{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:26px}
.tlt-r3l .r3l-eyebrow{font:600 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--orange-hi);white-space:nowrap}
.tlt-r3l .r3l-chips{display:flex;align-items:center;gap:6px;margin-left:auto}
.tlt-r3l .r3l-cab{font:600 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-dim);cursor:pointer;white-space:nowrap;
  background:linear-gradient(180deg,rgba(244,239,230,.10),rgba(244,239,230,.03));border:1px solid var(--edge);border-radius:8px;padding:7px 11px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tlt-r3l .r3l-cab:hover{color:var(--chalk);border-color:var(--chalk-dim)}
.tlt-r3l .r3l-snd.is-off{opacity:.55;text-decoration:line-through}
.tlt-r3l .r3l-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tlt-r3l button:focus-visible,.tlt-r3l .r3l-canvas:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.tlt-r3l .r3l-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
.tlt-r3l .r3l-canvas{background:var(--turf);border:1px solid var(--edge);border-radius:8px;outline:none;touch-action:none;max-width:100%;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.tlt-r3l .r3l-pads{display:none;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:12px;height:104px}
@media (any-pointer:coarse){.tlt-r3l .r3l-pads{display:grid}}
.tlt-r3l.is-touch .r3l-pads{display:grid}

/* ---------- glass pads — label over a thin groove with a lit pill ---------- */
.tlt-r3l .r3l-pad{position:relative;border:1px solid var(--edge);border-radius:16px;padding:12px 16px 14px;display:flex;flex-direction:column;justify-content:center;gap:11px;touch-action:none;cursor:pointer;
  background:linear-gradient(180deg,rgba(244,239,230,.08),rgba(244,239,230,.02));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 18px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.45)}
.tlt-r3l .r3l-pad.r3l-held{background:linear-gradient(180deg,rgba(244,239,230,.14),rgba(244,239,230,.04))}
.tlt-r3l .r3l-lab{text-align:center;font:600 max(11px,min(13px,3.3vw))/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--chalk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlt-r3l .r3l-track{position:relative;height:30px;border-radius:15px;background:linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,.46));border:1px solid rgba(244,239,230,.12);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}
.tlt-r3l .r3l-track::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;background:var(--edge)}
.tlt-r3l .r3l-thumb{position:absolute;left:0;top:3px;width:64px;height:22px;border-radius:11px;will-change:transform}
.tlt-r3l .r3l-pad[data-who="wall"] .r3l-thumb{background:linear-gradient(180deg,#7AA6FF,#1E5BFF 60%,#1546C4);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 12px rgba(30,91,255,.85),0 0 26px rgba(30,91,255,.4)}
.tlt-r3l .r3l-pad[data-who="ret"] .r3l-thumb{background:linear-gradient(180deg,#FFA76B,#F26A1B 60%,#C4520F);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 12px rgba(242,106,27,.85),0 0 26px rgba(242,106,27,.4)}

/* ---------- username entry + tier pick — smoked glass over the title screen, scaled with the canvas ---------- */
.tlt-r3l .r3l-entry{position:absolute;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s) * 10px);margin:0;padding:calc(var(--s) * 14px) calc(var(--s) * 18px) calc(var(--s) * 16px);
  background:linear-gradient(180deg,rgba(14,18,26,.80),rgba(7,9,12,.74));border:1px solid var(--edge);border-radius:calc(var(--s) * 14px);touch-action:auto;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.55)}
.tlt-r3l .r3l-name{width:100%;max-width:calc(var(--s) * 360px);text-align:center;font:max(16px,calc(var(--s) * 24px))/1.2 var(--mono);letter-spacing:.04em;color:var(--chalk);background:rgba(0,0,0,.5);border:1px solid rgba(244,239,230,.16);border-radius:calc(var(--s) * 8px);padding:calc(var(--s) * 8px) calc(var(--s) * 12px);outline:none;caret-color:var(--gold);-webkit-user-select:text;user-select:text;box-shadow:inset 0 2px 6px rgba(0,0,0,.5);height:auto;min-height:44px}
.tlt-r3l .r3l-name::placeholder{color:rgba(244,239,230,.3)}
.tlt-r3l .r3l-name.r3l-need::placeholder{color:var(--orange-hi)}
.tlt-r3l .r3l-name:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 calc(var(--s) * 3px) rgba(225,180,87,.18)}
.tlt-r3l .r3l-tiers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--s) * 6px);width:100%;max-width:calc(var(--s) * 360px);margin-top:calc(var(--s) * 2px)}
.tlt-r3l .r3l-tier{font:800 max(12px,calc(var(--s) * 15px))/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-dim);background:rgba(0,0,0,.45);border:1px solid rgba(244,239,230,.14);border-radius:calc(var(--s) * 8px);padding:calc(var(--s) * 10px) 0;min-height:36px;cursor:pointer;box-shadow:none}
.tlt-r3l .r3l-tier:hover{color:var(--chalk);border-color:var(--chalk-dim);background:rgba(0,0,0,.45)}
.tlt-r3l .r3l-tier[aria-pressed="true"]{color:#FFF1E4;border-color:var(--orange-hi);background:linear-gradient(180deg,rgba(242,106,27,.38),rgba(242,106,27,.14));box-shadow:0 0 calc(var(--s) * 12px) rgba(242,106,27,.35)}
.tlt-r3l .r3l-tier-note{font:600 max(13px,calc(var(--s) * 15px))/1.2 var(--display);letter-spacing:.04em;color:var(--chalk-dim);text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlt-r3l .r3l-run{font:800 max(20px,calc(var(--s) * 28px))/1 var(--display);letter-spacing:.08em;color:#FFF1E4;border:calc(var(--s) * 2px) solid #FF7A2E;border-radius:calc(var(--s) * 10px);padding:calc(var(--s) * 11px) calc(var(--s) * 36px);min-height:48px;cursor:pointer;margin-top:calc(var(--s) * 2px);
  background:linear-gradient(180deg,#BE3A10,#8E2609 55%,#701B05);text-shadow:0 0 calc(var(--s) * 10px) rgba(255,150,70,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -8px 14px rgba(0,0,0,.35),0 0 calc(var(--s) * 18px) rgba(242,106,27,.6),0 0 calc(var(--s) * 44px) rgba(242,106,27,.25)}
.tlt-r3l .r3l-run:hover{color:#FFF1E4;background:linear-gradient(180deg,#D84512,#A52D0B 55%,#7E1E06)}
/* no handle yet: RUN IT sits dim and dead until one is typed */
.tlt-r3l .r3l-run:disabled,.tlt-r3l .r3l-run:disabled:hover{opacity:.45;pointer-events:none;cursor:default;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);background:linear-gradient(180deg,#BE3A10,#8E2609 55%,#701B05)}
.tlt-r3l .r3l-best{font:max(12px,calc(var(--s) * 14px))/1 var(--mono);letter-spacing:.08em;color:var(--gold)}

/* ---------- pause panel: RESUME · RULES · QUIT, smoked glass over the veiled field ---------- */
.tlt-r3l .r3l-pause{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--s) * 8px);margin:0;padding:calc(var(--s) * 14px) calc(var(--s) * 18px) calc(var(--s) * 16px);
  background:linear-gradient(180deg,rgba(14,18,26,.86),rgba(7,9,12,.84));border:1px solid var(--edge);border-radius:calc(var(--s) * 14px);touch-action:auto;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.55)}
.tlt-r3l .r3l-ph{font:800 max(24px,calc(var(--s) * 40px))/1 var(--display);letter-spacing:.1em;color:var(--chalk);text-align:center;margin-bottom:calc(var(--s) * 4px)}
.tlt-r3l .r3l-pause button{font:800 max(14px,calc(var(--s) * 17px))/1 var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:calc(var(--s) * 9px);padding:max(11px,calc(var(--s) * 12px)) 0;min-height:40px;cursor:pointer}
.tlt-r3l .r3l-resume{color:#FFF1E4;border:calc(var(--s) * 2px) solid #FF7A2E;background:linear-gradient(180deg,#BE3A10,#8E2609 55%,#701B05);text-shadow:0 0 calc(var(--s) * 8px) rgba(255,150,70,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 0 calc(var(--s) * 14px) rgba(242,106,27,.5)}
.tlt-r3l .r3l-resume:hover{color:#FFF1E4;background:linear-gradient(180deg,#D84512,#A52D0B 55%,#7E1E06)}
.tlt-r3l .r3l-prules,.tlt-r3l .r3l-quit{color:var(--chalk-dim);background:linear-gradient(180deg,rgba(244,239,230,.10),rgba(244,239,230,.03));border:1px solid var(--edge);box-shadow:none}
.tlt-r3l .r3l-prules:hover,.tlt-r3l .r3l-quit:hover{color:var(--chalk);border-color:var(--chalk-dim);background:linear-gradient(180deg,rgba(244,239,230,.10),rgba(244,239,230,.03))}

/* ---------- postgame TOP 100 — smoked glass over the tackled screen; rows never scale below phone-readable ---------- */
.tlt-r3l .r3l-board{position:absolute;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;margin:0;padding:0;
  background:linear-gradient(180deg,rgba(14,18,26,.86),rgba(7,9,12,.84));border:1px solid var(--edge);border-radius:calc(var(--s) * 14px);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.55)}
.tlt-r3l .r3l-bh{display:flex;justify-content:space-between;align-items:baseline;padding:calc(var(--s) * 12px) calc(var(--s) * 16px) calc(var(--s) * 9px);border-bottom:1px solid var(--edge)}
.tlt-r3l .r3l-bh b{font:800 max(17px,calc(var(--s) * 21px))/1 var(--display);letter-spacing:.12em;color:var(--chalk)}
.tlt-r3l .r3l-bh span{font:max(11px,calc(var(--s) * 12px))/1 var(--mono);letter-spacing:.06em;color:var(--chalk-dim)}
.tlt-r3l .r3l-land{padding:calc(var(--s) * 8px) calc(var(--s) * 16px);font:600 max(12px,calc(var(--s) * 14px))/1.25 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-hi);text-align:center;border-bottom:1px solid var(--edge)}
.tlt-r3l .r3l-listwrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
.tlt-r3l .r3l-list{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.25) transparent}
.tlt-r3l .r3l-fall{position:absolute;left:0;right:0;top:0;pointer-events:none;will-change:transform;box-shadow:0 10px 26px rgba(0,0,0,.6);background:linear-gradient(90deg,rgba(242,106,27,.34),rgba(242,106,27,.14)),#0E121A}
.tlt-r3l .r3l-fall::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--trail,0px);background:linear-gradient(180deg,rgba(242,106,27,0),rgba(242,106,27,.35));pointer-events:none}
.tlt-r3l .r3l-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tlt-r3l .r3l-fx i{position:absolute;display:block;border-radius:50%;will-change:transform,opacity}
.tlt-r3l .r3l-row{display:grid;grid-template-columns:max(34px,calc(var(--s) * 44px)) 1fr auto;align-items:center;gap:max(8px,calc(var(--s) * 10px));padding:max(6px,calc(var(--s) * 7px)) calc(var(--s) * 16px);font:max(13px,calc(var(--s) * 15px))/1 var(--mono);color:var(--chalk-dim);border-bottom:1px solid rgba(244,239,230,.06)}
.tlt-r3l .r3l-rk{color:rgba(244,239,230,.4);text-align:right}
.tlt-r3l .r3l-hd{color:var(--chalk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlt-r3l .r3l-yd{color:var(--amber);font-variant-numeric:tabular-nums}
.tlt-r3l .r3l-top3 .r3l-rk,.tlt-r3l .r3l-top3 .r3l-hd{color:var(--gold)}
.tlt-r3l .r3l-you{background:linear-gradient(90deg,rgba(242,106,27,.30),rgba(242,106,27,.10));border-top:1px solid rgba(255,139,69,.55);border-bottom:1px solid rgba(255,139,69,.55)}
.tlt-r3l .r3l-you .r3l-rk,.tlt-r3l .r3l-you .r3l-hd{color:#FFF1E4}
.tlt-r3l .r3l-you .r3l-yd{color:#FFD9A8}
.tlt-r3l .r3l-you i{display:inline-block;margin-left:.6em;padding:.15em .45em;border-radius:.4em;font:800 .72em/1 var(--display);letter-spacing:.14em;color:#1a0d05;background:var(--orange-hi);vertical-align:middle;font-style:normal}
.tlt-r3l .r3l-off{opacity:.45}
.tlt-r3l .r3l-ground{height:0;margin:max(10px,calc(var(--s) * 14px)) calc(var(--s) * 16px) max(8px,calc(var(--s) * 10px));border-top:2px solid rgba(244,239,230,.55)}
.tlt-r3l .r3l-ground.r3l-cracked{border-top:0;height:3px;background:repeating-linear-gradient(-35deg,rgba(255,92,100,.9) 0 6px,transparent 6px 10px,rgba(244,239,230,.6) 10px 13px,transparent 13px 19px)}
.tlt-r3l .r3l-row.r3l-crashed{transform:rotate(-1.4deg) translateY(2px);border-color:rgba(227,32,43,.7);background:linear-gradient(90deg,rgba(227,32,43,.32),rgba(62,10,15,.5));box-shadow:0 10px 18px rgba(0,0,0,.6)}
.tlt-r3l .r3l-row.r3l-crashed .r3l-yd{color:#FF9AA0}
.tlt-r3l .r3l-bf{display:flex;gap:max(6px,calc(var(--s) * 8px));padding:calc(var(--s) * 10px) calc(var(--s) * 12px) calc(var(--s) * 12px);border-top:1px solid var(--edge)}
.tlt-r3l .r3l-bf button{flex:1 1 0;font:800 max(13px,calc(var(--s) * 16px))/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border-radius:calc(var(--s) * 9px);padding:max(9px,calc(var(--s) * 11px)) 0;min-height:40px;cursor:pointer;white-space:nowrap}
.tlt-r3l .r3l-bf .r3l-brules{flex:0 0 auto;padding-left:max(8px,calc(var(--s) * 10px));padding-right:max(8px,calc(var(--s) * 10px))}
.tlt-r3l .r3l-change,.tlt-r3l .r3l-brules{color:var(--chalk-dim);background:linear-gradient(180deg,rgba(244,239,230,.10),rgba(244,239,230,.03));border:1px solid var(--edge);box-shadow:none}
.tlt-r3l .r3l-change:hover,.tlt-r3l .r3l-brules:hover{color:var(--chalk);border-color:var(--chalk-dim);background:linear-gradient(180deg,rgba(244,239,230,.10),rgba(244,239,230,.03))}
.tlt-r3l .r3l-again{color:#FFF1E4;border:calc(var(--s) * 2px) solid #FF7A2E;background:linear-gradient(180deg,#BE3A10,#8E2609 55%,#701B05);text-shadow:0 0 calc(var(--s) * 8px) rgba(255,150,70,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 0 calc(var(--s) * 14px) rgba(242,106,27,.5)}
.tlt-r3l .r3l-again:hover{color:#FFF1E4;background:linear-gradient(180deg,#D84512,#A52D0B 55%,#7E1E06)}
@keyframes r3l-thud{0%{transform:translateY(0)}30%{transform:translateY(7px)}60%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@keyframes r3l-crash{0%{transform:translate(0,0)}18%{transform:translate(-4px,12px) rotate(-.4deg)}40%{transform:translate(5px,-5px) rotate(.3deg)}62%{transform:translate(-3px,4px)}82%{transform:translate(2px,-2px)}100%{transform:translate(0,0)}}
@keyframes r3l-pop{0%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes r3l-flash{0%{background:rgba(255,92,100,.75)}100%{background:transparent}}
.tlt-r3l .r3l-board.r3l-thud{animation:r3l-thud .3s ease-out}
.tlt-r3l .r3l-board.r3l-crash{animation:r3l-crash .5s ease-out}
.tlt-r3l .r3l-you.r3l-landed i{animation:r3l-pop .35s ease-out}
.tlt-r3l .r3l-listwrap.r3l-flash::after{content:"";position:absolute;inset:0;pointer-events:none;animation:r3l-flash .5s ease-out forwards}
@media (prefers-reduced-motion:reduce){.tlt-r3l .r3l-board.r3l-thud,.tlt-r3l .r3l-board.r3l-crash,.tlt-r3l .r3l-you.r3l-landed i,.tlt-r3l .r3l-listwrap.r3l-flash::after{animation:none}}

/* ---------- RULES drop-down (the 3RDS pattern, t3r- prefix; the head takes the display face, the OK button the orange) ---------- */
.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: #FF8B45; --t3r-font: "R3L Barlow Condensed","Barlow Condensed","Arial Narrow",Impact,"Helvetica Neue",Arial,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; } }
/* inside the cabinet the button reset would shrink the OK button and the panel would inherit the chalk color; put them back */
.tlt-r3l .t3r-rules__ok{width:100%;min-height:44px;font-size:15px}
.tlt-r3l .t3r-rules__x{min-height:44px;min-width:44px}
.tlt-r3l .t3r-rules__list{font:600 15px/1.45 var(--display);letter-spacing:.02em;color:#e9ecf1;list-style:disc}
.tlt-r3l .t3r-rules__keys{font:13px/1.4 var(--mono)}

/* ---------- phones (≤ 720px): the cabinet runs edge to edge, nothing narrower than the screen, every tap target 44px tall.
   Last on purpose: these floors have to win over the scaled sizes above. ---------- */
@media (max-width:720px){
  .tlt-r3l{border-radius:0}
  .tlt-r3l .r3l-app{padding:6px 0 8px;gap:6px}
  .tlt-r3l .r3l-bar{padding:0 10px}
  .tlt-r3l .r3l-eyebrow{font-size:10px}
  .tlt-r3l .r3l-cab{min-height:44px;padding:0 10px;font-size:11px}
  .tlt-r3l .r3l-canvas{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .tlt-r3l .r3l-pads{height:76px;gap:8px;padding:0 8px}
  .tlt-r3l .r3l-pad{padding:8px 12px 10px;gap:7px;border-radius:12px}
  .tlt-r3l .r3l-tier,.tlt-r3l .r3l-bf button,.tlt-r3l .r3l-pause button{min-height:44px}
  .tlt-r3l .r3l-run{min-height:52px}
  .tlt-r3l .r3l-bf{gap:6px;padding-left:8px;padding-right:8px}
  .tlt-r3l .r3l-bf button{font-size:12px;letter-spacing:.05em}
  .tlt-r3l .r3l-bf .r3l-brules{padding-left:8px;padding-right:8px}
}