:root{--bg: #212233;--bg-2: #2b2c40;--felt: #1c1d2b;--amber: #f5a524;--amber-dark: #d98c10;--text: #f4f5fb;--text-dim: #a7a9c0;--card-bg: #ffffff;--card-red: #d63a44;--card-black: #21222e;--slot-border: rgba(255, 255, 255, .16);--slot-bg: rgba(255, 255, 255, .04);--card-w: 64px;--card-h: 90px;--card-radius: 7px;--tab-fan-up: 28px;--tab-fan-down: 12px;--col-gap: 8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}.app{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#2a2b42 0%,var(--bg) 60%)}.topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));flex-wrap:wrap}.logo{font-weight:900;font-size:20px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:2px}.logo .play{color:var(--text)}.logo .eye{color:var(--amber)}.topbar-spacer{flex:1}.stat{display:flex;flex-direction:column;align-items:center;min-width:56px;line-height:1.1}.stat .label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-weight:700}.stat .value{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.btn{background:var(--bg-2);color:var(--text);border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;border:1px solid rgba(255,255,255,.08);transition:transform .06s ease,background .12s ease}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--amber);color:#2a1c00}.btn.primary:active{background:var(--amber-dark)}.toolbar{display:flex;gap:8px;padding:0 12px 8px;flex-wrap:wrap}.board{flex:1;position:relative;padding:6px 8px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow:hidden;touch-action:none}.top-row{display:flex;gap:var(--col-gap);justify-content:space-between;margin-bottom:10px}.stock-waste,.foundations{display:flex;gap:var(--col-gap)}.tableau{display:flex;gap:var(--col-gap);justify-content:center;align-items:flex-start}.column{position:relative;width:var(--card-w)}.slot{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:2px dashed var(--slot-border);background:var(--slot-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot.drop-target{border-color:var(--amber);background:#f5a52429;box-shadow:0 0 0 2px #f5a52459 inset}.slot .slot-mark{font-size:calc(var(--card-w) * .46);color:#ffffff24;font-weight:900}.slot .recycle{font-size:calc(var(--card-w) * .42);color:#ffffff47}.card{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:0 1px 2px #00000073;-webkit-user-select:none;user-select:none;overflow:hidden;will-change:transform}.card.red{color:var(--card-red)}.card.black{color:var(--card-black)}.card.movable{cursor:grab}.card.dragging{cursor:grabbing;z-index:9999;box-shadow:0 8px 18px #00000080}.card.hint{animation:hintPulse .8s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 1px 2px #00000073,0 0 #f5a524b3}50%{box-shadow:0 1px 2px #00000073,0 0 0 4px #f5a524e6}}.card.back{background:repeating-linear-gradient(45deg,#3a5fb0,#3a5fb0 6px,#2f4d92 6px,#2f4d92 12px),#34539e;border:2px solid #6a86d6}.card-face{width:100%;height:100%;position:relative;padding:calc(var(--card-w) * .06)}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.92}.corner.tl{top:calc(var(--card-w) * .06);left:calc(var(--card-w) * .09)}.corner.br{bottom:calc(var(--card-w) * .06);right:calc(var(--card-w) * .09);transform:rotate(180deg)}.corner .rank{font-size:calc(var(--card-w) * .3);font-weight:800;font-variant-numeric:tabular-nums}.corner .suit{font-size:calc(var(--card-w) * .26)}.center-suit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .6);opacity:.92}.menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:18px}.menu h1{font-size:34px;font-weight:900;margin:0;letter-spacing:-1px;line-height:1.05}.menu .subtitle{color:var(--text-dim);font-size:15px;font-weight:600;max-width:340px;margin:0}.menu .suits{font-size:40px;letter-spacing:6px}.menu .suits .r{color:var(--card-red)}.menu .mode-group{display:flex;gap:10px;margin-top:4px}.mode-card{background:var(--bg-2);border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 20px;min-width:120px;transition:border-color .12s ease,transform .06s ease}.mode-card:active{transform:scale(.97)}.mode-card.selected{border-color:var(--amber);background:#f5a5241f}.mode-card .mode-title{font-weight:900;font-size:18px}.mode-card .mode-desc{font-size:12px;color:var(--text-dim);margin-top:4px}.menu .records{display:flex;gap:22px;margin-top:6px;color:var(--text-dim);font-size:13px;font-weight:700}.menu .records b{color:var(--text);display:block;font-size:18px}.start-btn{margin-top:6px;font-size:18px;padding:14px 40px;border-radius:14px}.seo-copy{max-width:520px;margin:6px auto 0;color:var(--text-dim);font-size:12.5px;line-height:1.55;font-weight:600}.seo-copy h2{color:var(--text);font-size:15px;margin:14px 0 4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b14b8;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}}.win-card{background:var(--bg-2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 26px;text-align:center;max-width:360px;width:100%;box-shadow:0 20px 60px #00000080}.win-card h2{font-size:30px;font-weight:900;margin:6px 0 2px}.win-card .trophy{font-size:52px}.win-card .win-stats{display:flex;justify-content:center;gap:28px;margin:16px 0 20px}.win-card .win-stats .value{font-size:24px;font-weight:900}.win-card .win-stats .label{font-size:11px;text-transform:uppercase;color:var(--text-dim);font-weight:800;letter-spacing:.5px}.win-actions{display:flex;flex-direction:column;gap:10px}.confetti{position:fixed;top:-12px;width:9px;height:14px;z-index:10001;border-radius:2px;pointer-events:none;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@media (min-width: 760px){.board{max-width:720px;margin:0 auto;width:100%}.topbar,.toolbar{max-width:720px;margin-left:auto;margin-right:auto;width:100%}}.badge-winnable{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.02em;color:#1c1d2b;background:var(--amber);padding:2px 7px;border-radius:999px;text-transform:uppercase;line-height:1.4}