:root{--gap:clamp(8px, 1.2vw, 18px);--card-w:min(9.7vw, 16.7vh, 142px);--card-h:calc(var(--card-w) * 1.4);--radius:calc(var(--card-w) * .052);--fan:calc(var(--card-h) * .24);--fan-down:calc(var(--card-h) * .115);--felt:#08713e;--felt-deep:#044d2b;--gold:#f6cf67;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;touch-action:manipulation;background:radial-gradient(circle at 50% -20%, #41b9747a, transparent 52%), repeating-radial-gradient(circle at 20% 30%, #ffffff05 0 1px, transparent 1px 4px), linear-gradient(145deg, var(--felt), var(--felt-deep));overflow-x:hidden}.app{width:100%;min-height:100vh;padding:clamp(10px,1.8vh,20px) clamp(12px,2vw,28px) 32px;position:relative}.header{width:min(100%, calc(var(--card-w) * 7 + var(--gap) * 6));align-items:center;gap:10px;min-height:52px;margin:0 auto clamp(12px,1.8vh,20px);display:flex}.title{letter-spacing:-.035em;text-shadow:0 2px 4px #00351e;margin:0 auto 0 0;font:750 clamp(22px,2.2vw,34px)/1 Georgia,serif}.title .dot{color:var(--gold)}.stats{white-space:nowrap;color:#ffffffe0;font-size:clamp(15px,1.25vw,18px)}.stats strong{color:#fff}button{color:#fff;cursor:pointer;background:#002b1870;border:1px solid #ffffff4d;border-radius:9px;min-height:44px;padding:9px 18px;font:700 clamp(15px,1.15vw,17px)/1 inherit;box-shadow:0 2px 4px #00000038}button:hover:not(:disabled),button:focus-visible{outline-offset:2px;background:#ffffff2e;outline:3px solid #f6cf67a6}button:disabled{opacity:.42;cursor:default}button.new-game,button.primary{color:#17351f;background:linear-gradient(#fff5c8,#edc75d);border-color:#fbe599}.row{width:min(100%, calc(var(--card-w) * 7 + var(--gap) * 6));grid-template-columns:repeat(7,var(--card-w));gap:var(--gap);margin-inline:auto;display:grid}.top-row{margin-bottom:clamp(16px,2.8vh,28px)}.spacer{visibility:hidden}.slot{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);background:#0026153d;position:relative;box-shadow:inset 0 0 0 2px #dff6e53d,inset 0 6px 16px #00000026}.slot.droppable{box-shadow:inset 0 0 0 4px var(--gold), 0 0 22px #f6cf6799}.slot .placeholder{color:#ffffff3d;font-size:calc(var(--card-w) * .5);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.waste-slot{overflow:visible}.waste-slot .card{position:absolute;top:0}.column{width:var(--card-w);min-height:var(--card-h);position:relative}.column .slot{position:absolute;inset:0 0 auto}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 3px #0000006b);transition:transform .15s,filter .15s;animation:.28s cubic-bezier(.2,.72,.24,1) both deal-in;position:relative}.card img{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.card.stacked{position:absolute;left:0}.card.face-up:hover{filter:drop-shadow(0 7px 5px #0006);transform:translateY(-3px)}.card.selected{filter:drop-shadow(0 0 4px var(--gold)) drop-shadow(0 7px 5px #00000073);transform:translateY(-8px)}.card.droppable-card{filter:drop-shadow(0 0 5px var(--gold))}.stock-slot{cursor:pointer}.stock-count{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#000000ad;border-radius:12px;min-width:30px;padding:2px 7px;font:800 clamp(13px,1.2vw,17px)/1.4 inherit;position:absolute;bottom:6px;right:8px}.recycle{font-size:calc(var(--card-w) * .48);opacity:.58;place-items:center;display:grid;position:absolute;inset:0}.banner{z-index:20;background:#002716f0;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:14px;padding:13px 16px;font-size:17px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000006b}.hint{width:min(100%,calc(var(--card-w) * 7 + var(--gap) * 6));color:#ffffffb8;text-align:center;margin:clamp(18px,3vh,34px) auto 0;font-size:clamp(14px,1.1vw,16px)}@keyframes deal-in{0%{opacity:0;transform:translate(-12px,-18px)rotate(-2deg)}}@media (width<=760px){:root{--gap:clamp(4px,1vw,8px);--card-w:calc((100vw - 24px - var(--gap) * 6) / 7)}.app{padding-inline:12px}.header{flex-wrap:wrap}.title{font-size:23px}.stats{order:4;width:100%;font-size:14px}button{min-height:42px;padding:8px 12px;font-size:14px}.hint{text-align:left}}@media (height<=620px) and (width>=761px){:root{--card-w:min(9.7vw,15vh,118px);--fan:calc(var(--card-h) * .2)}.header{min-height:42px;margin-bottom:8px}button{min-height:40px}.top-row{margin-bottom:12px}.hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}