:root{--paper: #e4d4b8;--paper-deep: #cbb992;--room: #1a120e;--ink: #16110d;--cinnabar: #c2301c;--prussian: #1c3558;--ochre: #d6a21b;--lamp: #f3e6c8;--caption: #f0e2c6;--lamp-hot: #fffaf0;--room-glow: #3a2418;--stamp-idle: #2a2118;--crest-sheen: #fff3c4;--card-w: 5.7rem;--card-h: 8.1rem;--display: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;--body: Geologica, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--room);color:var(--ink);font-family:var(--body);font-weight:430}button{font:inherit}.room{min-height:100dvh;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(ellipse at 50% 30%,var(--room-glow) 0%,var(--room) 62%),var(--room)}.sheet{position:relative;width:min(1120px,100%);min-height:min(860px,calc(100dvh - 2.4rem));display:grid;grid-template-rows:auto auto 1fr auto auto;padding:0 0 .4rem;background-color:var(--paper);background-image:url(/paper.jpg);background-size:cover;color:var(--ink);box-shadow:0 18px 40px #0804028c,0 2px #ffecc82e inset}.title-band,.caption-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.7rem .7rem 0;padding:.55rem .9rem;background:var(--ink);color:var(--caption)}.title-mark{display:flex;align-items:baseline;gap:.7rem;margin:0;font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:.86;letter-spacing:.04em;text-transform:uppercase}.title-en{font-size:.45em;letter-spacing:.16em;opacity:.78}.title-meta,.caption-status,.pile-count,.bout-cover-hint,.pile-empty{margin:0;font-family:var(--display);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title-meta{color:var(--ochre)}.caption-band{margin:0 .7rem .55rem;position:relative;z-index:3}.caption-status{font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none}.caption-stamps{display:flex;gap:.45rem}.stamp{min-width:6.2rem;height:2.6rem;padding:0 1rem;border:0;background:var(--stamp-idle);color:var(--caption);font-family:var(--display);font-size:.95rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.stamp.is-cinnabar:not(:disabled){background:var(--cinnabar)}.stamp.is-ochre:not(:disabled){background:var(--ochre);color:var(--ink)}.stamp:disabled{opacity:.38;cursor:not-allowed}.stamp:focus-visible,.playing-card:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}.field{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(18rem,2.2fr) minmax(7rem,1fr);align-items:center;min-height:22rem;padding:.5rem 1.2rem 2.5rem}.bout{position:relative;min-height:18rem;display:grid;place-items:center}.bout-well{width:11rem;height:11rem;border-radius:999px}.bout-well.is-open .bout-ring{opacity:1}.bout-ring{display:block;width:100%;height:100%;border:3px solid var(--ochre);border-radius:999px;opacity:.22;box-shadow:0 0 0 6px color-mix(in srgb,var(--ochre) 18%,transparent)}.bout-pairs{position:absolute;inset:0;margin:0;padding:0;list-style:none;display:grid;place-items:center;pointer-events:none}.bout-pair{position:absolute;width:var(--card-w);height:var(--card-h);pointer-events:auto}.bout-cover{position:absolute;inset:18px -16px auto auto;transform:rotate(8deg)}.bout-cover-hint{position:absolute;left:50%;bottom:-1.4rem;transform:translate(-50%);color:var(--ink);white-space:nowrap;background:color-mix(in srgb,var(--lamp) 80%,transparent);padding:.15rem .4rem}.pile{display:grid;justify-items:center;gap:.45rem}.pile-stack{position:relative;width:var(--card-w);height:var(--card-h)}.trump-peek{position:absolute;left:-1.35rem;top:1.1rem;transform:rotate(-18deg)}.pile-card{position:absolute;inset:0}.pile-back,.playing-card-back{display:block;width:100%;height:100%;border-radius:10px;background:linear-gradient(180deg,rgba(243,230,200,.08),transparent 40%),url(/card-back.jpg) center / cover;box-shadow:0 1px #ffdca029 inset}.trump-crest{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--ochre);color:var(--ink);box-shadow:0 1px 0 var(--crest-sheen) inset}.trump-crest-mark{width:1.4rem;height:1.4rem}.hand{position:relative;height:7.2rem;z-index:2}.hand.is-player{height:9.5rem;margin-top:-2.2rem;z-index:4}.hand-fan{position:relative;display:flex;justify-content:center;align-items:flex-end;height:100%;margin:0;padding:0;list-style:none}.hand-slot{position:absolute;left:50%;bottom:.4rem;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);transition:transform .16s cubic-bezier(.2,.8,.2,1)}.hand.is-player .hand-slot:hover:not(.is-ghost){z-index:30!important}.hand.is-player .hand-slot:hover:not(.is-ghost) .playing-card{transform:translateY(-1.4rem) scale(1.05)}.hand-slot.is-ghost .playing-card{opacity:.28}.playing-card{position:relative;width:var(--card-w);height:var(--card-h);padding:0;border:0;border-radius:10px;background:transparent;transform-style:preserve-3d;touch-action:none;cursor:pointer;box-shadow:0 10px 18px #140a0438,0 1px #fffff066 inset;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.playing-card.is-legal{box-shadow:0 10px 18px #140a0438,0 0 0 2px var(--ochre)}.playing-card.is-lifted,.playing-card.is-dragging{box-shadow:12px 22px 28px #14080261;cursor:grabbing}.playing-card-face,.playing-card-back{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden}.playing-card-face{background:linear-gradient(180deg,var(--lamp-hot),var(--lamp));color:var(--ink);overflow:hidden}.playing-card.is-red .playing-card-face{color:var(--cinnabar)}.playing-card.is-black .playing-card-face{color:var(--prussian)}.playing-card.is-down .playing-card-face{transform:rotateY(180deg)}.playing-card:not(.is-down) .playing-card-back{transform:rotateY(180deg)}.playing-card-index{position:absolute;display:flex;flex-direction:column;align-items:center;font-family:var(--display);font-size:1.15rem;font-weight:800;line-height:.8;letter-spacing:.02em}.playing-card-index.is-tl{top:.28rem;left:.28rem}.playing-card-index.is-br{right:.28rem;bottom:.28rem;transform:rotate(180deg)}.playing-card-index-suit{width:.78rem;height:.78rem}.playing-card-pip-layer{position:absolute;inset:.9rem .7rem}.pip-wrap{position:absolute;width:1.15rem;height:1.15rem;transform:translate(-50%,-50%)}.pip-wrap.is-flip{transform:translate(-50%,-50%) rotate(180deg)}.pip,.playing-card-court-suit{width:100%;height:100%}.playing-card-court{position:absolute;inset:1.3rem .7rem 1.1rem;display:grid;place-items:center;border:2px solid currentColor}.playing-card-court-letter{font-family:var(--display);font-size:3.1rem;font-weight:800;line-height:.8}.playing-card-court-suit{position:absolute;width:1.1rem;height:1.1rem;bottom:.25rem}.drag-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.drag-card{position:absolute;top:0;left:0;pointer-events:none;will-change:transform}.drag-card .playing-card{transform:scale(1.08)}@media(max-width:740px){:root{--card-w: 4.4rem;--card-h: 6.3rem}.room{padding:0}.sheet{min-height:100dvh;width:100%}.field{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;min-height:16rem}.bout{grid-column:1 / -1;min-height:14rem}.hand.is-player{height:8.2rem}.title-meta{display:none}}@media(prefers-reduced-motion:reduce){.playing-card,.hand-slot{transition:none}}