/* Langston History Arcade • all styling is scoped to this plugin. */
.lhhc-arcade,
.lhhc-arcade * { box-sizing: border-box; }
.lhhc-arcade { --lha-green:#06462f; --lha-deep:#052c21; --lha-bright:#08774c; --lha-gold:#d9b76d; --lha-cream:#faf8f1; --lha-paper:#fffefa; --lha-ink:#142a22; --lha-muted:#63766b; color:var(--lha-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.55; width:100%; margin:24px auto; max-width:1480px; }
.lhhc-arcade a { color:var(--lha-green); }
.lhhc-arcade button { cursor:pointer; font:inherit; text-transform:none; letter-spacing:normal; }
.lhhc-arcade button:focus-visible,
.lhhc-arcade input:focus-visible,
.lhhc-arcade a:focus-visible { outline:3px solid #dfab39 !important; outline-offset:3px; }
.lhhc-arcade .lha-shell { position:relative; isolation:isolate; overflow:hidden; border:1px solid #d9e0d5; border-radius:24px; background:var(--lha-cream); box-shadow:0 28px 70px rgba(5,44,33,.16); }
.lhhc-arcade .lha-ambient { pointer-events:none; position:absolute; border-radius:50%; opacity:.75; z-index:-1; }
.lhhc-arcade .lha-ambient--one { right:-120px; top:250px; width:400px; height:400px; background:radial-gradient(circle,rgba(217,183,109,.18),transparent 70%); }
.lhhc-arcade .lha-banner { position:relative; padding:25px clamp(22px,4.2vw,58px) 0; background:radial-gradient(circle at 84% 16%,#0a6749,transparent 40%),linear-gradient(125deg,#052c21,#075039 72%,#07533b); color:#fffefa; border-bottom:5px solid var(--lha-gold); }
.lhhc-arcade .lha-banner:after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(135deg,transparent 0,transparent 49px,rgba(255,255,255,.018) 50px); pointer-events:none; }
.lhhc-arcade .lha-banner__top,
.lhhc-arcade .lha-banner__main,
.lhhc-arcade .lha-nav { position:relative; z-index:1; }
.lhhc-arcade .lha-banner__top { display:flex; align-items:center; gap:12px; color:#e8e7db; padding-bottom:19px; border-bottom:1px solid rgba(255,255,255,.18); }
.lhhc-arcade .lha-brandmark { flex:0 0 auto; width:43px; height:43px; display:grid; place-items:center; border:1px solid #d9b76d; border-radius:11px; font:700 17px Georgia,serif; letter-spacing:-1px; color:var(--lha-gold); }
.lhhc-arcade .lha-brandmark__star { font-size:11px; padding:0 1px; }
.lhhc-arcade .lha-eyebrow { font-size:11px; letter-spacing:1.3px; font-weight:800; }
.lhhc-arcade .lha-edition { margin-left:auto; font-size:10px; letter-spacing:1.2px; white-space:nowrap; color:#d5d1b9; }
.lhhc-arcade .lha-banner__main { min-height:250px; display:flex; justify-content:space-between; align-items:center; gap:26px; padding:31px 0 29px; }
.lhhc-arcade .lha-banner__main>div:first-child { max-width:690px; }
.lhhc-arcade .lha-kicker { display:inline-flex; align-items:center; gap:8px; font-size:11px; letter-spacing:2px; color:#f2cd7d; font-weight:800; }
.lhhc-arcade .lha-kicker__dot { display:inline-block; background:var(--lha-gold); width:7px; height:7px; border-radius:50%; }
.lhhc-arcade .lha-banner h2 { color:#fffefa !important; font:700 clamp(35px,4.3vw,64px)/1.06 Georgia,"Times New Roman",serif !important; margin:13px 0 16px !important; letter-spacing:-1.8px; text-shadow:none!important; }
.lhhc-arcade .lha-banner h2 em { color:#e8c878; font-style:italic; font-weight:400; }
.lhhc-arcade .lha-banner__main p { color:#eef2e9 !important; font-size:clamp(15px,1.35vw,18px) !important; line-height:1.7 !important; max-width:590px; margin:0!important; }
.lhhc-arcade .lha-banner__ornament { width:160px; height:160px; border:1px solid rgba(239,206,126,.6); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 0 13px rgba(239,206,126,.05),0 0 0 26px rgba(239,206,126,.035); transform:rotate(-13deg); flex-shrink:0; }
.lhhc-arcade .lha-banner__ornament span { font:700 95px/.85 Georgia,serif; color:rgba(239,206,126,.88); }
.lhhc-arcade .lha-banner__ornament small { letter-spacing:7px; font-size:10px; color:#e9d4a0; margin-top:8px; padding-left:7px; }
.lhhc-arcade .lha-nav { display:flex; gap:7px; align-items:center; margin:0 0 -5px; flex-wrap:wrap; }
.lhhc-arcade .lha-nav .lha-nav__button { border:1px solid rgba(255,255,255,.21)!important; background:rgba(255,255,255,.07)!important; color:#e8efe7!important; font-size:13px!important; font-weight:750!important; padding:13px 19px!important; border-radius:12px 12px 0 0!important; margin:0!important; min-height:49px; box-shadow:none!important; transition:background .18s ease,transform .18s ease; }
.lhhc-arcade .lha-nav .lha-nav__button:hover { background:rgba(255,255,255,.18)!important; transform:none!important; }
.lhhc-arcade .lha-nav .lha-nav__button.is-current { background:var(--lha-cream)!important; color:var(--lha-green)!important; border-color:var(--lha-gold)!important; border-bottom-color:var(--lha-cream)!important; }
.lhhc-arcade .lha-content { padding:clamp(20px,3vw,42px); }
.lhhc-arcade .lha-sectionhead { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-bottom:29px; }
.lhhc-arcade .lha-overline { color:#907124; font-size:11px; font-weight:850; letter-spacing:1.8px; display:block; text-transform:uppercase; }
.lhhc-arcade .lha-sectionhead h3,
.lhhc-arcade .lha-gamehead h3 { color:var(--lha-deep)!important; font:700 clamp(27px,3.4vw,41px)/1.13 Georgia,serif!important; letter-spacing:-.65px; margin:7px 0 7px!important; }
.lhhc-arcade .lha-sectionhead p,
.lhhc-arcade .lha-gamehead p { color:#506357!important; margin:0!important; font-size:15px!important; line-height:1.7!important; }
.lhhc-arcade .lha-pill { display:inline-flex; justify-content:center; align-items:center; padding:9px 14px; border-radius:999px; border:1px solid #d7c8a4; background:#f3ecda; color:#786222; font-size:10px; letter-spacing:.8px; font-weight:850; white-space:nowrap; }
.lhhc-arcade .lha-pill--tiny { padding:7px 9px; font-size:9px; }
.lhhc-arcade .lha-modegrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.lhhc-arcade .lha-modecard { color:var(--lha-ink)!important; text-align:left!important; position:relative; display:flex; flex-direction:column; min-height:405px; overflow:hidden; padding:27px 27px 22px!important; border:1px solid #c5d4c9!important; border-radius:22px!important; box-shadow:0 12px 26px rgba(19,63,43,.065)!important; transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease!important; }
.lhhc-arcade .lha-modecard:hover { transform:translateY(-5px)!important; border-color:#a6b89a!important; box-shadow:0 20px 34px rgba(19,63,43,.14)!important; }
.lhhc-arcade .lha-modecard--cross { background:linear-gradient(150deg,#fffefa,#f0f2e8)!important; }
.lhhc-arcade .lha-modecard--search { background:linear-gradient(145deg,#eef4ee,#dcecdf)!important; }
.lhhc-arcade .lha-modecard__top { display:flex; justify-content:space-between; align-items:center; }
.lhhc-arcade .lha-modecard__badge { font-size:10px; color:#6d713c; font-weight:800; letter-spacing:1.5px; }
.lhhc-arcade .lha-modecard__symbol { font-size:33px; color:var(--lha-green); font-weight:500; line-height:1; }
.lhhc-arcade .lha-modecard__art { display:grid; align-content:center; justify-content:center; height:140px; margin:9px 0 11px; overflow:hidden; transform:rotate(-7deg) scale(.96); }
.lhhc-arcade .lha-modecard__art--cross { grid-template-columns:repeat(3,43px); grid-template-rows:repeat(3,43px); }
.lhhc-arcade .lha-modecard__art--cross span { display:grid; place-items:center; font:750 24px Georgia,serif; border:1px solid #b9cfc0; background:#f8f9f2; color:var(--lha-green); }
.lhhc-arcade .lha-modecard__art--cross span:nth-child(3n+1) { background:#d5bd78; }
.lhhc-arcade .lha-modecard__art--cross span:nth-child(5) { background:var(--lha-green); color:white; }
.lhhc-arcade .lha-modecard__art--search { grid-template-columns:repeat(6,29px); grid-template-rows:repeat(3,29px); gap:3px; transform:rotate(6deg); }
.lhhc-arcade .lha-modecard__art--search span { display:grid; place-items:center; background:#f8f8ef; border:1px solid #bfd4c0; border-radius:4px; font-weight:850; font-size:15px; color:var(--lha-green); }
.lhhc-arcade .lha-modecard__art--search span:nth-child(n+9):nth-child(-n+13) { background:#e4c970; }
.lhhc-arcade .lha-modecard__title { font:700 clamp(26px,2.65vw,34px) Georgia,serif; letter-spacing:-.5px; color:var(--lha-deep); }
.lhhc-arcade .lha-modecard__title span { color:#b39551; }
.lhhc-arcade .lha-modecard__desc { margin:9px 0 18px; font-size:14px; color:#58675b; line-height:1.7; max-width:440px; }
.lhhc-arcade .lha-modecard__foot { display:flex; gap:10px; justify-content:space-between; align-items:center; margin-top:auto; padding-top:15px; border-top:1px solid #cad7c9; font-size:10px; font-weight:800; color:#8c793e; letter-spacing:.6px; }
.lhhc-arcade .lha-modecard__arrow { color:var(--lha-green); font-size:12px; }
.lhhc-arcade .lha-lobby__bottom { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:25px; color:#718173; font-size:12px; }
.lhhc-arcade .lha-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:18px clamp(20px,3vw,42px); border-top:1px solid #e1e4d8; font-size:12px; color:#637568; }
.lhhc-arcade .lha-footer span:first-child { text-transform:uppercase; letter-spacing:1.7px; font-weight:850; color:#9b7b39; }
.lhhc-arcade .lha-footer a { font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.lhhc-arcade .lha-gamehead { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:25px; }
.lhhc-arcade .lha-gamehead>div:first-child { max-width:775px; }
.lhhc-arcade .lha-back { display:block; margin:0 0 18px!important; padding:0!important; color:var(--lha-green)!important; background:transparent!important; border:0!important; box-shadow:none!important; font-size:13px!important; font-weight:850!important; }
.lhhc-arcade .lha-back:hover { color:#008253!important; transform:none!important; box-shadow:none!important; text-decoration:underline; }
.lhhc-arcade .lha-count { flex-shrink:0; min-width:138px; display:flex; flex-direction:column; align-items:center; padding:15px 23px; background:#ebf1e8; border-radius:17px; border:1px solid #cdd8ca; }
.lhhc-arcade .lha-count strong { font:700 40px/1 Georgia,serif; color:var(--lha-deep); }
.lhhc-arcade .lha-count strong span { font:800 14px system-ui,sans-serif; color:#789282; }
.lhhc-arcade .lha-count>span { font-size:9px; color:#6b7568; letter-spacing:.8px; font-weight:900; margin-top:9px; }
.lhhc-arcade .lha-layout { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(280px,.89fr); align-items:start; gap:22px; }
.lhhc-arcade .lha-panel { min-width:0; background:#fffefa; border:1px solid #dde3d8; border-radius:20px; box-shadow:0 8px 22px rgba(29,63,42,.045); padding:20px; }
.lhhc-arcade .lha-panel--clues,
.lhhc-arcade .lha-panel--terms { background:#fffefb; }
.lhhc-arcade .lha-panel__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.lhhc-arcade .lha-panel__heading b { display:block; color:var(--lha-deep); font:700 18px Georgia,serif; }
.lhhc-arcade .lha-panel__heading small { display:block; color:#738176; font-size:11px; padding-top:2px; }
.lhhc-arcade .lha-progresslabel { color:#56765f; font-size:11px; font-weight:800; white-space:nowrap; }
.lhhc-arcade .lha-meter { height:6px; width:100%; background:#e8ebe0; border-radius:6px; overflow:hidden; margin:0 0 18px; }
.lhhc-arcade .lha-meter div { width:0; height:100%; background:linear-gradient(90deg,#bba35e,#086e46); border-radius:6px; transition:width .25s ease; }
.lhhc-arcade .lha-scrollhint { display:none; color:#7f7d6a; font-size:11px; margin:3px 0 10px; }
.lhhc-arcade .lha-board-scroll { overflow:auto; max-width:100%; padding:2px 2px 7px; scrollbar-color:#a6baa9 #e9efe7; scrollbar-width:thin; }
.lhhc-arcade .lha-cwgrid { display:grid; grid-template-columns:repeat(var(--cw-cols),30px); grid-template-rows:repeat(var(--cw-rows),30px); width:max-content; background:#063a2b; border:4px solid #063a2b; border-radius:9px; overflow:hidden; gap:1px; margin:0 auto; }
.lhhc-arcade .lha-cwblock { background:#063a2b; }
.lhhc-arcade .lha-cwtile { position:relative; display:flex; align-items:center; justify-content:center; background:#fffefa; }
.lhhc-arcade .lha-cwtile.is-word { background:#f4eac6; }
.lhhc-arcade .lha-cwtile.is-active { background:#ebcb6b; outline:2px solid #b29239; outline-offset:-2px; z-index:1; }
.lhhc-arcade .lha-cwtile.is-error { background:#f6d9dd; }
.lhhc-arcade .lha-cwtile.is-correct:not(.is-active) { background:#d5edda; }
.lhhc-arcade .lha-cwnum { position:absolute; left:2px; top:1px; color:#23372b; font-size:8px; font-weight:800; line-height:1; pointer-events:none; }
.lhhc-arcade .lha-cwtile input { width:100%; height:100%; border:0!important; margin:0!important; border-radius:0!important; background:transparent!important; text-align:center; padding:7px 0 0!important; color:#0b3326!important; outline:none!important; box-shadow:none!important; font:800 17px/1 system-ui,sans-serif!important; text-transform:uppercase; caret-color:#b28a2d; }
.lhhc-arcade .lha-cwtile input:focus-visible { outline:2px solid #052c21!important; outline-offset:-2px; }
.lhhc-arcade .lha-actions { display:flex; flex-wrap:wrap; gap:9px; margin:18px 0 12px; }
.lhhc-arcade .lha-actions .lha-button { min-height:43px; padding:11px 15px!important; margin:0!important; border-radius:10px!important; font-size:12px!important; font-weight:800!important; text-decoration:none!important; line-height:1.2!important; transition:transform .18s ease,background .18s ease!important; }
.lhhc-arcade .lha-button:hover { transform:translateY(-2px)!important; }
.lhhc-arcade .lha-button--solid { background:#075437!important; color:#ffffff!important; border:1px solid #075437!important; box-shadow:0 5px 12px rgba(7,84,55,.15)!important; }
.lhhc-arcade .lha-button--solid:hover { background:#08744a!important; }
.lhhc-arcade .lha-button--outline { background:#fffefb!important; color:#075437!important; border:1px solid #075437!important; box-shadow:none!important; }
.lhhc-arcade .lha-button--quiet { background:#f2f2e9!important; color:#59685f!important; border:1px solid #dfe5dc!important; box-shadow:none!important; }
.lhhc-arcade .lha-status { display:block; margin:0!important; padding:13px 15px; background:#f7f5eb; border-left:4px solid #d1b061; border-radius:9px; color:#364c40!important; font-size:12px!important; line-height:1.6!important; min-height:55px; }
.lhhc-arcade .lha-clues-scroll { max-height:780px; overflow-y:auto; padding-right:4px; scrollbar-color:#a6baa9 #faf9f4; scrollbar-width:thin; }
.lhhc-arcade .lha-panel h4 { font:700 22px Georgia,serif!important; color:var(--lha-green)!important; margin:11px 0 11px!important; padding-bottom:7px; border-bottom:1px solid #d6bb7c; }
.lhhc-arcade .lha-panel h4:not(:first-child) { margin-top:24px!important; }
.lhhc-arcade .lha-clueitems { display:grid; gap:7px; }
.lhhc-arcade .lha-clue { display:grid; grid-template-columns:26px 1fr 17px; gap:8px; width:100%; align-items:start; text-align:left!important; border:1px solid #e1e8dc!important; border-radius:11px!important; background:#f8faf5!important; color:#244237!important; padding:11px!important; font-size:12px!important; line-height:1.5!important; box-shadow:none!important; transform:none!important; }
.lhhc-arcade .lha-clue:hover { border-color:#b9cbbb!important; background:#f0f4eb!important; transform:none!important; }
.lhhc-arcade .lha-clue.is-current { border-color:#13714b!important; border-left:4px solid #075437!important; background:#ecf2e6!important; padding-left:8px!important; }
.lhhc-arcade .lha-clue__num { color:var(--lha-green); font-weight:900; }
.lhhc-arcade .lha-clue__check { visibility:hidden; color:#168c50; font-weight:900; }
.lhhc-arcade .lha-clue.is-complete .lha-clue__check { visibility:visible; }
.lhhc-arcade .lha-learning { font-size:12px; color:#536959; background:#eaf0e5; border:1px solid #d1dfce; border-radius:11px; padding:13px 16px; margin-top:18px; }
.lhhc-arcade .lha-wsgrid { display:grid; grid-template-columns:repeat(var(--ws-cols),30px); grid-auto-rows:30px; width:max-content; background:#dce5d7; border:4px solid #0b4b34; border-radius:9px; gap:1px; padding:1px; margin:0 auto; touch-action:none; user-select:none; -webkit-user-select:none; }
.lhhc-arcade .lha-wsgrid .lha-wscell { display:flex; align-items:center; justify-content:center; min-width:0; padding:0!important; border:0!important; border-radius:3px!important; background:#fffef9!important; color:#18432e!important; font:850 14px/1 system-ui,sans-serif!important; box-shadow:none!important; transform:none!important; user-select:none; -webkit-user-select:none; }
.lhhc-arcade .lha-wsgrid .lha-wscell:hover { background:#f8efcf!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.is-found { color:#063d2b!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.tone-1 { background:#cce8d0!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.tone-2 { background:#f1dda2!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.tone-3 { background:#bdddd8!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.tone-4 { background:#e5d6e8!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.is-preview { background:#e8c268!important; box-shadow:inset 0 0 0 2px #8d7432!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.is-start { box-shadow:inset 0 0 0 2px #065537!important; }
.lhhc-arcade .lha-wsgrid .lha-wscell.is-hint { background:#ffd269!important; outline:3px solid #b68a16!important; outline-offset:-2px!important; animation:lha-pulse .9s ease-in-out 3; }
.lhhc-arcade .lha-termlist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:15px; }
.lhhc-arcade .lha-term { display:flex; align-items:center; min-width:0; padding:9px 8px; border:1px solid #e0e8dc; border-radius:9px; background:#f8faf5; color:#31533e; font-size:11px; font-weight:800; letter-spacing:.35px; }
.lhhc-arcade .lha-term__icon { font-size:15px; flex:0 0 19px; color:#b3b9a9; }
.lhhc-arcade .lha-term__text { overflow-wrap:anywhere; }
.lhhc-arcade .lha-term.is-found { background:#e5f2e4; color:#6c8b75; border-color:#c3dec7; }
.lhhc-arcade .lha-term.is-found .lha-term__icon { color:#167949; }
.lhhc-arcade .lha-term.is-found .lha-term__text { text-decoration:line-through; }
.lhhc-arcade .lha-discovery { margin-top:22px; padding:17px; border-radius:12px; background:linear-gradient(130deg,#06482f,#0b5e3d); color:white; min-height:120px; }
.lhhc-arcade .lha-discovery__eyebrow { display:block; font-size:9px; font-weight:900; letter-spacing:1.1px; color:#e4c775; }
.lhhc-arcade .lha-discovery strong { display:block; font:700 22px Georgia,serif; margin-top:5px; color:#fffefa; }
.lhhc-arcade .lha-discovery p { margin:7px 0 0!important; color:#f0f6e9!important; font-size:12px!important; line-height:1.7!important; }
@keyframes lha-pulse { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.2)} }
@media(max-width:1130px){
  .lhhc-arcade .lha-layout { grid-template-columns:minmax(0,1fr); }
  .lhhc-arcade .lha-panel--clues { max-height:none; }
  .lhhc-arcade .lha-clues-scroll { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; max-height:none; overflow:visible; }
  .lhhc-arcade .lha-clues-scroll h4 { grid-column:span 2; }
  .lhhc-arcade .lha-clueitems { grid-column:span 2; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lhhc-arcade .lha-termlist { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:730px){
  .lhhc-arcade { margin:10px 0; }
  .lhhc-arcade .lha-shell { border-radius:16px; }
  .lhhc-arcade .lha-banner { padding:18px 19px 0; }
  .lhhc-arcade .lha-banner__top { gap:8px; }
  .lhhc-arcade .lha-brandmark { width:38px; height:38px; }
  .lhhc-arcade .lha-eyebrow { font-size:9px; letter-spacing:.7px; }
  .lhhc-arcade .lha-edition { display:none; }
  .lhhc-arcade .lha-banner__ornament { display:none; }
  .lhhc-arcade .lha-banner__main { min-height:195px; padding:23px 0; }
  .lhhc-arcade .lha-banner h2 { font-size:clamp(33px,8vw,45px)!important; letter-spacing:-1px; }
  .lhhc-arcade .lha-banner__main p { font-size:14px!important; }
  .lhhc-arcade .lha-nav { flex-wrap:nowrap; }
  .lhhc-arcade .lha-nav .lha-nav__button { flex:1 1 auto; padding:10px 6px!important; font-size:10px!important; min-height:45px; }
  .lhhc-arcade .lha-content { padding:19px 13px; }
  .lhhc-arcade .lha-sectionhead { flex-direction:column; align-items:flex-start; }
  .lhhc-arcade .lha-modegrid { grid-template-columns:1fr; gap:15px; }
  .lhhc-arcade .lha-modecard { min-height:325px; padding:22px!important; }
  .lhhc-arcade .lha-modecard__art { height:106px; transform:scale(.78) rotate(-7deg); margin:0; }
  .lhhc-arcade .lha-gamehead { align-items:flex-start; }
  .lhhc-arcade .lha-count { min-width:75px; padding:10px 5px; }
  .lhhc-arcade .lha-count strong { font-size:28px; }
  .lhhc-arcade .lha-count>span { font-size:8px; text-align:center; }
  .lhhc-arcade .lha-panel { padding:13px; border-radius:14px; }
  .lhhc-arcade .lha-scrollhint { display:block; }
  .lhhc-arcade .lha-cwgrid { margin-left:0; }
  .lhhc-arcade .lha-wsgrid { margin-left:0; }
  .lhhc-arcade .lha-clueitems { grid-template-columns:1fr; }
  .lhhc-arcade .lha-termlist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lhhc-arcade .lha-footer { padding:15px 17px; }
}
@media(max-width:390px){
 .lhhc-arcade .lha-gamehead { display:block; }
 .lhhc-arcade .lha-count { flex-direction:row; justify-content:center; gap:12px; margin-top:15px; width:100%; }
 .lhhc-arcade .lha-actions .lha-button { flex:1 0 auto; }
 .lhhc-arcade .lha-term { font-size:10px; }
}
@media(prefers-reduced-motion:reduce){
 .lhhc-arcade *, .lhhc-arcade *:before, .lhhc-arcade *:after { animation:none!important; transition:none!important; }
 .lhhc-arcade .lha-modecard:hover,.lhhc-arcade .lha-button:hover { transform:none!important; }
}

/* On phones, swipe horizontally to pan the board; selecting two endpoints also works. */
@media(max-width:730px){.lhhc-arcade .lha-wsgrid{touch-action:pan-x;}}