:root{--green:#103c46;--deep:#082b33;--cream:#f4f7f6;--paper:#ffffff;--copper:#df7059;--ink:#173940;--muted:#65797d;--line:#d7e1e2;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a64332}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #df7059;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.5vw,4.8rem);margin-bottom:25px}h2{font-size:clamp(2rem,3.3vw,3rem);margin-bottom:20px}h3{font-size:1.55rem;margin-bottom:16px}p{margin-bottom:20px}.eyebrow{display:block;font-size:.68rem;letter-spacing:.18em;font-weight:750;text-transform:uppercase;color:#ad4a36;margin-bottom:20px}.header{background:var(--cream);border-bottom:1px solid var(--line)}.head{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:1.2rem;font-weight:650;white-space:nowrap;line-height:1.1}.brand small{display:block;font-size:.59rem;letter-spacing:.12em;font-weight:500;text-transform:uppercase;margin-top:9px;color:var(--muted)}.brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--copper);width:42px;height:53px;color:var(--green);font-family:var(--serif);font-size:18px;border-radius:3px;gap:3px}.brand-mark span{font-size:14px}.nav{display:flex;align-items:center;gap:25px;font-size:.8rem;font-weight:600}.nav a{padding:10px 0;white-space:nowrap}.nav a[aria-current]{border-bottom:2px solid var(--copper)}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.hero{background:var(--green);color:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:590px;padding-top:65px;padding-bottom:65px}.hero .eyebrow{color:#f5b4a3}.hero h1{font-size:clamp(3rem,5.2vw,4.7rem);max-width:580px}.hero-copy{max-width:475px;color:#c1d5d9;font-size:.98rem}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:white;border:1px solid var(--green);padding:13px 23px;border-radius:3px;font-size:.8rem;font-weight:650;line-height:1.5;min-height:44px}.btn:hover{background:#20545e;color:white}.btn.copper{background:#ed9b85;border-color:#ed9b85;color:#15353d}.btn.copper:hover{background:#f6b29c}.btn.secondary{background:transparent;color:var(--green);border-color:#a0b8bd}.btn.secondary:hover{background:#e6eff0}.btn.small{padding:8px 14px;min-height:38px}.hero-link{font-size:.8rem;border-bottom:1px solid #7aabb5;padding-bottom:5px}.hero-link:hover{color:#ffd1c3}.hero-note{font-size:.65rem;color:#a6c7ce;margin:30px 0 0;letter-spacing:.03em}.table-art{position:relative;height:410px;min-width:0;border:1px solid #537063;border-radius:180px 180px 8px 8px;background:radial-gradient(ellipse at center,#2d5747,var(--green));box-shadow:inset 0 0 0 11px #103c46,inset 0 0 0 12px #426652}.table-oval{position:absolute;inset:30px;border:1px dashed #6d8a6d;border-radius:160px 160px 25px 25px;opacity:.5}.art-label{position:absolute;top:40px;width:100%;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:#b9c9b5}.fan{position:absolute;top:128px;left:50%;width:0;height:200px}.playing-card{position:absolute;width:118px;height:175px;background:#fff9ec;color:#ab563b;border:1px solid #d4c7ae;border-radius:7px;box-shadow:0 12px 18px #001c1c40;left:-59px;transform-origin:50% 105%;display:flex;align-items:center;justify-content:center}.playing-card>span{position:absolute;top:8px;left:9px;font-family:var(--serif);font-size:23px;line-height:1}.playing-card small{display:block;font-size:19px;margin-top:2px;text-align:center}.playing-card strong{font-family:var(--serif);font-size:65px;font-weight:400}.playing-card .corner-bottom{left:auto;top:auto;right:9px;bottom:9px;transform:rotate(180deg)}.card-0{transform:rotate(-30deg)}.card-1{transform:rotate(-15deg)}.card-2{transform:rotate(0)}.card-3{transform:rotate(15deg)}.card-4{transform:rotate(30deg)}.art-bottom{position:absolute;bottom:23px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.12em;color:#ccd6c7}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.quick-links a{padding:30px 32px 30px 0}.quick-links a+a{padding-left:35px;border-left:1px solid var(--line)}.quick-links span{display:block;font-size:.59rem;letter-spacing:.14em;color:var(--muted);margin-bottom:9px}.quick-links strong{display:flex;justify-content:space-between;gap:20px;font:400 1.5rem var(--serif)}.quick-links i{font:400 1rem system-ui;color:#a87547}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-intro{max-width:340px;color:var(--muted);font-size:.9rem;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);background:var(--paper);padding:29px;display:flex;flex-direction:column;border-radius:3px}.card .eyebrow{font-size:.59rem;margin-bottom:24px}.card h3{font-size:1.65rem}.card p{font-size:.86rem;color:var(--muted);margin-bottom:30px}.text-link{font-size:.79rem;font-weight:650;display:inline-flex;gap:22px;align-items:center;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b8baaa}.card .text-link{margin-top:auto}.tool-feature{background:#e6e9db;padding:65px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.split p{color:#606e60;font-size:.9rem;max-width:460px}.score-preview{border:1px solid #abb8a6;background:#f8f7ec;padding:30px;transform:rotate(-2deg);box-shadow:10px 12px 0 #d5dccb}.preview-heading{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.16em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.preview-totals{display:flex;align-items:center;justify-content:space-around;text-align:center;padding:22px 0}.preview-totals small{display:block;font-size:.7rem}.preview-totals strong{font:400 4.5rem var(--serif)}.preview-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:.7rem}.score-preview p{font-size:.65rem!important;margin:17px 0 0}.editorial-strip{display:flex;gap:60px;align-items:center;max-width:900px}.editorial-strip .suit{font-size:110px;color:#a5b59b}.editorial-strip h2{font-size:2.2rem}.editorial-strip p{font-size:.9rem;color:var(--muted)}.footer{background:var(--deep);color:#d2d9cc;padding:55px 0 20px}.footer .brand-mark{color:#d2d9cc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-grid p{font-size:.8rem;color:#a9bdad;margin:22px 0;max-width:370px}.footer-grid h2{font:650 .7rem system-ui;letter-spacing:.09em;margin-bottom:20px;text-transform:uppercase;color:#d2ad85}.footer-grid>div>a:not(.brand){display:block;font-size:.8rem;margin-bottom:9px}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #355345;margin-top:35px;padding-top:20px;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:.62rem;color:#a9bdad}.footer-bottom>span:last-of-type{max-width:620px}.page-top{padding-top:45px;padding-bottom:50px}.crumb{font-size:.65rem;color:var(--muted);margin-bottom:42px;overflow-wrap:anywhere}.crumb a{text-decoration:underline}.page-top h1{max-width:900px;font-size:clamp(2.5rem,5vw,4rem)}.page-top>p{max-width:760px;color:var(--muted);font-size:1.05rem;margin-bottom:0}.page-top .eyebrow{margin-bottom:17px}.collection{padding-bottom:85px}.hub-intro{max-width:760px}.prose p{line-height:1.85}.prose h2{font-size:1.8rem;margin:35px 0 18px}.prose h2:first-child{margin-top:0}.prose a{color:#65512e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px;align-items:center;margin:35px 0 25px}.filter-bar .field{margin:0}.filter-bar>p{font-size:.75rem;color:var(--muted);margin:20px 0 0;text-align:right}.field{margin-bottom:20px}.field label{display:block;font-size:.75rem;font-weight:650;margin-bottom:8px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #acc3c8;border-radius:3px;background:var(--paper);color:var(--ink);min-height:44px;min-width:0}textarea{resize:vertical}.panel{background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:4px}.article-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(210px,1fr);gap:35px;padding-bottom:80px;align-items:start}.article-meta{font-size:.65rem;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.note-panel{background:#e4eff1;border-top:3px solid #9d784c;padding:28px}.note-panel h2{font-size:1.8rem}.note-panel p{font-size:.85rem}.aside-link{display:block;padding:14px 0;border-top:1px solid #c9dddf;font-size:.8rem}.source-banner{padding:22px;background:#eaf2f3;margin-top:30px;font-size:.85rem;border-left:2px solid #a78a5d}.source-banner:first-child{margin-top:0}.source-banner h2{font:650 .8rem system-ui;margin:0 0 10px}.source-banner p:last-child{margin-bottom:0}.source-banner .muted{font-size:.7rem}.tool-page{max-width:1050px;padding-bottom:80px}.tool-intro{max-width:800px;margin-bottom:35px}.tool-intro h2{font-size:1.35rem}.chart .section-head h2{font-size:2rem}.chart .section-head{align-items:center;margin-bottom:20px}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:3px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem;background:var(--paper)}caption{text-align:left;padding:12px;font-size:.7rem;color:var(--muted)}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:650;background:#e6eff0}tbody th{background:transparent}tbody tr:last-child>*{border-bottom:0}.chart table{min-width:680px}.chart>p{font-size:.85rem}.chart>.muted{font-size:.72rem;margin:20px 0 0}.scorebook{max-width:900px}.score-status{font-size:.7rem;color:var(--muted);margin-bottom:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.full{grid-column:1/-1}.align-end{display:flex;align-items:end}.align-end .btn{width:100%}.score-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.score-panels>div{padding:25px;background:var(--green);color:var(--cream);text-align:center;border-radius:4px}.score-panels span{font-size:.85rem;overflow-wrap:anywhere}.score-panels strong{display:block;font:400 clamp(2.6rem,6vw,4.6rem) var(--serif);margin-top:15px;overflow-wrap:anywhere}.scorebook h2{font-size:1.8rem}.scorebook .panel>p{font-size:.85rem;color:var(--muted)}.scorebook .history{margin-top:25px}.scorebook .actions{gap:12px;margin-top:25px}.scorebook .muted{font-size:.75rem!important;margin:22px 0 0}.scorebook table{min-width:570px}.history td:last-child{max-width:300px;overflow-wrap:anywhere}.danger{border:0;background:none;color:#934d38;font-weight:650;padding:10px 0;font-size:.8rem}.notice{padding:16px 20px;background:#e8f1f2;border-left:3px solid #648c99;font-size:.85rem}.error{color:#9d3d2e!important}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px;padding-bottom:85px}.check{display:flex;align-items:start;gap:10px;font-size:.75rem;margin:20px 0}.check input{width:17px;min-height:17px;margin-top:4px;flex-shrink:0}.check a{white-space:normal}.honeypot{position:absolute;left:-10000px}.map iframe{width:100%;height:300px;border:0}.muted{color:var(--muted)}.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}[hidden]{display:none!important}.admin-head{background:var(--green);color:var(--cream);padding:20px 0}.admin-head .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-head .brand b{border:1px solid var(--copper);padding:10px;font-family:var(--serif)}.admin-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;padding-top:30px;padding-bottom:60px}.admin-nav a{display:block;padding:10px 13px;font-size:.8rem}.admin-nav a.active{background:var(--green);color:white;border-radius:3px}.admin-content{min-width:0}.admin-content h1{font-size:2.2rem}.admin-content .section-head{align-items:center}.row-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.row-actions form{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat{padding:20px;background:var(--paper);border:1px solid var(--line);font-size:.8rem}.stat strong{display:block;font-size:2rem}.pill{display:inline-block;background:#e6eff0;padding:3px 8px;font-size:.65rem}.login{max-width:480px;margin:65px auto}.login h1{font-size:2.5rem}
@media(min-width:1350px){.hero-grid{gap:80px}.table-art{height:430px}.fan{top:140px}}@media(max-width:1050px){.nav{gap:15px;font-size:.73rem}.brand{font-size:1rem}.hero-grid{gap:30px}.playing-card{width:100px;height:155px;left:-50px}.split{gap:50px}.grid{gap:16px}.card{padding:23px}.art-label{font-size:.9rem}.art-bottom{font-size:.5rem}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.head{min-height:84px;flex-wrap:wrap;padding:16px 0}.menu-toggle{display:block;background:transparent;border:1px solid #9bb7bf;border-radius:3px;padding:8px 13px;font-size:.8rem;min-height:44px}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 5px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:45px}.hero h1{font-size:3.6rem}.hero-copy{max-width:550px}.table-art{width:min(100%,500px);height:390px;margin:auto}.playing-card{width:118px;height:175px;left:-59px}.fan{top:115px}.grid{grid-template-columns:1fr}.card{padding:27px}.card h3{font-size:1.8rem}.section{padding-top:55px;padding-bottom:55px}.section-head{align-items:start;flex-wrap:wrap;gap:20px}.section-intro{max-width:500px}.split{grid-template-columns:1fr;gap:45px}.score-preview{max-width:500px;width:100%;margin:auto}.quick-links a{padding:25px 18px 25px 0}.quick-links a+a{padding-left:20px}.quick-links strong{font-size:1.2rem;gap:7px}.quick-links span{font-size:.5rem;letter-spacing:.05em}.footer-grid{gap:35px;grid-template-columns:1.6fr 1fr 1fr}.article-layout,.contact-grid{grid-template-columns:1fr}.note-panel{max-width:none}.filter-bar{grid-template-columns:1.5fr 1fr}.filter-bar>p{grid-column:1/-1;text-align:left;margin:0}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;gap:4px;flex-wrap:wrap}.admin-nav a{padding:8px;font-size:.7rem}.editorial-strip{gap:30px}.editorial-strip .suit{font-size:75px}.admin-head .wrap{flex-wrap:wrap}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.05rem}.hero-copy{font-size:.88rem}.hero-note{font-size:.6rem}.hero .actions{gap:17px}.hero .btn{padding:12px 17px}.table-art{height:345px}.playing-card{width:91px;height:144px;left:-45px}.playing-card>span{font-size:19px}.playing-card strong{font-size:52px}.playing-card small{font-size:16px}.fan{top:108px}.art-label{top:32px;font-size:.85rem}.art-bottom{left:23px;right:23px;font-size:.45rem}.quick-links{grid-template-columns:1fr}.quick-links a,.quick-links a+a{padding:20px 0;border:0;border-bottom:1px solid var(--line)}.quick-links a:last-child{border-bottom:0}.quick-links span{font-size:.55rem}.quick-links strong{font-size:1.45rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{align-items:start;flex-direction:column;gap:12px}.editorial-strip{gap:20px}.editorial-strip .suit{display:none}.page-top{padding-top:28px;padding-bottom:35px}.crumb{margin-bottom:28px;font-size:.6rem}.page-top>p{font-size:.9rem}.panel{padding:23px}.form-grid{grid-template-columns:1fr}.score-panels{gap:12px}.score-panels>div{padding:20px 12px}.score-panels span{font-size:.75rem}.score-panels strong{font-size:2.6rem}.scorebook .actions{align-items:stretch;flex-direction:column}.scorebook .actions .btn{width:100%}.score-preview{padding:23px}.filter-bar{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px;font-size:.65rem}.stat strong{font-size:1.5rem}.login{margin:30px 16px}.admin-content h1{font-size:1.8rem}.admin-head .brand{font-size:.9rem}.chart .section-head h2{font-size:1.8rem}}@media print{.header,.footer,.skip,.crumb,.chart button,.tool-intro,body>.notice{display:none!important}body{background:white;color:black;font-size:11pt}.wrap{width:100%;max-width:none}.page-top{padding:0 0 15px}.page-top h1{font-size:28pt}.panel{border:0;padding:0}.chart table{min-width:0;font-size:9pt}.table-wrap{overflow:visible}th,td{padding:8px}.tool-page{padding-bottom:0}.eyebrow{color:black}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Whist edition: four seats, two partnerships, one quiet learning surface. */
.header{background:#fff}.head{min-height:96px}.brand{white-space:normal;font-size:1.1rem}.brand-mark{border-radius:7px;flex-shrink:0}.brand small{font-size:.5rem;letter-spacing:.08em}.hero-grid{grid-template-columns:1.1fr 1fr;gap:75px;min-height:660px}.hero h1{font-size:clamp(3.2rem,5vw,4.7rem);letter-spacing:-.045em}.hero-copy{font-size:.98rem}.hero-example{position:relative;border:1px solid #7598a0;border-radius:7px;background:#174650;padding:25px 28px 28px;min-width:0}.example-top{display:flex;justify-content:space-between;gap:15px;font-size:.52rem;letter-spacing:.13em;font-weight:700;color:#a8c6cd}.example-cards{display:flex;justify-content:center;gap:25px;padding:37px 0 30px}.illustration-card{width:136px;height:190px;padding:12px;background:#fffdf8;border:1px solid #d9d6cb;border-radius:7px;color:#183d47;box-shadow:0 10px 0 #082d3440;position:relative;display:flex;align-items:center;justify-content:center}.illustration-card>span{position:absolute;top:10px;left:11px;font:1.5rem/1 Georgia,serif}.illustration-card small{display:block;font-size:1.25rem;margin-top:3px}.illustration-card>strong{font:4.3rem Georgia,serif}.illustration-card em{position:absolute;bottom:13px;font:700 .47rem system-ui;letter-spacing:.08em}.illustration-card.heart{color:#b64943;transform:rotate(-8deg)}.illustration-card.spade{transform:rotate(7deg);border:3px solid #ed9b85}.example-caption{padding:18px 0 0;border-top:1px solid #648690}.example-caption .eyebrow{font-size:.55rem;margin-bottom:13px;color:#f5b4a3}.example-caption h2{font-size:2.2rem;color:#fffaf1;margin-bottom:15px}.example-caption p{font-size:.76rem;color:#c1d5d9;max-width:320px}.example-caption a{font-size:.7rem;color:#f8bdad;border-bottom:1px solid #b37b70;padding-bottom:4px}.tool-feature{background:#e5eff1}.whist-preview{padding:30px;background:#fff;border:1px solid #c8dcdf;border-radius:7px;min-width:0}.whist-preview .example-top{color:#6b8186}.preview-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #d7e3e5}.preview-split>div+div{border-left:1px solid #d7e3e5;padding-left:25px}.preview-split small{font-size:.78rem;color:#65797d}.preview-split strong{display:block;font:4rem/1.4 Georgia,serif}.preview-split span{display:block;font-size:.49rem;letter-spacing:.08em;color:#a64332}.whist-preview p{font-size:.7rem;margin:20px 0 0;color:#65797d}.prose a{color:#216272}.source-banner{background:#edf4f5;border-color:#db8e79}.note-panel{background:#e5eff1;border-color:#df7059}.aside-link{border-color:#c6dce1}.notice{background:#e8f1f2;border-color:#658d98}.footer{background:#082b33;color:#d4e4e8}.footer .brand-mark{color:#eab5a4}.footer-grid p{color:#a9c6cd}.footer-grid h2{color:#eab5a4}.footer-bottom{border-color:#446e79;color:#acc8d0;flex-wrap:wrap}.social-share{padding:35px 0;border-top:1px solid #446e79;display:grid;grid-template-columns:1fr 1fr;gap:40px}.social-share h2{font-size:1.8rem;color:#fff9f4}.social-share p{font-size:.8rem;max-width:400px;color:#acc8d0}.social-share .eyebrow{color:#edb3a1}.social-share nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.social-share nav a{border:1px solid #658d98;padding:12px;font-size:.75rem;color:#e8f1f2;border-radius:3px;min-height:44px}.social-share nav a:hover{background:#234f5b}.trick-tool .section-head h2{font-size:2rem}.preset-actions{gap:10px;margin-bottom:25px}.preset-actions .btn{font-size:.7rem;padding:10px 15px}.trick-table{height:600px;max-width:750px;margin:20px auto 30px;position:relative;background:radial-gradient(ellipse,#e4eff1,#f8fbfb);border:1px solid #cfdee2;border-radius:160px}.table-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.table-centre strong{font:1.7rem Georgia,serif;color:#a1b9c1;letter-spacing:.1em}.table-centre span{display:block;font:650 .48rem/1.8 system-ui;letter-spacing:.06em;color:#64818a;margin-top:15px}.trick-seat{position:absolute;width:176px;background:#fff;border:1px solid #b3ccd1;border-radius:7px;padding:14px;box-shadow:0 5px 0 #d7e6e9;text-align:center}.trick-seat label{display:block;font-size:.74rem;font-weight:700;margin-bottom:8px}.trick-seat select{font-size:.7rem;padding:8px;min-height:44px}.trick-seat>strong{display:block;font:2.2rem Georgia,serif;margin:12px 0 6px}.trick-seat>span{display:block;font-size:.62rem;color:#6c8287;min-height:19px}.trick-seat.winning{border:2px solid #cb705c;box-shadow:0 5px 0 #f0c1b2}.red-card{color:#b64943}.trick-seat.seat-0{left:50%;top:18px;transform:translateX(-50%)}.trick-seat.seat-1{right:18px;top:50%;transform:translateY(-50%)}.trick-seat.seat-2{left:50%;bottom:18px;transform:translateX(-50%)}.trick-seat.seat-3{left:18px;top:50%;transform:translateY(-50%)}.trick-tool .muted{font-size:.75rem}.whist-scorebook h2{font-size:1.8rem}.whist-scorebook .panel>p{font-size:.8rem}.whist-scorebook{max-width:100%}.whist-scorebook table{min-width:650px}.history td:last-child{max-width:250px}.editorial-strip .suit{color:#df7059}input:disabled,select:disabled{background:#edf2f3;color:#6b7e85}
@media(max-width:1050px){.hero-grid{gap:35px}.brand{font-size:1rem}.nav{gap:14px}.hero-example{padding:23px}.example-cards{gap:18px}.illustration-card{width:118px;height:175px}.trick-seat{width:150px}.trick-table{height:590px}.table-centre strong{font-size:1.25rem}.table-centre span{font-size:.4rem}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:45px;padding-bottom:45px}.hero-example{width:min(100%,500px);margin:auto}.hero h1{font-size:3.8rem}.social-share{grid-template-columns:1fr;gap:15px}.illustration-card{width:136px;height:190px}.trick-table{height:590px}.trick-seat{width:155px}.trick-seat.seat-1{right:12px}.trick-seat.seat-3{left:12px}}
@media(max-width:600px){.trick-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;border-radius:5px;padding:14px}.trick-seat{position:static!important;width:auto;min-width:0;transform:none!important;padding:12px}.table-centre{position:static;transform:none;grid-column:1/-1;padding:12px 0;order:-1}.table-centre span{font-size:.5rem;margin:6px 0 0}.table-centre strong{font-size:1.5rem}.trick-seat.seat-0{order:0}.trick-seat.seat-1{order:1}.trick-seat.seat-2{order:2}.trick-seat.seat-3{order:3}}
@media(max-width:480px){.hero h1{font-size:3.1rem}.hero-example{padding:20px}.illustration-card{width:105px;height:164px}.illustration-card>strong{font-size:3.6rem}.example-cards{padding:27px 0 25px;gap:20px}.example-caption h2{font-size:2rem}.example-top{font-size:.44rem;gap:10px}.social-share nav a{font-size:.65rem;padding:10px}.preview-split{gap:15px}.preview-split>div+div{padding-left:17px}.whist-preview{padding:22px}.preview-split small{font-size:.65rem}.trick-tool{padding:18px}.trick-table{padding:9px;gap:9px}.trick-seat{padding:9px}.trick-seat select{font-size:.62rem;padding:5px}.trick-seat>strong{font-size:1.8rem}.preset-actions .btn{padding:9px 11px;font-size:.64rem}.brand small{font-size:.46rem}}
@media print{.trick-tool .preset-actions,.trick-tool .form-grid,.trick-tool button,.trick-seat select{display:none}.trick-table{height:580px;background:white;break-inside:avoid;border-radius:5px}.trick-seat{background:white;box-shadow:none}.trick-seat>strong{color:black}.table-centre strong{color:#777}.trick-tool .section-head h2{font-size:20pt}}