/*
  Mobile Rebuild Phase 1 — Canonical Game Screen
  ------------------------------------------------
  Mobile portrait is the source of truth. The board is the primary visual object,
  the rack sits directly beneath it, and the turn controls occupy the thumb zone.
  This file intentionally loads last so older desktop/premium Duel chrome cannot
  leak back through long-lived browser/PWA caches.
*/
:root{
  --mcu-blue:#2f95df;
  --mcu-blue-strong:#197fc6;
  --mcu-blue-soft:#eaf6fd;
  --mcu-clue:#d7edf8;
  --mcu-clue-active:#c8e6f6;
  --mcu-grid:#9eabb5;
  --mcu-wall:#edf2f5;
  --mcu-answer:#fff;
  --mcu-lane:#fff1d8;
  --mcu-lane-line:#e4ad54;
  --mcu-hint:#dff2d7;
  --mcu-hint-line:#74b65d;
  --mcu-tile:#fff2d5;
  --mcu-tile-top:#fff9e9;
  --mcu-tile-edge:#dbc08a;
  --mcu-ink:#20262d;
  --mcu-muted:#84909a;
  --mcu-line:#e5eaee;
}

html.mobile-game-active,
html.mobile-game-active body,
html.mobile-game-active #app{background:#fff!important;color:var(--mcu-ink)!important}
html.mobile-game-active body{overflow:hidden!important;overscroll-behavior:none!important}

