@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#eee9df;--ink:#3b3029;--muted:#77685b;--line:#d7cdbd;--accent:#8d422e;--cream:#faf7f0;--green:#556044;--pink:#f0bad2;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color:var(--ink);font-family:var(--sans);font-size:16px;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font:400 clamp(2.6rem,5vw,4.6rem)/1.03 var(--serif);letter-spacing:-.025em}h3{font:400 1.7rem/1.15 var(--serif)}p{line-height:1.7}.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 5vw;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font:400 30px/1 var(--serif);letter-spacing:-1px;white-space:nowrap}.wordmark i{font-size:22px}.wordmark span{display:block;font:500 9px/1 var(--sans);letter-spacing:2px;margin-top:12px}.site-header nav{display:flex;gap:30px}.nav-button{font-size:14px;position:relative;padding:16px 0;color:var(--muted)}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:'';position:absolute;bottom:6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--accent)}.sound-controls{display:flex;align-items:center;gap:12px}.sound-controls button{font-size:12px;display:flex;align-items:center;gap:10px;padding:10px 0}.sound-controls input{width:62px;accent-color:var(--accent)}.sound-bars{height:16px;display:flex;align-items:center;gap:3px}.sound-bars i{display:block;width:2px;height:5px;background:var(--muted)}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}.playing .sound-bars i{animation:sound 1s ease-in-out infinite alternate}.playing .sound-bars i:nth-child(2){animation-delay:-.3s}.playing .sound-bars i:nth-child(3){animation-delay:-.6s}@keyframes sound{to{transform:scaleY(.4)}}
#main-content{min-height:calc(100dvh - 180px);outline:none}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.7px;color:var(--muted)}.unbox-screen{min-height:650px;height:calc(100dvh - 180px);max-height:900px;display:grid;grid-template-columns:.85fr 1.2fr;align-items:center;max-width:1300px;margin:auto;padding:30px 5vw 55px;gap:25px}.intro{align-self:center;max-width:410px}.intro h1{margin:24px 0}.intro h1 em{color:var(--accent);font-weight:400}.intro p{color:var(--muted);font-size:15px;max-width:310px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;border-radius:3px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:var(--cream)}.button.primary:hover{background:var(--accent)}.button.secondary{border:1px solid var(--line);background:transparent}.intro .button{margin-top:30px}.fine-print{display:flex;gap:20px;margin-top:25px;font-size:12px;color:var(--muted)}
.box-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:530px;perspective:1400px}.box-scene{width:370px;height:274px;position:relative;transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(-27deg) rotateZ(-5deg);transition:transform .6s;cursor:grab;touch-action:none;--depth:78px}.box-scene.dragging{cursor:grabbing;transition:none}.box-face{position:absolute;backface-visibility:hidden;overflow:hidden;background:#ebe3d3;border:1px solid #bcb19d}.box-front,.box-back{width:370px;height:274px}.box-front{transform:translateZ(39px)}.box-back{transform:rotateY(180deg) translateZ(39px)}.box-right,.box-left{width:78px;height:274px;left:146px}.box-right{transform:rotateY(90deg) translateZ(185px)}.box-left{transform:rotateY(-90deg) translateZ(185px)}.box-bottom,.box-top{width:370px;height:78px;top:98px}.box-bottom{transform:rotateX(-90deg) translateZ(137px);background:#d5c6b0}.box-top{transform:rotateX(90deg) translateZ(137px);transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.22,.8,.25,1);overflow:visible}.box-face img{display:block;width:100%;height:100%;object-fit:fill}.box-right:after,.box-left:after,.box-bottom:after{content:'';position:absolute;inset:0;background:#493a2220;pointer-events:none}.box-top:after{content:'';height:34px;position:absolute;left:0;right:0;top:-33px;background:var(--cream);border-radius:24px 24px 0 0;backface-visibility:hidden;opacity:0;transition:opacity .4s}.box-scene.open .box-top{transform:translateY(-39px) translateZ(-39px) rotateX(-115deg)}.box-scene.open .box-top:after{opacity:1}.box-inner{position:absolute;width:360px;height:70px;left:5px;top:-30px;background:#5e4a35;transform:rotateX(90deg);box-shadow:inset 0 0 18px #231a13}.box-card-stack{width:230px;height:321px;position:absolute;top:20px;left:70px;transform:translateZ(10px);transition:transform 1.2s .15s;transform-style:preserve-3d}.box-card-stack img{width:100%;height:100%;border-radius:12px;box-shadow:2px 2px 0 #cbbda7,4px 4px 0 #f7f1e6,6px 6px 0 #cbbda7}.open .box-card-stack{transform:translateY(-190px) translateZ(5px) rotateZ(8deg)}.box-shadow{position:absolute;top:74%;width:350px;height:45px;background:#6d4c2d28;filter:blur(22px);transform:rotate(-7deg);border-radius:50%;pointer-events:none}.box-hint{position:absolute;bottom:6px;text-align:center;font-size:12px;color:var(--muted)}.box-hint span{display:block;margin-bottom:14px;color:var(--accent);font:italic 21px var(--serif)}.box-reset{display:block;margin:10px auto;font-size:12px;text-decoration:underline;text-underline-offset:4px}.site-footer{margin:0 5vw;min-height:68px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer span:last-child{font-size:9px;letter-spacing:1.8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{animation:fadein .45s ease both}@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h1{margin-top:17px}.collection-screen,.instructions-screen,.play-screen,.results-screen{max-width:1300px;margin:auto;padding:45px 5vw 50px}.collection-screen .section-heading h1{font-size:3.5rem}.collection-layout{display:grid;grid-template-columns:.75fr 1.3fr;align-items:center;min-height:430px;gap:60px}.card-caption{max-width:310px}.card-caption h2{font-size:2.8rem;line-height:1.07;margin:18px 0}.card-caption p{font-size:15px;color:var(--muted)}.edition{font-size:10px;letter-spacing:1.6px;display:block;margin-top:22px;color:var(--muted)}.text-button{padding:8px 0;border-bottom:1px solid var(--muted);font-size:13px}.card-caption .text-button{margin-top:14px}.card-display{position:relative;height:405px;display:flex;align-items:center;justify-content:center;perspective:1100px}.flip-card{position:relative;display:block;width:238px;height:330px;padding:0;background:transparent;perspective:1000px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s;border-radius:15px}.card-rotator{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.7,.25,1);border-radius:15px;box-shadow:5px 18px 25px #4a322e2b,1px 1px 0 #c5b49a,3px 3px 0 #e4dbcb}.flipped .card-rotator{transform:rotateY(180deg)}.card-side{display:block;position:absolute;inset:0;backface-visibility:hidden;border-radius:15px;overflow:hidden;background:#f2eee5}.card-side img{width:100%;height:100%;display:block;object-fit:fill}.card-reverse{transform:rotateY(180deg)}.flip-card.book{width:min(430px,100%);height:auto;aspect-ratio:720/342}.book .card-side,.book .card-rotator{border-radius:3px}.card-fan{position:absolute;width:220px;height:306px;pointer-events:none}.card-fan img{width:100%;height:100%;border-radius:14px;box-shadow:2px 5px 14px #4a322e22}.fan-one{transform:translate(-37px,8px) rotate(-15deg)}.fan-two{transform:translate(36px,7px) rotate(12deg)}.card-display:has(.book) .card-fan{width:180px;height:251px;opacity:.2}.flip-hint{position:absolute;bottom:7px;font-size:11px;color:var(--muted)}.browse-controls{display:flex;justify-content:center;align-items:center;gap:35px;margin:7px 0 25px}.round-button{border:1px solid var(--line);border-radius:50%;width:37px;height:37px;font-size:24px;line-height:1}.round-button:hover{background:var(--cream)}.browse-controls>div{text-align:center;min-width:205px}.card-count{display:block;font-size:12px;letter-spacing:3px}.card-count span{color:var(--muted)}.browse-label{display:block;font:20px var(--serif);margin-top:6px}.card-selector{display:flex;justify-content:center;gap:12px;overflow:auto;padding:15px 5px;border-top:1px solid var(--line)}.card-selector button{flex-shrink:0;width:45px;padding:3px;opacity:.48;position:relative;font-size:11px;border-radius:4px}.card-selector button:hover,.card-selector .chosen{opacity:1}.card-selector .chosen{outline:1px solid var(--accent);outline-offset:4px}.card-selector img{width:100%;height:54px;object-fit:contain;display:block}.card-selector span{display:block;margin-top:6px;font-size:9px;color:var(--muted)}
dialog{border:1px solid var(--line);background:var(--cream);color:var(--ink);width:min(720px,92vw);max-height:90dvh;padding:42px;border-radius:8px;box-shadow:0 25px 100px #25180e30}dialog::backdrop{background:#31261d66;backdrop-filter:blur(4px)}dialog.wide{width:min(1120px,95vw)}.close-dialog{position:absolute;right:12px;top:8px;font-size:28px;width:36px;height:36px}.card-detail{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:35px}.card-detail>img{width:100%;border-radius:12px;box-shadow:0 10px 24px #2c24161c}.card-detail h2{font-size:2.8rem;margin:14px 0}.card-detail p{font-size:15px;color:var(--muted)}.rule-note{font-size:12px!important;margin-top:14px;border-left:2px solid var(--accent);padding-left:12px}.original-rules{overflow:auto;margin:28px 0}.original-rules img{width:100%;min-width:680px;display:block}dialog p{margin-top:15px;font-size:14px;color:var(--muted)}dialog h2{font-size:2.8rem;margin-top:12px}
.instructions-screen{max-width:1200px;padding-bottom:65px}.how-to{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0}.step-number{display:block;font-size:12px;letter-spacing:2px;color:var(--accent);margin-bottom:15px}.how-to h3{margin-bottom:12px}.how-to p,.scoring-item p{font-size:15px;color:var(--muted)}.setup-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:23px 0;font-size:13px}.setup-strip strong{font-weight:500}.setup-strip span{color:var(--muted)}.scoring-heading{font-size:2.8rem;margin:50px 0 30px}.scoring-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 45px}.scoring-item{display:flex;align-items:center;gap:22px}.rule-card-thumb{padding:0;flex-shrink:0;width:72px;transform:rotate(-4deg);transition:transform .2s}.rule-card-thumb:hover{transform:rotate(0) scale(1.05)}.rule-card-thumb img{display:block;width:100%;border-radius:5px}.scoring-item h3{font-size:1.6rem;margin:7px 0}.scoring-item .eyebrow{font-size:9px}.edition-notes{margin-top:45px;border-block:1px solid var(--line);padding:22px 0}.edition-notes summary,.score-breakdown summary,.turn-log summary{font-size:13px;cursor:pointer}.edition-notes>div{max-width:850px;padding-top:15px}.edition-notes p{font-size:14px;color:var(--muted);margin:15px 0}.instructions-end{margin-top:30px;text-align:center}.setup-screen{min-height:650px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 6vw 60px}.setup-art{height:180px;position:relative;width:240px;margin-bottom:30px}.setup-art img{width:112px;position:absolute;top:0;left:27px;transform:rotate(-15deg);box-shadow:0 12px 25px #5c443823;border-radius:6px}.setup-art img:nth-child(2){transform:rotate(12deg);left:103px;top:8px}.setup-screen h1{margin:18px 0}.setup-screen p{color:var(--muted);font-size:15px}.player-select{display:flex;flex-direction:column;gap:10px;margin:28px 0 20px;font-size:12px;color:var(--muted);text-align:left}.player-select select{background:var(--cream);border:1px solid var(--line);color:var(--ink);padding:13px 45px 13px 15px;border-radius:3px;font-size:14px;min-width:250px}.setup-note{font-size:12px!important;margin-top:24px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.game-heading h1{font-size:2.8rem;margin-top:12px}.opponents{display:grid;grid-template-columns:repeat(var(--players),1fr);gap:22px}.opponent{border-bottom:1px solid var(--line);padding-bottom:16px;min-width:0}.player-label{display:flex;align-items:center;gap:10px}.player-label h3{font:500 14px var(--sans)}.avatar{background:#ded6c5;color:#756c56;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font:16px var(--serif)}.avatar-1{background:#e7cbbf;color:#975c42}.avatar-2{background:#d3d8c3;color:#536043}.avatar-3{background:#d4cede;color:#6a567f}.score{margin-left:auto;font-size:18px}.score small{font-size:11px;font-weight:400;color:var(--muted)}.tableau{display:flex;gap:5px;min-height:83px;align-items:center;flex-wrap:wrap;padding:12px 0}.tableau-card{padding:0;width:43px;flex-shrink:0;transition:transform .15s}.tableau-card img{display:block;width:100%;border-radius:3px}.tableau-card:hover{transform:translateY(-7px) scale(1.4);z-index:1}.tableau-empty{font:italic 20px var(--serif);color:#a09688}.player-subline{font-size:10px;color:var(--muted)}.your-table{margin:24px 0 26px;padding:18px 24px;background:#e5dfd1;border-radius:4px;min-height:144px}.your-table-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.your-table h2{font-size:1.7rem}.your-table-heading>span{font-size:12px;color:var(--muted)}.your-tableau{min-height:82px;padding-bottom:0}.your-tableau .tableau-card{width:49px}.hand-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:24px}.hand-heading h2{font-size:2.3rem}.hand-heading p{font-size:13px;color:var(--muted);margin-top:5px;min-height:23px}.hand{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:12px 2px 5px;perspective:1200px}.hand-slot{flex:1 1 0;max-width:135px;min-width:0;text-align:center}.hand-card{padding:0;width:100%;position:relative;display:block;transition:transform .3s;transform:rotateY(-3deg);border-radius:7px;box-shadow:0 6px 12px #442c1614;transform-style:preserve-3d}.hand-card img{width:100%;display:block;border-radius:7px}.hand-card:hover{transform:translateY(-12px) rotateY(0)}.hand-card.selected{transform:translateY(-18px) rotateY(0);outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 12px 25px #693e292e}.selection-mark{position:absolute;right:6px;top:6px;background:var(--accent);color:white;width:21px;height:21px;display:none;align-items:center;justify-content:center;border-radius:50%;font-size:11px}.selected .selection-mark{display:flex}.inspect-hand{font-size:10px;color:var(--muted);padding:13px 0 8px;white-space:nowrap}.inspect-hand:hover{text-decoration:underline}.pass-note{font-size:10px;letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--muted);margin:22px 0 0}.turn-log{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.turn-log p{font-size:12px;color:var(--muted);margin-top:7px}.swap-hand{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0 20px}.swap-card{width:92px;position:relative;padding:0;border-radius:6px}.swap-card img{width:100%;display:block;border-radius:6px}.swap-card.selected{outline:2px solid var(--accent);outline-offset:4px}.swap-number{position:absolute;right:4px;top:4px;background:var(--accent);color:white;border-radius:50%;width:24px;height:24px;font-size:13px;line-height:24px}.swap-actions{display:flex;justify-content:space-between;align-items:center;font-size:13px}.results-screen{text-align:center;max-width:1050px;padding-block:70px}.results-screen h1{margin:20px 0}.results-screen>p{font-size:14px;color:var(--muted);margin:0 auto 30px;max-width:550px}.results-table-wrap{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;text-align:right;font-size:14px;margin:30px 0}.results-table th,.results-table td{padding:21px 18px;border-bottom:1px solid var(--line);white-space:nowrap}.results-table thead th{font-size:11px;color:var(--muted);font-weight:500}.results-table th:first-child{text-align:left}.results-table tbody th{font-weight:500}.results-table tbody .your-score{background:#e2dbc9}.results-table td:last-child{font-size:20px}.result-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:32px}.score-breakdown{text-align:left;padding:15px 0;border-bottom:1px solid var(--line)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;padding:25px 0 10px}.breakdown-grid h3{margin-bottom:15px}.breakdown-grid p{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);line-height:2}
@media(max-width:1100px){.hand{gap:7px}.hand-slot{max-width:120px}.opponents{gap:15px}.collection-layout{gap:35px}.scoring-grid{gap:30px}}
@media(max-width:900px){.site-header{gap:16px;flex-wrap:wrap;padding:22px 0;min-height:120px}.site-header nav{order:3;justify-content:center;width:100%;gap:28px}.wordmark{font-size:25px}.unbox-screen{grid-template-columns:1fr;min-height:auto;height:auto;gap:0;padding-top:35px;text-align:center}.intro{margin:auto;max-width:500px}.intro p{margin:auto}.intro h1{font-size:3.5rem}.fine-print{justify-content:center}.box-area{min-height:480px}.box-scene{scale:.85}.box-shadow{top:77%}.site-footer{gap:20px}.site-footer span:last-child{max-width:150px;text-align:right;line-height:1.6}.collection-screen,.instructions-screen,.play-screen{padding-top:32px}.collection-layout{grid-template-columns:.8fr 1.2fr;gap:20px}.flip-card{width:206px;height:285px}.card-caption h2{font-size:2.3rem}.card-fan{width:192px;height:265px}.flip-card.book{min-height:180px}.card-selector{justify-content:flex-start}.hand{flex-wrap:wrap;gap:12px}.hand-slot{flex:0 0 calc(20% - 12px);max-width:130px}.opponents:has(.opponent:nth-child(4)){grid-template-columns:repeat(2,1fr)}.how-to{gap:22px}.setup-strip{flex-wrap:wrap;justify-content:flex-start;gap:18px}.setup-strip strong{width:100%}}
@media(max-width:600px){.section-heading{align-items:start}.section-heading .button{font-size:12px;padding:12px 15px;min-height:42px}.collection-screen .section-heading h1{font-size:2.8rem}.collection-layout{display:flex;flex-direction:column-reverse;gap:0}.card-display{width:100%;height:365px}.card-caption{text-align:center;max-width:100%;min-height:180px}.card-caption h2{font-size:2rem;margin:13px 0}.card-caption .edition{margin-top:12px}.card-caption .text-button{margin-top:8px}.card-caption .rule-note{text-align:left}.card-display:has(.book){height:265px}.browse-controls{margin-top:28px}.card-detail{grid-template-columns:1fr;text-align:center;gap:20px}.card-detail>img{width:185px;margin:auto}.card-detail h2{font-size:2rem}dialog{padding:36px 24px}.instructions-screen .section-heading{flex-direction:column;gap:20px}.how-to{grid-template-columns:1fr;gap:26px;margin-top:32px}.how-to article{position:relative;padding-left:42px}.step-number{position:absolute;left:0;top:4px}.scoring-grid{grid-template-columns:1fr}.scoring-heading{font-size:2.2rem}.game-heading h1{font-size:2.1rem}.game-heading .text-button{white-space:nowrap}.opponents{grid-template-columns:repeat(2,1fr)}.opponents:has(.opponent:only-child){grid-template-columns:1fr}.player-label{gap:7px}.tableau-card{width:33px}.tableau{min-height:67px}.your-table{padding:15px;margin:20px 0}.your-table-heading>span{font-size:10px}.hand-heading{align-items:start;gap:10px}.hand-heading h2{font-size:2rem}.hand-heading p{font-size:12px;max-width:230px}.hand-heading .button{min-width:117px;padding:12px;font-size:12px}.hand-slot{flex-basis:calc(33.33% - 10px);max-width:120px}.hand{gap:13px 10px}.hand-card.selected{transform:translateY(-9px)}.results-screen{padding-top:45px}.results-screen h1{font-size:3.3rem}.results-table th,.results-table td{padding:17px 12px}.swap-card{width:calc(25% - 10px);min-width:60px}.swap-actions{gap:15px}.flip-card.book{max-width:390px;min-height:0}.flip-hint{font-size:10px}.setup-screen .eyebrow{font-size:10px}}
@media(max-width:480px){.box-scene{scale:.72}.box-area{min-height:410px}.unbox-screen{padding-bottom:28px}.site-header{margin:0 6vw}.sound-controls button{font-size:11px}.sound-controls input{width:45px}.site-header nav{gap:24px}.intro h1{font-size:3rem}.site-footer{font-size:11px}.box-hint{bottom:0}.fine-print{font-size:10px;gap:12px}.your-table h2{font-size:1.4rem}.section-heading .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.box-top{top:-39px;transform:rotateX(90deg);transform-origin:50% 50%}.box-scene.open .box-top{transform:translateY(-44px) translateZ(-39px) rotateX(-20deg)}.box-card-stack{width:157px;height:218px;left:105px;top:22px}.open .box-card-stack{transform:translateY(-148px) translateZ(5px) rotateZ(8deg)}
@media(max-width:900px){.unbox-screen{position:relative;padding-top:320px}.box-area{position:absolute;top:0;left:0;right:0;min-height:320px;height:320px;pointer-events:none}.box-scene{scale:.7;pointer-events:auto}.box-hint{display:none}.box-shadow{top:75%;width:260px;height:25px}.intro{padding-top:20px;padding-bottom:30px}.intro h1{margin:18px 0}.intro .button{margin-top:20px}.intro .eyebrow{font-size:10px}.fine-print{margin-top:20px}}
@media(max-width:480px){.unbox-screen{padding-top:285px}.box-area{height:285px;min-height:285px}.box-scene{scale:.62}.intro{padding-top:0}.intro h1{font-size:2.7rem;line-height:1.05}.intro h1 br{display:none}.intro p{font-size:14px}}
/* The supplied net: 403.344 × 281.089 × 71.616. Each panel has two sides. */
.site-header{min-height:96px}.wordmark{font-size:32px}.site-header nav{gap:32px}#main-content{min-height:calc(100dvh - 96px)}
.unbox-screen{height:calc(100dvh - 96px);min-height:610px;max-height:none;display:flex;flex-direction:column;justify-content:center;gap:0;padding:50px 20px 40px;max-width:none}.box-area{position:relative;inset:auto;min-height:430px;height:430px;width:min(720px,100%);pointer-events:auto;perspective:1600px}.box-scene{width:403px;height:281px;transform:rotateX(-16deg) rotateY(-24deg);scale:1;outline-offset:25px}.box-face{overflow:visible;transform-style:preserve-3d;background:none;border:0;backface-visibility:visible}.box-front,.box-back{width:403px;height:281px}.box-front{transform:translateZ(36px)}.box-back{transform:rotateY(180deg) translateZ(36px)}.box-left,.box-right{width:72px;height:281px;left:165.5px}.box-left{transform:rotateY(-90deg) translateZ(201.5px)}.box-right{transform:rotateY(90deg) translateZ(201.5px)}.box-bottom{width:403px;height:72px;top:245px;transform:rotateX(-90deg);background:none}.box-right:after,.box-left:after,.box-bottom:after{display:none}.panel-outside,.panel-inside{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border:1px solid #cfc3b0;background:#eee7d7;box-shadow:inset 0 0 6px #78634215}.panel-outside{transform:translateZ(.35px)}.panel-inside{transform:rotateY(180deg) translateZ(.4px);background:#e9e0cb}.panel-outside img,.panel-inside img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.panel-inside img{object-fit:cover}.box-right .panel-outside:after,.box-left .panel-outside:after{content:'';position:absolute;inset:0;background:#4e372313}.box-back .panel-inside{filter:brightness(.91)}.box-bottom-interior{position:absolute;top:244px;left:1px;width:401px;height:72px;transform:rotateX(90deg);backface-visibility:hidden;background:#e9e0cb}.box-bottom-interior img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.lid-hinge{position:absolute;width:403px;height:72px;left:0;top:0;transform-origin:50% 0;transform:translateZ(-36px) rotateX(90deg);transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.25,.7,.3,1)}.lid-panel{position:absolute;inset:0;transform-style:preserve-3d}.tuck-flap{position:absolute;top:72px;left:0;width:403px;height:51px;transform:rotateX(-90deg) translateZ(-1px);transform-origin:50% 0;transform-style:preserve-3d;transition:transform 1.1s ease}.tuck-flap .panel-outside,.tuck-flap .panel-inside{border-radius:0 0 43px 43px;box-shadow:none}.box-scene.open .lid-hinge{transform:translateZ(-36px) rotateX(210deg)}.box-scene.open .tuck-flap{transform:rotateX(0deg)}.dust-flap{width:63px;height:72px;top:-36px;position:absolute;transform:rotateX(90deg);transform-style:preserve-3d;transition:transform 1.1s .15s ease}.dust-left{left:0;transform-origin:0 50%}.dust-right{right:0;transform-origin:100% 50%}.dust-flap .panel-outside,.dust-flap .panel-inside{border-radius:8px 8px 2px 2px}.open .dust-left{transform:rotateX(90deg) rotateY(-115deg)}.open .dust-right{transform:rotateX(90deg) rotateY(115deg)}.box-card-stack{width:160px;height:220px;left:120px;top:20px;transform:translateZ(8px);transition:transform 1.25s .2s ease}.open .box-card-stack{transform:translateY(-63px) translateZ(8px) rotateZ(4deg)}.box-shadow{top:85%;width:420px;height:38px;transform:none;filter:blur(23px);background:#61472724}.unbox-controls{text-align:center;position:relative;margin-top:12px;z-index:2}.unbox-controls p{color:var(--muted);font-size:13px;margin-bottom:18px}.unbox-controls>div{display:flex;justify-content:center;align-items:center;gap:16px}.unbox-controls .button{min-width:150px}.unbox-controls .round-button{font-family:Arial,sans-serif;font-size:23px;width:36px;height:36px}.section-heading h1{margin-top:0}.collection-layout{min-height:420px}.card-caption .edition,.card-caption>.eyebrow{display:none}.game-heading h1{font-size:2.7rem}.collection-screen .section-heading h1{font-size:3.3rem}.setup-screen{min-height:calc(100dvh - 96px);justify-content:center;padding-block:35px}.instructions-screen .section-heading h1{font-size:3.8rem}.instructions-screen .how-to{margin-top:34px}.card-detail .eyebrow{display:none}.hand-heading p{font-size:14px}.scoring-item p,.how-to p{font-size:16px}
@media(max-width:900px){.site-header{min-height:120px;padding-block:22px}.site-header nav{gap:30px}.wordmark{font-size:29px}#main-content{min-height:calc(100dvh - 120px)}.unbox-screen{padding:60px 16px 35px;min-height:570px;height:calc(100dvh - 140px)}.box-area{position:relative;top:auto;left:auto;right:auto;height:380px;min-height:380px}.box-scene{scale:.86}.box-shadow{width:320px;top:85%}.unbox-controls{margin-top:8px}.collection-layout{min-height:380px}}
@media(max-width:600px){.unbox-screen{min-height:540px;padding-top:30px}.box-area{height:365px;min-height:365px}.box-scene{scale:.69}.box-shadow{width:260px;top:80%}.unbox-controls{margin-top:0}.instructions-screen .section-heading h1{font-size:3rem}.collection-layout{min-height:0}.card-caption{min-height:140px}.card-caption h2{margin-block:10px}.card-caption .text-button{margin-top:4px}.card-display{height:335px}.collection-screen .section-heading h1{font-size:2.8rem}.wordmark{font-size:27px}}
@media(max-width:380px){.box-scene{scale:.6}.box-area{height:330px;min-height:330px}.unbox-screen{min-height:480px}.site-header nav{gap:25px}}
.lid-hinge{transform:translateZ(36px) rotateX(90deg)}.lid-panel{inset:auto;left:0;top:-72px;width:403px;height:72px}.tuck-flap{top:-111px;height:39px;transform-origin:50% 100%;transform:rotateX(90deg) translateZ(-1px)}.tuck-flap .panel-outside,.tuck-flap .panel-inside{border-radius:38px 38px 0 0}.box-scene.open .lid-hinge{transform:translateZ(36px) rotateX(-35deg)}.box-scene.open .tuck-flap{transform:rotateX(0deg)}.box-back .panel-outside,.box-back .panel-inside{clip-path:polygon(0 0,46% 0,46% 3%,47% 5%,49% 6%,51% 6%,53% 5%,54% 3%,54% 0,100% 0,100% 100%,0 100%)}
.box-scene.open .lid-hinge{transform:translateZ(36px) rotateX(-100deg)}.open .box-card-stack{transform:translateY(-140px) translateZ(8px) rotateZ(4deg)}
/* A centered card gallery, with compact captions above every design. */
.collection-screen .section-heading{position:relative;justify-content:center;align-items:center;min-height:48px;margin-bottom:20px}
.collection-screen .section-heading h1{font-size:1.5rem;text-align:center}
.collection-screen .section-heading>.button{position:absolute;right:0;top:0}
.collection-layout{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}
.collection-screen .card-caption{width:100%;max-width:520px;min-height:0;text-align:center}
.collection-screen .card-caption h2{font-size:1.6rem;line-height:1.2;margin:0 0 8px}
.collection-screen .card-caption p{font-size:.875rem;line-height:1.6;margin:0 auto;max-width:470px}
.collection-screen .card-caption .text-button{font-size:.8125rem;margin-top:4px;padding:6px 0}
.collection-screen .card-caption .rule-note{font-size:.75rem!important;text-align:center;border-left:0;padding:0;margin-top:8px}
.collection-screen .card-display{width:100%;max-width:600px;height:380px;margin:0 auto}
.collection-screen .card-display:has(.book){height:290px}
.collection-screen .browse-controls{margin:14px auto 24px}
.collection-screen .browse-label{display:none}
.collection-screen .browse-controls>div{min-width:90px}
.collection-screen .card-selector{justify-content:center;flex-wrap:wrap;gap:12px;width:100%;max-width:840px;margin:0 auto;overflow:visible}
.card-detail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.card-detail>div{order:-1;max-width:480px}
.card-detail>img{width:min(230px,70vw)}
.card-detail h2{font-size:1.6rem;line-height:1.2;margin:0 0 10px}
.card-detail p{font-size:.875rem;line-height:1.6;margin-top:0}
.card-detail .rule-note{border-left:0;padding:0;margin-top:10px}
.tableau,.swap-hand{justify-content:center}
@media(max-width:600px){
 .collection-screen .section-heading{margin-bottom:26px}
 .collection-screen .section-heading h1{font-size:1.35rem}
 .collection-screen .card-caption h2{font-size:1.4rem}
 .collection-screen .card-display{height:340px}
 .collection-screen .card-display:has(.book){height:220px}
 .collection-screen .card-selector{gap:12px 10px}
 .collection-screen .card-selector button{width:36px}
 .collection-screen .browse-controls{margin-top:12px}
}
.wordmark{display:block;line-height:0;padding:8px 0;flex-shrink:0}
.wordmark img{display:block;width:112px;height:86px;object-fit:contain}
.site-header{min-height:108px}
.box-card-stack{padding:0;border:0;background:none;border-radius:10px;cursor:pointer}
.box-card-stack:disabled{opacity:1;cursor:inherit}
.box-card-stack:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.collection-screen{padding-top:48px}
.collection-screen .card-caption h1{font:400 1.6rem/1.2 var(--serif);letter-spacing:0;margin:0 0 18px}
.collection-screen .collection-layout{gap:20px}
@media(max-width:600px){
 .wordmark img{width:94px;height:72px}
 .collection-screen{padding-top:34px}
 .collection-screen .card-caption h1{font-size:1.4rem;margin-bottom:18px}
 .collection-screen .collection-layout{gap:16px}
}

/* Three-card gallery: the center card rotates in place without entrance animation. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;min-height:108px;padding-block:0;flex-wrap:nowrap}
.wordmark{justify-self:start}
.site-header nav{grid-column:2;order:0;width:auto;gap:32px}
.collection-screen{max-width:1120px;padding-inline:5vw}
.collection-screen .collection-layout{gap:12px}
.collection-screen .card-caption{min-height:92px;max-width:540px}
.collection-screen .card-display{--card-width:clamp(190px,26vw,238px);--neighbor-offset:clamp(112px,25vw,255px);width:100%;max-width:940px;height:410px;isolation:isolate;perspective:1400px}
.collection-screen .flip-card{z-index:2;width:var(--card-width);height:auto;aspect-ratio:238/330;transform:none;transition:none;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.collection-screen .flip-card.dragging{cursor:grabbing}
.collection-screen .card-rotator{transform:rotateX(var(--rotation-x,0deg)) rotateY(var(--rotation-y,0deg));transition:none;pointer-events:none}
.collection-screen .flipping .card-rotator{transition:transform .65s cubic-bezier(.22,.7,.25,1)}
.collection-screen .card-side{border-radius:12px}
.collection-screen .card-side img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.neighbor-card{position:absolute;left:50%;top:50%;width:var(--card-width);aspect-ratio:238/330;padding:0;z-index:1;opacity:.64;border-radius:12px;transition:opacity .2s;transform-style:preserve-3d}
.neighbor-card:hover,.neighbor-card:focus-visible{opacity:1}
.neighbor-card img{display:block;width:100%;height:100%;border-radius:12px;box-shadow:2px 12px 25px #4a322e1c;pointer-events:none}
.neighbor-previous{transform:translate(-50%,-50%) translateX(calc(-1 * var(--neighbor-offset))) rotateY(16deg) scale(.78)}
.neighbor-next{transform:translate(-50%,-50%) translateX(var(--neighbor-offset)) rotateY(-16deg) scale(.78)}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;background:var(--paper);font-family:Arial,sans-serif}
.previous-arrow{left:0}.next-arrow{right:0}
.collection-screen .card-caption{min-height:140px}
.collection-screen .card-description{white-space:pre-line}
.collection-screen .rotation-hint{font-size:11px;line-height:18px;letter-spacing:.025em;text-align:center;color:var(--muted);margin:0}
.collection-screen .browse-controls{margin:0 auto 26px;min-height:20px}
.collection-screen .card-display{overflow:clip;height:440px}
.collection-screen .flip-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.card-transition-ghost{pointer-events:none!important;outline:0!important}
.gallery-arrow:focus-visible{outline-offset:-3px}
.collection-screen .card-selector{max-width:840px}
@media(max-width:600px){
 .site-header{grid-template-columns:1fr auto;min-height:100px;margin-inline:6vw;padding-block:8px}
 .site-header nav{gap:24px}
 .collection-screen{padding-top:30px;padding-inline:4vw}
 .collection-screen .card-caption{min-height:148px;padding-inline:10px}
 .collection-screen .card-display{--card-width:clamp(162px,48vw,208px);--neighbor-offset:clamp(88px,27vw,152px);height:360px}
 .neighbor-previous{transform:translate(-50%,-50%) translateX(calc(-1 * var(--neighbor-offset))) rotateY(22deg) scale(.7)}
 .neighbor-next{transform:translate(-50%,-50%) translateX(var(--neighbor-offset)) rotateY(-22deg) scale(.7)}
 .gallery-arrow{width:30px;height:36px;background:var(--paper);border-color:transparent}
 .previous-arrow{left:-6px}.next-arrow{right:-6px}
 .collection-screen .browse-controls{margin:0 auto 22px}
}
.wordmark img{width:172px;height:auto}
.site-header{min-height:88px}
@media(max-width:600px){.wordmark img{width:148px;height:auto}.site-header{min-height:78px}}
.taking-cards .box-scene{pointer-events:none}
.taking-cards .unbox-controls button:disabled{opacity:1}
.taking-cards .box-card-stack::before,.taking-cards .box-card-stack::after{content:'';position:absolute;inset:0;border-radius:10px;background:url('assets/card-back.svg') center/100% 100%;box-shadow:1px 3px 0 #cbbda7;pointer-events:none}
.taking-cards .box-card-stack::before{transform:translateZ(-3px) translate(-5px,4px) rotate(-3deg)}
.taking-cards .box-card-stack::after{transform:translateZ(-2px) translate(4px,2px) rotate(2deg)}
.taking-cards .box-card-stack>img{position:relative;transform:translateZ(1px)}