/* Bright arcade palette; the existing viewport and card proportions stay intact. */
html {background:#101027}
body {background:radial-gradient(ellipse at 15% 15%,#5627a04d,transparent 55%),radial-gradient(ellipse at 85% 80%,#087fa53b,transparent 60%),#101027}
#jd-concept .jd-phone {--jd-bg:#15112b;--jd-panel:#2b2447;--jd-text:#fffdf5;--jd-muted:#cdc6dd;--jd-blue:#32b6ff;background:radial-gradient(ellipse at 0 0,#6032a14d,transparent 58%),radial-gradient(ellipse at 100% 80%,#2b49a133,transparent 64%),var(--jd-bg);color:var(--jd-text);border-color:#76639e;box-shadow:0 18px 56px #03001970,0 0 38px #9239ed1f}
#jd-concept .jd-label,#jd-concept .jd-note,#jd-concept .jd-round-label,#jd-concept .jd-round-next,#jd-concept .jd-match-summary,#jd-concept .jd-resultscore>div {color:#cdc6dd}
#jd-concept .jd-iconbtn,#jd-concept .jd-sound,#jd-concept .jd-wallet {color:#fffdf5;background:#362b54}
#jd-concept .jd-primary {background:linear-gradient(115deg,#ffd044 -15%,#fff17e 35%,#ffd858 66%,#ffc349 110%);color:#2c1735;font-weight:800;border-top-color:#fff6b6;box-shadow:inset 0 1px 0 #fffadfcc,inset 0 -2px 0 #e9972e88,0 5px 0 #9b5b21,0 8px 22px #ffc9432e}
#jd-concept .jd-primary::before {background:linear-gradient(115deg,transparent 38%,#fffaff00 42%,#ffffffb3 49%,#ffffff30 54%,transparent 61%)}
#jd-concept .jd-primary:not(:disabled):active {box-shadow:inset 0 2px 5px #a9773266,0 2px 0 #9b5b21;filter:brightness(1.04)}
#jd-concept .jd-primary:disabled {opacity:.48}
#jd-concept .jd-secondary {background:#3b3750;border-color:#77718e;color:#fffdf5}
#jd-concept .jd-link {color:#d6cce4}
#jd-concept button:focus-visible {outline-color:#fff279}
#jd-concept .jd-stakes button {background:#302341;border-color:#715493;color:#fffdf5}
#jd-concept .jd-stakes button[aria-pressed=true] {background:linear-gradient(125deg,#7331a0,#48237a);border-color:#e4afff;box-shadow:inset 0 0 0 1px #e4afff,0 3px 14px #a83eee3d}
#jd-concept .jd-pot {border-bottom-color:#69527c}
#jd-concept .jd-pot>span {color:#fff1a3}
#jd-concept .jd-pot .jd-currency,#jd-concept .jd-won-pot {color:#fff17e}
#jd-concept .jd-matchpot {background:#52247b;color:#fff0ff;box-shadow:inset 0 0 0 1px #bf76f580}
#jd-concept .jd-gem-icon {filter:drop-shadow(0 1px 1px #07001c) brightness(1.18) saturate(1.2)}
#jd-concept .jd-field.self {background:linear-gradient(140deg,#982e4c,#632341 65%,#48213a);box-shadow:inset 0 0 0 1px #ff779080,0 3px 14px #d7215524}
#jd-concept .jd-field.opponent {background:linear-gradient(140deg,#1965b0,#214679 65%,#253657);box-shadow:inset 0 0 0 1px #78d5ff80,0 3px 14px #208aff24}
#jd-concept .jd-field .jd-person,#jd-concept .jd-field .jd-preview h2 {color:#fffdf5;text-shadow:0 1px 2px #1a071a55}
#jd-concept .jd-field .jd-score {color:#ffe88a;text-shadow:0 2px 4px #33102d55}
#jd-concept .jd-opponent-score,#jd-concept .jd-opponent-score b,#jd-concept .jd-opponent-total {color:#c4eeff}
#jd-concept .jd-card,#jd-concept .jd-opencard,#jd-concept .jd-tip-card,#jd-concept .jd-example-card,#jd-concept .jd-mini-card {background:#fff8e8;color:#242039;box-shadow:0 4px 0 #b9a791}
#jd-concept .jd-card.red,#jd-concept .jd-opencard.red,#jd-concept .jd-tip-card.red,#jd-concept .jd-example-card.red,#jd-concept .jd-mini-card.red {color:#b91e40}
#jd-concept .jd-card[aria-pressed=true] {border-color:#fff080;background:#fffef2;box-shadow:0 4px 0 #b8893b,0 0 12px #ffe7765c}
#jd-concept .jd-check {background:#ffd95e;color:#482844}
#jd-concept .jd-field .jd-back {border-color:#77d4ff;background:repeating-linear-gradient(45deg,#226bba 0,#226bba 3px,#1f5a9f 3px,#1f5a9f 6px);color:#dcf6ff;box-shadow:0 4px 0 #173454}
#jd-concept .jd-field .jd-back::before {border-color:#88d6ff}
#jd-concept .jd-field .jd-back b {background:#235697;border-color:#88d6ff;color:#dcf6ff}
#jd-concept .jd-field .jd-back.is-picked {border-color:#c4f2ff;box-shadow:0 5px 0 #183558,0 0 12px #74d9ff33}
#jd-concept .jd-round-dot {background:#5d506f}
#jd-concept .jd-round-dot.win {background:#ff557e;box-shadow:0 0 8px #ff426e77}
#jd-concept .jd-round-dot.loss {background:#40c5ff;box-shadow:0 0 8px #40c5ff77}
#jd-concept .jd-offer {background:linear-gradient(125deg,#392850,#282443);border-color:#82619e;color:#fffdf5}
#jd-concept .jd-offer[aria-pressed=true] {background:linear-gradient(125deg,#70399a,#462d70);border-color:#ffeb84;box-shadow:inset 0 0 0 1px #ffeb84,0 4px 16px #cb6af02b}
#jd-concept .jd-offer-copy>strong {color:#fffdf5}
#jd-concept .jd-joker-bonus {color:#fff08b}
#jd-concept .jd-joker-condition,#jd-concept .jd-offer .jd-note,#jd-concept .jd-visualtip p {color:#e2dced}
#jd-concept .jd-visualtip {border-top-color:#77528e}
#jd-concept .jd-tip-equation .after {color:#f0b7ff}
#jd-concept .jd-matchportrait.you {background:linear-gradient(145deg,#d44366,#752643);box-shadow:0 6px 0 #4c1932,inset 0 0 0 1px #ff8ca480}
#jd-concept .jd-matchportrait.rival {background:linear-gradient(145deg,#288dc9,#244581);box-shadow:0 6px 0 #18355b,inset 0 0 0 1px #8edfff80}
#jd-concept .jd-sheet {background:linear-gradient(150deg,#2a1c41,#17142e 70%);color:#fffdf5}
#jd-concept .jd-sheet p,#jd-concept .jd-score-explain {color:#d9cee4}
#jd-concept .jd-score-hero>strong,#jd-concept .jd-score-final b,#jd-concept .jd-example-mult {color:#ffeb85}
#jd-concept .jd-score-step {background:#342446}
#jd-concept .jd-decision-clock {background:#28133388;color:#fff8e8}
#jd-concept .jd-decision-clock.urgent {background:#ffd95e;color:#42222c}
#jd-concept .jd-decision-clock.urgent>span {color:#42222c}
#jd-concept .jd-round-transition {background:radial-gradient(ellipse at 15% 75%,#a825704d,transparent 60%),radial-gradient(ellipse at 85% 25%,#237bb366,transparent 60%),#1e1439;color:#fffaf1}
#jd-concept .jd-round-word {color:#eee0ff}
#jd-concept .jd-round-transition>strong {color:#fff088;text-shadow:5px 5px 0 #692775}
#jd-concept .jd-round-win {--win-color:#ffbbcc;--win-shadow:#8a2049;background:linear-gradient(115deg,#a62651f5,#762546ef 60%,#4e193aeF);color:#fffaf1}
#jd-concept .opponent .jd-round-win {--win-color:#a3e9ff;--win-shadow:#174c95;background:linear-gradient(115deg,#1b78b8f5,#265499ef 60%,#243864ef)}
#jd-concept .jd-resultscreen.jd-result-won .jd-result .jd-title {color:#fff08a;text-shadow:0 3px 0 #6c3673,0 0 22px #ffd45c20}
#jd-concept .jd-resultscreen.jd-result-won .jd-winner-portrait {outline:2px solid #ffdf74;outline-offset:4px}
#jd-concept .jd-resultscreen .jd-result,#jd-concept .jd-resultscreen .jd-match-summary,#jd-concept .jd-resultscreen .jd-bottom {position:relative;z-index:3}
#jd-concept .jd-resultscore b {color:#fff8ef}
#jd-concept .jd-gem-rain {position:absolute;inset:0 0 125px;z-index:4;overflow:hidden;pointer-events:none;border-radius:inherit;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
#jd-concept .jd-rain-gem {position:absolute;top:-54px;left:0;display:block;object-fit:contain;will-change:transform,opacity;filter:brightness(1.2) saturate(1.18);pointer-events:none}
@media(prefers-reduced-motion:reduce){#jd-concept .jd-gem-rain{display:none}}

/* Portrait motion remains below the duel marker. */
#jd-concept .jd-matchduo {isolation:isolate}
#jd-concept .jd-matchduo .jd-matchportrait {z-index:1}
#jd-concept .jd-matchduo .jd-match-vs {z-index:5;pointer-events:none}

/* First match: a quick visual scan, with the action always in view. */
#jd-concept .jd-sheet.jd-first-guide {padding:24px 18px 22px;gap:16px;overflow:hidden}
#jd-concept .jd-first-guide-head {display:flex;gap:16px;align-items:center;flex:none}
#jd-concept .jd-first-guide-head h2 {font:36px/.98 Impact,'Arial Narrow',sans-serif;letter-spacing:.2px;color:#fffdf5;margin:0;flex:none}
#jd-concept .jd-first-guide-head h2 span {color:#ffeb85}
#jd-concept .jd-first-guide-head p {font:14px/1.45 Arial,sans-serif;color:#cdc6dd;margin:0;max-width:160px}
#jd-concept .jd-first-guide-head strong {color:#fffdf5;font-weight:700}
#jd-concept .jd-first-guide-body {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#jd-concept .jd-first-guide .jd-combo-example {grid-template-columns:minmax(0,1fr) 106px 48px;min-height:66px;border-color:#544365;gap:8px}
#jd-concept .jd-first-guide .jd-combo-example h3 {font:bold 15px/1.25 Arial,sans-serif;color:#fffdf5}
#jd-concept .jd-first-guide .jd-combo-example small {display:block;font:12px/1.3 Arial,sans-serif;color:#cdc6dd;margin-top:3px}
#jd-concept .jd-first-guide .jd-example-mult {font-size:18px;color:#ffeb85}
#jd-concept .jd-first-guide .jd-first-guide-score {margin:18px 0 4px;font-size:14px;line-height:1.5;color:#fffdf5}
#jd-concept .jd-first-guide-score>span {display:block;font-size:12px;color:#cdc6dd;margin-top:3px}
#jd-concept .jd-first-guide>.jd-primary {flex:none;margin-top:auto;min-height:52px;width:100%}
@media(max-height:660px){#jd-concept .jd-sheet.jd-first-guide{padding:16px 15px;gap:10px}#jd-concept .jd-first-guide-head h2{font-size:30px}#jd-concept .jd-first-guide-head p{font-size:13px}#jd-concept .jd-first-guide .jd-combo-example{min-height:52px}#jd-concept .jd-first-guide .jd-first-guide-score{margin-top:10px}}
@media(max-width:360px){#jd-concept .jd-first-guide .jd-combo-example{grid-template-columns:minmax(0,1fr) 97px 44px;gap:5px}#jd-concept .jd-first-guide .jd-combo-example h3{font-size:14px}#jd-concept .jd-first-guide .jd-example-mult{font-size:16px}}

/* The Round 1 loser gets one visible extra swap in Round 2. */
#jd-concept .jd-comeback-badge {display:inline-flex;align-items:center;flex:none;padding:4px 7px;border:1px solid #ffe48788;border-radius:8px;background:#ffe487;color:#38233f;font:800 11px/1 Arial,sans-serif;letter-spacing:.1px;text-shadow:none;white-space:nowrap}
#jd-concept .jd-rules-visual .jd-combo-example {grid-template-columns:minmax(0,1fr) 106px 40px}
@media(max-width:360px){#jd-concept .jd-rules-visual .jd-combo-example{grid-template-columns:minmax(0,1fr) 97px 36px}}