/* The room uses the same ink, red, gold, portraits and type as the Arcade hub. */
.page-arcade #room-screen {padding:0;margin:0;min-width:0;}
.mx-room,.mx-loading {--edge:#354355;--ink:#0e1827;--dim:#a9b7c9;--gold:#f1d18e;--accent:#f15c54;--surface:#121e2c;color:#eef4fb;max-width:100%;min-width:0;scroll-margin-top:12px}
.mx-room *,.mx-loading * {box-sizing:border-box;min-width:0}
.mx-room {margin:22px auto 52px;line-height:1.5;font-family:'DM Sans',sans-serif}
.mx-room h1,.mx-room h2,.mx-room h3,.mx-loading h2 {font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:1.03;margin:0;letter-spacing:-.015em}
.mx-room h1 {font-size:clamp(2rem,3vw,3rem);text-transform:uppercase}
.mx-room h2,.mx-loading h2 {font-size:clamp(2rem,3.6vw,3.6rem)}
.mx-room h3 {font-size:1.65rem}
.mx-room p,.mx-loading p {color:var(--dim);margin:.5rem 0 .9rem;font-size:.94rem;line-height:1.55}
.mx-eyebrow {display:block;font:700 .68rem/1.45 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.mx-room-head,.mx-section-heading,.mx-sketch-heading,.mx-room-links,.mx-actions,.mx-reactions {display:flex;align-items:center;gap:10px}
.mx-room-head,.mx-section-heading,.mx-sketch-heading {justify-content:space-between}
.mx-room-head {padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid var(--edge)}
.mx-room-head .mx-eyebrow {margin-bottom:4px}
.mx-room-head h1 {overflow-wrap:anywhere}
.mx-button,.mx-menu button,.mx-tools button,.mx-player-tools button {font:700 .82rem/1.2 'DM Sans',sans-serif;border:1px solid var(--edge);border-radius:7px;background:#172434;color:#e5eef9;padding:10px 15px;cursor:pointer;min-height:44px}
.mx-button.primary {background:linear-gradient(130deg,#bd302c,#95211e);color:#fff;border-color:#ec5c53}
.mx-button.alt {border-color:#4c8c78;background:#192e29;color:#9ee6c3}
.mx-room :is(button,summary,input,select):focus-visible {outline:3px solid #f3d392;outline-offset:2px}
.mx-room button:disabled {opacity:.48;cursor:default}
.mx-room button:not(:disabled):hover,.mx-room summary:hover {border-color:var(--gold)}
.mx-menu {position:relative}
.mx-menu summary,.mx-disclosure summary {list-style:none;cursor:pointer}
.mx-menu summary::-webkit-details-marker,.mx-disclosure summary::-webkit-details-marker {display:none}
.mx-menu summary {display:flex;align-items:center;gap:10px;white-space:nowrap}
.mx-menu[open]>div {position:absolute;z-index:12;top:calc(100% + 5px);right:0;width:min(240px,82vw);display:grid;gap:4px;padding:7px;border:1px solid var(--edge);border-radius:9px;background:#101b29;box-shadow:0 10px 28px #0008}
.mx-menu button {text-align:left}
.mx-menu .danger {color:#ffa9a1}
.mx-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,27%);gap:18px;align-items:start}
.mx-stage {display:grid;gap:12px}
.mx-card,.mx-timer {background:linear-gradient(135deg,#172331,#0d1724);border:1px solid var(--edge);border-radius:12px;min-width:0}
.mx-lobby-hero {padding:clamp(20px,3.7vw,44px);position:relative;isolation:isolate;overflow:hidden;border-radius:11px 11px 0 0;background:#111a27;border-bottom:1px solid var(--edge)}
.mx-lobby-hero::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101925 10%,#101925dc 49%,#10192533),var(--hero-art) right 18%/55% auto no-repeat;opacity:.95}
.mx-lobby-hero h2,.mx-pick h2,.mx-results h2 {text-transform:uppercase;margin:.25rem 0 .4rem}
.mx-lobby-hero p {max-width:66%;color:#d8e3ed}
.mx-tags,.mx-actions,.mx-reactions {display:flex;gap:8px;flex-wrap:wrap}
.mx-tags span,.mx-count {font-size:.72rem;color:#ebd7a9;border:1px solid #6d5d3f;background:#211f1b;border-radius:5px;padding:3px 8px;text-transform:capitalize}
.mx-lobby-body,.mx-lineup,.mx-pick,.mx-results,.mx-sketch,.mx-quiz,.mx-loading {padding:clamp(15px,2vw,26px)}
.mx-lineup ol,.mx-breakdown {list-style:none;padding:0;margin:14px 0 0;max-height:33rem;overflow:auto;overscroll-behavior:contain}
.mx-lineup li,.mx-breakdown li {display:flex;align-items:center;gap:10px;min-height:49px;border-top:1px solid #ffffff14;font-size:.84rem}
.mx-lineup li>div:first-of-type {flex:1;overflow-wrap:anywhere}
.mx-lineup small,.mx-reveals small {display:block;color:var(--dim);font-size:.72rem}
.mx-rank {color:var(--gold)}
.mx-dot {width:8px;height:8px;background:#f4c75f;border-radius:50%;flex:none}
.mx-dot.ready {background:#67d7a0}
.mx-crown {color:#f4ce73}
.mx-player-tools {display:flex;gap:3px}
.mx-player-tools button {padding:5px;width:34px}
.mx-reactions {margin-top:12px}
.mx-lineup-toggle {display:none}
.mx-disclosure {margin-top:18px;border-top:1px solid var(--edge);padding-top:8px}
.mx-disclosure summary {display:flex;align-items:center;gap:10px;min-height:48px;font-weight:700}
.mx-disclosure summary:after {content:'+';margin-left:auto;color:var(--gold)}
.mx-disclosure[open] summary:after {content:'−'}
.mx-disclosure small,.mx-limit,.mx-footnote {font-size:.75rem;color:var(--dim)}
.mx-fields,.mx-tools {border:0;padding:0;margin:0}
.mx-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mx-fields label,.mx-entry {display:flex;gap:6px}
.mx-fields label {position:relative;flex-direction:column;color:#e4eaf2;font-size:.8rem;font-weight:600}
.mx-limit {font-size:.65rem;align-self:end;position:absolute;right:0;top:1px}
.mx-fields input,.mx-fields select,.mx-entry input {width:100%;font:500 16px/1.3 'DM Sans',sans-serif;max-width:100%}
.mx-timer {position:sticky;top:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:12px 18px 15px;background:#111b29;overflow:hidden;box-shadow:0 5px 18px #050c1440}
.mx-timer>div {display:flex;align-items:center;gap:14px}.mx-timer strong {font-size:.88rem}
.mx-timer i {position:absolute;bottom:0;left:0;height:3px;background:#edc776;transition:width .1s linear}
.mx-clock {font:800 1.8rem/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}
.mx-clock small {font-size:1rem;color:var(--dim);margin-left:3px}.mx-timer.warning .mx-clock {color:#ff9082}
.mx-question {display:grid;grid-template-columns:minmax(95px,32%) 1fr;gap:20px;align-items:center}
.mx-art,.mx-reveal-thumb {overflow:hidden;border-radius:8px;position:relative;background:#0a1220;border:1px solid var(--edge)}
.mx-art {aspect-ratio:1}
.mx-art img {width:100%;height:100%;object-fit:contain;display:block}.mx-art b {position:absolute;inset:0;display:grid;place-items:center;color:#f7dfb0;font:800 4.5rem/1 'Barlow Condensed',sans-serif}
.mx-question h2,.mx-sketch-heading h2 {font-size:clamp(1.8rem,3vw,2.8rem);margin:.25rem 0}
.mx-room .mx-clue {color:#e3edf7;line-height:1.5}
.mx-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.mx-options button,.mx-trio button,.mx-suggestions button {display:flex;align-items:center;gap:10px;background:#152333;color:#eaf0f8;border:1px solid #394b5f;border-radius:7px;min-height:48px;font-weight:700;text-align:left;cursor:pointer;overflow:hidden}
.mx-options button {padding:5px 8px}.mx-options img,.mx-suggestions img {width:34px;height:40px;object-fit:cover;border-radius:4px}
.mx-options small {margin-left:auto;font-size:.65rem;color:#93a4b5}
.mx-room .mx-options .picked,.mx-suggestions button[aria-selected=true] {border-color:var(--gold);background:#3b3324;opacity:1}
.mx-answer-form {margin-top:16px}
.mx-answer-form label,.mx-chat label {display:flex;gap:12px;align-items:center;margin:0 0 5px;font-size:.88rem;color:#e2ebf5;font-weight:700}
.mx-answer-form label small {margin-left:auto;color:var(--gold)}
.mx-entry input {flex:1;min-width:0}
.mx-suggestions {display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.mx-suggestions button {min-height:44px;padding:3px 9px}
.mx-room .mx-feedback,.mx-notice {font-size:.8rem;color:#c9d7e5;margin:12px 0 0}
.mx-reveals>div {display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--edge)}
.mx-reveals .correct b {color:#8ce3b3}.mx-reveals .wrong b {color:#ffa69c}
.mx-trio {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mx-trio button {display:grid;gap:0;padding:0}.mx-trio img {width:100%;aspect-ratio:1.1;object-fit:cover;object-position:50% 22%}.mx-trio strong {padding:9px}
.mx-sketch-grid {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(145px,1fr);gap:12px;margin-top:12px}
.mx-sheet canvas {display:block;width:100%;height:auto;border-radius:7px;background:#f8fbff}
.mx-sheet canvas.draw {touch-action:none;cursor:crosshair}
.mx-tools>div {display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mx-tools button {min-height:38px;padding:6px 9px;text-transform:capitalize}
.mx-tools [aria-pressed=true] {border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.mx-palette button {position:relative;width:35px}.mx-palette button:after {content:'';position:absolute;inset:7px;border-radius:100%;background:var(--ink);border:1px solid #ffffff40}
.mx-tools label {display:flex;align-items:center;gap:8px}.mx-tools input[type=range] {width:80px;padding:0}
.mx-messages {max-height:200px;min-height:60px;overflow:auto;margin:5px 0;overscroll-behavior:contain}
.mx-chat .mx-messages p {margin:0;padding:5px 0;border-bottom:1px solid #ffffff13;font-size:.82rem;overflow-wrap:anywhere}
.mx-chat .correct {color:#83d6a4}.mx-chat .system {color:#e7cc98}
.mx-reference {display:flex;gap:8px;align-items:center;color:var(--gold);font-size:.72rem}.mx-reference b {display:block;color:white;font-size:.94rem}
.mx-reference img,.mx-reveal-thumb {width:48px;height:56px;object-fit:cover;border-radius:5px}
.mx-podium {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.mx-podium div {display:grid;padding:10px;border-radius:7px;border:1px solid var(--edge);overflow-wrap:anywhere}.mx-podium div:first-child {border-color:#a18349}.mx-podium b {color:var(--gold);font:800 1.8rem/1 'Barlow Condensed',sans-serif}.mx-breakdown li>b {margin-left:auto}
.mx-banner {color:var(--gold);padding:9px;border:1px solid #796634}
.mx-room [hidden] {display:none!important}
@media(max-width:720px){
  .page-arcade[data-arcade-surface=room] .arcade-header {position:static!important}
  .page-arcade[data-arcade-surface=room] #main {overflow:visible;max-width:100%;width:100%;padding:0 max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .page-arcade[data-arcade-surface=room] #online-status {display:none}
  .mx-room {margin:8px 0 16px;scroll-margin-top:4px}
  .mx-room-head {gap:6px;padding:5px 0 9px;margin-bottom:8px}
  .mx-room-head h1 {font-size:1.7rem}.mx-room-links {gap:5px}.mx-room-links .mx-button {padding:8px;font-size:.78rem}
  .mx-layout {display:flex;flex-direction:column;gap:8px}.mx-stage,.mx-side {width:100%}
  .mx-stage {gap:8px}.mx-side {display:none}.mx-side.expanded {display:block}.mx-lineup-toggle {display:block;width:100%}
  .mx-lineup ol {max-height:50dvh}.mx-player-tools button {min-width:44px}
  .mx-timer {top:env(safe-area-inset-top,0px);padding:8px 12px 10px;border-radius:7px}.mx-timer>div {gap:7px;flex-wrap:wrap}.mx-clock {font-size:1.55rem}
  .mx-lobby-hero {padding:16px}.mx-lobby-hero p {max-width:75%;font-size:.85rem}.mx-actions>button {flex:1}
  .mx-lobby-body,.mx-quiz,.mx-sketch,.mx-results,.mx-pick,.mx-lineup {padding:12px}
  .mx-room .mx-clue {font-size:.93rem;margin-bottom:0}
  .mx-question {grid-template-columns:80px 1fr;gap:12px}.mx-quiz.crop .mx-question {grid-template-columns:minmax(95px,38%) 1fr}
  .mx-quiz.facts .mx-question {display:block}.mx-quiz.facts .mx-art {width:52px;float:right;margin:0 0 5px 8px}.mx-quiz.facts .mx-art b {font-size:2.2rem}
  .mx-question h2 {font-size:1.8rem}
  .mx-options {margin-top:12px;gap:6px}.mx-options button {gap:5px;padding:4px;min-height:50px}.mx-options small {display:none}
  .mx-answer-form:focus-within {scroll-margin-bottom:12px}.mx-suggestions {flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.mx-suggestions button {flex:none}
  .mx-sketch-grid {display:flex;flex-direction:column}.mx-messages {max-height:94px;min-height:36px}
  .mx-tools button {min-height:44px}.mx-tools .mx-palette button {width:calc((100% - 15px)/8);min-width:26px}
  .mx-tools label {margin-top:5px}.mx-chat {display:flex;flex-direction:column}.mx-chat form {order:-1;margin-bottom:10px}
  .mx-room .mx-sketch-heading h2 {font-size:1.65rem}
  .mx-trio {gap:5px}.mx-trio strong {padding:6px;font-size:.83rem}
  .mx-footnote,.mx-limit {line-height:1.3}
  .page-arcade #kmk-screen .kmk-hero-board,.page-arcade #kmk-screen #choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .page-arcade #kmk-screen .kmk-hero {min-width:0;touch-action:pan-y}.page-arcade #kmk-screen .kmk-drop {min-height:52px;width:100%}
  .page-arcade #kmk-screen #choices .kmk-portraits {max-height:72px;overflow:auto}
}
@media(max-width:375px){.mx-fields {grid-template-columns:1fr}.mx-options button {font-size:.8rem}.mx-tags span {font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.mx-timer i {transition:none}}
.page-arcade .mx-tab-short,.page-arcade .kmk-quick {display:none}
.page-arcade .arcade-rulebook[hidden],.page-arcade #room-screen[hidden],.page-arcade #kmk-screen[hidden],.page-arcade #arcade-home[hidden],.page-arcade .arcade-header [hidden] {display:none!important}
@media(max-width:720px){
 .page-arcade #arcade-home .arcade-hero {padding:12px 0 16px!important}
 .page-arcade #arcade-home .arcade-hero h1 {font-size:clamp(2.2rem,8vw,3.35rem)!important}
 .page-arcade #arcade-home .arcade-hero>div>p:not(.guess-kicker) {margin:8px 0 10px!important;line-height:1.45!important}
 .page-arcade #arcade-home .arcade-navigation {width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;padding:4px 0!important;margin:6px 0 12px!important;overflow:visible!important}
 .page-arcade #arcade-home .arcade-navigation button {display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;min-width:0!important;width:100%!important;min-height:52px!important;padding:4px 2px!important}
 .page-arcade #arcade-home .arcade-navigation .nav-copy {display:none!important}
 .page-arcade #arcade-home .arcade-navigation .mx-tab-short {display:block;font:700 .73rem/1.15 'DM Sans',sans-serif}
 .page-arcade #arcade-home .arcade-navigation .nav-icon {height:20px!important;width:20px!important;border:0!important;background:none!important;padding:0!important}
 .page-arcade #arcade-home .arcade-section-head {margin:14px 0!important}
 .page-arcade #arcade-home .arcade-game-cards[data-queue] {grid-template-columns:1fr!important;gap:8px!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card:not([hidden]) {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:104px!important;height:auto!important;padding:12px 14px!important;align-content:center!important;gap:4px 8px!important}
 .page-arcade #arcade-home .arcade-game-cards .card-tag {font-size:.6rem!important;grid-column:1/-1;position:static!important;margin:0!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card-title {position:static!important;align-self:center;grid-column:1!important;margin:0!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card-title strong {font-size:1.55rem!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card>p {grid-column:1/-1;grid-row:3;font-size:.8rem!important;line-height:1.4!important;margin:0!important;display:block!important;white-space:normal!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card>small {display:none!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card>b {grid-column:2;grid-row:2;position:static!important;align-self:center;padding:0!important;margin:0!important;border:0!important;font-size:0!important}
 .page-arcade #arcade-home .arcade-game-cards .arcade-card>b>span {font-size:1.1rem!important}
 .page-arcade #kmk-screen .kmk-quick:not([hidden]) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
 .kmk-quick button {min-height:46px;font:700 1.12rem 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#ffe6b3;border:1px solid #705b38;border-radius:6px;background:#29241e}
 .kmk-quick button:disabled {opacity:.4}
}
.mx-checkpoint {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:#d2b9f7;font-size:.79rem}
.mx-checkpoint b {margin-left:auto}.mx-checkpoint progress {width:100%;height:5px;accent-color:#b899ea}


/* v201 — stable room geometry, desktop room rail, mobile crop keyboard and touch KMK. */
.mx-side{display:grid;gap:12px}
.mx-room-controls{padding:13px}
.mx-room-controls .mx-section-heading{align-items:flex-start;margin-bottom:9px}
.mx-room-controls h3{font-size:1.25rem}
.mx-room-controls .mx-eyebrow{text-align:right;font-size:.56rem}
.mx-room-control-list{display:grid;gap:6px}
.mx-room-control-list .mx-button{width:100%;text-align:left;min-height:42px;padding:9px 11px}
.mx-room-control-list .danger{color:#ffa9a1;border-color:#754349;background:#2a171c}
.mx-room-control-list .danger:not(:disabled):hover{border-color:#c66a70;background:#3b1c22}
.mx-room-mobile-menu{display:none}
.mx-menu[open]>div{width:240px;min-width:240px;animation:mxMenuIn .14s ease-out;transform-origin:top right}
@keyframes mxMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

/* Answer suggestions overlay the card instead of changing the game window height. */
.mx-quiz{display:flex;flex-direction:column;min-height:382px}
.mx-quiz.crop{min-height:338px}
.mx-answer-form{position:relative;z-index:5}
.mx-suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin-top:0;padding:6px;background:#0d1927f7;border:1px solid var(--edge);border-radius:8px;box-shadow:0 16px 32px #0009;max-height:190px;overflow:auto;overscroll-behavior:contain}
.mx-reveals{margin-top:16px;max-height:185px;overflow:auto;overscroll-behavior:contain}

@media(max-width:720px){
  .mx-room-controls{display:none}
  .mx-room-mobile-menu{display:block}
  .mx-menu[open]>div{width:min(240px,calc(100vw - 20px));min-width:min(240px,calc(100vw - 20px))}
  .mx-quiz,.mx-quiz.crop{min-height:0}
  .mx-suggestions{position:absolute;display:grid;gap:4px;max-height:min(184px,28dvh);overflow:auto;flex-wrap:nowrap}
  .mx-suggestions button{width:100%;flex:none}

  /* Keep crop, timer and text entry in one visible composition when the keyboard opens. */
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-timer{top:0;padding:6px 10px 8px;min-height:48px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-timer>div{flex-wrap:nowrap}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-timer .mx-eyebrow{font-size:.58rem;white-space:nowrap}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-timer strong{font-size:.78rem;white-space:nowrap}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-clock{font-size:1.45rem;white-space:nowrap}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-quiz.crop{padding:10px;scroll-margin-top:58px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-quiz.crop .mx-question{grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-quiz.crop .mx-art{width:112px;height:112px;aspect-ratio:1}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-quiz.crop .mx-question h2{font-size:1.45rem;margin:.12rem 0}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-quiz.crop .mx-question p{display:none}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-answer-form{margin-top:9px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-answer-form label{font-size:.76rem}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-entry{gap:5px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-entry input{min-height:48px;padding:8px 10px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-entry .mx-button{min-width:82px;padding:8px 10px}
  .mx-room:has(.mx-quiz.crop .mx-answer-form input:focus) .mx-feedback{margin-top:7px;font-size:.7rem;line-height:1.3}

  /* Touch uses the same drag-and-drop interaction as desktop. Quick buttons stay hidden. */
  .page-arcade #kmk-screen .kmk-hero{touch-action:none!important;cursor:grab}
  .page-arcade #kmk-screen .kmk-hero.is-dragging{cursor:grabbing}
  .page-arcade #kmk-screen .kmk-quick:not([hidden]){display:none!important}
  .page-arcade #kmk-screen .kmk-drop{touch-action:none}
  .page-arcade #kmk-screen .kmk-drag-ghost{width:82px;opacity:.9;transform:translate(-50%,-62%) rotate(3deg)}
  .page-arcade #kmk-screen .kmk-drag-ghost img{height:88px}
}
@media(prefers-reduced-motion:reduce){.mx-menu[open]>div{animation:none}}

/* v202 — preserve mobile lineup drawer behavior after the desktop side rail became a grid. */
@media(max-width:720px){
  .mx-side{display:none}
  .mx-side.expanded{display:grid}
}