/* TLT · MAK3 TH3 ROST3R v0.5.1 — all visuals. Class contract: mtr__* (restyle freely, keep the names). Proprietary to The Late Thirds. */
/* ---- 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; }
}
/* ============================================================================
   MAK3 TH3 ROST3R — v0.5.1 (art in, WordPress-ready). All visuals live in this block.
   Class contract: mtr__* names are the CSS/JS handshake (restyle freely, keep the names).
   ============================================================================ */
:root{
  --bg:#07090e; --bg2:#0d1119; --panel:rgba(18,23,34,.72); --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.16);
  --ink:#eef2f7; --ink2:#9aa6b8; --ink3:#5f6b7d;
  --you:#ff7a1a; --you2:#ffb36b; --room:#3fa9ff; --good:#38e07b; --bad:#ff3b5c; --gold:#ffd166;
  --font:'Public Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --mono:'Overpass Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:14px;
}
.mtr__app{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.35;overflow-x:hidden;
  background-image:radial-gradient(1200px 600px at 50% -10%,rgba(63,169,255,.10),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(255,122,26,.08),transparent 60%);
  max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:12px 14px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;border-radius:18px;position:relative}
.mtr__app .mtr__app button{font-family:inherit;color:inherit;cursor:pointer;line-height:1.2}
.mtr__app button:disabled{cursor:default}
.mtr__app h1,.mtr__app h2,.mtr__app p{font-family:var(--font)}
.mtr__app.is-cabinet{position:fixed;inset:0;z-index:99999;max-width:none;border-radius:0;overflow:auto;padding-top:10px}
.mtr__app.is-cabinet .mtr__foot{display:none}.mtr__app.is-cabinet .mtr__top{margin-bottom:8px}.mtr__app.is-cabinet .mtr__hud{margin-bottom:8px}.mtr__app.is-cabinet .mtr__ring,.mtr__app.is-cabinet .mtr__clue{margin-bottom:8px}
.mtr__hidden{display:none!important}

