/* ========================================================================== */
/* CROSSWORD BY UMAMI — UI REBUILD PHASE 4                                   */
/* Visual Identity + Premium Motion System                                    */
/* Presentation only: no geometry, scoring, authority or game-state changes. */
/* ========================================================================== */
:root{
  --v4-night:#11182b;
  --v4-night-2:#1b2742;
  --v4-ink:#111827;
  --v4-muted:#72809a;
  --v4-cobalt:#5166ff;
  --v4-cobalt-2:#6f62f5;
  --v4-cobalt-soft:#e9edff;
  --v4-porcelain:#fffefa;
  --v4-porcelain-2:#f8f7f2;
  --v4-champagne:#f4bf73;
  --v4-champagne-soft:#fff3dc;
  --v4-mint:#4ec9a0;
  --v4-rose:#ef7288;
  --v4-line:rgba(111,128,163,.22);
  --v4-glass:rgba(255,255,255,.72);
  --v4-shadow:0 18px 52px rgba(20,31,64,.16);
  --v4-shadow-deep:0 28px 70px rgba(12,21,48,.24);
  --v4-ease:cubic-bezier(.2,.8,.2,1);
  --v4-ease-pop:cubic-bezier(.16,.86,.22,1.18);
  --v4-press:105ms;
  --v4-pickup:135ms;
  --v4-snap:190ms;
  --v4-score:420ms;
  --v4-handoff:620ms;
  --v4-ambient:5200ms;
}

