:root{--card-w: 96px;--card-h: 134px;--card-radius: 7px;--card-top-h: 40px;--corner-w: 20px;--tableau-fan-up: 40px;--tableau-fan-down: 13px;--pile-gap: 18px;--corner-rank-size: 18px;--corner-suit-size: 18px;--peaks-row-y: 34px;--pyramid-row-y: 38px;--pyramid-col-gap: 6px;--felt-1: #2c8a3a;--felt-2: #0a4a1d;--shadow: 0 2px 4px rgba(0, 0, 0, .35);--shadow-strong: 0 6px 14px rgba(0, 0, 0, .45);--card-bg: #fefefe;--card-border: #1d1d1d;--red: #c11414;--black: #1a1a1a}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#fff;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,var(--felt-1) 0%,#196a2a 45%,var(--felt-2) 100%)}#root,#app{width:100%;height:100%}.pile-slot{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:1.5px dashed rgba(255,255,255,.32);background:#00000029;box-shadow:inset 0 0 6px #00000059}.pile-slot.tall{height:100%;min-height:var(--card-h);border-bottom:none;border-radius:var(--card-radius) var(--card-radius) 0 0}.pile-slot.foundation:after{content:"A";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;color:#ffffff2e;font-weight:300;pointer-events:none}.pile-slot.cell:after{content:"·";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;color:#ffffff38;pointer-events:none}.card{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);cursor:default;transition:box-shadow .1s ease;overflow:hidden;will-change:transform;display:grid;grid-template-columns:[card-l] var(--corner-w) [body-l] 1fr [body-r] var(--corner-w) [card-r];grid-template-rows:1fr}.card[data-movable="1"]{cursor:grab}#stock,.card[data-pile=stock]{cursor:pointer}.card.face-down{background:linear-gradient(135deg,#1f4d8a,#143a6e,#1f4d8a);border:1px solid #0b1e3d}.card.face-down:before{content:"";position:absolute;inset:6px;border-radius:4px;border:1px solid rgba(255,255,255,.35);background:repeating-linear-gradient(45deg,#ffffff12 0 6px,#00000014 6px 12px),repeating-linear-gradient(-45deg,#ffffff12 0 6px,#00000014 6px 12px)}.card.face-down:after{content:"";position:absolute;inset:12px;border-radius:3px;border:1px solid rgba(255,255,255,.22)}.card.face-up.red{color:var(--red)}.card.face-up.black{color:var(--black)}.card-body{grid-column:body-l / body-r;grid-row:1;position:relative;overflow:hidden;pointer-events:none}.card-top,.card-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:var(--card-top-h);padding:3px 0 0 3px;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1;pointer-events:none}.card-top{grid-column:card-l / body-l;grid-row:1;align-self:start}.card-bottom{grid-column:body-r / card-r;grid-row:1;align-self:end;transform:rotate(180deg);transform-origin:center}.card-top .rank,.card-bottom .rank{font-size:var(--corner-rank-size);letter-spacing:-.5px;line-height:1;color:inherit}.card-top .suit,.card-bottom .suit{width:var(--corner-suit-size);height:var(--corner-suit-size);display:block;margin-top:1px;overflow:visible;flex:0 0 auto}.pip-grid{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;padding:3px 2px;box-sizing:border-box}.pip-cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.pip-cell svg{display:block;aspect-ratio:1 / 1;max-width:100%;max-height:100%;width:auto;height:auto;flex:0 0 auto}.pip-cell svg.rotated{transform:rotate(180deg)}.ace-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}.ace-art svg{display:block;aspect-ratio:1 / 1;max-width:100%;max-height:100%;width:auto;height:auto}.face-card-art{display:block;width:100%;height:100%}.card.dragging{box-shadow:var(--shadow-strong);cursor:grabbing}.card.hint-flash{animation:hint-pulse .6s ease 2}@keyframes hint-pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px #ffd54a,var(--shadow-strong)}}.card.selected{box-shadow:0 0 0 3px #ffd54a,var(--shadow-strong)}#drag-layer{position:absolute;inset:0;pointer-events:none;z-index:100}#drag-layer .card{pointer-events:none}#web-menu-bar{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:stretch;background:linear-gradient(to bottom,#efefef,#d2d2d2);border-bottom:1px solid #888;box-shadow:0 1px #ffffffb3 inset;z-index:500;color:#111;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;user-select:none}#web-menu-bar .menu-brand{display:flex;align-items:center;padding:0 14px;font-weight:700;color:#222;text-decoration:none;letter-spacing:.3px;border-right:1px solid rgba(0,0,0,.15)}#web-menu-bar .menu-brand:hover{color:#29569a}#web-menu-bar .menu-col{position:relative;display:flex;align-items:stretch}#web-menu-bar .menu-col-btn{background:transparent;border:0;padding:0 12px;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center}#web-menu-bar .menu-col.open>.menu-col-btn,#web-menu-bar .menu-col-btn:hover{background:linear-gradient(to bottom,#d2e6fb,#a8d0f4);color:#102f5b}#web-menu-bar .menu-dropdown{position:absolute;top:28px;left:0;min-width:220px;background:#f4f4f4;border:1px solid #5a5a5a;border-top:0;box-shadow:0 6px 18px #00000059;padding:4px 0;z-index:501}#web-menu-bar .menu-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;width:100%;padding:5px 12px;background:transparent;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}#web-menu-bar .menu-item:hover:not(:disabled){background:linear-gradient(to bottom,#d2e6fb,#a8d0f4);color:#102f5b}#web-menu-bar .menu-item:disabled{opacity:.45;cursor:default}#web-menu-bar .menu-check{font-weight:700}#web-menu-bar .menu-shortcut{color:#555;padding-left:16px;font-size:11px}#web-menu-bar .menu-sep{height:1px;background:#c5c5c5;margin:4px 8px}html[data-web-menu="1"] body{padding-top:28px;box-sizing:border-box}#status-bar{position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(to bottom,#f3f3f3,#d8d8d8);color:#1a1a1a;display:flex;align-items:center;gap:24px;padding:0 16px;font-size:12px;border-top:1px solid #888;box-shadow:inset 0 1px #ffffffb3}#modal-root{position:absolute;inset:0;z-index:1000}#modal-root.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#00000059}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:460px;background:#f4f4f4;color:#111;border:1px solid #5a5a5a;border-radius:6px;box-shadow:0 10px 30px #0009;overflow:hidden;font-size:13px}.modal-title-bar{background:linear-gradient(to bottom,#5687c4,#29569a);color:#fff;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.25)}.modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff;width:22px;height:18px;line-height:1;border-radius:3px;cursor:pointer}.modal-close:hover{background:#ffffff4d}.modal-content{padding:18px 18px 12px;line-height:1.5}.modal-content table{border-collapse:collapse;width:100%}.modal-content td{padding:4px 8px}.modal-content td:first-child{color:#444}.modal-content td:last-child{text-align:right;font-weight:600}.modal-buttons{padding:8px 14px 14px;display:flex;justify-content:flex-end;gap:8px;background:#ececec;border-top:1px solid #c5c5c5}.modal-buttons button{min-width:84px;padding:5px 12px;background:linear-gradient(to bottom,#fafafa,#dcdcdc);border:1px solid #888;border-radius:3px;cursor:pointer;font-size:12px}.modal-buttons button:hover{background:linear-gradient(to bottom,#fff,#d2e6fb);border-color:#3c7fb1}.modal-buttons button:focus{outline:1px dotted #555;outline-offset:-3px}#dealing-overlay{position:absolute;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0832168c;backdrop-filter:blur(2px)}#dealing-overlay.hidden{display:none}.dealing-card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:linear-gradient(135deg,#1f4d8a,#143a6e,#1f4d8a);border:1px solid #0b1e3d;box-shadow:var(--shadow-strong);animation:dealing-spin .9s ease-in-out infinite;transform-origin:center}.dealing-label{color:#fff;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.55)}@keyframes dealing-spin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-10px)}to{transform:rotateY(360deg) translateY(0)}}