/* ---- glass ------------------------------------------------------------ */
.mtr__glass{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mtr__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));padding:12px 18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}
.mtr__btn:active{transform:translateY(1px) scale(.99)}
.mtr__btn--you{border-color:rgba(255,154,42,.85);background:linear-gradient(180deg,rgba(255,154,42,.22),rgba(20,14,8,.85) 55%,rgba(10,8,6,.95));box-shadow:0 0 0 1px rgba(255,154,42,.35),0 0 26px rgba(255,154,42,.28),inset 0 0 18px rgba(255,154,42,.28),inset 0 1px 0 rgba(255,220,160,.35);color:#ffd9a8;text-shadow:0 0 8px rgba(255,154,42,.6)}
.mtr__btn--room{border-color:rgba(63,169,255,.85);background:linear-gradient(180deg,rgba(63,169,255,.22),rgba(8,14,26,.85) 55%,rgba(6,9,16,.95));box-shadow:0 0 0 1px rgba(63,169,255,.35),0 0 26px rgba(63,169,255,.25),inset 0 0 18px rgba(63,169,255,.28),inset 0 1px 0 rgba(180,220,255,.35);color:#d6ecff;text-shadow:0 0 8px rgba(63,169,255,.6)}
.mtr__btn--ghost{background:transparent}
.mtr__btn:disabled{opacity:.45;box-shadow:none}

/* ---- top bar ---------------------------------------------------------- */
.mtr__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:10px}
.mtr__topright{display:flex;gap:6px;align-items:center}
.mtr__iconbtn{border-radius:10px;padding:8px 10px;font-size:12px}
#mtr-scrRound{display:flex;flex-direction:column}
@media (max-width:559px){.mtr__app.in-round .mtr__top{display:none}.mtr__app.in-round .mtr__hud{margin-top:0}#mtr-scrRound .mtr__hud{order:0}#mtr-scrRound .mtr__clue{order:1}#mtr-scrRound .mtr__ring{order:2}#mtr-scrRound #mtr-lower{order:3}}
.mtr__hudbtns{display:none;gap:6px;margin-top:6px;justify-content:flex-end}
@media (max-width:559px){.mtr__app.in-round .mtr__hudbtns{display:flex}}
.mtr__hudbtns .mtr__btn{padding:5px 8px;font-size:10.5px;border-radius:8px}

/* ---- title ------------------------------------------------------------ */
.mtr__title{padding:26px 20px;text-align:center;margin-top:2vh;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(7,9,14,.15),rgba(7,9,14,.55) 38%,rgba(7,9,14,.9) 70%,rgba(7,9,14,.96)),var(--img-title);background-size:cover;background-position:center 30%}
.mtr__title .mtr__wm{display:block;width:min(100%,600px);margin:0 auto}
.mtr__wm{display:block;height:auto}
.mtr__top .mtr__wm{height:34px;width:auto;margin:-6px 0}
.mtr__title h1{margin:0;font-size:clamp(30px,8vw,52px);letter-spacing:.06em;line-height:1;font-weight:800}
.mtr__title h1 span:first-child{color:var(--you);text-shadow:0 0 22px rgba(255,122,26,.55)}
.mtr__title h1 span:last-child{color:var(--room);text-shadow:0 0 22px rgba(63,169,255,.55)}
.mtr__eyebrow{color:var(--ink2);letter-spacing:.24em;font-size:11px;text-transform:uppercase;margin-bottom:12px}
.mtr__handle{display:flex;gap:8px;justify-content:center;margin:18px auto 8px;max-width:420px}
.mtr__handle input{flex:1;min-width:0;background:rgba(0,0,0,.35);border:1px solid var(--line2);border-radius:12px;color:var(--ink);font:600 16px var(--mono);padding:12px 14px;outline:none}
.mtr__handle input:focus{border-color:var(--room)}
.mtr__best{color:var(--ink3);font-size:12px;margin-top:6px;font-family:var(--mono)}

/* ---- round hud -------------------------------------------------------- */
.mtr__hud{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;margin-bottom:10px;align-items:center}
.mtr__hud-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.mtr__kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)}
.mtr__kicker b{color:var(--gold)}
.mtr__pos{font-size:22px;font-weight:800;letter-spacing:.04em}
.mtr__pos small{font-size:12px;color:var(--ink2);font-weight:600;letter-spacing:.12em;margin-left:8px}
.mtr__score{text-align:right;font-family:var(--mono)}
.mtr__score .v{font-size:24px;font-weight:700;color:var(--you2);line-height:1}
.mtr__score .r{font-size:11px;color:var(--ink2);letter-spacing:.08em;margin-top:3px;white-space:nowrap}
.mtr__score .r.safe{color:var(--good)} .mtr__score .r.danger{color:var(--bad)}

