:root{--table:#0b5d3b;--accent:#e9c46a;--panel:#fff;--panel-text:#1d232b;--panel-muted:#5d6673;--panel-border:#dfe3e8;--focus:#4c9ffe;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--panel:#1e232a;--panel-text:#eef1f4;--panel-muted:#a3acb8;--panel-border:#343b45}}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:#0b5d3b}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{--on-table:#fff;--on-table-muted:#ffffffb8;--slot-line:#ffffff47;--button-bg:#ffffff1f;--button-bg-hover:#ffffff38;height:100%;color:var(--on-table);background:radial-gradient(ellipse at 50% 35%, #ffffff1a, transparent 70%), var(--table);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:background-color .3s}.app.light-table{--on-table:#1d232b;--on-table-muted:#0009;--slot-line:#00000040;--button-bg:#00000012;--button-bg-hover:#00000024}.loading{height:100%;color:var(--on-table-muted);place-items:center;font-size:1.1rem;display:grid}.game{flex-direction:column;height:100%;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 4px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar button{background:var(--button-bg);min-width:40px;min-height:40px;color:var(--on-table);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.92rem;transition:background .15s,opacity .15s;display:inline-flex}.toolbar button:hover:not(:disabled){background:var(--button-bg-hover)}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar button.accent{background:var(--accent);color:#1d232b;font-weight:600}.status{font-variant-numeric:tabular-nums;gap:14px;padding:0 6px;font-weight:600;display:flex}.status small{color:var(--on-table-muted);margin-right:2px;font-weight:400}@media (width<=640px){.toolbar .label{display:none}.toolbar button{padding:6px 10px}.toolbar button.accent .label{display:inline}.status{gap:10px;font-size:.9rem}}.table{flex:1;min-height:0;position:relative}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.slot{border:2px dashed var(--slot-line);border-radius:var(--card-radius);color:var(--slot-line);place-items:center;font-family:Georgia,serif;font-weight:700;display:grid;position:absolute;top:0;left:0}.slot-stock{cursor:pointer;color:var(--on-table-muted);border-style:solid}.slot-waste{border-color:#0000}.card{perspective:800px;will-change:transform;cursor:grab;transition:transform .22s cubic-bezier(.2,.8,.3,1);position:absolute;top:0;left:0}.card.dragging{cursor:grabbing;transition:none}.card.dragging .card-face{box-shadow:0 10px 22px #00000059}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s;position:relative}.card-inner.face-down{transform:rotateY(180deg)}.card-face{border-radius:var(--card-radius);backface-visibility:hidden;pointer-events:none;background:#fff;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 1px 2px #00000059}.card-back{transform:rotateY(180deg)}.card.shake{animation:.3s shake}@keyframes shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}@media (prefers-reduced-motion:reduce){.card,.card-inner{transition:none}.card.shake{animation:none}}.win-cascade{z-index:9000;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.win-panel{z-index:9001;background:var(--panel);min-width:240px;color:var(--panel-text);text-align:center;border-radius:16px;padding:22px 28px;animation:.35s ease-out pop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0006}.win-panel h2{margin:0 0 4px;font-size:1.6rem}.win-panel p{color:var(--panel-muted);font-variant-numeric:tabular-nums;margin:0 0 16px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}}button.primary{background:var(--table);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 22px;font-weight:600}dialog.settings{background:var(--panel);width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--panel-text);border:0;border-radius:16px;padding:0;box-shadow:0 20px 60px #00000073}dialog.settings::backdrop{background:#00000073}.settings-body{padding:4px 20px 16px}.settings header{background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:12px 0 4px;display:flex;position:sticky;top:0}.settings h2{margin:0;font-size:1.25rem}.settings h3{text-transform:uppercase;letter-spacing:.06em;color:var(--panel-muted);margin:0 0 8px;font-size:.8rem}.settings section{border-bottom:1px solid var(--panel-border);padding:14px 0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:var(--panel-border)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.deck-option{border:2px solid var(--panel-border);cursor:pointer;text-align:left;background:0 0;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.deck-option.selected{border-color:var(--table);box-shadow:0 0 0 1px var(--table)}.deck-option:disabled{opacity:.55;cursor:not-allowed}.deck-previews{width:100%;display:block;position:relative}.deck-previews img{border-radius:6px;width:62%;position:absolute;top:0;box-shadow:0 1px 3px #0000004d}.deck-previews img:last-child{right:0}.deck-name{align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:inline-flex}.segmented{background:var(--panel-border);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px}.segmented button.selected{background:var(--panel);font-weight:600;box-shadow:0 1px 3px #0003}.hint{color:var(--panel-muted);margin:8px 0 0;font-size:.85rem}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid var(--panel-border);cursor:pointer;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:relative}.swatch.selected{outline:3px solid var(--focus);outline-offset:2px}.swatch.custom{color:#fff;text-shadow:0 1px 2px #0009;background:conic-gradient(#e63946,#f4a261,#e9c46a,#2a9d8f,#457b9d,#8e5ea2,#e63946);font-weight:700}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--table)}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 8px;display:grid}.stats div{background:var(--panel-border);border-radius:10px;padding:8px}.stats dt{color:var(--panel-muted);font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.1rem;font-weight:600}.stats small{color:var(--panel-muted);font-size:.7rem;font-weight:400}.link-button{color:var(--panel-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.settings footer{color:var(--panel-muted);justify-content:space-between;padding-top:12px;font-size:.8rem;display:flex}.settings footer a{color:inherit}