/* ---------- Shared Duel canvas ---------- */
.cm-phase2-screen{
  width:100%!important;max-width:none!important;
  height:var(--vvh,100dvh)!important;min-height:var(--vvh,100dvh)!important;max-height:var(--vvh,100dvh)!important;
  margin:0!important;padding:0!important;
  background:#fff!important;color:var(--mcu-ink)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden!important;isolation:isolate!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
.cm-phase2-screen:before,.cm-phase2-screen:after{display:none!important;content:none!important}

/* Header: quiet and genuinely native-looking. */
.cm-phase2-screen .duel-compact-top{
  margin:0 auto!important;padding:0!important;width:100%!important;max-width:720px!important;
  border:0!important;border-bottom:1px solid var(--mcu-line)!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;
}
.cm-phase2-screen .duel-compact-top:after{display:none!important;content:none!important}
.cm-phase2-screen .duel-compact-top .back,
.cm-phase2-screen .cm-settings{
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;
  color:var(--mcu-blue)!important;text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
.cm-phase2-screen .duel-compact-top .back:active,
.cm-phase2-screen .cm-settings:active{background:#f1f7fb!important;transform:scale(.96)!important}
.cm-phase2-screen .duel-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important}
.cm-phase2-screen .duel-title b{color:#171c22!important;font-weight:760!important;letter-spacing:-.025em!important;line-height:1!important}
.cm-phase2-screen .duel-title small{color:#909aa3!important;font-weight:560!important;letter-spacing:.01em!important;text-transform:none!important}

/* Score: no strip/card. It reads as part of the white game canvas. */
.cm-phase2-screen .aw-scorebar{
  width:100%!important;max-width:720px!important;margin:0 auto!important;
  border:0!important;border-bottom:1px solid var(--mcu-line)!important;border-radius:0!important;
  background:#fff!important;color:var(--mcu-ink)!important;box-shadow:none!important;overflow:visible!important;
}
.cm-phase2-screen .aw-scorebar:before,.cm-phase2-screen .aw-scorebar:after{display:none!important;content:none!important}
.cm-phase2-screen .duelist{display:flex!important;align-items:center!important;min-width:0!important;background:transparent!important;padding:0!important;transform:none!important;filter:none!important}
.cm-phase2-screen .duelist.ai{justify-content:flex-end!important}
.cm-phase2-screen .duelist:after{display:none!important;content:none!important}
.cm-phase2-screen .duelist>div{display:flex!important;align-items:center!important;min-width:0!important}
.cm-phase2-screen .duelist small{display:none!important}
.cm-phase2-screen .duelist .avatar{
  width:auto!important;height:auto!important;min-width:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#384149!important;font-weight:590!important;letter-spacing:-.01em!important;text-transform:none!important;text-decoration:none!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.cm-phase2-screen .duelist.active .avatar{color:var(--mcu-blue)!important;font-weight:720!important}
.cm-phase2-screen .duelist b{
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:8px!important;background:#f1f4f6!important;color:#8b949c!important;
  box-shadow:none!important;text-shadow:none!important;line-height:1!important;font-weight:760!important;
}
.cm-phase2-screen .duelist.active b{background:var(--mcu-blue-soft)!important;color:var(--mcu-blue)!important}
.cm-phase2-screen .duel-vs{display:grid!important;place-items:center!important;position:relative!important;min-width:0!important;height:100%!important}
.cm-phase2-screen .duel-vs>span{padding:0!important;background:transparent!important;color:#a0a8af!important;font-weight:650!important;letter-spacing:.05em!important;text-transform:lowercase!important}
.cm-phase2-screen .duel-vs>i,.cm-phase2-screen .duel-vs>strong,.cm-phase2-screen .duel-vs>.duel-phase-cue{display:none!important}

/* Board: the only frame is the grid itself. */
.cm-phase2-screen .duel-board-stage,
.cm-phase2-screen .aw-scroller{
  border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;
  overflow:hidden!important;
}
.cm-phase2-screen .duel-board-stage:before,.cm-phase2-screen .duel-board-stage:after{display:none!important;content:none!important}
.cm-phase2-screen .aw-scroller{display:grid!important;place-items:start center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.cm-phase2-screen .aw-grid{
  gap:1px!important;padding:1px!important;margin:0 auto!important;
  width:max-content!important;min-width:min-content!important;max-width:100%!important;
  background:var(--mcu-grid)!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important;
}
.cm-phase2-screen .aw-cell{border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.cm-phase2-screen .true-arrowword-grid .aw-wall{background:var(--mcu-wall)!important;box-shadow:none!important}
.cm-phase2-screen .true-arrowword-grid .aw-clue{
  padding:2px 2px 10px!important;background:var(--mcu-clue)!important;color:#26323b!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;text-align:center!important;
}
.cm-phase2-screen .true-arrowword-grid .aw-clue.complete{background:var(--mcu-clue)!important}
.cm-phase2-screen .true-arrowword-grid .aw-clue.active{background:var(--mcu-clue-active)!important;box-shadow:inset 0 0 0 2px var(--mcu-blue)!important;z-index:3!important}
.cm-phase2-screen .aw-clue-copy{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.cm-phase2-screen .aw-clue-copy b{font-size:clamp(5.8px,calc(var(--aw-cell)*.17),10.2px)!important;line-height:1.02!important;font-weight:680!important;letter-spacing:-.02em!important;-webkit-line-clamp:4!important;text-wrap:balance!important}
.cm-phase2-screen .aw-clue.emoji{padding:2px 2px 9px!important}
.cm-phase2-screen .aw-clue .aw-emoji{font-size:calc(var(--aw-cell)*.51)!important;line-height:1!important}
.cm-phase2-screen .aw-directions{right:2px!important;bottom:1px!important;gap:0!important}
.cm-phase2-screen .aw-directions i{width:11px!important;height:11px!important;border-radius:0!important;background:transparent!important;color:#64747f!important;font-size:9px!important;font-weight:850!important;filter:none!important}
.cm-phase2-screen .aw-directions i.on{background:transparent!important;color:#405663!important}
.cm-phase2-screen .aw-clue em{display:none!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer{
  background:var(--mcu-answer)!important;color:#20262d!important;border:0!important;border-radius:0!important;
  font-size:calc(var(--aw-cell)*.48)!important;font-weight:760!important;box-shadow:none!important;
}
.cm-phase2-screen .true-arrowword-grid .aw-answer.locked{background:#fff!important;color:#20262d!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.lane{background:var(--mcu-lane)!important;box-shadow:inset 0 0 0 1px rgba(228,173,84,.72)!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.lane-open{background:var(--mcu-lane)!important;box-shadow:inset 0 0 0 2px var(--mcu-lane-line)!important;animation:none!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.buffered{background:#fff0d3!important;color:#20262d!important;box-shadow:inset 0 0 0 2px var(--mcu-lane-line)!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.ai-preview,.cm-phase2-screen .true-arrowword-grid .aw-answer.opponent-preview{background:#e7f3de!important;color:#20262d!important;box-shadow:inset 0 0 0 2px #83c369!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.hint-target{background:var(--mcu-hint)!important;box-shadow:inset 0 0 0 2px var(--mcu-hint-line)!important;z-index:2!important}
.cm-phase2-screen .true-arrowword-grid .aw-answer.hint-target-lane{background:#d4edc8!important;box-shadow:inset 0 0 0 3px #69ab52!important}
.cm-phase2-screen .aw-answer.drag-target{background:#e8f6ff!important;box-shadow:inset 0 0 0 2px var(--mcu-blue)!important;transform:none!important}

/* Rack: warm paper tiles, visually close to the board. */
.cm-phase2-screen .aw-rack{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important}
.cm-phase2-screen .aw-tile{
  position:relative!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid #ead6ad!important;border-radius:9px!important;
  background:linear-gradient(180deg,var(--mcu-tile-top),var(--mcu-tile))!important;color:#22282f!important;
  box-shadow:0 3px 0 var(--mcu-tile-edge),0 6px 11px rgba(82,65,31,.10)!important;
  transform:none!important;transition:transform .12s ease,box-shadow .12s ease!important;touch-action:none!important;-webkit-tap-highlight-color:transparent!important;
}
.cm-phase2-screen .aw-tile span{font-weight:780!important;line-height:1!important}
.cm-phase2-screen .aw-tile small{display:none!important}
.cm-phase2-screen .aw-tile.selected{transform:translateY(-5px)!important;border-color:#dcb266!important;box-shadow:0 3px 0 #d1ab63,0 8px 14px rgba(76,58,24,.14),0 0 0 2px rgba(47,149,223,.22)!important}
.cm-phase2-screen .aw-tile.used{display:none!important}
.cm-phase2-screen .aw-tile.bonus-tile:after{content:'+'!important;position:absolute!important;right:3px!important;top:3px!important;width:14px!important;height:14px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--mcu-blue)!important;color:#fff!important;font-size:9px!important;font-weight:850!important}

/* Actions: two small rewarded utilities on the left, one dominant move button,
   one rewarded hint on the right. All hit areas meet mobile touch guidance. */
.cm-phase2-screen .cm2-actions{margin:0 auto!important;padding:0!important;background:#fff!important}
.cm-phase2-screen .cm2-actions .gameplay-tool{margin:0!important;border:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.cm-phase2-screen .cm2-utility{
  display:grid!important;place-items:center!important;position:relative!important;background:transparent!important;color:#68747d!important;border-radius:12px!important;
}
.cm-phase2-screen .cm2-utility>span{display:grid!important;place-items:center!important;border:1px solid #dce4e9!important;border-radius:50%!important;background:#fff!important;color:#5f6d77!important;font-weight:500!important;box-shadow:0 1px 2px rgba(29,43,54,.04)!important}
.cm-phase2-screen .cm2-utility>b{font-weight:650!important;color:#7f8a92!important;white-space:nowrap!important;line-height:1!important}
.cm-phase2-screen .cm2-utility>small{position:absolute!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:var(--mcu-blue)!important;color:#fff!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:0!important;line-height:1!important;margin:0!important}
.cm-phase2-screen .cm2-utility:disabled{opacity:.32!important}
.cm-phase2-screen .cm2-primary{
  display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;
  border:0!important;border-radius:999px!important;background:var(--mcu-blue)!important;color:#fff!important;
  box-shadow:0 2px 4px rgba(47,149,223,.20)!important;font-weight:760!important;letter-spacing:-.01em!important;
}
.cm-phase2-screen .cm2-primary>span,.cm-phase2-screen .cm2-primary>b{color:#fff!important}
.cm-phase2-screen .cm2-primary:not(:disabled):active{transform:scale(.98)!important;background:var(--mcu-blue-strong)!important}
.cm-phase2-screen .cm2-primary:disabled{opacity:.38!important;background:#a9d1ed!important}
.cm-phase2-screen .cm2-primary>em{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;color:#fff!important;font-style:normal!important;font-weight:800!important}
.cm-phase2-screen .cm2-hidden{display:none!important}
.cm-phase2-screen .rewarded-tool-status{position:fixed!important;left:50%!important;bottom:calc(66px + max(4px,var(--native-bottom,0px)))!important;transform:translateX(-50%)!important;z-index:100!important;max-width:calc(100vw - 24px)!important;padding:7px 11px!important;border:1px solid #e5eaee!important;border-radius:999px!important;background:#fff!important;color:#69757e!important;box-shadow:0 8px 25px rgba(30,42,52,.13)!important;font-size:10px!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ---------- Canonical phone layout ---------- */
@media(max-width:520px){
  .cm-phase2-screen{
    display:grid!important;
    grid-template-rows:48px 44px auto 58px minmax(8px,1fr) 56px!important;
    gap:0!important;
    padding-top:max(0px,var(--native-top,0px))!important;
    padding-right:max(3px,var(--native-right,0px))!important;
    padding-bottom:max(2px,var(--native-bottom,0px))!important;
    padding-left:max(3px,var(--native-left,0px))!important;
  }
  .cm-phase2-screen .duel-compact-top{grid-row:1!important;height:48px!important;min-height:48px!important;grid-template-columns:46px 1fr 46px!important}
  .cm-phase2-screen .duel-compact-top .back,.cm-phase2-screen .cm-settings{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .cm-phase2-screen .duel-compact-top .back .ui-icon{width:23px!important;height:23px!important}
  .cm-phase2-screen .duel-title b{font-size:17px!important}.cm-phase2-screen .duel-title small{margin-top:3px!important;font-size:9px!important}

  .cm-phase2-screen .aw-scorebar{grid-row:2!important;height:44px!important;min-height:44px!important;padding:0 9px 5px!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important}
  .cm-phase2-screen .duelist{gap:6px!important}.cm-phase2-screen .duelist .avatar{max-width:92px!important;font-size:13px!important}.cm-phase2-screen .duelist b{min-width:35px!important;height:28px!important;margin-left:6px!important;padding:0 7px!important;font-size:17px!important}.cm-phase2-screen .duelist.ai>div b{order:-1!important;margin:0 6px 0 0!important}.cm-phase2-screen .duel-vs>span{font-size:10px!important}

  .cm-phase2-screen .duel-board-stage{grid-row:3!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:3px 0 0!important;display:grid!important;place-items:start center!important;align-self:start!important;justify-self:stretch!important}
  .cm-phase2-screen .aw-scroller{height:auto!important;min-height:0!important}
  .cm-phase2-screen .aw-grid{align-self:start!important}

  /* display:contents lets rack and actions occupy different canonical rows. */
  .cm-phase2-screen .aw-dock{display:contents!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .cm-phase2-screen .aw-rack{grid-row:4!important;height:58px!important;min-height:58px!important;gap:6px!important;align-self:start!important}
  .cm-phase2-screen .aw-tile{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:8px!important}.cm-phase2-screen .aw-tile span{font-size:21px!important}.cm-phase2-screen .aw-rack.bonus-rack{gap:5px!important}.cm-phase2-screen .aw-rack.bonus-rack .aw-tile{width:46px!important;min-width:46px!important}

  .cm-phase2-screen .cm2-actions{grid-row:6!important;width:100%!important;height:56px!important;min-height:56px!important;display:grid!important;grid-template-columns:46px 46px minmax(116px,1fr) 46px!important;grid-template-rows:54px!important;align-items:center!important;justify-items:center!important;gap:5px!important;padding:0 3px 2px!important;border-top:1px solid #f0f3f5!important;align-self:end!important}
  .cm-phase2-screen .cm2-utility{width:46px!important;height:50px!important;grid-template-rows:31px 12px!important}
  .cm-phase2-screen .cm2-utility>span{width:31px!important;height:31px!important;font-size:17px!important}.cm-phase2-screen .cm2-utility>b{font-size:9px!important}.cm-phase2-screen .cm2-utility>small{right:0!important;top:1px!important;width:15px!important;height:15px!important;font-size:5.5px!important}
  .cm-phase2-screen .cm2-primary{grid-column:3!important;grid-row:1!important;width:100%!important;max-width:220px!important;height:44px!important;min-height:44px!important;padding:0 36px!important}.cm-phase2-screen .cm2-primary>span{font-size:15px!important}.cm-phase2-screen .cm2-primary>b{font-size:15px!important}.cm-phase2-screen .cm2-primary>em{min-width:20px!important;height:20px!important;padding:0 6px!important;font-size:9px!important}
  .cm-phase2-screen .cm2-extra{grid-column:1!important}.cm-phase2-screen .cm2-swap{grid-column:2!important}.cm-phase2-screen .cm2-hint{grid-column:4!important}
  .cm-phase2-screen .friend-cm2-actions{grid-template-columns:46px minmax(150px,1fr) 46px!important}.cm-phase2-screen .friend-cm2-actions .cm2-swap{grid-column:1!important}.cm-phase2-screen .friend-cm2-actions .cm2-primary{grid-column:2!important}.cm-phase2-screen .friend-cm2-actions .cm2-hint{grid-column:3!important}

  .cm-phase2-screen .match-move-strip{top:94px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:calc(100vw - 20px)!important;border:1px solid #e4e9ed!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;color:#6d7880!important;box-shadow:0 4px 14px rgba(40,53,64,.08)!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:350px){
  .cm-phase2-screen{grid-template-rows:44px 42px auto 54px minmax(4px,1fr) 52px!important}
  .cm-phase2-screen .duel-compact-top{height:44px!important;min-height:44px!important}.cm-phase2-screen .duel-title b{font-size:15px!important}.cm-phase2-screen .aw-scorebar{height:42px!important;min-height:42px!important;padding-left:5px!important;padding-right:5px!important}.cm-phase2-screen .duelist .avatar{font-size:12px!important;max-width:74px!important}.cm-phase2-screen .duelist b{min-width:31px!important;height:26px!important;font-size:15px!important;padding:0 5px!important}
  .cm-phase2-screen .aw-rack{height:54px!important;min-height:54px!important;gap:4px!important}.cm-phase2-screen .aw-tile{width:46px!important;height:48px!important;min-width:46px!important;min-height:48px!important}.cm-phase2-screen .aw-rack.bonus-rack .aw-tile{width:42px!important;min-width:42px!important}
  .cm-phase2-screen .cm2-actions{height:52px!important;min-height:52px!important;grid-template-columns:42px 42px minmax(104px,1fr) 42px!important;grid-template-rows:50px!important;gap:3px!important}.cm-phase2-screen .cm2-utility{width:42px!important;height:48px!important}.cm-phase2-screen .cm2-primary{height:40px!important;min-height:40px!important;padding:0 28px!important}
}

/* Short phones retain the same visual hierarchy without page scrolling. */
@media(max-width:520px) and (max-height:650px){
  .cm-phase2-screen{grid-template-rows:44px 40px auto 52px minmax(2px,1fr) 50px!important}
  .cm-phase2-screen .duel-compact-top{height:44px!important;min-height:44px!important}.cm-phase2-screen .aw-scorebar{height:40px!important;min-height:40px!important;padding-bottom:2px!important}
  .cm-phase2-screen .aw-rack{height:52px!important;min-height:52px!important}.cm-phase2-screen .aw-tile{height:47px!important;min-height:47px!important}.cm-phase2-screen .cm2-actions{height:50px!important;min-height:50px!important;grid-template-rows:48px!important}.cm-phase2-screen .cm2-utility{height:46px!important}.cm-phase2-screen .cm2-primary{height:38px!important;min-height:38px!important}
}

/* ---------- Tablet / desktop are adaptations of the phone grammar ---------- */
@media(min-width:521px){
  .cm-phase2-screen{display:grid!important;grid-template-rows:50px 48px minmax(0,1fr) 118px!important;padding:0 16px 8px!important;background:#fff!important}
  .cm-phase2-screen .duel-compact-top{height:50px!important;min-height:50px!important;grid-template-columns:48px 1fr 48px!important}.cm-phase2-screen .duel-compact-top .back,.cm-phase2-screen .cm-settings{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.cm-phase2-screen .duel-title b{font-size:18px!important}.cm-phase2-screen .duel-title small{margin-top:3px!important;font-size:9px!important}
  .cm-phase2-screen .aw-scorebar{height:48px!important;min-height:48px!important;padding:0 10px 5px!important;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important}.cm-phase2-screen .duelist .avatar{max-width:150px!important;font-size:15px!important}.cm-phase2-screen .duelist b{min-width:42px!important;height:30px!important;margin-left:8px!important;padding:0 8px!important;font-size:18px!important}.cm-phase2-screen .duelist.ai>div b{order:-1!important;margin:0 8px 0 0!important}.cm-phase2-screen .duel-vs>span{font-size:11px!important}
  .cm-phase2-screen .duel-board-stage{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;margin:0!important;padding:5px 0!important}.cm-phase2-screen .aw-scroller{place-items:center!important}
  .cm-phase2-screen .aw-dock{width:100%!important;max-width:720px!important;height:118px!important;min-height:118px!important;margin:0 auto!important;padding:2px 0!important;display:grid!important;grid-template-rows:65px 49px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}.cm-phase2-screen .aw-rack{height:65px!important;min-height:65px!important;gap:9px!important}.cm-phase2-screen .aw-tile{width:55px!important;height:56px!important;min-width:55px!important;min-height:56px!important}.cm-phase2-screen .aw-tile span{font-size:22px!important}
  .cm-phase2-screen .cm2-actions{width:min(520px,100%)!important;height:49px!important;display:grid!important;grid-template-columns:50px 50px minmax(170px,260px) 50px!important;align-items:center!important;justify-content:center!important;gap:10px!important}.cm-phase2-screen .cm2-utility{width:48px!important;height:48px!important;grid-template-rows:31px 12px!important}.cm-phase2-screen .cm2-utility>span{width:31px!important;height:31px!important;font-size:17px!important}.cm-phase2-screen .cm2-utility>b{font-size:9px!important}.cm-phase2-screen .cm2-utility>small{right:1px!important;top:0!important;width:15px!important;height:15px!important;font-size:5.5px!important}.cm-phase2-screen .cm2-primary{grid-column:3!important;width:100%!important;max-width:260px!important;height:42px!important;min-height:42px!important}.cm-phase2-screen .cm2-extra{grid-column:1!important}.cm-phase2-screen .cm2-swap{grid-column:2!important}.cm-phase2-screen .cm2-hint{grid-column:4!important}
  .cm-phase2-screen .friend-cm2-actions{grid-template-columns:50px minmax(180px,270px) 50px!important;width:min(430px,100%)!important}.cm-phase2-screen .friend-cm2-actions .cm2-swap{grid-column:1!important}.cm-phase2-screen .friend-cm2-actions .cm2-primary{grid-column:2!important}.cm-phase2-screen .friend-cm2-actions .cm2-hint{grid-column:3!important}
}

@media(min-width:900px){
  .cm-phase2-screen .duel-compact-top,.cm-phase2-screen .aw-scorebar,.cm-phase2-screen .aw-dock{max-width:760px!important}
}

/* Accessibility switches remain authoritative. */
.reduced-motion .cm-phase2-screen *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.high-contrast .cm-phase2-screen .aw-grid{background:#000!important}.high-contrast .cm-phase2-screen .true-arrowword-grid .aw-clue{background:#dcecff!important;color:#000!important}.high-contrast .cm-phase2-screen .true-arrowword-grid .aw-answer{background:#fff!important;color:#000!important}.high-contrast .cm-phase2-screen .true-arrowword-grid .aw-wall{background:#f2f2f2!important}.high-contrast .cm-phase2-screen .cm2-primary{background:#005bd7!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){.cm-phase2-screen *{animation:none!important;transition:none!important}}