/* ---- the ring (49 seats around you) ----------------------------------- */
.mtr__ring{margin-bottom:10px;padding:0;position:relative;overflow:hidden;background:#05070c}
.mtr__ring .mtr__ticker{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(5,7,12,0),rgba(5,7,12,.85));padding:14px 8px 5px}
.mtr__ring canvas{display:block;width:100%}
.mtr__ticker{font:600 11.5px var(--mono);color:var(--ink2);letter-spacing:.06em;text-align:center;padding:4px 6px 2px;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtr__ticker b{color:var(--good);font-weight:700}
.mtr__ticker i{color:var(--bad);font-style:normal;font-weight:700}
.mtr__ticker em{color:var(--you2);font-style:normal;font-weight:700}
.mtr__timer.deciding i{transform:scaleX(1)!important;background:linear-gradient(90deg,var(--gold),#ffe6a0);animation:mtrDecide 1s ease-in-out infinite alternate;box-shadow:0 0 12px rgba(255,209,102,.5)}
@keyframes mtrDecide{from{opacity:.35}to{opacity:1}}

/* ---- clue card -------------------------------------------------------- */
.mtr__clue{padding:12px 14px 10px;margin-bottom:10px;position:relative;overflow:hidden}
.mtr__clue.has-panel{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-style:solid;border-width:12px 16px 26px 16px;border-image:var(--img-panel) 30 50 72 50 fill / 12px 16px 26px 16px stretch;padding:4px 10px 0}
.mtr__clue.has-panel .mtr__timer{margin-top:8px;margin-bottom:2px;background:rgba(0,0,0,.35)}
@media (max-width:559px){.mtr__clue.has-panel{border-width:9px 12px 20px 12px;border-image-width:9px 12px 20px 12px;padding:2px 6px 0}.mtr__name{min-height:42px;padding:7px 8px}.mtr__board{gap:6px}.mtr__prev{max-height:64px}.mtr__ring{margin-bottom:8px}.mtr__clue{margin-bottom:8px}}
.mtr__band{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.mtr__band .n{font-family:var(--mono);color:var(--room);font-size:12px;letter-spacing:.14em}
.mtr__band .pts{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--gold);text-shadow:0 0 16px rgba(255,209,102,.35)}
.mtr__band .pts small{font-size:11px;color:var(--ink2);margin-left:4px;font-weight:400}
.mtr__label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-top:6px}
.mtr__text{font-size:clamp(17px,4.6vw,22px);font-weight:700;margin-top:2px;line-height:1.25;min-height:1.3em}
.mtr__timer{height:5px;background:rgba(255,255,255,.08);border-radius:3px;margin-top:10px;overflow:hidden}
.mtr__timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--room),#7fd0ff);transform-origin:left;box-shadow:0 0 12px rgba(63,169,255,.6)}
.mtr__timer.hot i{background:linear-gradient(90deg,var(--bad),#ff8aa0)}
.mtr__prev{margin-top:8px;border-top:1px solid var(--line);padding-top:6px;display:flex;flex-direction:column;gap:3px;max-height:96px;overflow:auto}
.mtr__prev div{font-size:12.5px;color:var(--ink2);display:flex;gap:8px}
.mtr__prev div b{font-family:var(--mono);color:var(--ink3);font-weight:600;min-width:34px}
.mtr__prev div span{color:var(--ink)}

/* ---- board ------------------------------------------------------------ */
.mtr__board{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}
@media (min-width:560px){.mtr__board{grid-template-columns:repeat(5,1fr)}}
.mtr__name{position:relative;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25) 60%,rgba(0,0,0,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.4);padding:8px 10px;min-height:46px;font-weight:700;font-size:14px;line-height:1.15;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .15s ease;word-break:break-word}
.mtr__name.is-pick{border-color:rgba(255,154,42,.9);box-shadow:0 0 0 1px rgba(255,154,42,.45),0 0 18px rgba(255,154,42,.35),inset 0 0 14px rgba(255,154,42,.25);background:linear-gradient(180deg,rgba(255,154,42,.18),rgba(20,14,8,.8));color:#ffe2bd}
.mtr__name.is-struck{opacity:.28;text-decoration:line-through;border-style:dashed;transform:scale(.97)}
.mtr__name.is-miss{opacity:.45;border-color:rgba(255,59,92,.6);text-decoration:line-through}
.mtr__name.is-miss::after{content:'✕';position:absolute;top:4px;right:7px;color:var(--bad);font-size:12px;text-decoration:none}
.mtr__name.is-answer{border-color:var(--good);box-shadow:0 0 0 1px rgba(56,224,123,.5),0 0 22px rgba(56,224,123,.35);background:linear-gradient(180deg,rgba(56,224,123,.28),rgba(56,224,123,.08));opacity:1;text-decoration:none}
.mtr__name.just-struck{animation:mtrStrike .5s ease}
@keyframes mtrStrike{0%{box-shadow:0 0 0 2px var(--bad)}100%{box-shadow:none}}

/* ---- action bar ------------------------------------------------------- */
.mtr__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3}
.mtr__actions .mtr__btn{padding:14px 12px;font-size:15px}
.mtr__status{grid-column:1/-1;text-align:center;font-family:var(--mono);font-size:12.5px;color:var(--ink2);letter-spacing:.06em;min-height:18px}
.mtr__status.good{color:var(--good)} .mtr__status.bad{color:var(--bad)}
.mtr__lives{display:inline-flex;gap:4px;vertical-align:middle;margin-left:6px}
.mtr__lives i{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block;box-shadow:0 0 8px rgba(56,224,123,.6)}
.mtr__lives i.off{background:rgba(255,255,255,.12);box-shadow:none}

/* ---- sheets ----------------------------------------------------------- */
.mtr__sheet{padding:16px 16px 14px;margin-bottom:10px;position:relative}
.mtr__sheet h2{margin:0 0 4px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2);font-weight:700}
.mtr__sheet h1{margin:0;font-size:clamp(24px,6.5vw,34px);letter-spacing:.02em;line-height:1.1}
.mtr__sheet h1 small{display:block;font-size:13px;color:var(--ink2);letter-spacing:.14em;margin-top:4px;font-weight:600}
.mtr__you{margin:12px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,122,26,.45);background:rgba(255,122,26,.10);font-family:var(--mono);font-size:14px}
.mtr__you.bust{border-color:rgba(255,59,92,.6);background:rgba(255,59,92,.10)}
.mtr__you.out{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.mtr__hist{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;align-items:end;height:64px;margin:10px 0 2px}
.mtr__hist div{background:linear-gradient(180deg,var(--room),rgba(63,169,255,.35));border-radius:3px 3px 0 0;position:relative;min-height:2px}
.mtr__hist div i{position:absolute;top:-16px;left:0;right:0;text-align:center;font:600 10px var(--mono);color:var(--ink2);font-style:normal}
.mtr__histx{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;font:600 10px var(--mono);color:var(--ink3);text-align:center;margin-bottom:8px}
.mtr__table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;margin-top:8px}
.mtr__table td{padding:5px 6px;border-top:1px solid var(--line);white-space:nowrap}
.mtr__table td:first-child{color:var(--ink3);width:34px}
.mtr__table td.h{overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}
.mtr__table td.n{text-align:right}
.mtr__table tr.you td{color:var(--you2);font-weight:700;background:rgba(255,122,26,.08)}
.mtr__table tr.cut td{color:var(--ink3);text-decoration:line-through}
.mtr__table tr.bust td{color:var(--bad)}
.mtr__table tr.line td{border-top:2px dashed rgba(255,59,92,.7)}
.mtr__cutlist{margin-top:10px;font-size:13px;color:var(--ink2)}
.mtr__cutlist b{color:var(--bad);font-family:var(--mono);font-weight:700}
.mtr__cutlist span{color:var(--ink)}
.mtr__src{display:none}
.mtr__banner{padding:14px 16px;margin-bottom:10px;text-align:center}
#mtr-scrSheet{position:relative}
#mtr-scrSheet.is-out{padding:12px;margin:-12px -14px;border-radius:18px;background-image:linear-gradient(180deg,rgba(7,9,14,.45),rgba(7,9,14,.82)),var(--img-out);background-size:cover;background-position:center 60%}
.mtr__banner .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bad)}
.mtr__banner .t{font-size:22px;font-weight:800;margin-top:4px}
.mtr__banner .c{color:var(--ink2);font-size:13px;margin-top:4px}
.mtr__row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mtr__row .mtr__btn{flex:1}
.mtr__flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:var(--good);z-index:9}
.mtr__flash.on{animation:mtrFlash .45s ease}
@keyframes mtrFlash{0%{opacity:.35}100%{opacity:0}}
.mtr__foot{margin-top:auto;padding-top:14px;text-align:center;color:var(--ink3);font-size:11px;letter-spacing:.14em;text-transform:uppercase}