/* ---------- Product identity across non-game surfaces --------------------- */
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(81,102,255,.13),transparent 29rem),
    radial-gradient(circle at 94% 5%,rgba(244,191,115,.11),transparent 26rem),
    linear-gradient(180deg,#f5f7ff 0%,#eef2fb 58%,#edf1fa 100%);
  color:var(--v4-ink);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.25;
  background-image:radial-gradient(rgba(35,50,91,.17) .55px,transparent .55px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom,black,transparent 76%);
}
.topbar,.bottom-nav,.panel,.level-card{
  border-color:var(--v4-line)!important;
  box-shadow:0 12px 36px rgba(24,39,78,.09)!important;
}
.topbar,.bottom-nav{background:rgba(252,253,255,.83)!important;backdrop-filter:blur(20px) saturate(1.2)!important}
.brand-mark{background:linear-gradient(145deg,var(--v4-night-2),var(--v4-cobalt))!important;box-shadow:0 8px 22px rgba(61,80,196,.24)!important}
.mode-card{border-color:rgba(96,113,148,.18)!important;box-shadow:0 14px 38px rgba(24,39,78,.10)!important;transition:transform .22s var(--v4-ease),box-shadow .22s var(--v4-ease),border-color .22s ease!important}
.mode-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 48px rgba(24,39,78,.14)!important}
.daily-card{background:linear-gradient(145deg,#445be9,#7562f4)!important}
.duel-card{background:radial-gradient(circle at 88% 18%,rgba(92,111,255,.28),transparent 35%),linear-gradient(145deg,#121a2e,#283957)!important}
.btn:not(.secondary){background:linear-gradient(145deg,var(--v4-cobalt),var(--v4-cobalt-2))!important;box-shadow:0 9px 24px rgba(81,102,255,.22)}
.btn,.nav-btn,.mode-card,.back,.aw-action,.aw-tile{-webkit-tap-highlight-color:transparent}

/* ---------- Duel arena identity ------------------------------------------ */
.duel-runtime-v2.duel-visual-v4{
  position:relative!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 7%,rgba(105,126,255,.20),transparent 32%),
    radial-gradient(circle at 88% 35%,rgba(244,191,115,.12),transparent 27%),
    linear-gradient(180deg,#eef2fc 0%,#e8edf8 100%)!important;
  border-radius:0!important;
  --v4-turn-color:var(--v4-cobalt);
}
.duel-runtime-v2.duel-visual-v4:before{
  content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;opacity:.58;
  background:
    linear-gradient(120deg,transparent 0 33%,rgba(255,255,255,.48) 42%,transparent 51%) 0 0/220% 100% no-repeat,
    radial-gradient(circle at 50% 55%,rgba(255,255,255,.56),transparent 50%);
  animation:v4-arena-breathe var(--v4-ambient) ease-in-out infinite alternate;
}
.duel-runtime-v2.duel-visual-v4:after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.22;
  background-image:radial-gradient(rgba(28,44,84,.24) .52px,transparent .52px);
  background-size:14px 14px;
  mask-image:linear-gradient(to bottom,black,transparent 84%);
}
.duel-runtime-v2[data-motion-state="opponent-thinking"],
.duel-runtime-v2[data-motion-state="opponent-turn"]{--v4-turn-color:#8d72ef}
.duel-runtime-v2[data-motion-state="score"]{--v4-turn-color:var(--v4-champagne)}
.duel-runtime-v2[data-motion-state="complete"]{--v4-turn-color:var(--v4-mint)}

/* Header chrome: feels like an arena status strip, not a web header. */
.duel-runtime-v2.duel-visual-v4 .duel-compact-top{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,249,255,.74))!important;
  border:1px solid rgba(255,255,255,.84)!important;
  box-shadow:0 8px 24px rgba(24,38,76,.10),inset 0 0 0 1px rgba(96,113,148,.10)!important;
  backdrop-filter:blur(20px) saturate(1.25)!important;
}
.duel-runtime-v2.duel-visual-v4 .duel-compact-top:after{
  content:"";position:absolute;left:44px;right:44px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--v4-turn-color),transparent);opacity:.65;
  transition:background-color var(--v4-handoff) var(--v4-ease),opacity .2s ease;
}
.duel-runtime-v2.duel-visual-v4 .duel-compact-top .back{
  color:#43506a!important;background:rgba(240,243,251,.82)!important;border:1px solid rgba(101,117,151,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82)!important;
  transition:transform var(--v4-press) var(--v4-ease),background var(--v4-press) ease!important;
}
.duel-runtime-v2.duel-visual-v4 .duel-compact-top .back:active{transform:scale(.91)!important;background:#e9edfa!important}
.duel-runtime-v2.duel-visual-v4 .duel-title b{color:#182238!important;letter-spacing:-.025em!important;font-weight:950!important}
.duel-runtime-v2.duel-visual-v4 .duel-title small{color:#75829c!important}
.duel-runtime-v2.duel-visual-v4 .duel-bag{
  background:linear-gradient(180deg,#fff,#f0f3fa)!important;border-color:rgba(101,117,151,.16)!important;color:#263550!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 12px rgba(24,38,76,.07)!important;
}
.duel-runtime-v2.duel-visual-v4 .duel-bag small{color:#8590a5!important}

/* Battle HUD. */
.duel-runtime-v2.duel-visual-v4 .aw-scorebar{
  position:relative!important;overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 12% 40%,rgba(81,102,255,.30),transparent 28%),
    radial-gradient(circle at 88% 40%,rgba(141,114,239,.22),transparent 28%),
    linear-gradient(145deg,#11192c,#263654)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 30px rgba(15,25,52,.20),inset 0 1px rgba(255,255,255,.08)!important;
}
.duel-runtime-v2.duel-visual-v4 .aw-scorebar:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;
  background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.11) 43%,transparent 51%);
  transform:translateX(-90%);
}
.duel-runtime-v2.duel-visual-v4[data-motion-state="score"] .aw-scorebar:before{animation:v4-hud-sweep .72s var(--v4-ease)}
.duel-runtime-v2.duel-visual-v4 .duelist{position:relative!important;padding:2px 3px!important;border-radius:12px!important;transition:filter var(--v4-handoff) ease,transform var(--v4-handoff) var(--v4-ease)!important}
.duel-runtime-v2.duel-visual-v4 .duelist.active{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--v4-turn-color) 46%,transparent));transform:translateY(-1px)}
.duel-runtime-v2.duel-visual-v4 .duelist.active:after{
  content:"";position:absolute;left:8%;right:8%;bottom:-3px;height:2px;border-radius:99px;background:var(--v4-turn-color);
  box-shadow:0 0 10px var(--v4-turn-color);animation:v4-turn-line .52s var(--v4-ease-pop) both;
}
.duel-runtime-v2.duel-visual-v4 .duelist small{color:#adb9d2!important}
.duel-runtime-v2.duel-visual-v4 .duelist.active small{color:#fff!important}
.duel-runtime-v2.duel-visual-v4 .duelist b{color:#fff!important;text-shadow:0 1px 14px rgba(255,255,255,.12)}
.duel-runtime-v2.duel-visual-v4 .duelist .avatar{
  border:1px solid rgba(255,255,255,.19)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 16px rgba(6,14,34,.18)!important;
}
.duel-runtime-v2.duel-visual-v4 .duelist .avatar.player{background:linear-gradient(145deg,#5166ff,#6d59df)!important}
.duel-runtime-v2.duel-visual-v4 .duelist .avatar.ai{background:linear-gradient(145deg,#263958,#52698f)!important}
.duel-runtime-v2.duel-visual-v4 .duelist .avatar.friend{background:linear-gradient(145deg,#4a6683,#765fc8)!important}
.duel-runtime-v2.duel-visual-v4 .duel-vs>span{color:#9eacc8!important;letter-spacing:.14em!important}
.duel-runtime-v2.duel-visual-v4 .duel-phase-cue{color:#dce5f9!important;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.duel-runtime-v2.duel-visual-v4 .duel-vs .lead-chip{
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.06)!important;color:#dfe6f5!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
.duel-runtime-v2.duel-visual-v4 .duel-vs .lead-chip.you{color:#cffff0!important;background:rgba(78,201,160,.12)!important}
.duel-runtime-v2.duel-visual-v4 .duel-vs .lead-chip.opponent{color:#ffead0!important;background:rgba(244,191,115,.12)!important}
.duel-runtime-v2.duel-visual-v4 .duel-vs .move-score{
  color:#271b09!important;background:linear-gradient(145deg,#ffe4a9,var(--v4-champagne))!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 4px 16px rgba(244,191,115,.35)!important;animation:v4-score-pop var(--v4-score) var(--v4-ease-pop)!important;
}

/* Board chamber: porcelain cells nested in a midnight frame. */
.duel-runtime-v2.duel-visual-v4 .duel-board-stage{
  position:relative!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.95),transparent 50%),
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(220,227,242,.48))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 15px 42px rgba(22,38,78,.14),inset 0 0 0 1px rgba(100,117,153,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.duel-runtime-v2.duel-visual-v4 .duel-board-stage:before{
  content:"";position:absolute;z-index:0;inset:2px;border-radius:13px;pointer-events:none;
  box-shadow:inset 0 0 28px color-mix(in srgb,var(--v4-turn-color) 10%,transparent);
  transition:box-shadow var(--v4-handoff) ease;
}
.duel-runtime-v2.duel-visual-v4 .aw-scroller{position:relative!important;z-index:1!important}
.duel-runtime-v2.duel-visual-v4 .aw-grid{
  background:linear-gradient(145deg,#253450,#121b2e)!important;
  border:2px solid rgba(20,30,52,.88)!important;
  border-radius:9px!important;
  box-shadow:0 11px 26px rgba(14,24,49,.22),0 1px 0 rgba(255,255,255,.20) inset!important;
  transition:filter .25s ease,transform .25s var(--v4-ease)!important;
}
.duel-runtime-v2.duel-visual-v4[data-motion-state="checking"] .aw-grid{filter:saturate(.93) brightness(.99);transform:scale(.997)}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-wall{background:linear-gradient(145deg,#273755,#151f34)!important}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-clue{
  color:#21314d!important;
  background:linear-gradient(145deg,#dcebf7,#cbddec)!important;
  border-color:rgba(42,65,99,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.48)!important;
  transition:background var(--v4-snap) ease,box-shadow var(--v4-snap) ease,filter var(--v4-snap) ease!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-clue.active{
  background:linear-gradient(145deg,#e8ebff,#d4dcff)!important;
  box-shadow:inset 0 0 0 2px rgba(81,102,255,.72),0 0 14px rgba(81,102,255,.19)!important;
  filter:saturate(1.08)!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-directions i.on{color:var(--v4-cobalt)!important;filter:drop-shadow(0 1px 3px rgba(81,102,255,.32))}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer{
  color:#162238!important;background:linear-gradient(180deg,var(--v4-porcelain),var(--v4-porcelain-2))!important;
  border-color:rgba(52,68,98,.15)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95),inset 0 -1px rgba(89,100,122,.05)!important;
  transition:transform var(--v4-snap) var(--v4-ease-pop),background var(--v4-snap) ease,box-shadow var(--v4-snap) ease,color .15s ease!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.lane{
  background:linear-gradient(180deg,#f0f3ff,#e9edff)!important;
  box-shadow:inset 0 0 0 1.5px rgba(81,102,255,.40),inset 0 1px rgba(255,255,255,.85)!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.lane-open{
  box-shadow:inset 0 0 0 2px rgba(81,102,255,.72),0 0 10px rgba(81,102,255,.12)!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.buffered{
  color:#17213a!important;background:linear-gradient(180deg,#fff7e8,#fbe7bd)!important;
  box-shadow:inset 0 0 0 2px rgba(225,159,57,.66),0 3px 10px rgba(225,159,57,.19)!important;
  animation:v4-tile-land var(--v4-snap) var(--v4-ease-pop)!important;
}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.locked{background:linear-gradient(180deg,#fff,#f5f6f8)!important;color:#182238!important}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.recent-move{animation:v4-cell-glow .72s var(--v4-ease)!important}
.duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer.ai-preview{
  background:linear-gradient(180deg,#f2edff,#e4dcfb)!important;color:#40326d!important;
  animation:v4-ai-place .42s var(--v4-ease-pop) both!important;animation-delay:calc(var(--aw-delay,0) * 55ms)!important;
}
.duel-runtime-v2.duel-visual-v4[data-motion-state="opponent-thinking"] .duel-board-stage:after{
  content:"";position:absolute;z-index:2;left:7%;right:7%;top:7px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#9e8cff,transparent);opacity:.75;
  animation:v4-thinking-scan 1.45s ease-in-out infinite;
}

/* Rack: tactile porcelain/wood hybrid, large enough to feel physical. */
.duel-runtime-v2.duel-visual-v4 .aw-dock{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,248,253,.82))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 15px 40px rgba(18,34,70,.16),inset 0 0 0 1px rgba(99,114,148,.10)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
}
.duel-runtime-v2.duel-visual-v4 .aw-dock.waiting{filter:saturate(.82)}
.duel-runtime-v2.duel-visual-v4 .aw-tile{
  color:#162238!important;
  background:linear-gradient(145deg,#fffef8,#f3e9d5)!important;
  border:1px solid rgba(145,118,75,.16)!important;
  box-shadow:0 5px 0 #d4bd91,0 11px 22px rgba(36,44,66,.16),inset 0 1px rgba(255,255,255,.95)!important;
  transition:transform var(--v4-pickup) var(--v4-ease-pop),box-shadow var(--v4-pickup) ease,filter .16s ease,opacity .16s ease!important;
}
.duel-runtime-v2.duel-visual-v4 .aw-tile:not(:disabled):active{transform:translateY(2px) scale(.975)!important;box-shadow:0 2px 0 #c9ae7a,0 6px 14px rgba(36,44,66,.13)!important}
.duel-runtime-v2.duel-visual-v4 .aw-tile.selected{
  color:#2f2780!important;background:linear-gradient(145deg,#fff,#eeeaff)!important;
  border-color:rgba(81,102,255,.35)!important;
  transform:translateY(-6px) scale(1.045)!important;
  box-shadow:0 6px 0 #9e90df,0 15px 28px rgba(74,67,144,.23),0 0 0 2px rgba(81,102,255,.18)!important;
}
.duel-runtime-v2.duel-visual-v4 .aw-tile.used{filter:grayscale(.12);opacity:.46!important}
.duel-runtime-v2.duel-visual-v4 .aw-tile.drag-source{opacity:.22!important;transform:scale(.92)!important}
.duel-drag-ghost{filter:drop-shadow(0 18px 22px rgba(20,29,54,.30))!important}
.duel-runtime-v2.duel-visual-v4 .aw-answer.drag-target{
  background:linear-gradient(180deg,#f1f3ff,#e1e7ff)!important;
  box-shadow:inset 0 0 0 3px var(--v4-cobalt),0 0 0 2px rgba(255,255,255,.75),0 8px 18px rgba(81,102,255,.27)!important;
}

/* Actions: one obvious primary, three quiet utilities. */
.duel-runtime-v2.duel-visual-v4 .aw-action{
  color:#45526c!important;background:linear-gradient(180deg,#f5f7fb,#e9edf5)!important;
  border:1px solid rgba(91,108,143,.14)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
  transition:transform var(--v4-press) var(--v4-ease),filter var(--v4-press) ease,box-shadow var(--v4-press) ease!important;
}
.duel-runtime-v2.duel-visual-v4 .aw-action:not(:disabled):active{transform:translateY(1px) scale(.965)!important;filter:brightness(.98)!important}
.duel-runtime-v2.duel-visual-v4 .aw-action.primary:not(:disabled){
  color:#fff!important;background:linear-gradient(145deg,var(--v4-cobalt),var(--v4-cobalt-2))!important;
  border-color:rgba(70,79,207,.28)!important;box-shadow:0 7px 18px rgba(81,102,255,.28),inset 0 1px rgba(255,255,255,.18)!important;
}
.duel-runtime-v2.duel-visual-v4[data-motion-state="composing"] .aw-action.primary:not(:disabled){animation:v4-primary-ready 1.8s ease-in-out infinite}
.duel-runtime-v2.duel-visual-v4 .aw-action:disabled{opacity:.42!important;filter:saturate(.55)!important}

/* Premium results: same identity, stronger emotional payoff. */
.result-card.phase4-result,.friend-result-page.phase4-result{
  background:
    radial-gradient(circle at 50% 0,rgba(81,102,255,.13),transparent 34%),
    linear-gradient(180deg,#fff,#f7f9ff)!important;
}
.result-card.phase4-result{
  border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 30px 90px rgba(13,25,61,.28)!important;
  animation:v4-result-in .38s var(--v4-ease-pop)!important;
}
.result-card.phase4-result .result-icon{background:linear-gradient(145deg,#222f4d,#5367ff)!important;color:#fff!important;box-shadow:0 11px 28px rgba(64,83,203,.28)!important}
.result-card.phase4-result .reward{background:linear-gradient(180deg,#fff,#f2f4fa)!important;border-color:rgba(92,108,142,.14)!important}
.friend-result-page.phase4-result{min-height:100vh;display:grid;place-items:center;padding:18px}
.friend-result-page.phase4-result .friend-result-hero{background:rgba(255,255,255,.90)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:var(--v4-shadow-deep)!important;backdrop-filter:blur(20px)!important}

/* Motion primitives. Every one is disabled by reduced-motion below. */
@keyframes v4-arena-breathe{0%{background-position:0 0,center}100%{background-position:85% 0,center}}
@keyframes v4-hud-sweep{0%{transform:translateX(-90%);opacity:0}20%{opacity:.8}100%{transform:translateX(115%);opacity:0}}
@keyframes v4-turn-line{from{transform:scaleX(.25);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes v4-score-pop{0%{transform:translateX(-50%) scale(.72);opacity:.25}55%{transform:translateX(-50%) scale(1.15);opacity:1}100%{transform:translateX(-50%) scale(1);opacity:1}}
@keyframes v4-tile-land{0%{transform:translateY(-6px) scale(.83);filter:brightness(1.08)}68%{transform:translateY(1px) scale(1.055)}100%{transform:none;filter:none}}
@keyframes v4-cell-glow{0%{box-shadow:inset 0 0 0 2px rgba(244,191,115,.95),0 0 18px rgba(244,191,115,.46)}100%{box-shadow:inset 0 1px rgba(255,255,255,.95),0 0 0 rgba(244,191,115,0)}}
@keyframes v4-ai-place{0%{opacity:0;transform:translateY(-6px) scale(.86)}65%{opacity:1;transform:translateY(1px) scale(1.055)}100%{opacity:1;transform:none}}
@keyframes v4-thinking-scan{0%,100%{transform:translateX(-15%) scaleX(.42);opacity:.18}50%{transform:translateX(15%) scaleX(.92);opacity:.8}}
@keyframes v4-primary-ready{0%,100%{box-shadow:0 7px 18px rgba(81,102,255,.25),inset 0 1px rgba(255,255,255,.18)}50%{box-shadow:0 9px 23px rgba(81,102,255,.42),0 0 0 2px rgba(81,102,255,.10),inset 0 1px rgba(255,255,255,.18)}}
@keyframes v4-result-in{from{opacity:0;transform:translateY(16px) scale(.955)}to{opacity:1;transform:none}}

/* Small-device tuning keeps Phase-2 one-screen dimensions untouched. */
@media(max-width:360px){
  .duel-runtime-v2.duel-visual-v4 .aw-scorebar{box-shadow:0 8px 21px rgba(15,25,52,.17),inset 0 1px rgba(255,255,255,.08)!important}
  .duel-runtime-v2.duel-visual-v4 .duel-board-stage{box-shadow:0 10px 27px rgba(22,38,78,.12),inset 0 0 0 1px rgba(100,117,153,.09)!important}
}
@media(max-height:650px){
  .duel-runtime-v2.duel-visual-v4:before{opacity:.38}
  .duel-runtime-v2.duel-visual-v4 .aw-dock{backdrop-filter:blur(12px)!important}
}

/* Accessibility: contrast survives the art direction. */
.high-contrast .duel-runtime-v2.duel-visual-v4 .aw-scorebar{border:2px solid #fff!important;background:#05070c!important}
.high-contrast .duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-answer{background:#fff!important;color:#000!important;border:1px solid #000!important}
.high-contrast .duel-runtime-v2.duel-visual-v4 .true-arrowword-grid .aw-clue{background:#d9e8ff!important;color:#000!important;border:1px solid #000!important}
.high-contrast .duel-runtime-v2.duel-visual-v4 .aw-tile{border:2px solid #111!important;color:#000!important}
.high-contrast .duel-runtime-v2.duel-visual-v4 .aw-action.primary{border:2px solid #fff!important}

.reduced-motion .duel-runtime-v2.duel-visual-v4:before,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-scorebar:before,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .duelist.active:after,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-answer,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-grid,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-tile,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-action,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .aw-action.primary,
.reduced-motion .duel-runtime-v2.duel-visual-v4 .duel-board-stage:after,
.reduced-motion .result-card.phase4-result{
  animation:none!important;transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .duel-runtime-v2.duel-visual-v4:before,
  .duel-runtime-v2.duel-visual-v4 .aw-scorebar:before,
  .duel-runtime-v2.duel-visual-v4 .duelist.active:after,
  .duel-runtime-v2.duel-visual-v4 .aw-answer,
  .duel-runtime-v2.duel-visual-v4 .aw-grid,
  .duel-runtime-v2.duel-visual-v4 .aw-tile,
  .duel-runtime-v2.duel-visual-v4 .aw-action,
  .duel-runtime-v2.duel-visual-v4 .duel-board-stage:after,
  .result-card.phase4-result{animation:none!important;transition:none!important}
}