:root{--bg:#14532d;--bg-felt:#1b6b3a;--surface:#fff;--surface-dim:#e8e8e8;--outline:#00000030;--outline-strong:#000;--red-suit:#c0193f;--black-suit:#171717;--highlight:#ffd54a;--shadow:#00000059;--card-h:clamp(4rem, 9vh, 5.6rem);--card-w:calc(var(--card-h) * .7);--card-radius:.35rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b3a20;--bg-felt:#0f4a29;--surface:#f5f2ea;--surface-dim:#d8d4c8;--outline:#ffffff30;--outline-strong:#f5f2ea;--highlight:#ffcf3f;--shadow:#0009}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}.app{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:100%;padding:.6rem;display:flex}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--surface);box-shadow:0 2px 4px var(--shadow);-webkit-user-select:none;user-select:none;display:block;position:relative}.card__art{object-fit:contain;border-radius:var(--card-radius);pointer-events:none;width:100%;height:100%;display:block}.card__index{background:var(--surface);letter-spacing:-.02em;box-shadow:0 1px 2px var(--shadow);border-radius:.2rem;flex-direction:column;align-items:center;padding:.02rem .14rem;font-weight:800;display:flex;position:absolute;top:.1rem;left:.1rem}.card__index-rank{font-size:calc(var(--card-w) * .3);line-height:.95}.card__index-suit{font-size:calc(var(--card-w) * .26);line-height:.9}.card__index--red{color:var(--red-suit)}.card__index--black{color:var(--black-suit)}.card--interactive{cursor:pointer;transition:transform .1s,box-shadow .1s}.card--interactive:hover{box-shadow:0 6px 10px var(--shadow);transform:translateY(-3px)}.card--selected{outline:3px solid var(--highlight);outline-offset:1px}.card--highlight{border-radius:var(--card-radius);animation:1.6s ease-in-out infinite legal-move-glow}@keyframes legal-move-glow{0%,to{box-shadow:0 0 0 3px #38bdf8f2, 0 0 16px 5px #38bdf899, 0 2px 4px var(--shadow)}50%{box-shadow:0 0 0 3px #38bdf880, 0 0 7px 2px #38bdf840, 0 2px 4px var(--shadow)}}.celebration{z-index:15;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.celebration__particle{background:var(--highlight);border-radius:50%;width:.55rem;height:.55rem;animation:1.5s ease-out infinite celebrate;position:absolute;top:0;left:0}.celebration__particle:nth-child(3n+1){background:var(--red-suit)}.celebration__particle:nth-child(3n+2){background:#40c4ff}@keyframes celebrate{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(0)}60%{opacity:1}to{transform:translate(-50%, -50%) translate(calc(var(--tx) * 7rem), calc(var(--ty) * 7rem)) scale(1);opacity:0}}.pile-placeholder{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:2px dashed var(--outline);background:0 0}.pile-placeholder--small{opacity:.6}.pile-placeholder--corner{border-radius:50%}.pile-zone{border-radius:calc(var(--card-radius) + .35rem);padding:.35rem;transition:background .1s,box-shadow .1s}.pile-zone--target{box-shadow:0 0 0 3px var(--highlight);background:color-mix(in srgb, var(--highlight) 18%, transparent)}.pile-zone--collector{transition:transform .15s,background .1s,box-shadow .1s}.pile-zone--collector:hover{z-index:30;transform:scale(1.35)}.lock{--peek:calc(var(--card-w) * .25);width:calc(var(--card-w) + var(--peek) * 2);height:var(--card-h);transition:transform .15s;position:relative}.lock:hover{--peek:calc(var(--card-w) * .56);z-index:30;transform:scale(1.35)}.lock__slot{transform:translate(calc(var(--d) * var(--peek)), 0);transition:transform .15s;position:absolute;top:0;left:0}.lock__count{background:var(--highlight);min-width:1.3rem;height:1.3rem;color:var(--black-suit);z-index:10;box-shadow:0 1px 3px var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.75rem;font-weight:700;display:none;position:absolute;top:-.4rem;right:-.4rem}.lock:hover .lock__count{display:flex}.collector-stack{--offset:calc(var(--card-w) * .27);width:calc(var(--card-w) + var(--offset));height:var(--card-h);position:relative}.collector-stack__seed{z-index:1;position:absolute;top:0;left:0}.collector-stack__top{top:0;left:var(--offset);z-index:2;position:absolute}.collector__count{z-index:3;background:var(--highlight);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.15rem;right:-.15rem}.fan{min-height:var(--card-h);display:flex;position:relative}.fan__slot{position:absolute;top:0;left:0}.stock-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.stock-row__stack{border-radius:var(--card-radius);box-shadow:.12rem .12rem 0 0 var(--surface-dim), .22rem .22rem 0 0 var(--outline)}.board-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.board{aspect-ratio:1;width:min(80vw,34rem,100vh - 9.5rem);position:relative}.board:before{content:"";z-index:0;background:radial-gradient(circle at center, var(--bg-felt), var(--bg));clip-path:polygon(50% 2%,59.18% 27.83%,83.94% 16.06%,72.17% 40.82%,98% 50%,72.17% 59.18%,83.94% 83.94%,59.18% 72.17%,50% 98%,40.82% 72.17%,16.06% 83.94%,27.83% 59.18%,2% 50%,27.83% 40.82%,16.06% 16.06%,40.82% 27.83%);filter:drop-shadow(0 10px 18px var(--shadow));position:absolute;inset:0}.board__point{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board__point:hover{z-index:20}.board__point--arm{gap:.35rem}.board__point--middle{padding:1.1rem}.board__stock{justify-content:center;align-items:center;gap:1rem;display:flex}.controls{gap:.75rem;display:flex}.controls__btn{background:var(--surface);width:2.75rem;height:2.75rem;color:var(--black-suit);box-shadow:0 2px 6px var(--shadow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,opacity .1s;display:flex}.controls__btn:hover:not(:disabled){transform:translateY(-2px)}.controls__btn:disabled{opacity:.35;cursor:default}.controls__btn--danger{color:var(--red-suit)}.controls__btn--large{width:3.5rem;height:3.5rem}.controls__btn--attention{animation:1.6s ease-in-out infinite legal-move-glow}.deck-button{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-radius) * .8);cursor:pointer;box-shadow:0 2px 6px var(--shadow);background:0 0;border:none;padding:0;transition:transform .1s,opacity .1s;position:relative;overflow:hidden}.deck-button:hover:not(:disabled){transform:translateY(-2px)}.deck-button:disabled{cursor:default}.deck-button--empty{border:2px dashed var(--outline);box-shadow:none}.card-back{width:100%;height:100%;display:block;position:absolute;inset:0}.deck-button__glyph{color:#fff;filter:drop-shadow(0 1px 2px #0009);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.deck-button--empty .deck-button__glyph{color:var(--outline-strong);opacity:.45;filter:none}.top-right-controls{z-index:5;align-items:center;gap:.6rem;display:flex;position:fixed;top:1rem;right:1rem}.corner-counter{background:var(--surface);height:2.75rem;color:var(--black-suit);font-variant-numeric:tabular-nums;box-shadow:0 2px 6px var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:0 .8rem;font-size:.95rem;font-weight:700;display:flex}.status-overlay{z-index:100;position:fixed;top:4.7rem;right:1rem}.status-overlay__panel{background:var(--surface);color:var(--black-suit);box-shadow:0 12px 28px var(--shadow);border-radius:1rem;flex-direction:column;align-items:center;gap:.8rem;padding:1rem 1.25rem;display:flex}@media (width<=640px){:root{--card-w:2.6rem;--card-h:3.7rem}.board__point--arm{gap:.4rem}}