:root{color:#1a1a1a;background:#e5e5e5;font-family:ui-serif,Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:#e5e5e5}button,select{font:inherit}.app{width:min(1100px,100%);margin:0 auto;padding:12px}.hero{display:grid;gap:4px;margin-bottom:10px;text-align:center}.hero h1{margin:0;font-size:clamp(1.6rem,6vw,3rem);letter-spacing:0}.hero p{min-height:1.4em;margin:0;font-size:clamp(.9rem,2.8vw,1.2rem);font-weight:700}.toolbar,.settings{display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:8px}.settings{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar button,.settings select{width:100%;min-width:0;min-height:42px;border:2px solid #111;background:#f7f7f7;color:#111;border-radius:8px;font-weight:800}.toolbar button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:clamp(.7rem,2.2vw,.95rem)}.toolbar button:active,.toolbar button:focus-visible,.settings select:focus-visible{outline:4px solid #555}.toolbar button:disabled{opacity:.45}.settings label{display:grid;gap:3px;min-width:0;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#333}.table-area{display:grid;gap:8px}.top-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:start}.fc-top-row{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;align-items:start}.card-slot{aspect-ratio:79 / 123;border-radius:6px;border:2px dashed #888;background:#0000000a;position:relative;cursor:pointer;min-height:60px}.card-slot:hover{border-color:#444}.card-slot.selected{border-color:#111!important;border-style:solid;box-shadow:0 0 0 2px #111}.empty-slot{border:2px dashed #888;border-radius:6px}.slot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#888}.slot-placeholder.small{font-size:1.2rem}.card{position:absolute;width:100%;aspect-ratio:79 / 123;border-radius:5px;cursor:pointer;box-shadow:0 1px 3px #00000040;overflow:hidden;background:#fff}.card.face-down{cursor:default}.card:not(.face-down):hover{transform:translateY(-2px)}.card.selected{box-shadow:0 0 0 3px #111,0 1px 3px #00000040}.card.simplified-face{background:#fff;border:1px solid #555;display:flex;flex-direction:column;padding:4% 6%;line-height:1}.card.simplified-face.red{color:#b50000}.card.simplified-face.black{color:#111}.card.simplified-face .card-corner{font-size:clamp(.7rem,2vw,1rem);font-weight:900;display:flex;align-items:baseline;gap:1px}.card.simplified-face .card-corner span{font-size:.85em}.card.simplified-face .card-corner.bot{transform:rotate(180deg);align-self:flex-end;margin-top:auto}.card.simplified-face .card-center{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,5vw,2.6rem)}.card.simplified-back,.stock-back.simplified-back{background:repeating-linear-gradient(45deg,#444 0,#444 6px,#555 6px,#555 12px);border:1px solid #222}.card-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffeb;font-size:1.1rem;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.8)}.card-count.empty{color:#777;text-shadow:none}.tableau-row{display:grid;gap:6px;align-items:start}.tableau-row.cols-7{grid-template-columns:repeat(7,1fr)}.tableau-row.cols-8{grid-template-columns:repeat(8,1fr)}.tableau-col{position:relative;min-height:100px}.stock-slot{cursor:pointer}.notes{margin-top:12px;font-size:.85rem;color:#555}.about-page{border:2px solid #111;border-radius:10px;background:#f7f7f7;color:#111;padding:14px;font-size:1rem;line-height:1.5}.about-page h2{margin-top:0}.about-page button{min-height:42px;border:2px solid #111;border-radius:8px;background:#111;color:#fff;font-weight:900;padding:0 14px}@media(max-width:700px){.app{padding:8px}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.settings{grid-template-columns:repeat(2,minmax(0,1fr))}}