@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility}button:focus-visible{outline-offset:3px;outline:3px solid #ecc763}*{box-sizing:border-box}body{color:#18241c;background:#e7dfd0;margin:0;font-family:DM Sans,sans-serif}button{font:inherit;cursor:pointer}.home{background:#f7f3ea;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.home-card{flex-direction:column;justify-content:center;padding:clamp(3rem,10vw,9rem);display:flex}.eyebrow{letter-spacing:.16em;color:#72806d;margin:0 0 1.4rem;font:500 .7rem DM Mono}.home h1,.rules h1{letter-spacing:-.07em;margin:0;font:800 clamp(4.4rem,9vw,8rem)/.85 Playfair Display}.home h1 span,.brand span{color:#bd4e3d}.intro{color:#596258;max-width:370px;margin:2.3rem 0;line-height:1.6}.trump-select{color:#657064;align-items:center;gap:.65rem;margin-bottom:1rem;font-size:.8rem;display:flex}.trump-select button{background:0 0;border:1px solid #d9d1c1;border-radius:50%;width:34px;height:34px;font-size:1.15rem}.trump-select .chosen{color:#fff;background:#1f3b2b;border-color:#1f3b2b}.primary{color:#fff;text-align:left;background:#1e3b2a;border:0;width:250px;padding:1rem 1.2rem;font-weight:700}.primary span{float:right;font-size:1.25rem}.quiet,.back{color:#496050;text-align:left;background:0 0;border:0;padding:1rem 0;text-decoration:underline}.home-aside{color:#eef0df;background:#214532;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem);display:flex}.badge{color:#214532;background:#ecc763;border-radius:50%;place-items:center;width:55px;height:55px;font-size:1.8rem;display:grid}.home-aside p{letter-spacing:.12em;color:#c1d1bb;margin-top:2rem;font:500 .7rem DM Mono}.home-aside h2{letter-spacing:-.04em;font:700 clamp(1.6rem,3vw,2.6rem)/1.1 Playfair Display}.history{color:#c1d1bb;border-top:1px solid #54705d;gap:.55rem;margin-top:3rem;padding-top:1rem;font-size:.8rem;display:grid}.history b{color:#fff}.panel{max-width:760px;margin:8vh auto;padding:2rem}.rules h1{font-size:4rem}.rules>p:not(.eyebrow){color:#596258;max-width:650px;line-height:1.75}.rule-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.rule-grid div{background:#fff;gap:.6rem;padding:1.3rem;display:grid}.rule-grid span{color:#667;font-size:.85rem;line-height:1.4}.game{background:#ddd4c4;flex-direction:column;min-height:100vh;display:flex}header{background:#f8f5ec;justify-content:space-between;align-items:center;height:66px;padding:0 3vw;display:flex}.brand{letter-spacing:.08em;color:#1d3a2a;background:0 0;border:0;font:800 1rem DM Mono}.score{color:#596258;align-items:center;gap:1rem;font-size:.78rem;display:flex}.score b{color:#1e3b2a;font:700 1.2rem DM Mono}.score i{color:#b5ad9f}.trump{text-transform:uppercase;letter-spacing:.1em;color:#687368;font-size:.72rem}.trump b{color:#17251d;margin-left:.4rem;font-size:1.5rem}.red{color:#bc4939!important}.table{background:radial-gradient(circle,#326644,#1c4b35);border:13px solid #563b26;border-radius:46% 46% 42% 42%;width:min(920px,94vw);height:min(650px,100vh - 145px);min-height:520px;margin:3vh auto;position:relative;box-shadow:inset 0 0 0 3px #805d3b,0 15px 25px #7775}.seat{align-items:center;gap:10px;display:flex;position:absolute}.north{flex-direction:column;top:5%;left:50%;transform:translate(-50%)}.south{flex-direction:column;bottom:3%;left:50%;transform:translate(-50%)}.west{flex-direction:column;top:50%;left:5%;transform:translateY(-50%)}.east{flex-direction:column;top:50%;right:5%;transform:translateY(-50%)}.player{color:#eaf1e9;text-shadow:0 1px #123;font-size:.75rem;font-weight:700}.player em{color:#bdcfba;margin-left:.25rem;font-style:normal;font-weight:400}.backs{display:flex}.backs i{background:repeating-linear-gradient(45deg,#b74137 0 3px,#f4ead1 3px 6px);border:2px solid #f4ead1;border-radius:4px;width:20px;height:42px;margin-left:-12px;display:block}.backs i:first-child{margin-left:0}.backs.vertical{flex-direction:column}.backs.vertical i{margin:-26px 0 0}.backs.vertical i:first-child{margin-top:0}.center{border:1px solid #77a07d;border-radius:50%;place-items:center;display:grid;position:absolute;inset:28% 30%}.trick-count{color:#c9dfc8;text-align:center;font:500 .68rem DM Mono}.trick-count b{color:#fff;margin-top:.35rem;font-size:1rem;display:block}.played{position:absolute}.south-card{bottom:-25px}.card{color:#18241c;background:#fffdf7;border:0;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:52px;height:76px;padding:6px;font-size:1rem;transition:transform .15s;display:flex;box-shadow:0 3px 5px #0004}.card span{align-self:center;font-size:1.55rem}.card:not(.disabled):hover{transform:translateY(-12px)}.card.disabled{filter:grayscale(.7);opacity:.43;cursor:not-allowed}.card.small{width:43px;height:63px;font-size:.8rem}.card.small span{font-size:1.2rem}.hand{align-items:end;display:flex}.hand .card{margin-left:-12px}.hand .card:first-child{margin-left:0}.status{color:#22422f;white-space:nowrap;background:#f5eddb;border-radius:20px;margin-bottom:5px;padding:.4rem .75rem;font-size:.72rem}footer{color:#5c645d;justify-content:center;align-items:center;gap:1rem;height:44px;font-size:.76rem;display:flex}footer button{color:#24442f;background:0 0;border:0;text-decoration:underline}.dealer-note{color:#657064;margin:-.6rem 0 1.2rem;font-size:.82rem}.trump-choice{background:#f5eddb;border-radius:24px;gap:.45rem;padding:.45rem;display:flex}.trump-choice button{color:#fff;background:#214532;border:0;border-radius:50%;width:34px;height:34px;font-size:1.15rem}@media (width<=620px){.home{grid-template-columns:1fr}.home-aside{min-height:270px}.game header{padding:0 1rem}.brand{font-size:.7rem}.score{gap:.4rem;font-size:.62rem}.trump{display:none}.table{border-width:7px;border-radius:28% 28% 18% 18%;width:100vw;height:calc(100vh - 110px);min-height:470px;margin:0}.west{left:3%}.east{right:3%}.backs i{width:16px;height:35px}.card{width:45px;height:68px}.north{top:3%}.south{bottom:2%}.rule-grid{grid-template-columns:1fr}.rules h1{font-size:3.2rem}}