:root{--bg:#06130d;--bg2:#0a2116;--panel:#ffffff14;--panel2:#ffffff1f;--line:#ffffff29;--text:#f5f3e8;--muted:#f5f3e8ad;--felt:#0f4c32;--felt2:#0b3826;--card:#fffdf4;--black:#1a1b1d;--red:#b9232f;--gold:#e5c26b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top, #123e2a 0, var(--bg) 48%, #020503 100%);-webkit-user-select:none;user-select:none;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.app{min-height:100vh;padding:max(14px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom))}.topbar{grid-template-columns:1fr auto auto;align-items:center;gap:12px;max-width:1180px;margin:0 auto 10px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.logo{letter-spacing:-.04em;background:linear-gradient(145deg,#e5c26b3d,#ffffff14);border:1px solid #e5c26b73;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}h1{letter-spacing:-.06em;margin:0;font-size:clamp(22px,4vw,34px);line-height:1}p{margin:0}.brand p,.muted{color:var(--muted);font-size:13px}.stats{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.stats span{background:var(--panel);border:1px solid var(--line);color:#ffffffd6;border-radius:999px;padding:8px 10px;font-size:13px}.iconBtn{background:var(--panel);border:1px solid var(--line);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.toolbar{gap:8px;max-width:1180px;margin:0 auto 12px;padding-bottom:3px;display:flex;overflow-x:auto}.toolbar button{border:1px solid var(--line);background:#ffffff1a;border-radius:13px;flex:none;align-items:center;gap:7px;padding:9px 12px;display:flex}.toolbar button:disabled{opacity:.38;cursor:default}.board{background:linear-gradient(160deg,#146f48b8,#052d1dd6),radial-gradient(circle at 30% 0,#ffffff1a,#0000 38%);border:1px solid #ffffff24;border-radius:26px;max-width:1180px;min-height:calc(100vh - 130px);margin:0 auto;padding:clamp(10px,2vw,18px);overflow:hidden;box-shadow:0 30px 80px #00000059,inset 0 0 0 1px #ffffff0a}.topRow{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.deckArea{gap:12px;min-width:230px;display:flex}.stock,.slot{color:#ffffff6b;background:#00000021;border:1.5px dashed #ffffff4d;border-radius:clamp(10px,1.8vw,16px);place-items:center;width:clamp(54px,10.6vw,86px);height:clamp(76px,14.8vw,120px);font-size:clamp(24px,4vw,38px);font-weight:800;display:grid;position:relative}.stock.hasCards{color:var(--gold);background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 30%),repeating-linear-gradient(135deg,#113a2d 0 7px,#082419 7px 14px);border-style:solid;overflow:hidden;box-shadow:0 8px 18px #0003,inset 0 0 0 3px #ffffff14}.recycle{opacity:.9}.waste{width:clamp(96px,17vw,142px);height:clamp(76px,14.8vw,120px);position:relative}.wasteCard{position:absolute;top:0}.foundations{grid-template-columns:repeat(4,clamp(54px,10.6vw,86px));gap:10px;display:grid}.foundations>div{width:clamp(54px,10.6vw,86px);height:clamp(76px,14.8vw,120px);position:relative}.foundations .card{position:absolute;inset:0}.tableau{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:clamp(6px,1.3vw,14px);display:grid}.column{border-radius:16px;min-height:420px;position:relative}.tableauCard{justify-content:center;display:flex;position:absolute;left:0;right:0}.card{background:var(--card);touch-action:none;border-radius:clamp(10px,1.8vw,16px);width:clamp(54px,10.6vw,86px);height:clamp(76px,14.8vw,120px);padding:0;display:block;position:relative;box-shadow:0 7px 16px #0000003d,inset 0 0 0 1px #0000000d}.card.up{border:1px solid #2d23141f}.card.down{color:var(--gold);background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 30%),repeating-linear-gradient(135deg,#113a2d 0 7px,#082419 7px 14px);border:1px solid #e5c26b59;place-items:center;display:grid;overflow:hidden}.card.down:before,.stock.hasCards:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #e5c26b75;position:absolute;inset:8%}.card.down:after,.stock.hasCards:after{content:"";pointer-events:none;border:1px solid #ffffff29;border-radius:calc(clamp(10px,1.8vw,16px) - 2px);position:absolute;inset:17%}.card.selected{outline:3px solid var(--gold);outline-offset:2px;transform:translateY(-3px)}.card.dragging{opacity:.96;box-shadow:0 16px 28px #00000059}.corner{flex-direction:column;align-items:center;font-size:clamp(12px,2vw,16px);font-style:normal;line-height:.85;display:flex;position:absolute}.corner i{margin-top:3px;font-style:normal}.corner.top{top:7px;left:7px}.corner.bottom{bottom:7px;right:7px;transform:rotate(180deg)}.pip{opacity:.92;place-items:center;font-size:clamp(26px,6vw,46px);display:grid;position:absolute;inset:0}.card.red{color:var(--red)}.card.black{color:var(--black)}.penguinBack,.stockPenguin{background:#11181d;border-radius:50% 50% 42% 42%;width:clamp(25px,4.8vw,38px);height:clamp(32px,6.2vw,48px);display:block;position:relative;box-shadow:inset 0 -4px #0000002e,0 0 0 1px #e5c26b2e}.stockPenguin{width:clamp(28px,5.4vw,42px);height:clamp(36px,6.8vw,54px)}.penguinBelly{background:#fff9e8;border-radius:50% 50% 45% 45%;height:54%;position:absolute;bottom:10%;left:21%;right:21%}.penguinEye{background:#fff9e8;border-radius:999px;width:11%;height:9%;position:absolute;top:23%}.penguinEye.left{left:33%}.penguinEye.right{right:33%}.penguinBeak{border-top:8px solid #e5c26b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:36%;left:50%;transform:translate(-50%)}.slot.highlight{background:#e5c26b1a;border-color:#e5c26bd1}.dragLayer{z-index:100;pointer-events:none;position:fixed;top:0;left:0}.ghostCard{position:absolute;left:0}.modal{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--line);background:#091c14f5;border-radius:24px;width:min(440px,100%);padding:22px;position:relative;box-shadow:0 30px 90px #00000080}.sheet h2{letter-spacing:-.04em;margin:0 0 8px;font-size:26px}.close{background:var(--panel);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.segmented button,.sheet>button,.danger{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.segmented button.active{background:#e5c26b3d;border-color:#e5c26ba6}.danger{color:#ffd7d7;width:100%}.win{text-align:center}.win svg{color:var(--gold)}.win button{background:#e5c26b3d;border:1px solid #e5c26b8f;width:100%;margin-top:18px}@media (width<=720px){.app{padding-left:8px;padding-right:8px}.topbar{grid-template-columns:1fr auto}.stats{grid-column:1/-1;justify-content:start}.board{border-radius:18px;min-height:calc(100vh - 160px);padding:9px}.topRow{gap:8px;margin-bottom:14px}.deckArea{gap:8px;min-width:142px}.foundations{gap:5px}.tableau{gap:4px}.column{min-height:390px}.tableauCard{justify-content:center}.corner.top{top:5px;left:5px}.corner.bottom{bottom:5px;right:5px}}@media (width<=420px){.stock,.slot,.card{border-radius:9px;width:calc(14.2857vw - 7.14286px);height:calc(20.2857vw - 10.1429px)}.foundations{grid-template-columns:repeat(4,calc(14.2857vw - 7.14286px))}.foundations>div,.waste{height:calc(20.2857vw - 10.1429px)}.waste{width:calc(25.7143vw - 12.8571px)}.wasteCard{transform-origin:0 0;transform:scale(.98)}.corner{font-size:10px}.pip{font-size:24px}.penguinBack{width:25px;height:32px}.penguinBeak{border-top-width:6px;border-left-width:4px;border-right-width:4px}.tableauCard{top:auto}}