: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(2.6rem, min(9vh, 11vw), 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);overscroll-behavior:none}.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--red{color:var(--red-suit)}.card--black{color:var(--black-suit)}.card__center{position:absolute;inset:0}.card__glyph-frame{position:absolute;inset:10% 12%}.card__glyph-frame--bordered{outline:calc(var(--card-w) * .05) solid currentColor;outline-offset:calc(var(--card-w) * -.05);border-radius:calc(var(--card-radius) * .7)}.card__center-rank{font-size:calc(var(--card-w) * .45);letter-spacing:-.18em;font-weight:800;line-height:1;position:absolute;top:6%;right:10%}.card__center-rank--underline:after{content:"";background:currentColor;width:1ch;height:.09em;position:absolute;bottom:-.16em;left:0}.card__center-suit{font-size:calc(var(--card-w) * .34);line-height:1;position:absolute;bottom:6%;left:8%}.card__index{background:var(--surface);letter-spacing:-.02em;border-radius:.2rem;flex-direction:column;align-items:center;padding:.02rem .04rem;font-weight:800;display:flex;position:absolute}.card__index--tl{top:.02rem;left:.02rem}.card__index--br{bottom:.02rem;right:.02rem;transform:rotate(180deg)}.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-suit svg,.card__center-suit svg{width:1em;height:1em;display:block}.card--interactive{cursor:pointer;transition:transform .1s,box-shadow .1s}@media (hover:hover) and (pointer:fine){.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(--particle-direction-x) * 7rem), calc(var(--particle-direction-y) * 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;justify-content:center;align-items:center;display:flex}.pile-placeholder--small{opacity:.6}.pile-placeholder--corner{border-radius:50%}.pile-placeholder__hint{font-size:calc(var(--card-w) * .4);color:color-mix(in srgb, var(--bg-felt) 55%, var(--outline-strong) 45%);-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:.05em;font-weight:700;line-height:1;display:inline-flex}.pile-placeholder__hint-icon{width:1em;height:1em}.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}@media (hover:hover) and (pointer:fine){.pile-zone--collector:hover{z-index:30;transform:scale(1.35)}}.lock{--peek:calc(var(--card-w) * .32);width:calc(var(--card-w) + var(--peek) * 2);height:var(--card-h);transition:transform .15s;position:relative}@media (hover:hover) and (pointer:fine){.lock:hover{--peek:calc(var(--card-w) * .56);z-index:30;transform:scale(1.35)}}.lock__slot{transform:translate(calc(var(--slot-offset-index) * 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}@media (hover:hover) and (pointer:fine){.lock:hover .lock__count{display:flex}}@media (hover:none){.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}.corner-stack{--offset:calc(var(--card-w) * .1);width:calc(var(--card-w) + var(--offset));height:var(--card-h);position:relative}.corner-stack__peek{z-index:1;position:absolute;top:0;left:0}.corner-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{position:relative}.stock-row__peek{position:absolute;inset:0;transform:translate(10%,-10%)}.board-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.board{aspect-ratio:1;width:min(94vw,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%)}@media (hover:hover) and (pointer:fine){.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}@media (hover:hover) and (pointer:fine){.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}@media (hover:hover) and (pointer:fine){.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__stack{position:absolute;inset:0}.deck-button__back-layer{opacity:.6;transform:translate(8%,-8%)}.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}}.help-overlay{--card-h:4.4rem;--card-w:calc(var(--card-h) * .7);z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-overlay__backdrop{background:#0000008c;position:absolute;inset:0}.help-overlay__panel{overscroll-behavior:contain;background:var(--surface);width:min(30rem,100%);max-height:min(42rem,90vh);color:var(--black-suit);box-shadow:0 20px 48px var(--shadow);border-radius:1rem;padding:1.5rem;position:relative;overflow-y:auto}.help-overlay__close{float:right;z-index:1;position:sticky;top:0}.help-overlay__title{margin:0 0 .3rem;font-size:1.4rem}.help-overlay__lede{margin:0 0 1.2rem;font-weight:600}.help-section{margin-bottom:1.4rem}.help-section h2{border-bottom:2px solid var(--outline);margin:0 0 .5rem;padding-bottom:.2rem;font-size:1rem}.help-section p{margin:.6rem 0 0;line-height:1.4}.help-diagram{flex-direction:column;align-items:center;gap:.35rem;display:flex}.help-diagram__row{align-items:center;gap:.5rem;display:flex}.help-diagram__arrow{opacity:.6;font-size:1.2rem}.help-diagram__note{opacity:.7;text-align:center;font-size:.8rem}.help-diagram__stack{width:calc(var(--card-w) * 1.9);height:var(--card-h);position:relative}.help-diagram__card{position:absolute;top:0}.help-diagram__card--back1{opacity:.55;left:0}.help-diagram__card--back2{left:calc(var(--card-w) * .45);opacity:.75}.help-diagram__card:not(.help-diagram__card--back1):not(.help-diagram__card--back2){left:calc(var(--card-w) * .9)}.help-board-map{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.5rem 0;display:grid}.help-board-map__cell{text-align:center;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem .3rem;font-size:.75rem;font-weight:700;line-height:1.25;display:flex}.help-board-map__cell--corner{background:color-mix(in srgb, var(--highlight) 35%, var(--surface))}.help-board-map__cell--arm{background:color-mix(in srgb, var(--bg-felt) 30%, var(--surface))}.help-board-map__cell--middle{background:color-mix(in srgb, var(--bg-felt) 55%, var(--surface))}.help-board-map__stock{text-align:center;background:color-mix(in srgb, var(--outline) 25%, var(--surface));border-radius:.5rem;grid-column:1/-1;padding:.5rem;font-size:.75rem;font-weight:700}.help-icons{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:.5rem;display:grid}.help-icons__item{align-items:center;gap:.5rem;font-size:.8rem;display:flex}