/* ---- the room (pre-game) --------------------------------------------- */
.mtr__room{padding:18px 16px 16px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(7,9,14,.55),rgba(7,9,14,.92) 55%,rgba(7,9,14,.97)),var(--img-style);background-size:cover;background-position:center 40%}
.mtr__console{display:block;width:min(70%,360px);margin:0 auto 6px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))}
.mtr__room h2{margin:0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2)}
.mtr__room h1{margin:2px 0 10px;font-size:clamp(22px,6vw,30px)}
.mtr__seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:5px;font-family:var(--mono);font-size:11.5px;color:var(--ink2);max-height:38vh;overflow:auto;padding:2px}
.mtr__seats span{border:1px solid var(--line);border-radius:8px;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.02)}
.mtr__seats span.you{color:var(--you2);border-color:rgba(255,122,26,.6);background:rgba(255,122,26,.10);font-weight:700}

/* ---- the slice (elimination) ----------------------------------------- */
.mtr__sliceable{position:relative}
.mtr__sliceable.is-cutting{overflow:hidden}
.mtr__sliceline{position:absolute;left:0;height:2px;width:0;background:#fff;box-shadow:0 0 10px #fff,0 0 26px var(--bad),0 0 40px rgba(255,59,92,.6);z-index:6;pointer-events:none;opacity:0}
.mtr__sliceline.on{opacity:1;animation:mtrSlice .2s cubic-bezier(.2,.9,.3,1) forwards,mtrSliceFade .5s ease .35s forwards}
@keyframes mtrSlice{to{width:100%}}
@keyframes mtrSliceFade{to{opacity:0}}
.mtr__cutblock{transform-origin:0 0;will-change:transform;transition:transform 1.05s cubic-bezier(.25,.5,.4,1),filter 1.05s ease,opacity .6s ease}
.mtr__cutblock.is-hang{transform:translate(4px,12px) rotate(.9deg);filter:brightness(.72) saturate(.7)}
.mtr__cutblock.is-drop{transition:transform .6s cubic-bezier(.6,0,1,1),opacity .6s ease;transform:translate(14px,120vh) rotate(6deg);opacity:.55}
.mtr__cutblock.is-gone{display:none}
.mtr__cutline{border-top:2px dashed rgba(255,59,92,.75);margin-top:2px}
.mtr__shake{animation:mtrShake .38s ease}
.mtr__shake--hard{animation:mtrShakeHard .5s ease}
@keyframes mtrShake{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 mtrShakeHard{0%,100%{transform:translate(0,0)}15%{transform:translate(-6px,4px)}30%{transform:translate(6px,-3px)}45%{transform:translate(-4px,3px)}60%{transform:translate(4px,-2px)}80%{transform:translate(-2px,1px)}}
.mtr__flash.red{background:var(--bad)}
@media (prefers-reduced-motion:reduce){.mtr__cutblock,.mtr__sliceline{transition:none!important;animation:none!important}.mtr__shake,.mtr__shake--hard{animation:none!important}}

/* ---- theme-proofing: the host site's styles must not touch the game's text ---- */
#mtr-app .mtr__btn{color:var(--ink)!important;opacity:1;font-family:var(--font)!important;font-weight:800;font-size:14px;line-height:1.2;margin:0;text-decoration:none;text-shadow:none;min-height:0;height:auto;padding:12px 18px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:none;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease;width:auto;max-width:none}
#mtr-app .mtr__btn--ghost{background:transparent}
#mtr-app .mtr__iconbtn{border-radius:10px;padding:8px 10px;font-size:12px}
#mtr-app .mtr__hudbtns .mtr__btn{padding:5px 8px;font-size:10.5px;border-radius:8px}
#mtr-app .mtr__actions .mtr__btn{padding:14px 12px;font-size:15px}
#mtr-app .mtr__row .mtr__btn{flex:1}
#mtr-app .mtr__btn--you{border-color:rgba(255,154,42,.85);background:linear-gradient(180deg,rgba(255,154,42,.22),rgba(20,14,8,.85) 55%,rgba(10,8,6,.95));box-shadow:0 0 0 1px rgba(255,154,42,.35),0 0 26px rgba(255,154,42,.28),inset 0 0 18px rgba(255,154,42,.28),inset 0 1px 0 rgba(255,220,160,.35)}
#mtr-app .mtr__btn--room{border-color:rgba(63,169,255,.85);background:linear-gradient(180deg,rgba(63,169,255,.22),rgba(8,14,26,.85) 55%,rgba(6,9,16,.95));box-shadow:0 0 0 1px rgba(63,169,255,.35),0 0 26px rgba(63,169,255,.25),inset 0 0 18px rgba(63,169,255,.28),inset 0 1px 0 rgba(180,220,255,.35)}
#mtr-app .mtr__btn--you{color:#ffd9a8!important;text-shadow:0 0 8px rgba(255,154,42,.6)}
#mtr-app .mtr__btn--room{color:#d6ecff!important;text-shadow:0 0 8px rgba(63,169,255,.6)}
#mtr-app .mtr__btn:disabled{opacity:.45}
#mtr-app .mtr__name{color:#f4f7fb!important;font-family:var(--font)!important;font-weight:700;font-size:14px;line-height:1.15;text-transform:none;letter-spacing:0;margin:0;opacity:1;text-shadow:none;text-decoration:none;height:auto;padding:8px 10px;min-height:46px;width:auto;max-width:none;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25) 60%,rgba(0,0,0,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
@media (max-width:559px){#mtr-app .mtr__name{min-height:42px;padding:7px 8px}}
#mtr-app .mtr__name:disabled{cursor:default}
#mtr-app .mtr__name.is-pick{border-color:rgba(255,154,42,.9);box-shadow:0 0 0 1px rgba(255,154,42,.45),0 0 18px rgba(255,154,42,.35),inset 0 0 14px rgba(255,154,42,.25);background:linear-gradient(180deg,rgba(255,154,42,.18),rgba(20,14,8,.8))}
#mtr-app .mtr__name.is-struck{border-style:dashed;transform:scale(.97)}
#mtr-app .mtr__name.is-miss{border-color:rgba(255,59,92,.6)}
#mtr-app .mtr__name.is-answer{border-color:var(--good);box-shadow:0 0 0 1px rgba(56,224,123,.5),0 0 22px rgba(56,224,123,.35);background:linear-gradient(180deg,rgba(56,224,123,.28),rgba(56,224,123,.08))}
#mtr-app .mtr__name.is-struck{opacity:.28;text-decoration:line-through}#mtr-app .mtr__name.is-miss{opacity:.45;text-decoration:line-through}#mtr-app .mtr__name.is-pick{color:#ffe2bd!important}#mtr-app .mtr__name.is-answer{color:#eafff1!important;opacity:1;text-decoration:none}
#mtr-app input{color:var(--ink)!important;background:rgba(0,0,0,.35);border:1px solid var(--line2);border-radius:12px;font:600 16px var(--mono);padding:12px 14px;margin:0;box-shadow:none;outline:none;height:auto;line-height:1.3}
#mtr-app .mtr__top .mtr__wm{height:30px!important;width:auto!important;max-width:none!important;margin:-4px 0}
#mtr-app .mtr__title .mtr__wm{width:min(100%,600px)!important;height:auto!important;max-width:100%!important;margin:0 auto}
#mtr-app .mtr__console{width:min(70%,360px)!important;height:auto!important}
#mtr-app h1,#mtr-app h2{color:var(--ink);font-family:var(--font);padding:0;text-transform:none;letter-spacing:normal;text-shadow:none}
#mtr-app .mtr__sheet h2,#mtr-app .mtr__room h2{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2);font-weight:700;margin:0 0 4px}
#mtr-app .mtr__sheet h1{font-size:clamp(24px,6.5vw,34px);line-height:1.1;letter-spacing:.02em;margin:0}
#mtr-app .mtr__sheet h1 small{font-size:13px;color:var(--ink2);letter-spacing:.14em;font-weight:600}
#mtr-app .mtr__room h1{font-size:clamp(22px,6vw,30px);margin:2px 0 10px}
#mtr-app p{margin:6px 0;color:inherit;font-size:inherit;line-height:inherit;font-family:var(--font)}
#mtr-app table{border-collapse:collapse;margin:8px 0 0;width:100%;border:0;background:transparent;font-size:12.5px}
#mtr-app td{border:0;border-top:1px solid var(--line);padding:5px 6px;color:var(--ink);font-family:var(--mono);font-size:12.5px;background:transparent;text-align:left}
#mtr-app td.n{text-align:right}#mtr-app td:first-child{color:var(--ink3)}
#mtr-app .mtr__table tr.you td{color:var(--you2)}#mtr-app .mtr__table tr.bust td{color:var(--bad)}#mtr-app .mtr__table tr.cut td{color:var(--ink3)}
#mtr-app img{border:0;box-shadow:none;border-radius:0;display:block}
#mtr-app canvas{display:block;max-width:100%;margin:0}
#mtr-app .mtr__ticker{color:var(--ink2)}#mtr-app .mtr__ticker b{color:var(--good)}#mtr-app .mtr__ticker i{color:var(--bad)}#mtr-app .mtr__ticker em{color:var(--you2)}
#mtr-app .mtr__kicker{color:var(--ink2)}#mtr-app .mtr__kicker b{color:var(--gold)}
#mtr-app .mtr__status{color:var(--ink2)}#mtr-app .mtr__status.good{color:var(--good)}#mtr-app .mtr__status.bad{color:var(--bad)}
#mtr-app .mtr__eyebrow,#mtr-app .mtr__label,#mtr-app .mtr__best,#mtr-app .mtr__tagline,#mtr-app .mtr__seatline{color:var(--ink2)}
#mtr-app .mtr__text{color:var(--ink)}#mtr-app .mtr__band .pts{color:var(--gold)}#mtr-app .mtr__band .n{color:var(--room)}
#mtr-app .mtr__seats span{color:var(--ink2)}#mtr-app .mtr__seats span.you{color:var(--you2)}
#mtr-app .mtr__you{color:var(--ink)}#mtr-app .mtr__banner .k{color:var(--bad)}#mtr-app .mtr__banner .t{color:var(--ink)}#mtr-app .mtr__banner .c{color:var(--ink2)}
#mtr-app .mtr__cutlist{color:var(--ink2)}#mtr-app .mtr__cutlist b{color:var(--bad)}#mtr-app .mtr__cutlist span{color:var(--ink)}
#mtr-app .mtr__prev div{color:var(--ink2)}#mtr-app .mtr__prev div b{color:var(--ink3)}#mtr-app .mtr__prev div span{color:var(--ink)}
#mtr-app .mtr__score .v{color:var(--you2)}#mtr-app .mtr__score .r{color:var(--ink2)}#mtr-app .mtr__score .r.safe{color:var(--good)}#mtr-app .mtr__score .r.danger{color:var(--bad)}
#mtr-app .mtr__foot{color:var(--ink3)}

/* ---- arcade pass (1.0.3): the cabinet wrapper, the title contract, phone edge-to-edge ---- */
.mtr__cab{background:#07080a;padding:10px 0 calc(10px + env(safe-area-inset-bottom));box-sizing:border-box}
.mtr__top{flex-wrap:wrap;row-gap:6px}
.mtr__top .mtr__eyebrow{margin:0;flex:1 1 auto;white-space:nowrap;font-size:10.5px;letter-spacing:.16em}
.mtr__top .mtr__topright{flex:0 0 auto;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.mtr__title{padding:22px 16px 20px}
.mtr__tagline{margin:10px auto 0;font-size:clamp(11.5px,3.1vw,14px);letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtr__handle{margin:16px auto 10px}
#mtr-app .mtr__start{display:flex;width:100%;max-width:420px;margin:0 auto;padding:16px 18px;font-size:16px;min-height:52px}
.mtr__best{text-transform:uppercase;letter-spacing:.12em;margin-top:10px}
.mtr__seatline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;margin:4px 0 6px;color:var(--ink2)}
.mtr__seats{margin-bottom:6px}
@media (max-width:720px){
  .mtr__cab{padding:0}
  .mtr__app{max-width:none;border-radius:0;padding:8px 8px calc(12px + env(safe-area-inset-bottom))}
  .mtr__title{margin-top:0}
  #mtr-scrSheet.is-out{margin:-8px -8px;padding:8px}
  .mtr__app.in-round .mtr__ring{margin-left:-8px;margin-right:-8px;border-radius:0;border-left:0;border-right:0}
  #mtr-app .mtr__btn,#mtr-app .mtr__iconbtn,#mtr-app .mtr__hudbtns .mtr__btn{min-height:44px}
  #mtr-app .mtr__name{min-height:44px}
}

/* ---- RULES: the 3RDS t3r- drop-down ---- */
.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: #ff7a1a; --t3r-font: 'Public Sans',system-ui,-apple-system,Segoe UI,Roboto,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; } }
/* theme-proofing for the panel (the host's button/list styles must not touch it) */
#mtr-app .t3r-rules__panel{text-align:left;font-family:var(--font);font-size:15px;line-height:1.45}
#mtr-app .t3r-rules__head span{font-weight:800;text-transform:uppercase}
#mtr-app .t3r-rules__list{list-style:disc;color:#e9ecf1;margin:0 0 12px;padding:0 0 0 18px}
#mtr-app .t3r-rules__list li{color:#e9ecf1;font-size:15px;margin:0 0 6px}
#mtr-app .t3r-rules__keys{color:#9aa3b2;font-family:var(--mono);font-size:12.5px;margin:0 0 8px}
#mtr-app .t3r-rules__x{color:#9aa3b2!important;background:none;border:0;box-shadow:none;min-height:44px;min-width:44px;font-family:var(--font)}
#mtr-app .t3r-rules__ok{color:#0b0c10!important;background:var(--t3r-accent);border:0;box-shadow:none;text-transform:uppercase;font-size:14px;font-weight:800;min-height:48px;width:100%;margin:8px 0 0;text-shadow:none}