/* D3FL3CTION FR3NZY cabinet styles (game 0.2.0) */
/* D3FL3CTION FR3NZY — cabinet styles, scoped under .tlt-df / #df-app; theme-proof block at the end */
.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: #040a16 !important; }
html.tlt3rds-cabinet-page .wp-site-blocks, html.tlt3rds-cabinet-page .entry-content { background: #040a16; }
html.tlt3rds-cabinet-page .entry-content { margin-block: 0 !important; padding-block: 0 !important; }
.tlt-df{--ground:#040A16;--chalk:#F4EFE6;--dim:rgba(244,239,230,.58);--edge:rgba(184,246,255,.2);--cyan:#5EE7FF;--cyan-hi:#B8F6FF;--violet:#9877FF;--green:#8EEDAD;--plum:#C58BDC;--amber:#FFB238;--red:#FF5C6A;
  --display:"Barlow Condensed","Arial Narrow",Impact,"Helvetica Neue",Arial,sans-serif;--mono:"Share Tech Mono","SF Mono",Menlo,Consolas,monospace;--s:1;--df-h:900px;
  background:var(--ground);color:var(--chalk);font-family:var(--display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;box-sizing:border-box;border-radius:12px;overflow:hidden}
.tlt-df *,.tlt-df *::before,.tlt-df *::after{box-sizing:border-box}
#df-app [hidden]{display:none!important}
#df-app{height:var(--df-h,900px);display:flex;flex-direction:column;gap:6px;padding:6px 12px 10px;touch-action:none;background:radial-gradient(120% 70% at 50% 0%,#12244a 0%,#071426 55%,var(--ground) 100%)}
#df-app #df-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
#df-app #df-canvas{display:block;background:#040a16;border:1px solid var(--edge);border-radius:8px;outline:none;touch-action:none;max-width:100%;box-shadow:0 14px 44px rgba(0,0,0,.6)}
#df-app #df-canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
/* touch pads: left thumb ◀ ▶, right thumb ▲ ▼ — no fifth button */
#df-app #df-controls{flex:0 0 auto;display:none;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:stretch;touch-action:none;padding:0 4px}
#df-app.df-touch #df-controls{display:grid}
#df-app #df-pad{display:none;grid-column:1}
#df-app.df-padmode #df-controls{grid-template-columns:1fr 54px}
#df-app.df-padmode #df-padl,#df-app.df-padmode #df-padr{display:none}
#df-app.df-padmode #df-pad{display:block}
#df-app #df-pad .tl3pad{--tl3pad-face:linear-gradient(180deg,rgba(24,46,86,.9),rgba(6,14,30,.94));--tl3pad-edge:var(--edge);--tl3pad-ink:#BCEEFF;--tl3pad-on:rgba(94,231,255,.5);--tl3pad-on-ink:#FFFFFF}
.tlt-df .df-touchonly[hidden]{display:none}
#df-app.df-touch #df-keys{display:none}
#df-app.df-lefty #df-controls{direction:rtl}
#df-app .df-pad{position:relative;height:clamp(76px,13vh,112px);border-radius:16px;border:1px solid var(--edge);background:linear-gradient(180deg,rgba(24,46,86,.9),rgba(6,14,30,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);display:flex;touch-action:none;overflow:hidden}
#df-app .df-pad-x{flex-direction:row}
#df-app .df-pad-y{flex-direction:column}
#df-app .df-arrow{flex:1 1 0;display:flex;align-items:center;justify-content:center;border:0;position:relative}
#df-app .df-pad-x .df-arrow+.df-arrow{border-left:1px solid var(--edge)}
#df-app .df-pad-y .df-arrow+.df-arrow{border-top:1px solid var(--edge)}
#df-app .df-arrow::after{content:"";width:0;height:0;border:13px solid transparent}
#df-app .df-al::after{border-right:20px solid var(--cyan-hi);border-left:0}
#df-app .df-ar::after{border-left:20px solid var(--cyan-hi);border-right:0}
#df-app .df-au::after{border-bottom:20px solid var(--cyan-hi);border-top:0}
#df-app .df-ad::after{border-top:20px solid var(--cyan-hi);border-bottom:0}
#df-app .df-arrow.df-on{background:radial-gradient(circle,rgba(94,231,255,.45),rgba(94,231,255,.08) 70%)}
#df-app #df-pausebtn{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--edge);border-radius:14px;cursor:pointer;background:linear-gradient(180deg,rgba(24,46,86,.85),rgba(6,14,30,.9))}
#df-app #df-pausebtn i{display:block;width:6px;height:20px;border-radius:2px;background:var(--dim)}
#df-app #df-keys{flex:0 0 auto;text-align:center;font:13px/1.2 var(--mono);letter-spacing:.06em;color:var(--dim)}
/* entry panel */
#df-app #df-entry{position:absolute;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 16px) calc(var(--s) * 22px) calc(var(--s) * 18px);
  background:linear-gradient(180deg,rgba(10,26,54,.84),rgba(4,10,22,.84));border:1px solid var(--edge);border-radius:calc(var(--s) * 16px);touch-action:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 44px rgba(0,0,0,.6)}
#df-app #df-entry label{font:600 max(12px,calc(var(--s) * 16px))/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-hi)}
#df-app #df-name{width:100%;max-width:calc(var(--s) * 400px);text-align:center;font:max(16px,calc(var(--s) * 25px))/1.2 var(--mono);color:var(--chalk);background:rgba(0,0,0,.5);border:1px solid rgba(184,246,255,.2);border-radius:calc(var(--s) * 10px);padding:calc(var(--s) * 10px) calc(var(--s) * 12px);outline:none;caret-color:var(--cyan);-webkit-user-select:text;user-select:text}
#df-app #df-name::placeholder{color:rgba(244,239,230,.32)}
#df-app #df-name:focus{border-color:var(--cyan);box-shadow:0 0 0 calc(var(--s) * 3px) rgba(94,231,255,.18)}
#df-app #df-hint{font:600 max(12px,calc(var(--s) * 14px))/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
#df-app .df-seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--s) * 7px);width:100%;max-width:calc(var(--s) * 400px)}
#df-app .df-tier,#df-app .df-mode{font:800 max(12px,calc(var(--s) * 18px))/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:rgba(0,0,0,.45);border:1px solid rgba(184,246,255,.15);border-radius:calc(var(--s) * 10px);padding:max(10px,calc(var(--s) * 12px)) 0;cursor:pointer}
#df-app .df-tier[aria-pressed="true"]{color:#EFFFFF;border-color:var(--cyan-hi);background:linear-gradient(180deg,rgba(94,231,255,.32),rgba(20,36,72,.5));box-shadow:0 0 calc(var(--s) * 12px) rgba(94,231,255,.35)}
#df-app .df-mode[aria-pressed="true"]{color:#F3EEFF;border-color:var(--violet);background:linear-gradient(180deg,rgba(152,119,255,.34),rgba(20,36,72,.5));box-shadow:0 0 calc(var(--s) * 12px) rgba(152,119,255,.35)}
#df-app #df-tier-note{font:max(11px,calc(var(--s) * 13px))/1.3 var(--mono);color:var(--dim);text-align:center;min-height:calc(var(--s) * 16px)}
#df-app #df-run{font:800 max(19px,calc(var(--s) * 30px))/1 var(--display);letter-spacing:.14em;color:var(--cyan-hi);border:calc(var(--s) * 2px) solid var(--cyan);border-radius:calc(var(--s) * 12px);padding:max(12px,calc(var(--s) * 14px)) calc(var(--s) * 40px);cursor:pointer;min-width:calc(var(--s) * 300px);
  background:linear-gradient(180deg,#1b3566,#0a1830 60%,#060f20);text-shadow:0 0 calc(var(--s) * 12px) rgba(94,231,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 calc(var(--s) * 20px) rgba(94,231,255,.4)}
#df-app #df-run:disabled{opacity:.42;pointer-events:none;text-shadow:none;box-shadow:none}
#df-app #df-sub{font:600 max(12px,calc(var(--s) * 14px))/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 10px}
#df-app #df-best{font:max(12px,calc(var(--s) * 14px))/1 var(--mono);letter-spacing:.08em;color:var(--dim)}
/* pause + practice */
#df-app #df-pause,#df-app #df-practice{position:absolute;display:flex;gap:calc(var(--s) * 10px);touch-action:auto}
#df-app #df-pause button,#df-app #df-practice button{flex:1 1 0;font:800 max(13px,calc(var(--s) * 19px))/1 var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:calc(var(--s) * 10px);padding:max(11px,calc(var(--s) * 14px)) 0;cursor:pointer;color:var(--dim);background:linear-gradient(180deg,rgba(12,28,56,.92),rgba(4,10,22,.9));border:1px solid var(--edge)}
#df-app #df-pause #df-resume{color:var(--cyan-hi);border:calc(var(--s) * 2px) solid var(--cyan)}
#df-app #df-practice button{font-size:max(11px,calc(var(--s) * 15px));padding:max(9px,calc(var(--s) * 10px)) 0}
#df-app #df-practice button[aria-pressed="true"]{color:#EFFFFF;border-color:var(--cyan-hi)}
/* TOP 100 + cup */
#df-app #df-board,#df-app #df-cup{position:absolute;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;background:linear-gradient(180deg,rgba(10,26,54,.9),rgba(4,10,22,.9));border:1px solid var(--edge);border-radius:calc(var(--s) * 14px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 44px rgba(0,0,0,.6)}
#df-app .df-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)}
#df-app .df-bh b{font:800 max(17px,calc(var(--s) * 24px))/1 var(--display);letter-spacing:.12em;color:var(--chalk)}
#df-app .df-bh span{font:max(11px,calc(var(--s) * 13px))/1 var(--mono);color:var(--dim)}
#df-app #df-land,#df-app #df-cup-next{padding:calc(var(--s) * 9px) calc(var(--s) * 16px);font:600 max(12px,calc(var(--s) * 16px))/1.25 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-hi);text-align:center;border-bottom:1px solid var(--edge)}
#df-app #df-cup-next{border-bottom:0;border-top:1px solid var(--edge);color:var(--green)}
#df-app #df-listwrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
#df-app #df-list{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
#df-app #df-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(94,231,255,.36),rgba(152,119,255,.2)),#0B1426}
#df-app #df-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#df-app #df-fx i{position:absolute;display:block;border-radius:50%}
#df-app .df-ground{height:0;margin:max(10px,calc(var(--s) * 14px)) calc(var(--s) * 16px) 8px;border-top:2px solid rgba(244,239,230,.55)}
#df-app .df-ground.df-cracked{border-top:0;height:3px;background:repeating-linear-gradient(-35deg,rgba(255,92,106,.9) 0 6px,transparent 6px 10px,rgba(244,239,230,.6) 10px 13px,transparent 13px 19px)}
#df-app .df-row{display:grid;grid-template-columns:max(34px,calc(var(--s) * 46px)) 1fr auto;align-items:center;gap:10px;padding:max(6px,calc(var(--s) * 7px)) calc(var(--s) * 16px);font:max(13px,calc(var(--s) * 16px))/1 var(--mono);color:var(--dim);border-bottom:1px solid rgba(244,239,230,.06)}
#df-app .df-row .df-rk{color:rgba(244,239,230,.4);text-align:right}
#df-app .df-row .df-hd{color:var(--chalk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#df-app .df-row .df-pt{color:var(--cyan-hi);font-variant-numeric:tabular-nums}
#df-app .df-row.df-top3 .df-hd,#df-app .df-row.df-top3 .df-rk{color:var(--green)}
#df-app .df-row.df-you{background:linear-gradient(90deg,rgba(94,231,255,.3),rgba(152,119,255,.18));border-top:1px solid rgba(184,246,255,.55);border-bottom:1px solid rgba(184,246,255,.55)}
#df-app .df-row.df-you .df-rk,#df-app .df-row.df-you .df-hd{color:#FFFFFF}
#df-app .df-row.df-you i{display:inline-block;margin-left:.6em;padding:.15em .45em;border-radius:.4em;font:800 .72em/1 var(--display);letter-spacing:.14em;color:#04101c;background:var(--cyan-hi);font-style:normal}
#df-app .df-row.df-crashed{transform:rotate(-1.4deg) translateY(2px);background:linear-gradient(90deg,rgba(255,92,106,.32),rgba(62,10,15,.5))}
@keyframes df-thud{0%{transform:translateY(0)}30%{transform:translateY(7px)}60%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@keyframes df-crash{0%{transform:translate(0,0)}18%{transform:translate(-4px,12px) rotate(-.4deg)}40%{transform:translate(5px,-5px)}62%{transform:translate(-3px,4px)}100%{transform:translate(0,0)}}
#df-app #df-board.df-thud{animation:df-thud .3s ease-out}
#df-app #df-board.df-crash{animation:df-crash .5s ease-out}
#df-app .df-bf{display:flex;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 10px) calc(var(--s) * 16px) calc(var(--s) * 12px);border-top:1px solid var(--edge)}
#df-app .df-bf button{flex:1 1 0;white-space:nowrap;font:800 max(12px,calc(var(--s) * 16px))/1 var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:calc(var(--s) * 10px);padding:max(11px,calc(var(--s) * 13px)) 0;cursor:pointer;color:var(--dim);background:linear-gradient(180deg,rgba(184,246,255,.1),rgba(184,246,255,.03));border:1px solid var(--edge)}
#df-app #df-again,#df-app #df-cup-go{flex-grow:1.4;color:var(--cyan-hi);border:calc(var(--s) * 2px) solid var(--cyan);background:linear-gradient(180deg,#1b3566,#0a1830 60%,#060f20)}
#df-app #df-cup-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:calc(var(--s) * 6px) calc(var(--s) * 14px);touch-action:pan-y}
#df-app .df-stage-h{font:800 max(11px,calc(var(--s) * 14px))/1 var(--display);letter-spacing:.2em;color:var(--green);margin:calc(var(--s) * 10px) 0 calc(var(--s) * 5px)}
#df-app .df-m{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:max(6px,calc(var(--s) * 8px)) calc(var(--s) * 10px);margin-bottom:5px;border:1px solid rgba(184,246,255,.1);border-radius:8px;background:rgba(0,0,0,.35);font:max(12px,calc(var(--s) * 15px))/1.1 var(--mono);color:var(--dim)}
#df-app .df-m .df-a{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#df-app .df-m .df-b{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#df-app .df-m .df-sc{color:var(--amber);white-space:nowrap}
#df-app .df-m .df-w{color:var(--chalk)}
#df-app .df-m.df-mine{border-color:rgba(184,246,255,.5);background:linear-gradient(90deg,rgba(94,231,255,.14),rgba(152,119,255,.08))}
#df-app .df-m .df-you-tag{color:var(--cyan-hi)}
/* bar + cabinet mode */
.tlt-df .df-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 16px 0;font:600 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-hi)}
.tlt-df .df-bar span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlt-df .df-bar em{font-style:normal}
.tlt-df .df-bar .df-chips{display:flex;gap:8px;flex:0 0 auto}
.tlt-df .df-cab{font:800 12px/1 var(--display)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--chalk)!important;background:linear-gradient(180deg,rgba(184,246,255,.1),rgba(184,246,255,.03))!important;border:1px solid var(--edge)!important;border-radius:9px!important;padding:8px 12px!important;cursor:pointer;margin:0!important;white-space:nowrap}
.tlt-df.df-cabinet{position:fixed;inset:0;z-index:2147483000;border-radius:0;max-width:none;margin:0;overflow:auto}
.tlt-df.df-cabinet #df-app,.tlt-df:fullscreen #df-app{height:100vh;height:100dvh;padding-top:44px}
.tlt-df:fullscreen{border-radius:0;max-width:none}
.tlt-df.df-cabinet .df-bar,.tlt-df:fullscreen .df-bar{position:absolute;top:0;left:0;right:0;z-index:5;padding-top:8px}
/* theme-proofing */
.tlt-df #df-app button{-webkit-appearance:none;appearance:none;text-decoration:none;margin:0;line-height:1}
.tlt-df #df-app input[type="text"]{-webkit-appearance:none;appearance:none;margin:0}
.tlt-df #df-app div,.tlt-df #df-app section,.tlt-df #df-app form{margin:0}
.tlt-df #df-app .df-tier,.tlt-df #df-app .df-mode,.tlt-df #df-app .df-bf button,.tlt-df #df-app #df-pause button,.tlt-df #df-app #df-practice button,.tlt-df #df-app #df-run{font-family:var(--display)!important;text-transform:uppercase!important;font-weight:800!important}
.tlt-df #df-app #df-name{font-family:var(--mono)!important;color:var(--chalk)!important;background:rgba(0,0,0,.5)!important;text-align:center!important}
.tlt-df #df-app label{color:var(--cyan-hi)!important;font-family:var(--display)!important;margin:0!important}
.tlt-df #df-app #df-canvas{max-width:100%!important;margin:0!important;padding:0!important}
.tlt-df #df-app .df-row,.tlt-df #df-app .df-row *,.tlt-df #df-app .df-m,.tlt-df #df-app .df-m *{font-family:var(--mono)!important;line-height:1.1!important}
@media (max-width:720px){
  .tlt-df{border-radius:0}
  .tlt-df #df-app{padding:4px 0 8px;gap:6px}
  .tlt-df #df-app #df-canvas{border-radius:0!important;border-left:0!important;border-right:0!important}
  .tlt-df .df-bar{padding:8px 12px 0}
  .tlt-df .df-cab{min-height:40px!important}
  .tlt-df #df-app .df-tier,.tlt-df #df-app .df-mode,.tlt-df #df-app #df-run,.tlt-df #df-app .df-bf button,.tlt-df #df-app #df-pause button,.tlt-df #df-app #df-practice button,.tlt-df #df-app #df-name{min-height:44px!important}
  .tlt-df.df-cabinet .df-bar span,.tlt-df:fullscreen .df-bar span{display:none}
  .tlt-df.df-cabinet .df-bar .df-chips,.tlt-df:fullscreen .df-bar .df-chips{margin-left:auto}
}
@media (max-width:640px){.tlt-df:not(.df-cabinet) #df-app{height:min(var(--df-h,900px),calc(100vh - 52px));height:min(var(--df-h,900px),calc(100svh - 52px))}}
/* RULES drop-down (shared t3r- pattern) */
.t3r-rules-btn{font:inherit;letter-spacing:.12em;text-transform:uppercase}
.t3r-rules{position:fixed;inset:0;z-index:9000;background:rgba(3,6,12,.82);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;touch-action:auto}
.t3r-rules[hidden]{display:none}
.t3r-rules__panel{--t3r-accent:#5EE7FF;--t3r-font:"Barlow Condensed","Arial Narrow",Impact,sans-serif;width:min(470px,100%);max-height:86vh;overflow:auto;background:#07122a;border:1px solid rgba(184,246,255,.18);border-radius:14px;padding:16px 18px 18px;color:#e9f3f8;box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:"Helvetica Neue",Arial,sans-serif;text-align:left;-webkit-user-select:text;user-select:text}
.t3r-rules__head{display:flex;justify-content:space-between;align-items:center;font-family:var(--t3r-font);letter-spacing:.18em;font-size:14px;color:var(--t3r-accent);margin-bottom:10px}
.t3r-rules__x{background:none!important;border:0!important;color:#9aa9b8!important;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;list-style:disc}
.t3r-rules__list li{margin:0 0 6px}
.t3r-rules__keys{margin:0 0 8px;font-size:13px;color:#9aa9b8}
.t3r-rules__ok{display:block;width:100%;margin-top:8px;padding:12px;font-family:var(--t3r-font)!important;letter-spacing:.14em;font-weight:700;background:var(--t3r-accent)!important;color:#04101c!important;border:0!important;border-radius:10px;cursor:pointer}
.t3r-touch{display:none}@media (hover:none) and (pointer:coarse){.t3r-desk{display:none}.t3r-touch{display:block}}
/* 1.1.0: on the TL3RDS STAGE (full screen) on a COMPUTER (.tl3-desk) the frame (#df-app) is laid out in design pixels (664 wide) and scaled by the stage — nothing in it reads the viewport; --s then comes out at 1. On a PHONE (.tl3-phone) the stage lays the frame out at the phone's own width, so the game's own phone rules stay as they are (df-app.js gives #df-stage its height there) */
.tlt-df.tl3-full.tl3-desk #df-app{padding:6px 12px 10px;gap:6px}
.tlt-df.tl3-full.tl3-desk #df-app #df-stage{flex:0 0 auto;height:1200px}
.tlt-df.tl3-full.tl3-phone #df-app #df-stage{flex:0 0 auto;width:100%;align-self:stretch}
.tlt-df.tl3-full.tl3-desk #df-app .df-pad{height:96px}
.tlt-df.tl3-full.tl3-desk #df-app .t3r-rules__panel{max-height:1100px}
/* 1.1.0: the bar sits outside the frame; in the stage's full screen only its RULES chip stays — on a computer at the left of the stage's strip row (the strip's own buttons keep the right), on a phone (the strip is at the bottom there) over the frame's top-left corner */
.tlt-df.tl3-full > .df-bar{position:absolute;top:var(--tl3s-box-top,0px);left:0;right:auto;bottom:auto;z-index:2147483001;height:40px;margin:0;padding:4px 12px 0;pointer-events:none}
.tlt-df.tl3-full.tl3-desk > .df-bar{top:var(--tl3s-strip-top,0px)}
.tlt-df.tl3-full > .df-bar span{display:none}
.tlt-df.tl3-full > .df-bar .df-chips{pointer-events:auto;margin:0}
.tlt-df.tl3-full > .df-bar .df-cab{height:32px;min-height:0!important;padding:0 12px!important;border-radius:999px!important}
@media (max-width:720px),(hover:none) and (pointer:coarse){
  .tlt-df.tl3-full > .df-bar{height:44px;padding:4px 8px 0}
  .tlt-df.tl3-full > .df-bar .df-cab{height:36px}
}
/* 1.1.0: on the page under the stage (a computer), the stage's strip sits over the top-right corner — the bar keeps its chips clear of it */
.tlt-df.tl3-staged.tl3-desk:not(.tl3-full) > .df-bar{padding-right:400px}

/* 1.2.5 (Oct 10, the walker's iPhone pass: "START OVER" was 73×17 px): a phone gets a full-size tap */
.tl3-phone #df-app #df-sub{min-height:40px;min-width:120px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center}

/* 1.2.5 (Oct 10, the iPhone check: RULES and CONTROLS sat on top of your own score): on a phone the two chips go in the thin
   band above the game, beside the round pause and menu buttons — never on the game. */
.tlt-df.tl3-full.tl3-phone > .df-bar{top:calc(1px + env(safe-area-inset-top))!important;height:34px!important;padding:0 8px!important}
.tlt-df.tl3-full.tl3-phone > .df-bar .df-cab{height:34px!important;min-height:34px!important;padding:0 14px!important}