*{box-sizing:border-box}html{background:#103c30;color:#eee2bd;font-family:Georgia,serif}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 40% 15%,#38745655,transparent 60%),repeating-linear-gradient(87deg,#fff1 0px,transparent 1px,transparent 4px),repeating-linear-gradient(3deg,#0001 0px,transparent 1px,transparent 3px),#14503c;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #f7d473;outline-offset:4px}a{color:inherit}.masthead{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:24px 38px}.masthead>button{font-size:27px;letter-spacing:-1px;border:0;background:none}.masthead nav{display:flex;gap:26px;align-items:center;font:12px Arial}.masthead nav button{border:0;background:transparent;padding:10px 0}.masthead nav a{text-decoration:none}main{--gap:15px;--card:calc((100% - 6*var(--gap))/7);max-width:1060px;margin:0 auto;padding:0 35px 30px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 25px;font:12px Arial;color:#ddcfaa}.toolbar>div{display:flex;gap:9px}.toolbar button,.selection-bar button{border:1px solid #c9b77b88;background:#0c342c77;box-shadow:0 2px #062a2266;border-radius:4px;padding:10px 15px;font:12px Arial;color:#e8d9b4}#table{user-select:none;-webkit-user-select:none;min-height:450px}#top-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);margin-bottom:28px;align-items:start}#foundations{display:contents}.pile,#stock{aspect-ratio:5/7;position:relative;border-radius:7px;min-width:0}#stock{padding:0;border:1px solid #c4ad7677;box-shadow:inset 0 0 0 3px #133e2f,0 2px 3px #082b2077;background:#0b3d2d;color:#abbd9177;font-size:36px}#stock .card{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.pile.slot{border:1px solid #b5c09355;background:#123f3038;box-shadow:inset 0 1px 8px #00271933}.pile.slot:before{content:attr(data-suit);position:absolute;inset:0;display:grid;place-items:center;font-size:40px;opacity:.18}.pile.legal-target{box-shadow:0 0 0 3px #f8da7a88,inset 0 0 20px #f8da7a22}#tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);align-items:start}.column{position:relative;min-height:180px;aspect-ratio:auto}.column>.card{position:absolute;left:0;right:0;width:100%;touch-action:none}.card{aspect-ratio:5/7;display:block;border:1px solid #d8c695;background:#f1ebd8;border-radius:7px;color:#23352f;box-shadow:0 1px 0 #fff9 inset,0 2px 0 #bfb295,1px 5px 8px #00190c66;padding:0;overflow:hidden;position:relative;text-align:left;isolation:isolate;contain:layout paint;transform-origin:50% 80%}.card:after{content:'';pointer-events:none;position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(0deg,#24311b22,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,#24311b22,transparent 1px,transparent 3px)}.card.red{color:#9d312c}.card.selected{outline:3px solid #ffd478;outline-offset:2px;transform:translateY(-4px)}.card.hinted,#stock.hinted{animation:hint 900ms ease-in-out 2}.card.back{background:repeating-linear-gradient(45deg,#cca76444 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,#cca76444 0 1px,transparent 1px 6px),#203f54;border:5px solid #ede4cb;box-shadow:inset 0 0 0 2px #b59b68,0 3px 0 #bbac8b,1px 5px 8px #00190c66}.card.back:before{content:'M H';position:absolute;inset:8px;display:grid;place-items:center;border:1px solid #d4b77188;border-radius:30%;font:italic 28px Georgia;color:#e4cb92;letter-spacing:.07em}.corner{position:absolute;z-index:3;top:5px;left:6px;display:flex;flex-direction:column;align-items:center;font:bold 20px/.9 Georgia;min-width:14px;text-shadow:0 0 3px #f1ebd8}.corner .suit{font-size:17px;margin-top:2px}.corner.bottom{top:auto;left:auto;right:6px;bottom:5px;transform:rotate(180deg)}.card-picture{position:absolute;inset:9% 16%;border:1px solid #beac81;border-radius:2px;overflow:hidden;background:#ddd4ad;display:flex;flex-direction:column}.card-picture img{height:50%;width:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.03)}.card-picture img.mirror{transform:rotate(180deg)}.card-picture img.finished-art{height:100%;filter:none;object-fit:contain}.selection-bar{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px;min-height:45px;color:#c3caab;font:12px Arial}.selection-bar>span{min-width:65px}.drag-ghost{position:fixed!important;pointer-events:none!important;z-index:1000;opacity:.95;transform:rotate(3deg);box-shadow:8px 14px 24px #001a1399}.cascade-card{position:fixed;z-index:60;pointer-events:none;animation:fall 2.3s cubic-bezier(.35,.1,.7,.8) forwards}dialog{padding:0;border:4px solid #b59a61;box-shadow:0 24px 90px #000b;color:#e9dfbd;background:#174534;border-radius:8px;max-width:calc(100vw - 20px);max-height:calc(100svh - 20px)}dialog::backdrop{background:#051d19b8;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #a4915d;position:sticky;top:0;background:#133c2e;z-index:8}dialog h2{font:27px Georgia;margin:0}dialog [data-close]{background:#2d533d;border:1px solid #a29461;min-width:42px;height:42px;color:#e6d7ad;border-radius:3px;font:27px Georgia}dialog footer{display:flex;justify-content:space-between;gap:14px;padding:17px 22px;border-top:1px solid #a2aa87}.small-dialog{width:540px}.small-dialog p,#about-copy{padding:16px 25px;font:17px/1.6 Georgia}.deal-actions{display:flex;gap:12px;flex-wrap:wrap;padding:20px 25px}.deal-actions button,dialog footer button{background:#e7dcc0;color:#274331;border:1px solid #f6e8b9;border-radius:3px;padding:12px 15px;font:12px Arial}.catalogue{width:1120px;overflow:auto}#deck-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px;padding:25px}.deck-entry{border:0;background:none;padding:0;font:13px Georgia;line-height:1.4}.deck-entry>.card{width:100%;margin-bottom:12px}.reader{width:1140px;height:calc(100svh - 24px);max-height:calc(100svh - 24px);overflow:hidden;background:#ede6d3;color:#294234}.reader[open]{display:flex;flex-direction:column}.reader>header{flex:0 0 auto;color:#ecdeb6}.reader header span{display:block;font:10px Arial;margin-bottom:5px;letter-spacing:.12em;color:#b3c4a0}#reader-scroll{overflow:auto;min-height:0;padding:25px 35px;overscroll-behavior:contain}.reader footer{flex:0 0 auto}.ab-media{--ab-text:#294334;--ab-muted:#68725b;--ab-line:#a7b190;--ab-accent:#416b4e;--ab-font:Georgia,serif}#inspected-art{float:left;width:185px;margin:0 28px 24px 0}#inspected-art>.card{width:100%}#media{min-width:0}#media:after{content:'';clear:both;display:block}.ab-media .ab-lede{font:20px/1.5 Georgia}#loader{position:fixed;z-index:2000;inset:0;background:#174a36;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e3d7b0;gap:18px}#loader[hidden]{display:none}#loader p{font:23px Georgia;margin:0}#loader progress{height:4px;width:140px;accent-color:#d7bd7f}.loading-card{border:3px solid #e8dcc0;border-radius:5px;width:65px;height:91px;background:#173d4a;display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic 27px Georgia;box-shadow:3px 5px 0 #123022}.loading-card span{transform:rotate(180deg)}@keyframes hint{50%{box-shadow:0 0 0 5px #ffda7b,0 3px 16px #fce29199}}@keyframes fall{0%{transform:translate(0,0) rotate(0)}40%{transform:translate(var(--dx),30vh) rotate(70deg)}60%{transform:translate(calc(var(--dx)*1.3),15vh) rotate(110deg)}100%{transform:translate(calc(var(--dx)*1.6),100vh) rotate(170deg)}}@media(max-width:700px){.masthead{padding:19px 16px}.masthead>button{font-size:23px}.masthead nav{gap:19px;font-size:11px}main{--gap:5px;padding:0 8px 20px}.toolbar{padding:0 5px;margin:4px 0 22px;font-size:10px}.toolbar>div{gap:7px}.toolbar button{font-size:11px;padding:10px 11px}#top-row{margin-bottom:22px}.pile,#stock,.card{border-radius:4px}.pile.slot:before{font-size:25px}.card{box-shadow:0 1px #c9ba98,0 2px 4px #00190977}.card.back{border-width:3px}.card.back:before{inset:4px;font-size:12px;border-radius:20%;letter-spacing:0}.corner{top:3px;left:3px;font-size:13px;min-width:7px}.corner .suit{font-size:12px;margin-top:1px}.corner.bottom{right:3px;bottom:3px}.card-picture{inset:9% 23%}.selection-bar{gap:10px;font-size:11px;margin-top:22px}.selection-bar button{font-size:11px;padding:12px}.catalogue{width:calc(100vw - 16px)}#deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:17px;gap:19px 14px}.deck-entry{font-size:12px}.deck-entry .corner{font-size:19px}.deck-entry .card-picture{inset:9% 18%}dialog header{padding:13px 16px}dialog h2{font-size:24px}.reader{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100svh - 12px);max-height:calc(100svh - 12px);border-width:3px}#reader-scroll{padding:21px 13px}#inspected-art{float:none;width:145px;margin:0 auto 25px}#inspected-art .corner{font-size:20px}#inspected-art .card-picture{inset:9% 18%}.reader footer{padding:12px;gap:8px}.reader footer button{padding:12px 8px;font-size:11px}.ab-portrait{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.pile:not(.column)>.card{width:100%;height:100%}

/* Round two: larger courts, physical motion, and a phone inspection card. */
#reader-scroll{flex:1}.pile:focus-visible{outline:3px solid #f7d473;outline-offset:4px}.card-picture{inset:6% 9%}.card-picture img.finished-art{object-fit:cover}.corner{background:#f1ebd8;border-radius:2px;padding:1px 2px;left:3px;font-size:18px}.corner.bottom{right:3px}.cascade-canvas{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;pointer-events:none}#selection-art{display:none}main{padding-bottom:20px}.selection-bar{margin-top:20px}
@media(max-width:700px){.masthead nav{gap:12px}.masthead nav button{min-height:44px}#table{min-height:0}.column{min-height:80px}.card-picture,.deck-entry .card-picture,#inspected-art .card-picture{inset:6% 9%}.corner{font-size:11px;left:1px;top:1px;padding:1px}.corner.bottom{right:1px;bottom:1px}.corner .suit{font-size:10px}#selection-art{display:block;width:115px;margin:22px auto 0;padding:0;border:0;background:none}#selection-art[hidden]{display:none}#selection-art>.card{width:100%}#selection-art .corner{font-size:18px;padding:2px}#selection-art .corner .suit{font-size:16px}.deck-entry .corner{font-size:16px}.selection-bar{margin-top:16px}}