.mini-board{--dock-height:0px;--card-width:calc(100cqw / 8);--card-height:calc(100cqw / 8 * 1.4);--card-gap:calc(100cqw / 8 * .09);--card-fan-offset:calc(100cqw / 8 * .34);--card-fan-offset-hidden:calc(100cqw / 8 * .08);--mini-card-scale:1;--card-scale-active:var(--mini-card-scale);--card-scale-fit-aware:var(--mini-card-scale);--card-scale-fit-reserve:1;--card-scale-layout-max:1;--card-geometry-scale:var(--mini-card-scale);background:0 0;border-radius:.75rem;flex-direction:column;gap:0;max-width:56rem;min-height:calc(min(56rem,96vw)/1.38889);margin:1.5rem auto;padding:0;display:flex;position:relative;container-type:inline-size}@media (width<=640px){.mini-board{margin:1rem auto}}.mini-board.mini-board-spider{min-height:calc(min(56rem,96vw)/1.72414)}.mini-board-spider .board.board-spider{--card-width:calc(100cqw / 11);--card-height:calc(100cqw / 11 * 1.4);--card-gap:calc(100cqw / 11 * .09);--card-fan-offset:calc(100cqw / 11 * .34);--card-fan-offset-hidden:calc(100cqw / 11 * .08);width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board.mini-board-freecell{min-height:calc(min(56rem,96vw)/1.92308)}.mini-board-freecell .freecell-board{--card-width:calc(100cqw / 9);--card-height:calc(100cqw / 9 * 1.4);--freecell-gap:calc(100cqw / 9 * .09 * var(--mini-card-scale));--freecell-fan-offset:calc(100cqw / 9 * .3 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board-freecell .freecell-tableau-pile{min-height:calc(var(--card-h) + var(--freecell-fan-offset) * 8)}.mini-board.mini-board-yukon{min-height:calc(min(56rem,96vw)/1.28205)}.mini-board-yukon .board.board-yukon{--card-width:calc(100cqw / 8);--card-height:calc(100cqw / 8 * 1.4);--card-gap:calc(100cqw / 8 * .09);--card-fan-offset:calc(100cqw / 8 * .34);--card-fan-offset-hidden:calc(100cqw / 8 * .08);width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board.mini-board-golf{min-height:calc(min(56rem,96vw)/1.47059)}.mini-board-golf .board.board-golf{--card-width:calc(100cqw / 8);--card-height:calc(100cqw / 8 * 1.4);--golf-gap:calc(100cqw / 8 * .09 * var(--mini-card-scale));--golf-fan-offset:calc(100cqw / 8 * .32 * var(--mini-card-scale));--golf-waste-offset:calc(100cqw / 8 * .18 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board.mini-board-pyramid{min-height:calc(min(56rem,96vw)/1.21951)}.mini-board-pyramid .board.board-pyramid{--card-width:calc(100cqw / 8);--card-height:calc(100cqw / 8 * 1.4);--pyr-gap:calc(100cqw / 8 * .09 * var(--mini-card-scale));--pyr-row-offset:calc(100cqw / 8 * 1.4 * .45 * var(--mini-card-scale));--pyr-waste-offset:calc(100cqw / 8 * .18 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board.mini-board-tripeaks{min-height:calc(min(56rem,96vw)/1.6129)}.mini-board-tripeaks .board.board-tripeaks{--card-width:calc(100cqw / 11);--card-height:calc(100cqw / 11 * 1.4);--tp-gap:calc(100cqw / 11 * .09 * var(--mini-card-scale));--tp-row-offset:calc(100cqw / 11 * 1.4 * .5 * var(--mini-card-scale));--tp-waste-offset:calc(100cqw / 11 * .18 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board.mini-board-scorpion{min-height:calc(min(56rem,96vw)/1.16279)}.mini-board-scorpion .board.board-scorpion{--card-width:calc(100cqw / 8);--card-height:calc(100cqw / 8 * 1.4);--card-gap:calc(100cqw / 8 * .09);--card-fan-offset:calc(100cqw / 8 * .34);--card-fan-offset-hidden:calc(100cqw / 8 * .08);width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board>.practice-toolbar{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.mini-board>.mini-board-goal,.mini-board>.practice-capacity-readout{margin:.65rem .85rem 0}.practice-capacity-readout{border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));color:var(--color-text-muted);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-elevated));border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.5rem .75rem;font-size:.82rem;line-height:1.4;display:flex}.practice-capacity-readout span:last-child{margin-inline-start:auto}.practice-capacity-readout strong{color:var(--color-text)}.mini-board>.board{box-sizing:border-box;flex:auto;width:100%;min-height:0;padding:.65rem .85rem .85rem}.mini-board[data-status=won]{box-shadow:0 0 0 2px var(--color-accent,#e2c275)}.mini-board-goal{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:.5rem;align-items:center;gap:.55rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;transition:background-color .18s,color .18s,border-color .18s;display:flex}.mini-board-goal .goal-marker{background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:.72rem;display:inline-flex}.mini-board-goal[data-achieved=true]{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-bg-elevated));border-color:var(--color-accent);color:var(--color-text)}.mini-board-goal[data-achieved=true] .goal-marker{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:700}@media (height<=500px) and (orientation:landscape) and (width<=932px){.mini-board .board{grid-template-columns:repeat(7, var(--card-w));-moz-column-gap:var(--board-gap);column-gap:var(--board-gap);row-gap:var(--row-gap);padding:var(--board-gap) var(--board-gap) calc(var(--board-gap) * .5);--card-scale:calc(var(--card-scale-active,1) * var(--card-scale-fit,1));grid-template-rows:auto 1fr;place-content:start center;align-self:auto;width:fit-content;height:auto;margin:0 auto}.mini-board .board .pile-stock{grid-area:1/1}.mini-board .board .pile-waste{grid-area:1/2}.mini-board .board .pile-foundation-0{grid-area:1/4;align-self:auto}.mini-board .board .pile-foundation-1{grid-area:1/5;align-self:auto}.mini-board .board .pile-foundation-2{grid-area:1/6;align-self:auto}.mini-board .board .pile-foundation-3{grid-area:1/7;align-self:auto}.mini-board .board .pile-tableau{grid-row:2}.mini-board .board .pile-tableau-0{grid-column:1}.mini-board .board .pile-tableau-1{grid-column:2}.mini-board .board .pile-tableau-2{grid-column:3}.mini-board .board .pile-tableau-3{grid-column:4}.mini-board .board .pile-tableau-4{grid-column:5}.mini-board .board .pile-tableau-5{grid-column:6}.mini-board .board .pile-tableau-6{grid-column:7}.mini-board .retained-tableau-envelope{grid-row:2}}.mini-board.practice-board{gap:0;max-width:960px;min-height:560px;padding:0;overflow:hidden}@media (width<=640px){.mini-board.practice-board{min-height:520px}}.practice-toolbar{background:color-mix(in srgb, var(--color-surface-muted,#ffffff0a) 60%, transparent);border-bottom:1px solid var(--color-border,#ffffff1a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.practice-toolbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.78rem}.practice-toolbar-label strong{color:var(--color-text);letter-spacing:.06em;font-weight:700}.practice-toolbar-actions{flex-wrap:wrap;gap:.4rem;display:flex}.practice-btn{font:inherit;color:var(--color-text);border:1px solid var(--color-border,#ffffff2e);cursor:pointer;min-height:44px;transition:background-color var(--duration-fast,.12s) var(--ease-out,ease), border-color var(--duration-fast,.12s) var(--ease-out,ease), color var(--duration-fast,.12s) var(--ease-out,ease);background:0 0;border-radius:.45rem;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.82rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.practice-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.practice-btn:disabled{opacity:.35;cursor:not-allowed}.practice-btn-primary{background:var(--color-accent);color:var(--color-bg,#0b0e0d);border-color:var(--color-accent)}.practice-btn-primary:hover:not(:disabled){background:var(--color-accent-hover,var(--color-accent));border-color:var(--color-accent-hover,var(--color-accent));color:var(--color-bg,#0b0e0d)}.practice-btn-ghost{color:var(--color-text-muted);font-weight:500}.mini-board.practice-board>.board{padding:.75rem .9rem 1rem}.practice-win{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;inset:auto 0 0}.practice-win-heading{color:var(--color-text);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.practice-win-body{color:var(--color-text-muted);max-width:48ch;font-size:.85rem;line-height:1.5}.practice-win-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem;display:flex}.practice-foot{padding:.75rem 1rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px dashed var(--color-border,#ffffff1a);justify-content:center;display:flex}.practice-foot-cta{color:var(--color-text-muted);transition:color var(--duration-fast,.12s) var(--ease-out,ease);font-size:.82rem;text-decoration:none}.practice-foot-cta:hover{color:var(--color-accent)}.practice-board-placeholder{opacity:.5}@container (width<=12rem){.practice-toolbar{align-items:stretch;gap:8px;padding:8px}.practice-toolbar-label{width:100%;overflow-wrap:anywhere;min-inline-size:0}.practice-toolbar-actions{grid-template-columns:minmax(0,1fr);gap:4px;width:100%;display:grid}.practice-btn{min-inline-size:0;overflow-wrap:anywhere;white-space:normal;min-height:44px;padding:8px 4px;line-height:1.2}.mini-board>.mini-board-goal{gap:8px;min-inline-size:0;margin:8px;padding:8px}.mini-board>.practice-capacity-readout{min-inline-size:0;margin:8px;padding:8px}.practice-capacity-readout span{overflow-wrap:anywhere;min-inline-size:0}.practice-capacity-readout span:last-child{width:100%;margin-inline-start:0}.mini-board-goal .goal-text{overflow-wrap:anywhere;min-inline-size:0}}.card{--card-w:calc(var(--card-width) * var(--card-scale,var(--card-scale-active,1.2)));--card-h:calc(var(--card-height) * var(--card-scale,var(--card-scale-active,1.2)));width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;contain:layout style;flex-shrink:0;position:relative;overflow:hidden}.card-flipping{box-shadow:none;transform-style:preserve-3d;transform-origin:50%;will-change:transform;background:0 0;border:none;overflow:visible}.retained-card-flip-shell{border-radius:inherit;transform-style:preserve-3d;transform-origin:50%;background:0 0;position:absolute;inset:0}.card-flip-back,.card-flip-face{border-radius:inherit;backface-visibility:hidden;touch-action:none;position:absolute;inset:0;overflow:hidden}.card-flip-back{transform:rotateY(180deg)}.retained-card-flip-shell>.card-flip-face{transform:rotateY(0)}.card:not(.card-flipping)>.retained-card-flip-shell:not([data-retained-flip-active]){transform-style:flat;transform:none!important}.card:not(.card-flipping)>.retained-card-flip-shell:not([data-retained-flip-active])>.card-flip-back,.card:not(.card-flipping)>.retained-card-flip-shell:not([data-retained-flip-active])>.card-flip-face{transform:none}.card-face>.retained-card-flip-shell:not([data-retained-flip-active])>.card-flip-back,.card-back>.retained-card-flip-shell:not([data-retained-flip-active])>.card-flip-face{visibility:hidden}@media (prefers-reduced-motion:reduce){.card-flipping{transition:none!important}}html[data-reduced-motion=true] .card-flipping{transition:none!important}.card-face{cursor:pointer;background:0 0;overflow:hidden}@media (hover:hover){.card-face:hover{filter:brightness(.96)}}.card-back{background:0 0;overflow:hidden}.card-img{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.card-flip-face:after{content:"";border:1px solid var(--color-card-border);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.card-dragging{z-index:var(--z-card-dragging);cursor:grabbing}.card-highlighted{box-shadow:0 0 14px 4px color-mix(in srgb, var(--color-accent) 50%, transparent)}.card-selected{box-shadow:0 4px 16px #00000040}.card-nudge{animation:card-nudge .35s var(--ease-out)}@keyframes card-nudge{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.card-nudge{animation:none}}.empty-pile{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);border:2px solid var(--color-empty-pile-border);background:var(--color-empty-pile);color:var(--color-text-muted);font-size:calc(var(--card-w) * .24);opacity:.8;justify-content:center;align-items:center;display:flex}.empty-pile-foundation{opacity:1;font-size:calc(var(--card-w) * .3);position:relative}.empty-pile-rank{width:calc(var(--card-w) * .16);height:calc(var(--card-w) * .2);color:var(--color-text-muted);opacity:.9;position:absolute;top:5%;left:8%}.empty-pile-suit{width:1em;height:1em}@keyframes hint-pulse{0%,to{box-shadow:var(--hint-pulse-rest-shadow,0 0 0 0 transparent);transform:scale(1)translateY(0)}50%{box-shadow:var(--hint-pulse-peak-shadow,0 0 0 3px var(--color-focus-ring,#c9a84c));transform:scale(1.06)translateY(-3px)}}.card-hint-pulse{z-index:50;animation:1.1s ease-in-out hint-pulse;position:relative}.pile-hint-pulse{border-radius:var(--radius-md);animation:1.1s ease-in-out hint-pulse;position:relative}@media (prefers-reduced-motion:reduce){.card-hint-pulse,.pile-hint-pulse{box-shadow:var(--hint-static-shadow,0 0 14px 4px color-mix(in srgb, var(--color-accent) 45%, transparent));animation:none}}[data-reduced-motion=true] .card-hint-pulse,[data-reduced-motion=true] .pile-hint-pulse{box-shadow:var(--hint-static-shadow,0 0 14px 4px color-mix(in srgb, var(--color-accent) 45%, transparent));animation:none}@keyframes card-first-tap-breathe{0%,to{box-shadow:0 0 0 2.5px var(--color-accent), 0 0 12px 2px color-mix(in srgb, var(--color-accent) 35%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 2.5px var(--color-accent), 0 0 22px 6px color-mix(in srgb, var(--color-accent) 55%, transparent);transform:scale(1.025)}}.card-first-tap-hint{box-shadow:0 0 0 2.5px var(--color-accent);z-index:50;animation:2.2s ease-in-out infinite card-first-tap-breathe;position:relative}@media (prefers-reduced-motion:reduce){.card-first-tap-hint{animation:none}}.first-tap-hint-label{--first-tap-shift-x:clamp(calc(8px - var(--first-tap-x)), -50%, calc(var(--first-tap-inline-end,100vw) - 8px - var(--first-tap-x) - 100%));transform:translate(var(--first-tap-shift-x), calc(-100% - 10px));inline-size:max-content;max-inline-size:calc(var(--first-tap-inline-end,100vw) - 16px);white-space:normal;text-align:center;background:color-mix(in srgb, var(--color-accent) 92%, transparent);color:var(--color-surface);box-shadow:0 2px 8px #00000040, 0 0 12px 2px color-mix(in srgb, var(--color-accent) 40%, transparent);pointer-events:none;z-index:var(--z-controls);animation:first-tap-hint-label-in .32s var(--ease-out) both;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;line-height:1;position:fixed}.first-tap-hint-label:after{content:"";left:calc(-1 * var(--first-tap-shift-x));background:inherit;border-radius:1px;width:8px;height:8px;position:absolute;bottom:-4px;transform:translate(-50%)rotate(45deg)}@keyframes first-tap-hint-label-in{0%{opacity:0;transform:translate(var(--first-tap-shift-x), calc(-100% - 4px))}to{opacity:1;transform:translate(var(--first-tap-shift-x), calc(-100% - 10px))}}@media (prefers-reduced-motion:reduce){.first-tap-hint-label{animation:none}}.hint-ghost{z-index:2000;pointer-events:none;will-change:transform;position:fixed}.hint-ghost-card{border:1px solid var(--color-card-border);border-radius:var(--radius-card);box-sizing:border-box;pointer-events:none;display:block;position:absolute}.suit-burst-particle{z-index:1900;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;line-height:1;position:fixed;transform:translate(-50%,-50%)}.pile-stock{position:relative}.stock-hint-medallion{--stock-hint-size:max(35px, calc(var(--card-w) * .86));width:var(--stock-hint-size);height:var(--stock-hint-size);box-sizing:border-box;padding:calc(var(--stock-hint-size) * .15);z-index:20;pointer-events:none;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059,inset 0 0 0 2px #0000000f}.stock-hint-medallion-word{overflow-wrap:anywhere;text-align:center;text-wrap:balance;max-inline-size:100%;font-family:Inter,system-ui,sans-serif;font-size:max(8px, calc(var(--card-w) * .125));letter-spacing:0;color:#c0262d;flex-shrink:0;font-weight:800;line-height:1.1}.stock-hint-medallion-num{font-family:Inter,system-ui,sans-serif;font-size:calc(var(--card-w) * .26);white-space:nowrap;color:#c0262d;direction:ltr;unicode-bidi:isolate;font-weight:800;line-height:1}.card-hint-glow{--card-hint-ring-width:clamp(3px, calc(var(--card-w) * .04), 5px)}.card-hint-glow>.card-flip-face:after,.card-hint-glow>.retained-card-flip-shell>.card-flip-face:after{border-width:var(--card-hint-ring-width);border-color:#62d246}