:root{--serif:'Baskerville','Palatino Linotype','Noto Serif CJK SC','Source Han Serif SC','Songti SC','SimSun',Georgia,serif}body,button,input{font-family:var(--serif)}body{font-size:17px}.links a{font-size:15px}p{line-height:1.9}.page-title{padding-top:155px;padding-bottom:64px;border-bottom:1px solid var(--line)}.page-title h1{font-family:var(--serif);font-size:clamp(42px,5.8vw,78px);line-height:1.25;letter-spacing:-1px;max-width:1050px;margin:25px 0}.page-intro{color:var(--muted);max-width:720px;margin-bottom:0}.hero{min-height:calc(100vh - 1px);--px:70%;--py:50%}.hero-art{filter:brightness(.5);animation:none;transform:translate3d(var(--tx,0px),var(--ty,0px),0) scale(1.04);transition:transform .35s ease-out,filter .8s}.hero:hover .hero-art{filter:brightness(.8)}.spotlight{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 240px at var(--px) var(--py),#ffe9ae24,transparent 100%);mix-blend-mode:screen}.hero>.wrap{position:relative;z-index:2;pointer-events:none}.hero>.wrap a,.hero>.wrap button{pointer-events:auto}.hero-deal{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:1100px;overflow:hidden}.hero-deal .playing-card{position:absolute;left:var(--x);top:var(--y);margin:0;width:120px;height:174px;opacity:.95;transform:rotate(var(--rotation));animation:heroDeal 1s cubic-bezier(.16,.7,.2,1) both;animation-delay:var(--delay);box-shadow:0 22px 48px #0009}.hero-deal .playing-card:after{content:'';position:absolute;inset:5px;border:1px solid #77602f33;border-radius:4px}.explore-controls{display:flex;align-items:center;gap:20px;margin-top:40px;font-size:13px;color:var(--muted)}.hero-bottom{margin-top:50px}.reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;padding:68px 0 90px}.contents{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:17px}.contents a{font-size:15px;color:var(--muted)}.contents a:hover{color:var(--gold)}.rule-chapter{padding-bottom:60px;margin-bottom:50px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.rule-chapter h2{font-size:35px}.rule-chapter p{color:var(--muted)}.rule-example{margin-top:25px;background:#20241b;border-left:2px solid var(--gold);padding:24px;color:var(--ink)}.rule-example .eyebrow{font-size:11px;margin-bottom:20px}.rule-example p{font-size:15px;margin-bottom:0}.rule-example strong{font-weight:400}.inline-cards{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.inline-cards i{margin:0 10px;font-style:normal;color:var(--gold)}.mini-card{width:54px;height:76px;display:inline-flex;flex-direction:column;padding:5px 9px;background:#eeecdf;color:#20261f;border-radius:4px;box-shadow:0 7px 12px #0003;font:24px/1.2 var(--serif)}.mini-card small{font-size:23px}.mini-card.red{color:#923a38}.seat-diagram{max-width:500px;margin:auto;text-align:center;font-size:14px}.seat-diagram>div{display:flex;align-items:center;justify-content:space-between}.seat-diagram i{font-size:55px;color:var(--gold);font-style:normal}.seat-diagram b{color:var(--gold);font-weight:400}.history-reading{max-width:1000px;padding-top:70px}.timeline{padding:30px 0 0;margin:0;list-style:none}.timeline li{position:relative;display:grid;grid-template-columns:180px 1fr;gap:60px;padding:30px 0 60px}.timeline li:before{content:'';position:absolute;left:196px;top:46px;bottom:-46px;width:1px;background:#d5be8544}.timeline li:last-child:before{bottom:60px}.timeline li:after{content:'';position:absolute;left:192px;top:43px;width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 7px #d5be850b}.year{font:42px var(--serif);color:var(--gold)}.timeline h3{font-weight:400;font-size:26px;margin:0 0 12px}.timeline p{font-size:16px;color:var(--muted);margin:0 0 10px}.cite{font-size:13px;color:var(--gold)}.aliases{border-top:1px solid var(--line)}.alias-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;margin-top:35px}.alias-grid article{border-top:1px solid var(--line);padding-top:20px}.alias-grid h3{font-size:22px;font-weight:400}.alias-grid p{color:var(--muted);font-size:15px}.history-reading .quote-section{padding:50px 30px}.history-reading .history-grid{width:100%;gap:35px}.history-reading blockquote{font-size:35px}.references li{padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.references a:hover{color:var(--gold)}.references p{font-size:14px}.practice-wrap{padding-top:32px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--gold);margin-bottom:18px}.game-table{height:450px;position:relative;background:radial-gradient(ellipse at center,#303e2a,#192119 68%);border:1px solid #d5be853d;border-radius:160px;box-shadow:inset 0 0 0 10px #121a12,inset 0 0 0 11px #d5be851f,0 20px 70px #0002}.game-table:before{content:'G / D';position:absolute;inset:0;display:grid;place-items:center;font:100px var(--serif);letter-spacing:20px;color:#d5be8508;pointer-events:none}.seat{position:absolute;text-align:center;font-size:13px;min-width:125px;z-index:2}.seat strong{display:block;font-size:16px;font-weight:400;color:var(--ink)}.seat small{display:block;color:var(--muted);font-size:12px}.seat.active strong{color:var(--gold)}.seat.active:before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;position:absolute;left:0;top:12px;box-shadow:0 0 14px #d5be85}.partner{left:50%;top:22px;transform:translateX(-50%)}.west{left:30px;top:45%}.east{right:30px;top:45%}.you{left:50%;bottom:18px;transform:translateX(-50%)}.card-backs{display:flex;justify-content:center;margin-top:8px}.card-backs i{width:21px;height:32px;border:1px solid #b3a16f66;background:repeating-linear-gradient(45deg,#1c271c,#1c271c 3px,#77664144 4px,#1c271c 5px);border-radius:3px;margin-left:-8px}.table-center{position:absolute;left:180px;right:180px;top:130px;text-align:center}.table-center .cards{padding:14px 0;min-height:130px}.table-center .playing-card{width:68px;height:98px}.table-center .pip{font-size:35px}.table-center .corner{font-size:17px;top:5px;left:6px}.table-center .corner small{font-size:12px}.table-center .corner.bottom{right:6px;bottom:5px;left:auto;top:auto}.table-center p{font-size:14px;margin:0}.hand-heading{display:flex;justify-content:space-between;gap:12px;margin:28px 0 20px;font-size:14px;color:var(--gold)}.player-hand{display:flex;gap:12px;overflow-x:auto;padding:24px 10px 20px;min-height:145px;scrollbar-color:#6c684b #1b2018}.hand-group{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:10px 10px 28px;border:1px solid transparent;border-radius:8px;background:#ffffff03;transition:border .2s,background .2s,transform .2s;color:var(--ink)}.hand-group .playing-card{width:48px;height:74px;margin-left:-29px;border-radius:4px;box-shadow:0 4px 9px #0005;pointer-events:none;animation:deal .5s backwards}.hand-group .playing-card:first-child{margin-left:0}.hand-group .pip{font-size:22px}.hand-group .corner{font-size:14px;left:3px;top:4px}.hand-group .corner small{font-size:11px;margin-top:1px}.hand-group .corner.bottom{right:3px;bottom:4px;top:auto;left:auto}.hand-group:hover,.hand-group:focus-visible{background:#d5be850e;border-color:#d5be8555;transform:translateY(-6px)}.hand-group[aria-pressed=true]{border-color:var(--gold);background:#d5be8517;transform:translateY(-8px)}.group-label{position:absolute;bottom:4px;left:0;right:0;font-size:11px;text-align:center;color:var(--muted)}.inspector{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:165px}.inspector h3{font-weight:400;font-size:25px;margin:5px 0}.inspector p{font-size:14px;color:var(--muted);margin:0;max-width:680px}.play-controls{display:flex;gap:10px;flex-shrink:0}.play-controls .primary{gap:10px}.play-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none}.game-log{margin:30px 0;color:var(--muted);font-size:14px}.game-log summary{cursor:pointer}.game-log ol{max-height:240px;overflow:auto}.game-log li{padding:6px}#selection-status{min-height:1.7em;font-size:14px;color:var(--gold)}body[data-page=hands] #hands{margin-top:60px}.hero h1{font-family:Georgia,var(--serif)}body[data-page=strategy] #strategy{padding-top:70px}
@keyframes heroDeal{0%{opacity:0;transform:translate(350px,-450px) rotate(-110deg) scale(.3)}65%{opacity:1}100%{opacity:.95;transform:translate(0,0) rotate(var(--rotation))}}
@media(max-width:1000px){.reading-layout{gap:35px;grid-template-columns:180px 1fr}.table-center{left:140px;right:140px}.west{left:20px}.east{right:20px}.seat{min-width:100px}.hero-deal .playing-card{width:88px;height:128px}.hero-deal .pip{font-size:45px}.inspector{align-items:start;flex-direction:column}.history-reading .history-grid{grid-template-columns:1fr}.hero-deal .playing-card:nth-child(1){display:none}}
@media(max-width:700px){.page-title{padding-top:125px;padding-bottom:35px}.page-title h1{font-size:42px;letter-spacing:0}.page-intro{font-size:16px}.reading-layout{display:block;padding-top:30px}.contents{position:static;display:flex;flex-flow:row wrap;margin-bottom:40px;gap:10px 20px}.contents .eyebrow{width:100%}.contents a{font-size:13px}.rule-chapter h2{font-size:28px}.rule-chapter{padding-bottom:35px;margin-bottom:35px}.rule-example{padding:18px}.timeline li{grid-template-columns:82px 1fr;gap:28px;padding-bottom:36px}.timeline li:before{left:92px}.timeline li:after{left:88px}.year{font-size:27px}.timeline h3{font-size:22px}.timeline p{font-size:15px}.history-reading{padding-top:40px}.alias-grid{grid-template-columns:1fr;gap:15px}.history-reading .quote-section{padding:32px 22px}.history-reading blockquote{font-size:30px}.game-table{height:390px;border-radius:55px}.seat{min-width:68px;font-size:11px}.seat strong{font-size:13px}.seat small{font-size:11px}.west{left:13px;top:43%}.east{right:13px;top:43%}.partner{top:18px}.you{bottom:13px}.table-center{left:85px;right:85px;top:123px}.table-center .eyebrow{font-size:10px;letter-spacing:1px}.table-center .playing-card{width:44px;height:68px;margin-left:-22px}.table-center .pip{font-size:24px}.table-center .corner{font-size:13px;left:3px}.table-center .corner small{font-size:10px}.table-center .corner.bottom{right:3px}.table-center .cards{min-height:100px}.table-center p{font-size:12px}.table-toolbar{font-size:11px}.table-toolbar .shuffle{padding:7px 10px}.player-hand{gap:9px}.inspector{gap:20px}.play-controls{width:100%;justify-content:flex-end}.play-controls button{font-size:14px}.hero-deal .playing-card{top:calc(var(--y) + 270px);left:calc(var(--x) - 30%);width:85px;height:125px}.hero-deal .playing-card:nth-child(1){display:block}.hero-deal .playing-card:nth-child(3){display:none}.explore-controls{gap:12px;font-size:11px;max-width:320px;align-items:start}.hero-bottom{margin-top:265px}.hero-art{top:400px}.hero{min-height:940px}.spotlight{background:radial-gradient(circle 200px at var(--px) var(--py),#ffe9ae22,transparent)}.hand-heading{font-size:12px}.mini-card{width:44px;height:66px;font-size:21px}.inline-cards{gap:6px}.contents+.reading-body .primary{margin-top:25px}.references{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important;filter:brightness(.8)}.hero-deal .playing-card{animation:none;opacity:1}.hand-group{transform:none!important}}