:root{--felt:#1f6b45;--felt-light:#2a8a5a;--ink:#1b1b1b;--red:#c62828;--paper:#fffdf7;--btn:#fff7e0;--go:#ffd54f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--felt);color:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,Segoe UI,system-ui,sans-serif;overflow:hidden}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 30%, var(--felt-light), var(--felt) 70%);flex-direction:column;display:flex}.bar{background:#00000038;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 16px;display:flex}.stats{gap:22px;display:flex}.stats span{flex-direction:column;line-height:1.1;display:flex}.stats small{opacity:.85;font-size:16px}.stats b{font-size:30px}.buttons{flex-wrap:wrap;gap:12px;display:flex}.btn{font:inherit;background:var(--btn);color:#3a2b00;border:0;border-radius:16px;min-height:60px;padding:0 22px;font-size:22px;font-weight:600;box-shadow:0 3px #0000004d}.btn:active{translate:0 2px;box-shadow:0 1px #0000004d}.btn:disabled{opacity:.45}.btn.go{background:var(--go)}.btn.quiet{color:#fff;background:#ffffff38}.message{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 16px;font-size:22px;line-height:1.25;display:flex}.board{flex:1;min-height:0;position:relative}.slot,.card,.ring{border-radius:calc(var(--cw) * .09);position:absolute;top:0;left:0}.slot{font-size:calc(var(--cw) * .4);color:#ffffff4d;border:2px dashed #ffffff59;place-items:center;font-weight:700;display:grid}.slot.stock{font-size:calc(var(--cw) * .6)}.card{background:var(--paper);color:var(--ink);border:1px solid #b9b2a0;transition:transform .2s,box-shadow .15s;box-shadow:0 2px 4px #00000059}.card.red{color:var(--red)}.card.down{border:3px solid var(--paper);background:repeating-linear-gradient(45deg,#2b5aa8 0 7px,#254b8c 7px 14px)}.corner{font-size:calc(var(--cw) * .27);white-space:nowrap;font-weight:700;line-height:1.1;position:absolute;top:3%;left:7%}.corner i{margin-left:.08em;font-style:normal}.pip{font-size:calc(var(--cw) * .55);place-items:center;line-height:1;display:grid;position:absolute;inset:30% 0 0}.card.up{touch-action:none}.card.drag{cursor:grabbing;transition:none;box-shadow:0 10px 22px #00000080}.card.sel{outline-offset:-2px;outline:4px solid #ffd54f;box-shadow:0 6px 14px #00000080}.card.tipfrom{outline-offset:-2px;outline:4px solid #4fc3f7;animation:1s ease-in-out infinite pulse-outline}.ring{pointer-events:none;z-index:200;border:5px solid #4fc3f7;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@keyframes pulse-outline{50%{outline-color:#0000}}.overlay{z-index:1000;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);color:var(--ink);text-align:center;z-index:2;border-radius:24px;max-width:520px;padding:28px 32px;position:relative}.dialog h2{margin:0 0 8px;font-size:34px}.dialog p{margin:0 0 20px;font-size:24px}.dialog .buttons{justify-content:center}.confetti{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.card{transition:none}.ring,.card.tipfrom{animation:none}}