:root{--card-face: #f3ead8;--card-edge: rgba(20, 16, 12, .28);--card-red: #b8442e;--card-black: #1b232c;--felt-1: #233648;--felt-2: #142636;--felt-3: #0c1822}.card-page .wrap{max-width:980px}.card-page{--page-half: 490px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar .icon-btn[disabled]{opacity:.4;cursor:default}.toolbar .deal-no{margin-left:auto;font:700 14px var(--mono);color:var(--muted)}.table{position:relative;width:100%;min-height:200px;border-radius:10px;outline:1px solid var(--line);background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(247,200,142,.1),transparent 60%),radial-gradient(ellipse at 50% 30%,var(--felt-1),var(--felt-2) 65%,var(--felt-3));touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.slot{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .09);border:1.5px dashed rgba(241,230,214,.22);display:grid;place-items:center;color:#f1e6d629}.slot .suit,.slot .recycle{width:46%;height:46%;fill:currentColor}.slot-stock{cursor:pointer}.slot-stock.blank{cursor:default}.slot,.pcard{touch-action:none}.slot.hint{border-color:var(--brass);color:var(--brass);box-shadow:0 0 14px #d9b25f99}@media (pointer: coarse){.toolbar .icon-btn{min-height:42px;padding-inline:12px}}.pcard{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);perspective:800px;transition:transform .17s cubic-bezier(.2,.8,.25,1);cursor:pointer;outline:none}.pcard .pc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .23s ease-out}.pcard.down .pc-inner{transform:rotateY(180deg)}.pcard.down{cursor:default}.pcard.dragging{transition:none;z-index:5000!important}.pcard.dragging .pc-inner{box-shadow:0 10px 22px #00000073;border-radius:calc(var(--cw) * .09)}.pcard:focus-visible .pc-face{outline:2px solid var(--brass);outline-offset:1px}.pcard.hint .pc-face,.pcard.hint .pc-back{box-shadow:0 0 0 2px var(--brass),0 0 14px #d9b25fb3}.pcard.nope{animation:nope .28s ease-out}@keyframes nope{25%{translate:-3px 0}75%{translate:3px 0}}.pc-face,.pc-back{position:absolute;inset:0;border-radius:calc(var(--cw) * .09);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 2px #00000059}.pc-face{background:var(--card-face);border:1px solid var(--card-edge);overflow:hidden}.pc-face.red{color:var(--card-red)}.pc-face.black{color:var(--card-black)}.pc-back{transform:rotateY(180deg);border:calc(var(--cw) * .05) solid var(--brass);background:repeating-linear-gradient(45deg,rgba(217,178,95,.16) 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,rgba(217,178,95,.16) 0 2px,transparent 2px 9px),linear-gradient(160deg,#3a4a60,#142636 70%)}.suit{display:block;fill:currentColor}.pc-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font:800 calc(var(--cw) * .2) / 1 var(--body);letter-spacing:-.03em}.pc-corner.tl{left:5%;top:4%}.pc-corner.br{right:5%;bottom:4%;transform:rotate(180deg)}.pc-corner .pc-mini{width:calc(var(--cw) * .15);height:calc(var(--cw) * .15);margin-top:2px}.pc-pips{position:absolute;inset:12% 14%}.pc-pip{position:absolute;width:19%;aspect-ratio:1;translate:-50% -50%}.pc-pip .suit{width:100%;height:100%}.pc-pip.pc-flip{rotate:180deg}.pc-big,.pc-ace{position:absolute;inset:0;display:grid;place-items:center}.pc-big{display:none}.pc-big .suit{width:46%;height:46%}.pc-ace .suit{width:52%;height:52%}.table.small .pc-pips{display:none}.table.small .pc-big{display:grid}.table.small .pc-corner{font-size:calc(var(--cw) * .26);flex-direction:row;align-items:center;gap:1px}.table.small .pc-corner .pc-mini{width:calc(var(--cw) * .22);height:calc(var(--cw) * .22);margin-top:0}.table.small .pc-big .suit{width:40%;height:40%;translate:12% 14%}.table.strip .pc-corner{flex-direction:row;align-items:center;gap:1px}.table.strip .pc-corner .pc-mini{margin-top:0}.table.tiny .pc-corner{font-size:calc(var(--cw) * .36);letter-spacing:-.04em;line-height:1}.table.tiny .pc-corner.tl{top:1.5%;left:4%}.table.tiny .pc-corner .pc-mini{width:calc(var(--cw) * .3);height:calc(var(--cw) * .3)}.pc-court{position:absolute;inset:15% 17%;border:1.5px solid rgba(168,134,63,.9);outline:1px solid rgba(168,134,63,.45);outline-offset:3px;border-radius:3px;background:repeating-linear-gradient(45deg,rgba(217,178,95,.14) 0 3px,transparent 3px 7px),#d9b25f1a;display:grid;place-items:center}.pc-court-letter{font-family:var(--display);font-weight:900;font-size:calc(var(--cw) * .6);line-height:1}.pc-court .pc-emblem{position:absolute;width:26%;height:26%;bottom:6%;right:8%}.table.small .pc-court{inset:26% 12% 8%;outline:none}.table.small .pc-court-letter{font-size:calc(var(--cw) * .5)}.table.small .pc-court .pc-emblem{display:none}.table-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6000}.how-to{max-width:760px;color:var(--muted);font-size:15px;line-height:1.55}.how-to h2{font-family:var(--display);font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:24px;margin:8px 0 4px}.how-to p,.how-to ul{margin:6px 0}@media (prefers-reduced-motion: reduce){.pcard,.pcard .pc-inner{transition-duration:1ms}.pcard.nope{animation:none}}.table>.card{z-index:7000}.table>.card{background:#09101661;backdrop-filter:none}.table>.card .card-inner{background:#0c141ce6;border:1px solid var(--line);border-radius:10px;padding:20px 26px}@media (max-width: 420px){.card-page .wrap{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}}