:root{color:#183b30;font-synthesis:none;--green:#183b30;--red:#a74736;--line:#dcded3;background:#f6f4ec;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #bc7a2e}header,main,footer{width:min(1180px,100% - 64px);margin:0 auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:29px 0;display:flex}.brand{letter-spacing:.04em;color:var(--green);font-size:25px;font-weight:850;text-decoration:none}.brand>span:first-child{vertical-align:middle;margin-right:10px;font-size:36px}.brand-dot{color:var(--red)}.header-note,.eyebrow{letter-spacing:.18em;font-size:10px;font-weight:750}.header-note{color:#647367}.intro{padding:56px 0 38px}.eyebrow{color:#6c7a68;margin:0 0 16px}h1,h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{margin:0 0 24px;font-size:clamp(46px,6.5vw,78px);line-height:1.03}.intro-copy{color:#647166;margin:0;font-size:16px;line-height:1.65}.game-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.game-tile{border:1px solid var(--line);background:#efeee5;border-radius:8px;flex-direction:column;min-height:365px;padding:25px 27px 24px;display:flex}.featured{background:#fffdf7;border-color:#b5c2ae}.tile-top{color:#84907e;justify-content:space-between;align-items:center;font-size:11px;display:flex}.pill{letter-spacing:.07em;color:#426044;background:#e9ede1;border-radius:3px;padding:7px 8px;font-size:8px;font-weight:800}.pill.muted{color:#74806d;background:#e7e7dc}.game-suit{margin:14px 0 0;font-family:Georgia,serif;font-size:64px;line-height:1.3}.red{color:var(--red)}h2{margin:0 0 12px;font-size:33px}.game-tile>p{color:#6e786b;max-width:260px;margin:0 0 23px;font-size:13px;line-height:1.65}.tile-meta{color:#7d8779;margin-top:auto;margin-bottom:19px;font-size:10px}.primary,.outline{border-radius:4px;padding:13px 17px;font-size:12px;font-weight:650}.primary{border:1px solid var(--green);color:#fffdf7;background:var(--green);justify-content:space-between;align-items:center;display:flex}.primary:hover:not(:disabled){background:#285844}.primary:disabled{opacity:.6}.outline{color:var(--green);background:0 0;border:1px solid #a7b3a1}.outline:hover:not(:disabled){background:#e6eadf}.game-tile>p.soon{border-top:1px solid var(--line);max-width:none;margin:0;padding:13px 0;font-size:11px}.honest-note{color:#7a8375;max-width:720px;margin:24px 0 43px;font-size:11px;line-height:1.8}footer{border-top:1px solid var(--line);color:#7a8475;justify-content:space-between;padding:24px 0 28px;font-size:11px;display:flex}.game-heading{justify-content:space-between;align-items:center;padding:32px 0 12px;display:flex}.game-heading h1{margin-bottom:8px;font-size:46px}.game-heading .eyebrow{margin-bottom:9px}.small-dot{color:var(--red)}.game-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding-bottom:30px;display:grid}.table{color:#e7eddf;background:radial-gradient(#2d604b 0%,#204e3a 75%);border:9px solid #b5ab8f;border-radius:48%;outline:1px solid #d0c9b8;height:340px;margin:14px 5px 25px;position:relative;box-shadow:inset 0 0 0 2px #d8d7b52b}.seat{text-align:center;z-index:1;font-size:11px;font-weight:650;position:absolute}.seat small{color:#b8cabb;margin-top:5px;font-size:9px;font-weight:400;display:block}.north{top:18px;left:50%;transform:translate(-50%)}.west{top:50%;left:15px;transform:translateY(-50%)}.east{top:50%;right:15px;transform:translateY(-50%)}.south{bottom:15px;left:50%;transform:translate(-50%)}.table-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:68px 100px}.table-mark{color:#67917988;font-size:70px}.table-caption{letter-spacing:.07em;color:#adc5b5;text-align:center;margin:8px 0 14px;font-size:10px}.trick-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.trick-item{text-align:center}.trick-item small{color:#b4cbbb;margin-top:5px;font-size:8px;font-weight:400;display:block}.playing-card{width:54px;height:77px;color:var(--green);background:#fffef8;border:1px solid #c8cdbf;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:inline-flex;box-shadow:0 3px 5px #11281e22}.card-face{flex-direction:column;align-items:center;font-family:Georgia,Times New Roman,serif;line-height:1.05;display:flex}.card-face b{font-size:23px;font-weight:400}.card-face>span{font-size:27px}.turn-info{text-align:center;color:#51634f;min-height:42px;font-size:12px;line-height:1.7}.hand{flex-wrap:wrap;justify-content:center;gap:6px;min-height:95px;margin-top:11px;display:flex}.hand-card{transition:transform .12s,border-color .12s}.hand-card:not(:disabled){border-color:#426e4f;box-shadow:0 3px #53714b55}.hand-card:hover:not(:disabled){transform:translateY(-8px)}.hand-card:disabled{opacity:.42}.score-panel{padding:25px 0 0}.score-panel h2{letter-spacing:-.035em;font-size:24px;line-height:1.3}.score-panel ul{margin:20px 0;padding:0;list-style:none}.score-panel li{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.score-panel p{color:#72816b;font-size:10px;line-height:1.8}.score-panel .eyebrow{font-size:9px}.score-panel summary{cursor:pointer;margin-top:23px;font-size:11px}.score-panel .trick-history{padding-left:22px}.score-panel .trick-history li{padding:6px 0;font-family:Georgia,serif;font-size:13px;line-height:1.4;display:list-item}.prototype-note{margin-top:25px}.error{color:#843d32;background:#f2ded6;border-radius:5px;margin:18px 0 28px;padding:14px 18px;font-size:12px}@media (width>=1400px){.intro{padding-top:70px}.game-tile{min-height:385px}.game-suit{margin-top:24px}}@media (width<=900px){.game-grid{gap:12px}.game-tile{padding:20px}.game-layout{grid-template-columns:minmax(0,1fr);gap:0}.score-panel{padding:8px 0 25px}.score-panel ul{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.score-panel .prototype-note{margin-top:15px}.table{max-width:750px;margin:12px auto 22px}.table-center{inset:68px 95px}}@media (width<=650px){header,main,footer{width:calc(100% - 36px)}header{padding:18px 0}.header-note{font-size:8px}.brand{font-size:20px}.brand>span:first-child{font-size:28px}.intro{padding:36px 0 28px}.intro-copy{font-size:14px}.desktop-break{display:none}.game-grid{grid-template-columns:1fr;gap:15px}.game-tile{min-height:300px;padding:23px}.game-tile>p{max-width:none}.game-suit{margin-top:4px;font-size:50px}.game-tile h2{margin-bottom:10px;font-size:30px}.honest-note{margin-bottom:25px;font-size:10px}footer{gap:15px;font-size:9px}.table{border-width:6px;height:290px}.seat{font-size:9px}.seat small{font-size:8px}.west{left:8px}.east{right:8px}.table-center{inset:60px 55px}.trick-cards{gap:5px}.trick-item .playing-card{width:39px;height:60px}.trick-item .card-face b{font-size:18px}.trick-item .card-face>span{font-size:22px}.trick-item small{font-size:7px}.hand{gap:5px}.hand .playing-card{width:43px;height:65px}.card-face b{font-size:20px}.card-face>span{font-size:24px}.game-heading h1{font-size:39px}.outline{padding:10px;font-size:11px}.turn-info{font-size:11px}.score-panel ul{gap:0 18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.account-bar{color:#65765f;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:18px 0 0;font-size:11px;display:flex}.login-link{text-decoration:none;display:inline-block}.demo-panel{background:#e9edde;border:1px solid #d5ddc9;border-radius:6px;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;padding:22px 25px;display:flex}.demo-panel h3{margin:0 0 8px;font-family:Georgia,serif;font-size:22px;font-weight:400}.demo-panel p{color:#68785f;max-width:580px;margin:0;font-size:11px;line-height:1.7}.demo-panel button{white-space:nowrap}.account-bar .outline{padding:10px 13px;font-size:10px}@media (width<=650px){.demo-panel{padding:20px;display:block}.demo-panel button{justify-content:center;width:100%;margin-top:15px}.account-bar{font-size:10px}.account-bar .outline{padding:10px;font-size:9px}.account-bar span{max-width:45%}}