:root{--table-bg:#05020f;--table-bg-2:#170a35;--panel-bg:#100a26;--panel-border:#3a2a6d;--text:#eafcff;--text-dim:#8fa3d6;--accent:#00f0ff;--accent-2:#ff2bd6;--neon-glow:0 0 6px #00f0ff99, 0 0 16px #00f0ff59;--neon-glow-2:0 0 6px #ff2bd699, 0 0 16px #ff2bd659;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--table-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.board{background:repeating-linear-gradient(0deg, #00f0ff0d 0, #00f0ff0d 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, #00f0ff0d 0, #00f0ff0d 1px, transparent 1px, transparent 40px), radial-gradient(ellipse at top, var(--table-bg-2), var(--table-bg) 70%);flex-direction:column;gap:20px;min-height:100svh;padding:16px 20px 60px;display:flex}.toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;box-shadow:0 4px 14px #00000080,0 0 20px #00f0ff1f}.toolbar h1{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;text-shadow:var(--neon-glow);margin:0;font-size:22px;font-weight:800}.title-accent{color:var(--accent-2);text-shadow:var(--neon-glow-2)}.toolbar-actions{align-items:center;gap:10px;display:flex}.moves{color:var(--text-dim);font-variant-numeric:tabular-nums}.toolbar button{font:inherit;border:1px solid var(--accent);color:var(--text);cursor:pointer;background:#00f0ff14;border-radius:6px;padding:8px 14px;transition:background .15s,box-shadow .15s}.toolbar button:hover:not(:disabled){box-shadow:var(--neon-glow);background:#00f0ff33}.toolbar button:disabled{opacity:.5;cursor:default}.toolbar button.active{background:var(--accent-2);color:#1a0018;border-color:var(--accent-2);box-shadow:var(--neon-glow-2)}.banner{text-align:center;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-weight:700}.banner.win{border-color:var(--accent);color:var(--accent);text-shadow:var(--neon-glow);box-shadow:var(--neon-glow);background:#00f0ff1f}.banner.stuck{border-color:var(--accent-2);color:var(--accent-2);background:#ff2bd61a}.banner.paywall{border-color:var(--accent-2);color:var(--text);background:#ff2bd61a}.play-count{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.license-badge{color:#ffd76a;text-shadow:0 0 8px #ffd76a80;white-space:nowrap;font-weight:700}.toolbar button.buy-button{border-color:var(--accent-2);background:#ff2bd61f;font-weight:700}.toolbar button.buy-button:hover:not(:disabled){box-shadow:var(--neon-glow-2);background:#ff2bd640}.license-loading{justify-content:center;align-items:center;display:flex}.license-loading-inner{color:var(--text-dim);letter-spacing:.04em;flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{border:4px solid #00f0ff33;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.top-row{grid-template-columns:repeat(2,96px) 1fr repeat(4,96px);gap:16px;display:grid}.tableau-row{flex:1;grid-template-columns:repeat(7,96px);justify-content:start;gap:16px;display:grid}.spacer{min-width:20px}.pile{width:96px;height:134px;position:relative}.pile-empty{color:#00f0ff4d;border:2px dashed #00f0ff59;border-radius:8px;justify-content:center;align-items:center;width:96px;height:134px;font-size:26px;display:flex}.stock,.waste,.foundation{cursor:pointer}.tableau-col{height:auto;min-height:134px}.card{-webkit-user-select:none;user-select:none;border-radius:8px;width:96px;height:134px;position:absolute;top:0;left:0}.tableau-col .card{position:absolute}.top-row .card{position:relative}.card-back{border:2px solid var(--accent);cursor:pointer;background:linear-gradient(135deg,#170a35,#0a0420);box-shadow:0 2px 6px #00000080,0 0 10px #00f0ff59}.card-back-pattern{background-image:repeating-linear-gradient(45deg,#00f0ff1f 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#ff2bd614 0 2px,#0000 2px 10px);border-radius:6px;width:100%;height:100%}.card-face{border:1px solid var(--accent);cursor:pointer;background:#eef4fb;flex-direction:column;justify-content:space-between;padding:4px 6px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 2px 6px #00000080,0 0 8px #00f0ff40}.card-face.selected{outline:3px solid var(--accent-2);outline-offset:1px;box-shadow:0 6px 12px #0000008c, var(--neon-glow-2);transform:translateY(-4px)}.card-face.red{color:#e0116f}.card-face.black{color:#1b1330}.card-corner{flex-direction:column;align-items:center;width:fit-content;font-size:16px;font-weight:700;line-height:1;display:flex}.card-corner.bottom{align-self:flex-end;transform:rotate(180deg)}.card-pips{position:absolute;inset:26px 10px}.card-pip-symbol{opacity:.9;font-size:17px;line-height:1;position:absolute}.card-center-label{opacity:.85;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex;position:absolute;inset:0}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:1;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 110vh) rotate(var(--rotate));opacity:.3}}@media (width<=780px){.top-row{grid-template-columns:repeat(2,64px) 1fr repeat(4,64px);gap:10px}.tableau-row{grid-template-columns:repeat(7,64px);gap:10px}.pile,.pile-empty,.card{width:64px;height:89px}.tableau-col{min-height:89px}.card-pips{inset:17px 6px}.card-pip-symbol{font-size:12px}.card-center-label{font-size:24px}.card-corner{font-size:11px}}