@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{color:#f5f0e6;font-synthesis:none;background:#0c1c16;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e8ba65}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1600px;height:82px;margin:auto;padding:0 max(4vw,24px);display:flex}.brand{letter-spacing:-.07em;white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:700;display:flex}.brand-icon{color:#0c2319;background:#ddae5d;border-radius:11px;place-items:center;width:38px;height:38px;font-size:29px;line-height:1;display:grid}.brand-accent{color:#d9ae6a}.site-header nav{color:#d0d9d0;align-items:center;gap:36px;font-size:14px;display:flex}.site-header nav a:hover,.text-link:hover,.game-links a:hover{color:#eac782}.nav-play{border:1px solid #d6b67c;border-radius:100px;padding:11px 18px;color:#e5c486!important}.site-shell main{flex:1;width:100%;max-width:1600px;margin:auto}.site-footer{color:#95a99b;border-top:1px solid #ffffff1c;justify-content:space-between;gap:20px;width:100%;max-width:1600px;margin:auto;padding:28px max(4vw,24px);font-size:12px;display:flex}.eyebrow{color:#d6b06c;letter-spacing:.21em;font-size:11px;font-weight:700;display:block}.hero{background:radial-gradient(at 85% 45%,#1d4a35 0,#153324 32%,#0000 64%);grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:30px;min-height:540px;padding:64px max(6vw,24px);display:grid}.hero.compact{min-height:480px;display:block}.hero h1,.page-intro h1,.game-heading h1,.article h1{letter-spacing:-.048em;margin:16px 0 26px;font-family:Playfair Display,Georgia,serif;font-size:clamp(58px,6vw,100px);font-weight:500;line-height:1.08}.hero h1 em{color:#e2b66c;font-weight:500}.hero p,.page-intro p{color:#bdcbc0;max-width:520px;margin:0 0 30px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.primary-button{color:#1b2b20;background:#e5b968;border:1px solid #e5b968;border-radius:7px;justify-content:space-between;align-items:center;gap:48px;min-height:54px;padding:16px 22px;font-weight:700;display:inline-flex}.primary-button:hover{background:#f1ca80}.text-link{color:#e7cc94;font-size:14px;font-weight:600}.hero-notes{color:#aebfb1;flex-wrap:wrap;gap:22px;margin-top:44px;font-size:12px;display:flex}.hero-art{perspective:900px;height:430px;position:relative}.hero-card{background:#f9f3e8;border:9px solid #f9f3e8;border-radius:15px;place-items:center;width:237px;height:335px;font-family:Georgia,serif;font-size:160px;display:grid;position:absolute;top:45px;left:24%;box-shadow:0 18px 60px #0611099c}.card-one{color:#b23739;background:#f8f1e2;transform:translate(-88px)rotate(-17deg)}.card-two{color:#18332a;z-index:2;transform:translate(55px)rotate(10deg)}.card-three{color:#b63a3d;z-index:1;transform:translate(135px)rotate(25deg)}.content-section{border-top:1px solid #ffffff12;padding:65px max(6vw,24px)}.section-top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}h2{letter-spacing:-.03em;margin:10px 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,3vw,45px);font-weight:500}.feature-card{background:#173428;border:1px solid #38634b;border-radius:13px;align-items:center;gap:48px;max-width:760px;min-height:260px;padding:34px;transition:transform .18s,border-color .18s;display:flex}.feature-card:hover{border-color:#d5aa69;transform:translateY(-3px)}.feature-suit{color:#ad363c;background:#f5efe5;border-radius:11px;place-items:center;width:154px;min-width:154px;height:182px;font-family:Georgia,serif;font-size:110px;display:grid;box-shadow:9px 9px #0e251b}.pill{color:#e0bb79;letter-spacing:.12em;border:1px solid #886f45;border-radius:30px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-block}.feature-card h3,.feature-card h2{margin:12px 0 6px;font-family:Playfair Display,Georgia,serif;font-size:38px;font-weight:500}.feature-card p{color:#adc0b0;max-width:390px;margin:0 0 16px;line-height:1.6}.feature-cta{color:#e0bc78;font-size:14px;font-weight:700}.how-section{background:#12291e}.how-section p{color:#adbfaf;max-width:580px;line-height:1.7}.guide-links{max-width:760px;margin-top:28px}.guide-links a,.after-game-links a{border-top:1px solid #ffffff2a;align-items:center;gap:20px;padding:20px 0;display:flex}.guide-links a span:first-child{color:#caa76b;font-size:12px}.guide-links a span:last-child,.after-game-links a span{color:#dcb66e;margin-left:auto}.guide-links a:hover,.after-game-links a:hover{color:#e9bf73}.page-intro{padding:90px max(6vw,24px) 45px}.page-intro h1{font-size:clamp(55px,5vw,78px)}.article{max-width:830px;margin:auto;padding:45px 28px 100px}.breadcrumbs{color:#a1b5a6;margin-bottom:64px;font-size:13px}.breadcrumbs a{text-decoration:underline}.article h1{font-size:clamp(46px,5vw,72px)}.article .lede{color:#c9d4c9;margin-bottom:36px;font-size:21px;line-height:1.6}.article h2{margin:55px 0 14px;font-size:34px}.article p{color:#b9c9ba;font-size:16px;line-height:1.85}.article-callout{background:#214535;border:1px solid #4b7057;border-radius:9px;flex-wrap:wrap;align-items:center;gap:14px;padding:20px 22px;display:flex}.article-callout strong{font-size:17px}.article-callout span{color:#bcd1bf}.article-callout a{color:#f1c577;margin-left:auto;font-weight:700}.article table{border-collapse:collapse;color:#dfe8db;width:100%;margin:25px 0}.article td,.article th{text-align:left;border-bottom:1px solid #ffffff2b;padding:15px}.article th{color:#e6c17d}.article-next{color:#e8bf76;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:58px;font-weight:700;display:flex}.game-heading{justify-content:space-between;align-items:end;gap:20px;padding:44px max(4vw,24px) 22px;display:flex}.game-heading h1{margin:5px 0;font-size:clamp(52px,5vw,78px)}.game-heading h1 span{color:#bd5254;font-size:.73em}.game-heading p{color:#b9c9bd;margin:0;font-size:14px}.game-links{color:#dbbb83;gap:20px;margin-bottom:12px;font-size:13px;display:flex}.after-game{grid-template-columns:1.3fr 1fr;gap:65px;padding:60px max(6vw,24px);display:grid}.after-game p{color:#b6c9b9;max-width:650px;line-height:1.8}.after-game-links{align-self:center}.game-root{padding:0 max(4vw,24px) 40px}.game-loading{text-align:center;color:#c9d5cc;padding:100px}.table-shell{background:radial-gradient(at 50% 45%,#23604a 0,#1a4736 47%,#113528 100%);border:1px solid #4b715c;border-radius:20px;min-height:610px;padding:22px 26px 24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #0c2c20,0 28px 70px #06100ca8}.table-top{justify-content:space-between;align-items:start;gap:15px;display:flex}.table-label{color:#c4dbca;letter-spacing:.16em;font-size:11px;font-weight:700}.table-top h2{margin:3px 0 0;font-family:Playfair Display,Georgia,serif;font-size:24px}.table-actions{gap:10px;display:flex}.table-actions button{color:#f4f2e7;cursor:pointer;background:#102e24aa;border:1px solid #9ec0a1;border-radius:7px;padding:9px 12px;font-size:12px}.table-actions button:hover{background:#285d46}.scoreboard{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px auto 10px;display:flex;position:relative}.score-chip{text-align:center;background:#09251bc2;border:1px solid #ffffff2a;border-radius:9px;min-width:95px;padding:7px 12px}.score-chip.is-you{border-color:#dec075}.score-chip span{color:#bed3c0;font-size:10px;display:block}.score-chip strong{font-size:20px;font-weight:600}.table-area{max-width:760px;height:298px;margin:0 auto;position:relative}.opponent{color:#dae6da;z-index:2;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute}.opponent.north{flex-direction:column;top:5px;left:50%;transform:translate(-50%)}.opponent.west{top:45%;left:0}.opponent.east{flex-direction:row-reverse;top:45%;right:0}.avatar{color:#173b2c;background:#d3ae68;border:1px solid #b7c9a5;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:20px;display:grid}.opponent.is-turn .avatar{box-shadow:0 0 0 4px #d2b46888}.opponent small{color:#d2e1cd}.trick-center{background:#0d35241c;border:1px dashed #b4d1b055;border-radius:50%;width:230px;height:215px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.played-card{object-fit:cover;background:#fff;border-radius:5px;width:68px;height:96px;position:absolute;box-shadow:0 4px 9px #02140dbb}.played-card.seat-0{bottom:-4px;left:50%;transform:translate(-50%)}.played-card.seat-2{top:-7px;left:50%;transform:translate(-50%)}.played-card.seat-1{top:48%;right:0;transform:translateY(-50%)rotate(8deg)}.played-card.seat-3{top:48%;left:0;transform:translateY(-50%)rotate(-8deg)}.table-message{text-align:center;color:#e8d4a6;justify-content:center;align-items:center;height:55px;font-size:14px;line-height:1.4;display:flex}.my-hand-label{color:#d9e9da;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.my-hand-label strong{color:#e4bf75}.hand{scrollbar-color:#87aa8e transparent;justify-content:center;align-items:flex-end;gap:2px;max-width:100%;min-height:143px;padding:8px 5px 15px;display:flex;overflow-x:auto}.hand-card{cursor:pointer;background:#faf6ed;border:0;border-radius:7px;width:72px;min-width:40px;max-width:72px;height:101px;margin:0 -4px;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 8px #07251db5}.hand-card img{object-fit:contain;border-radius:6px;width:100%;height:100%}.hand-card:hover:not(:disabled),.hand-card.selected{transform:translateY(-17px);box-shadow:0 10px 13px #081d18}.hand-card.selected{outline:3px solid #f1cf83}.hand-card:disabled{opacity:.65;cursor:default}.table-footer{color:#bbd0bd;justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:12px;display:flex}.table-footer button{color:#173a29;cursor:pointer;background:#e3bb73;border:0;border-radius:6px;padding:10px 18px;font-weight:700}.table-footer button:disabled{opacity:.4;cursor:default}.table-footer .hint{max-width:65%;line-height:1.4}.game-banner{color:#173527;background:#ebc988;border-radius:8px;margin:12px 0;padding:11px 17px;font-size:13px}.game-banner strong{margin-right:7px}.trick-mini{color:#d9e6d9;justify-content:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.game-end{text-align:center;background:#0c2b20dd;border:1px solid #d8bd77;border-radius:15px;max-width:600px;margin:125px auto;padding:35px}.game-end h2{font-size:40px}.game-end p{color:#c8d8c8}.game-end button{color:#193929;cursor:pointer;background:#eac476;border:0;border-radius:7px;padding:12px 20px;font-weight:700}@media (width<=800px){.site-header nav{gap:13px}.site-header nav a:not(.nav-play){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-art{transform-origin:top;width:100%;max-width:430px;height:310px;margin:auto;transform:scale(.78)}.hero-notes{margin-top:32px}.after-game{grid-template-columns:1fr;gap:20px}.game-heading{align-items:start}.game-links{margin-top:5px}.table-shell{min-height:580px;padding:18px 14px}.table-area{height:270px}.hand-card{min-width:50px;height:90px}.score-chip{min-width:70px;padding:5px 6px}.score-chip strong{font-size:17px}.scoreboard{margin-top:16px}}@media (width<=500px){.site-header{height:68px}.brand{font-size:18px}.brand-icon{width:32px;height:32px;font-size:25px}.nav-play{padding:8px 10px;font-size:11px}.hero h1{font-size:54px}.hero p{font-size:16px}.hero-art{height:270px;transform:scale(.65)}.feature-card{gap:20px;padding:20px}.feature-suit{width:95px;min-width:95px;height:132px;font-size:74px}.feature-card h3{font-size:30px}.feature-card p{font-size:13px}.site-footer{display:block}.site-footer span{margin:7px 0;display:block}.game-heading{padding-top:30px;display:block}.game-heading h1{font-size:58px}.game-links{margin-top:20px}.game-root{padding:0 10px 25px}.table-shell{border-radius:11px;min-height:530px;padding:14px 8px}.table-top h2{font-size:19px}.table-area{height:250px}.trick-center{width:176px;height:174px}.played-card{width:54px;height:76px}.avatar{width:31px;height:31px;font-size:17px}.opponent small{font-size:10px}.opponent.west{left:3px}.opponent.east{right:3px}.scoreboard{gap:4px}.score-chip{min-width:64px}.my-hand-label{padding:0 8px}.hand{justify-content:flex-start;padding-left:12px}.hand-card{width:47px;min-width:47px;height:68px;margin:0 -3px}.table-footer{padding:0 7px}.article{padding:35px 20px 80px}.article .lede{font-size:18px}.article-callout a{margin-left:0}.article h2{font-size:30px}}.hand-card{position:relative}.hand{justify-content:safe center}.hand-card:disabled{pointer-events:none}.hand-card:hover:not(:disabled),.hand-card:focus-visible{z-index:3}