/* Jumble extends the shared Play theme; board and piece styling stay shared. */
.jumble-page .jumble-level-world{max-width:760px;margin:auto}
.jumble-page .jumble-difficulties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 4px 16px}
.jumble-page .jumble-difficulties .play-level-button{aspect-ratio:1.45;padding:12px;gap:10px}
.jumble-page .jumble-difficulties strong{font-size:clamp(20px,3vw,30px)}
.jumble-page .jumble-level-detail{font-size:12px;color:var(--muted)}
.jumble-page .jumble-difficulties .play-level-wins{font-size:11px}
.jumble-page #jumble-resume{display:block;margin:24px auto}
.jumble-page .jumble-how{max-width:760px;margin:24px auto;padding:18px 22px;color:var(--muted);font-size:13px;line-height:1.65}
.jumble-page .jumble-how summary{color:var(--ink);font-weight:800;cursor:pointer}
.jumble-page .jumble-power-section{min-width:0;width:calc(100% - 4px);max-width:480px;align-self:center;margin:0 2px;flex:none}
.jumble-page .jumble-opponent-powers{margin-bottom:6px}
.jumble-page .jumble-player-powers{margin-top:6px}
.jumble-page .jumble-active-powers{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/3);justify-content:start;align-items:start;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:2px;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#c4a98e transparent}
.jumble-page .jumble-active-powers .jumble-empty{grid-column:1/span 3}
/* A quiet cream card, a softly coloured art well, and one clear help affordance. */
.jumble-page .jumble-power-card{--power-tint:#f7eee1;position:relative;box-sizing:border-box;padding:12px;border:1px solid #ded2c1;border-radius:var(--radius-limit,14px);background:#fffcf6;box-shadow:0 3px 0 #d4c5b1,0 5px 10px #79451f0c;color:var(--ink)}
.jumble-page .jumble-power-card[data-power="knight-step"],.jumble-page .jumble-power-card[data-power="bishop-knight"]{--power-tint:#eaf1e7}
.jumble-page .jumble-power-card[data-power="rook-step"],.jumble-page .jumble-power-card[data-power="queen-knight"]{--power-tint:#fcf0d6}
.jumble-page .jumble-power-card[data-power="pawn-forward"]{--power-tint:#fbe8df}
.jumble-page .jumble-active-powers>button.jumble-owned-card{display:grid;grid-template-rows:28px 24px;align-content:center;justify-items:center;gap:2px;min-width:0;width:100%;height:64px;padding:4px;scroll-snap-align:start;font:inherit;cursor:pointer}
.jumble-page .jumble-active-powers .jumble-owned-card strong{display:flex;align-items:center;justify-content:center;font-size:10.5px;line-height:12px;text-align:center;font-weight:800;overflow-wrap:normal}
.jumble-page .jumble-active-powers .jumble-card-icon{width:30px;height:30px;align-self:center}
.jumble-page .jumble-power-help{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:14px;height:14px;border:1px solid #dfd2bf;border-radius:50%;background:#fffaf1;color:#8d7254;font-size:9px;font-weight:800;line-height:1}
.jumble-page .jumble-power-bubble{position:fixed;inset:auto;box-sizing:border-box;width:min(272px,calc(100vw - 24px));margin:0;padding:15px 16px;border:1px solid #d9c4b5;border-radius:var(--radius-limit,14px);background:radial-gradient(circle at 90% 5%,#ffe2d47a,transparent 37%),linear-gradient(155deg,#fffefd,#fff8f3);color:#492d24;box-shadow:inset 0 1px 0 #fffffffa,inset 0 -2px 5px #995b3d12,0 5px 0 #cfa58d,0 12px 23px #442b202b;font:700 14px/1.55 var(--sans);overflow:visible;z-index:30}
.jumble-page .jumble-power-bubble::before{content:"";position:absolute;left:var(--pointer-x,50%);bottom:-5px;width:8px;height:8px;background:#fff8f3;border-right:1px solid #d9c4b5;border-bottom:1px solid #d9c4b5;box-shadow:3px 3px 0 #cfa58d;transform:translateX(-50%) rotate(45deg)}
.jumble-page .jumble-power-bubble.is-below::before{top:-5px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.jumble-page .jumble-power-bubble>strong{display:block;margin-right:25px;font-size:15px;font-weight:800;line-height:1.35}
.jumble-page .jumble-power-bubble p{margin:8px 0 0;color:#67554d;font-weight:700}
.jumble-page .jumble-bubble-close{position:absolute;right:6px;top:6px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font:22px/1 var(--sans);cursor:pointer}
.jumble-page .jumble-bubble-close:hover{background:#f3ebdc}
.jumble-page .jumble-card-icon{display:grid;place-items:center;width:72px;height:72px;flex:none;position:relative;border-radius:50%;background:var(--power-tint,#f7eee1)}
.jumble-page .jumble-card-icon img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.16);transform-origin:center}
.jumble-page .jumble-empty{color:var(--muted);font-size:12px;margin:0}
.jumble-page .jumble-turn{min-height:24px;margin:14px 4px 2px;text-align:center;font-size:13px;color:var(--muted)}
.jumble-page .jumble-turn.is-announcement-only{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* A little cream card tray: a hand on desktop, readable illustrated rows on mobile. */
.jumble-page .jumble-card-dialog{box-sizing:border-box;width:min(690px,calc(100% - 24px));max-width:690px;max-height:calc(100dvh - 24px);padding:22px;overflow:auto;border:1px solid #d9c7af;background:radial-gradient(ellipse at 0 0,#f1f3e5,transparent 65%),#fff8ec;box-shadow:inset 0 1px 0 #fffef9,inset 0 0 0 4px #fffcf580,0 5px 0 #bca78e,0 24px 70px #32271f52}
.jumble-page .jumble-card-dialog::backdrop{background:#30291f80;backdrop-filter:blur(3px)}
.jumble-page .jumble-card-dialog h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:0;padding:0 34px 0 0;text-align:left;color:#393e30}
.jumble-page .jumble-card-dialog #jumble-card-description{margin:6px 0 18px;font-size:12px;line-height:1.4;text-align:left;color:#81715d}
.jumble-page .jumble-card-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 3px}
.jumble-page .jumble-card-options button.jumble-power-card{display:grid;grid-template-rows:76px 36px minmax(0,1fr);justify-items:center;align-items:start;gap:8px;text-align:center;cursor:pointer;padding:16px 12px 14px;height:224px;min-width:0;min-height:0;border-color:#e0d2bf;background:linear-gradient(155deg,#fffefb 30%,var(--power-tint));box-shadow:inset 0 1px 0 #fff,0 3px 0 #cdbba3,0 5px 10px #79451f0a;transition:transform .15s,box-shadow .15s,border-color .15s;font:inherit}
.jumble-page .jumble-card-options button.jumble-power-card::after{content:"›";position:absolute;top:10px;right:10px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #dfd6c5;border-radius:50%;background:#fffdf7;color:#95846b;font:700 18px/1 var(--sans)}
.jumble-page .jumble-card-options button.jumble-power-card .jumble-card-icon{width:76px;height:76px;box-shadow:inset 0 0 0 1px #ad987b14}
.jumble-page .jumble-card-options button.jumble-power-card strong{align-self:center;font-size:15px;line-height:18px;overflow-wrap:normal;color:#453e32}
.jumble-page .jumble-card-options button.jumble-power-card p{margin:0;font-size:12px;font-weight:700;line-height:1.4;color:#786953}
.jumble-page .jumble-card-options button.jumble-power-card:hover:enabled{transform:translateY(-2px);border-color:#a8b48e;box-shadow:inset 0 1px 0 #fff,0 5px 0 #b4b394,0 8px 14px #79451f12}
.jumble-page .jumble-card-options button.jumble-power-card:active:enabled{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #cdbba3}
.jumble-page .jumble-card-options button.jumble-power-card[aria-pressed="true"]{border-color:#7e9b6b;outline:2px solid #7e9b6b;outline-offset:0;background:linear-gradient(145deg,#fffef8,#edf2e3)}
.jumble-page .jumble-card-options button.jumble-power-card[aria-pressed="true"]::after{content:"✓";border-color:#71895d;background:#71895d;color:#fff}
.jumble-page .jumble-card-options button.jumble-power-card:disabled{cursor:default}
.jumble-page .jumble-card-options button.jumble-power-card:disabled[aria-pressed="false"]{opacity:.55}
.jumble-page #jumble-card-status{margin:12px 0 0;padding:8px 10px;border-radius:8px;background:#eeeede;color:#65704e;font-size:12px;line-height:1.35;text-align:center}
.jumble-page #jumble-card-status:empty{display:none}
.jumble-page .jumble-card-dialog .jumble-dialog-close{top:16px;right:16px;width:32px;height:32px;border-radius:9px;font-size:21px;background:#fffdf6}
.jumble-page .jumble-dialog-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dfd2bf;border-radius:10px;background:#fffaf1;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d4c5b1;color:#806a53;font:800 24px/1 var(--sans);cursor:pointer}
.jumble-page .jumble-dialog-close:hover{background:#f4eadb}
.jumble-page .jumble-dialog-close:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff}
.jumble-page .jumble-promotion-options{display:flex;gap:10px}
.jumble-page .jumble-promotion-options button{flex:1;padding:12px;border:1px solid #d4bda5;border-radius:var(--radius-limit,14px);background:var(--mobile-header-cream);font:inherit;cursor:pointer}
.jumble-page button:focus-visible,.jumble-page .jumble-active-powers:focus-visible{outline:3px solid var(--accent,#ea765f);outline-offset:3px}
.jumble-page .board-square:focus-visible{outline-offset:-4px;z-index:2}
.jumble-page .board-square.in-check{box-shadow:inset 0 0 0 4px #b54336}
.jumble-page #jumble-confirm-accept{border-color:#985b2b;background:#985b2b;color:#fff}
@media(max-width:620px){
.jumble-page .jumble-difficulties{gap:10px}.jumble-page .jumble-difficulties .play-level-button{aspect-ratio:auto;min-height:120px;padding:8px}.jumble-page .jumble-level-detail{font-size:10px}.jumble-page .play-board-meta h1{font-size:19px}
.jumble-page .jumble-card-dialog{width:min(420px,calc(100% - 24px));padding:18px 14px 16px}.jumble-page .jumble-card-dialog h2{font-size:22px}.jumble-page .jumble-card-dialog #jumble-card-description{margin:5px 0 14px;font-size:11.5px}.jumble-page .jumble-card-options{grid-template-columns:minmax(0,1fr);gap:9px}.jumble-page .jumble-card-options button.jumble-power-card{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto 1fr;justify-items:start;column-gap:12px;row-gap:4px;height:auto;min-height:88px;padding:11px 12px;text-align:left}.jumble-page .jumble-card-options button.jumble-power-card .jumble-card-icon{grid-column:1;grid-row:1/span 2;align-self:center;width:60px;height:60px}.jumble-page .jumble-card-options button.jumble-power-card strong{grid-column:2;align-self:end;padding-right:20px;font-size:14px;line-height:18px}.jumble-page .jumble-card-options button.jumble-power-card p{grid-column:2;font-size:11.5px;line-height:15.5px}.jumble-page .jumble-card-options button.jumble-power-card::after{top:10px;right:10px;width:18px;height:18px;font-size:12px}.jumble-page .jumble-card-dialog .jumble-dialog-close{top:14px;right:12px}
}
@media(max-width:350px){.jumble-page .jumble-card-dialog{padding:16px 12px 14px}.jumble-page .jumble-card-dialog h2{font-size:20px}.jumble-page .jumble-card-options button.jumble-power-card{grid-template-columns:52px minmax(0,1fr);column-gap:10px;padding:10px}.jumble-page .jumble-card-options button.jumble-power-card .jumble-card-icon{width:52px;height:52px}.jumble-page .jumble-card-options button.jumble-power-card strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.jumble-page .jumble-card-options button.jumble-power-card{transition:none}.jumble-page dialog[open],.jumble-page .play-result-card{animation:none}}

/* Match the site’s stronger copy and tactile game controls. */
.jumble-page .jumble-card-dialog p,.jumble-page .jumble-turn,.jumble-page .jumble-empty{font-weight:700}
.jumble-page .play-actions{gap:12px;padding:4px 0 5px}
.jumble-page .play-actions .jumble-action{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:50px;padding:9px 8px;border:1px solid #d4bda5;border-radius:11px;background:linear-gradient(155deg,#fffdf8,#f5e8d6);box-shadow:inset 0 1px 0 #fffdf8,inset 0 -2px 0 #ead8c3,0 5px 0 #c4a98e,0 9px 13px #79451f1a;color:#614a36;font:800 13px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s}
.jumble-page .play-actions #jumble-again{grid-column:1/-1;min-height:52px;padding:10px 16px;border-color:#c96650;background:linear-gradient(155deg,#ffb49a,#ee795b 60%,#e76d50);box-shadow:inset 0 1px 0 #ffe0d1,inset 0 -2px 0 #dc674d,0 5px 0 #b94d39,0 9px 13px #79451f26;color:#492315;font-size:14px;text-shadow:none}
.jumble-page .play-actions #jumble-resign{border-color:#d8a08e;background:linear-gradient(155deg,#fff6ee,#f8d7c6);box-shadow:inset 0 1px 0 #fffdf8,inset 0 -2px 0 #efbeaa,0 5px 0 #be8b76,0 9px 13px #79451f1a;color:#864331}
.jumble-page .jumble-action img{display:block;width:30px;height:30px;object-fit:contain;flex:none}
.jumble-page .play-actions .jumble-action:hover{filter:brightness(1.03);transform:translateY(-1px)}
.jumble-page .play-actions .jumble-action:active{transform:translateY(4px);box-shadow:inset 0 2px 3px #79451f25,0 1px 0 #c4a98e}
.jumble-page .play-actions #jumble-again:active{box-shadow:inset 0 2px 3px #79451f25,0 1px 0 #b94d39}
.jumble-page .play-actions #jumble-resign:active{box-shadow:inset 0 2px 3px #79451f25,0 1px 0 #be8b76}
@media(prefers-reduced-motion:reduce){.jumble-page .play-actions .jumble-action{transition:none}}

.jumble-page .jumble-card-guide{width:min(100%,900px);margin:34px auto 0}
.jumble-page .jumble-card-guide>header{box-sizing:border-box;text-align:center;margin:0 auto 22px;padding:24px;border:1px solid #dfd2bf;border-radius:var(--radius-limit,14px);background:#fff7e9;box-shadow:inset 0 1px 0 #fffdf8,0 5px 0 #d0bca1,0 9px 16px #79451f14}
.jumble-page .jumble-card-guide h2{font:800 clamp(23px,3vw,30px)/1.2 var(--sans);margin:0 0 12px;letter-spacing:-.03em}
.jumble-page .jumble-card-guide>header p{font-size:13px;line-height:1.6;font-weight:700;color:var(--muted);margin:8px 0}
.jumble-page .jumble-card-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.jumble-page .jumble-catalog-card{display:flex;flex-direction:column;align-items:center;padding:18px 16px;text-align:center}
.jumble-page .jumble-catalog-card .jumble-card-icon{width:84px;height:84px;margin:0 0 12px}
.jumble-page .jumble-catalog-card h3{font-size:15px;line-height:1.3;font-weight:800;margin:0 0 9px}
.jumble-page .jumble-catalog-card p{font-size:12px;line-height:1.5;font-weight:700;color:#67554d;margin:0 0 12px}
.jumble-page .jumble-catalog-card .jumble-card-example{margin:auto 0 0;padding-top:12px;border-top:1px solid #e8dccd;font-size:11px;color:#806b56}
.jumble-page .jumble-power-card[data-power="knight-long"],.jumble-page .jumble-power-card[data-power="bishop-vault"]{--power-tint:#eaf1e7}
.jumble-page .jumble-power-card[data-power="rook-knight"],.jumble-page .jumble-power-card[data-power="rook-vault"]{--power-tint:#fcf0d6}
.jumble-page .jumble-power-card[data-power="pawn-sideways"],.jumble-page .jumble-power-card[data-power="pawn-diagonal"]{--power-tint:#fbe8df}
@media(max-width:620px){.jumble-page .jumble-card-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jumble-page .jumble-catalog-card{padding:14px 10px}.jumble-page .jumble-catalog-card h3{font-size:14px}}
@media(max-width:350px){.jumble-page .jumble-card-catalog{grid-template-columns:1fr}}

.jumble-page .jumble-card-guide>header p{max-width:720px;margin:8px auto}
.jumble-page .jumble-power-card[data-power="bishop-long"],.jumble-page .jumble-power-card[data-power="knight-vault"],.jumble-page .jumble-power-card[data-power="knight-diagonal"]{--power-tint:#eaf1e7}
.jumble-page .jumble-power-card[data-power="queen-vault"],.jumble-page .jumble-power-card[data-power="queen-long"]{--power-tint:#fcf0d6}
.jumble-page .jumble-power-card[data-power="pawn-leap"]{--power-tint:#fbe8df}
@media(max-width:620px){.jumble-page .jumble-card-guide>header{padding:20px 16px}}

.jumble-page .jumble-power-charge{position:absolute;left:6px;top:7px;font-size:9px;font-weight:800;line-height:1;color:#846e52}
.jumble-page .jumble-owned-card.is-spent .jumble-card-icon{opacity:.55}
.jumble-page .jumble-power-bubble .jumble-power-availability{font-size:11px;line-height:1.4;color:#846e52;margin-top:10px}
.jumble-page .jumble-power-use{width:100%;margin-top:12px;min-height:40px;font-weight:800}
.jumble-page .jumble-power-use:disabled{opacity:.6;cursor:default}
.jumble-page .jumble-cancel-power{display:block;margin:8px auto 6px;min-height:38px;font-weight:800}
.jumble-page .board-square.is-fortified{box-shadow:inset 0 0 0 3px #5f9470}
.jumble-page .board-square.is-fortified::after{content:"◆";position:absolute;right:3px;top:1px;color:#3c7850;font-size:14px;line-height:1;text-shadow:0 1px 0 #fff;pointer-events:none}
.jumble-page .jumble-power-card[data-power="bodyguard"],.jumble-page .jumble-power-card[data-power="fortify"]{--power-tint:#eaf1e7}
.jumble-page .jumble-power-card[data-power="recall"],.jumble-page .jumble-power-card[data-power="disguise"]{--power-tint:#fcf0d6}
.jumble-page .jumble-power-card[data-power="pawn-march"],.jumble-page .jumble-power-card[data-power="reinforcement"]{--power-tint:#fbe8df}

/* A rubber-ink stamp identifies the exact card used without taking board space. */
.jumble-page .jumble-power-stamp{position:absolute;z-index:2;left:50%;top:32%;transform:translate(-50%,-50%) rotate(-12deg);padding:3px 7px 2px;border:2px double currentColor;border-radius:3px;background:#fffcf0ed;color:#326b51;box-shadow:inset 0 0 0 1px #fffaf0;font:900 10px/1 var(--sans);letter-spacing:.14em;pointer-events:none}
.jumble-page .jumble-owned-card[data-owner="b"] .jumble-power-stamp{color:#a15339}
.jumble-page .jumble-owned-card.is-activating .jumble-power-stamp{animation:jumble-power-stamp .65s cubic-bezier(.2,.8,.25,1) both}
.jumble-page #jumble-board{--jumble-power-glow:#80a777}
.jumble-page #jumble-board[data-power-owner="b"]{--jumble-power-glow:#df9476}
.jumble-page .board-square.jumble-power-source{box-shadow:inset 0 0 0 3px var(--jumble-power-glow)}
.jumble-page .board-square.jumble-power-target::before{content:"";position:absolute;z-index:5;inset:3px;border:3px solid var(--jumble-power-glow);border-radius:8px;pointer-events:none;animation:jumble-power-ring .9s ease-out}
.jumble-page .jumble-owned-card.is-activating{animation:jumble-card-activate .9s ease-out}
.jumble-page .jumble-owned-card.is-recent-use{--power-use-ring:#a1b795;animation:jumble-card-used 1s ease-in-out 5;animation-delay:var(--power-use-delay,0ms)}
.jumble-page .jumble-owned-card.is-recent-use[data-owner="b"]{--power-use-ring:#d6a087}
.jumble-page .jumble-owned-card.is-recent-use .jumble-power-stamp{animation:jumble-power-stamp .65s cubic-bezier(.2,.8,.25,1) both;animation-delay:var(--power-use-delay,0ms)}
.jumble-page .jumble-owned-card.is-recent-use:not(.is-stamping) .jumble-power-stamp{animation:none}
.jumble-page .jumble-owned-card.is-activating .jumble-card-icon{opacity:1}
.jumble-page .jumble-moving-piece{position:absolute;z-index:8;display:grid;place-items:center;pointer-events:none;will-change:transform}
.jumble-page .jumble-disguise-before{position:absolute;inset:4%;backface-visibility:hidden}
@keyframes jumble-power-stamp{0%{opacity:0;transform:translate(-50%,-65%) rotate(-23deg) scale(1.9)}50%{opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(.91)}72%{transform:translate(-50%,-50%) rotate(-13deg) scale(1.05)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}}
@keyframes jumble-power-ring{0%{opacity:.35;transform:scale(.7)}45%{opacity:1;transform:scale(1)}100%{opacity:.65;transform:scale(.95)}}
@keyframes jumble-card-activate{0%,100%{transform:scale(1)}40%{transform:scale(.96);box-shadow:inset 0 0 0 2px #b3c29f,0 3px 0 #c1b099,0 5px 10px #79451f0c}}
@keyframes jumble-card-used{0%,100%{box-shadow:inset 0 0 0 0 transparent,0 3px 0 #d4c5b1,0 5px 10px #79451f0c}50%{box-shadow:inset 0 0 0 2px var(--power-use-ring),0 3px 0 #c4b495,0 5px 12px #79451f26}}
@media(prefers-reduced-motion:reduce){.jumble-page .board-square.jumble-power-target::before,.jumble-page .jumble-owned-card.is-activating,.jumble-page .jumble-owned-card.is-recent-use,.jumble-page .jumble-owned-card.is-activating .jumble-power-stamp,.jumble-page .jumble-owned-card.is-recent-use .jumble-power-stamp{animation:none}}

/* Power toolkit: a numbered path and teal/copper accents within DevelopChess. */
.power-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:24px auto;padding:0}
.power-path li{display:grid;gap:6px;border-top:4px solid #2e7975;border-radius:12px;padding:16px;background:#edf5f1;color:#234f4c}
.power-path li:nth-child(2){border-color:#b76839;background:#fbefe3;color:#754327}
.power-path li:nth-child(3){border-color:#536b99;background:#eff2f9;color:#354b73}
.power-path strong{font-size:16px}.power-path span{font-size:12px;line-height:1.5}
.jumble-page .power-progression-status{margin:10px 2px 0;padding:0;color:var(--muted);text-align:center;font-size:11px;font-weight:700;line-height:1.4}
.jumble-page .jumble-card-dialog h2{color:#245f5a}
@media(max-width:480px){.power-path{gap:7px}.power-path li{padding:12px 8px}.power-path strong{font-size:13px}.power-path span{font-size:11px}}

@media(max-width:620px){.jumble-page .jumble-card-options{grid-auto-rows:1fr}}

@media(min-width:621px){.jumble-page .jumble-card-options[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep both hands, the square board and the raised controls in one game panel. */
.jumble-page.is-playing .play-session{width:min(600px,calc(100% - 20px));margin:8px auto 20px}
.jumble-page .play-workspace{display:block}
.jumble-page .play-board-panel{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100dvh - 112px);min-height:420px;max-height:850px}
.jumble-page .play-board-panel>.play-board-meta{flex:none}
.jumble-page .jumble-board-stage{flex:1;min-height:0;display:grid;place-items:center;container-type:size;padding-bottom:6px}
.jumble-page .jumble-board-stage>.play-board-wrap{width:min(100cqw,100cqh);aspect-ratio:1}
.jumble-page .power-progression-status{flex:none;margin-top:4px}
.jumble-page .play-board-panel>.play-actions{flex:none;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:5px 2px 3px;padding:0 0 4px}
.jumble-page .play-board-panel .play-actions .jumble-action{min-height:44px;padding:6px 10px;font-size:11px}
.jumble-page .play-board-panel .jumble-action img{width:24px;height:24px}
.jumble-page .jumble-owned-card .jumble-power-charge{left:4px;top:4px;font-size:8px}
@media(max-height:720px){
  .jumble-page .jumble-active-powers>button.jumble-owned-card{height:54px;grid-template-rows:24px 20px;gap:1px;padding:3px}
  .jumble-page .jumble-active-powers .jumble-card-icon{width:24px;height:24px}
  .jumble-page .jumble-active-powers .jumble-owned-card strong{font-size:10px;line-height:10px}
  .jumble-page .jumble-opponent-powers{margin-bottom:3px}
  .jumble-page .jumble-player-powers{margin-top:3px}
}
@media(max-width:620px){
  .jumble-page .play-board-panel{height:min(calc(100dvh - 68px - var(--hub-mobile-clearance,76px)),calc(100vw + 294px))}
}
@media(min-width:621px) and (max-width:1023px){
  .jumble-page .play-board-panel{height:calc(100dvh - 228px)}
}
@media(max-height:620px){
  .jumble-page .play-board-panel.shared-board-card{padding:5px}
  .jumble-page .play-board-meta{min-height:28px;margin-bottom:4px}
  .jumble-page .play-board-meta .play-back-button,.jumble-page .play-board-meta .play-sound-toggle{width:28px;height:28px;min-height:28px;margin-bottom:0}
  .jumble-page .jumble-active-powers{padding-bottom:4px}
  .jumble-page .jumble-active-powers>button.jumble-owned-card{height:44px;grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr;gap:4px;padding:4px}
  .jumble-page .jumble-active-powers .jumble-owned-card strong{justify-content:start;font-size:9.5px;line-height:11px;text-align:left}
  .jumble-page .jumble-owned-card .jumble-power-charge{top:1px;font-size:7px}
  .jumble-page .jumble-power-help{top:auto;bottom:3px;right:3px;width:12px;height:12px}
  .jumble-page .jumble-power-stamp{left:17px;top:50%;font-size:7px;padding:2px 3px;border-width:1px;letter-spacing:.08em}
  .jumble-page .jumble-opponent-powers{margin-bottom:2px}
  .jumble-page .jumble-player-powers{margin-top:2px}
  .jumble-page .jumble-board-stage{padding-bottom:4px}
  .jumble-page .power-progression-status{font-size:10px;line-height:12px;margin-top:2px}
  .jumble-page .play-board-panel>.play-actions{margin-top:3px;margin-bottom:2px;padding-bottom:3px}
}