.board-space{position:relative}
.board.selecting .tile{cursor:pointer}.tile.shuffle-chosen{outline:3px solid #9d70aa;outline-offset:-3px}.tile.shuffle-chosen::after{content:'✓';position:absolute;right:3px;top:2px;z-index:5;background:#90659b;color:#fff;border-radius:50%;font:bold 11px/17px sans-serif;width:17px;height:17px;text-align:center}.tile.empty.shuffle-chosen{background:#d7bee2}
.power-selection{padding:7px 9px;background:#f3e7f2;border:1px solid #d4bace;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-height:96px;justify-content:center}
.power-selection strong{font-size:11px}.power-selection p{font-size:10px;color:#85667f;line-height:1.4}.power-selection-actions{display:flex;gap:5px;align-items:center}.power-selection button{min-height:44px;border:1px solid #c1a3bd;background:#fff9fc;color:#74516f;border-radius:7px;padding:4px 10px;font-size:11px}.power-selection-actions #power-confirm{background:#b084ab;color:white;border-color:#a87a9f;flex:1}.power-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.power-directions button{min-height:44px;padding:0;font-size:18px}.power-directions button[aria-pressed=true]{background:#e2c4de;border-color:#9f71a1}.power-selection #power-clear{padding:4px 7px}
.freeze-status{display:block;position:relative;height:17px;border-radius:7px;overflow:hidden;background:#d9e9f0;border:1px solid #b8d5e2;color:#426d80;text-align:center}.freeze-status>i{position:absolute;inset:0;background:#afd2e2;transform:scaleX(var(--effect-progress,1));transform-origin:left;transition:transform .1s linear}.freeze-status>b{font:10px/15px var(--font);position:relative;z-index:1;font-weight:400}.board-hint{min-height:17px}
.leap-effect{position:absolute;pointer-events:none;z-index:8}.leap-effect svg{display:block;width:100%;height:100%;overflow:visible}.leap-effect path{fill:none;stroke:#bb91cb;stroke-width:3;stroke-dasharray:5 4;opacity:.75}.leap-effect circle{fill:#fff3bd;stroke:#ad87bd;stroke-width:2}
@container(max-height:680px){.power-selection{padding:5px 7px;gap:2px;min-height:96px}.power-selection strong{font-size:10px}.power-selection p{font-size:9px}.power-selection button{font-size:10px}.power-directions button{font-size:17px}}
@media(prefers-reduced-motion:reduce){.freeze-status>i{transition:none}.leap-effect{display:none!important}}

.board-hint:has(#freeze-status:not([hidden])){display:block}
@container(max-height:720px){.main-screen:has(.power-selection:not([hidden])) .stats,.main-screen:has(.power-selection:not([hidden])) .shield-bar{display:none}}

.leap-status{display:block;position:relative;height:17px;border-radius:7px;overflow:hidden;background:#ece0f2;border:1px solid #d3bbdf;color:#79568c;text-align:center}.leap-status>i{position:absolute;inset:0;background:#d8bce7;transform:scaleX(var(--effect-progress,1));transform-origin:left;transition:transform .1s linear}.leap-status>b{font:10px/15px var(--font);position:relative;z-index:1;font-weight:400}.board-hint:has(#leap-status:not([hidden])){display:block}.board-hint:has(#freeze-status:not([hidden])):has(#leap-status:not([hidden])){min-height:34px}@media(prefers-reduced-motion:reduce){.leap-status>i{transition:none}}