.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
#table{background-color:#073c39;background-image:radial-gradient(ellipse at 50% 42%,#23756688,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000009 0 1px,transparent 1px 3px),linear-gradient(135deg,#072d30,#124e43 55%,#072e30)}
#ornaments{display:none}
.rim{width:calc(100% - 52px);height:calc(100% - 112px);top:52%;border:1px solid #c5ae6b40;border-radius:110px;box-shadow:0 0 0 9px #061f2533,inset 0 0 80px #001f2633}
.rim:after{inset:9px;border:1px dashed #c5ae6b26;border-radius:100px}
.topbar{top:17px}.wordmark{color:#dfd4ab;letter-spacing:3px;font-size:12px;display:flex;align-items:center;gap:12px}.wordmark span{font:italic 26px Georgia,serif;letter-spacing:-3px;color:#d8b96b;padding-right:3px}
.icon-button{display:grid;place-items:center;border:1px solid #c9b57340;background:#062d2d77;box-shadow:inset 0 1px #ffffff08;border-radius:50%;width:44px;height:44px;color:#f0dfb5}.icon-button .icon{width:23px;height:23px}
#table:has(#start:not([hidden])) .rim{border-radius:24px;inset:86px 5% 42px;width:auto;height:auto;transform:none;box-shadow:none;background:linear-gradient(115deg,#0d51473d,#002c2b55)}
#table:has(#start:not([hidden])) .rim:after{border-radius:17px;inset:7px;border-style:solid;border-color:#c5ae6b14}
#start{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,80px);align-content:center;align-items:center;max-width:1050px;margin:auto;padding:95px 60px 55px}
.home-art{position:relative;height:410px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.edition{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#c2c9ad;text-align:center;z-index:1}
.hero-number{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font:italic 260px Georgia,serif;letter-spacing:-28px;color:#dfc68c12;text-shadow:0 1px #e3cd9430;user-select:none}
.hero-cards{position:absolute;inset:80px 0 35px;display:flex;justify-content:center;align-items:center;perspective:900px}
.hero-cards img{width:clamp(130px,15vw,182px);border-radius:10px;filter:drop-shadow(0 15px 12px #001e23aa);transform:rotate(-14deg) translateX(16px);transition:transform .35s}
.hero-cards img+img{margin-left:-62px;transform:rotate(13deg) translateY(13px)}
.home-art:hover .hero-cards img:first-child{transform:rotate(-18deg) translateX(8px)}.home-art:hover .hero-cards img+img{transform:rotate(17deg) translateY(9px)}
.art-caption{position:absolute;bottom:0;display:flex;gap:45px;color:#b7c7b4;font-size:11px;letter-spacing:2px}.art-caption:before{content:"";position:absolute;height:1px;background:#bcab7140;width:160px;left:50%;top:-17px;transform:translateX(-50%)}
.home-content{max-width:430px}.home-eyebrow{font-size:10px;letter-spacing:2px;color:#d6bd7f;font-weight:700;margin-bottom:20px}
#start h1{font:normal clamp(42px,5.4vw,68px)/1 Georgia,serif;letter-spacing:-2px;margin:0 0 34px;color:#f5e7bd;text-shadow:0 3px 10px #00242255}
#start h1 span{display:block;font:normal 17px/1.5 Arial,sans-serif;letter-spacing:.3px;color:#b4cabb;margin-top:13px}
#start .setup{text-align:left}#start .setup label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#a8c2b3;margin-bottom:12px}
.opponent-choice{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #adc3a82e;border-radius:10px;background:#032d2d66}.opponent-seal{display:grid;place-items:center;width:39px;height:39px;border:1px solid #c6ae6866;border-radius:50%;color:#d9c27e;background:#153f36}.opponent-choice strong{font-size:15px;font-weight:600;display:block}.opponent-choice>div>span{font-size:10px;display:block;color:#9eb9aa;margin-top:4px}
#start .stepper{margin-left:auto;border:0;border-radius:0;background:none;gap:3px}#start .stepper button{background:none;border:1px solid #c8b47530;border-radius:50%;color:#dec788;width:27px;height:27px;display:grid;place-items:center}#start .stepper button .icon{width:16px;height:16px}#start .stepper span{width:63px;font-size:11px;letter-spacing:.6px;text-align:center;font-weight:700}
.gold{border:1px solid #ead28b;border-radius:10px;background:linear-gradient(180deg,#f5dda0,#d9b45e);box-shadow:inset 0 1px 0 #fff4ca,0 4px 0 #8b6e35,0 9px 25px #001f2444;color:#253e34;text-shadow:none}
#start .big{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-width:0;margin-top:21px;font:700 17px Arial,sans-serif;letter-spacing:2px;padding:18px 20px}#start .big:before{display:none}#start .big .icon{width:19px;height:19px;fill:currentColor;stroke-width:1.2}
#start .start-note{text-align:center;font-size:12px;color:#99b4a5;margin:19px 0 0}#start .start-note span{padding:0 9px;color:#c4ad70}
.avatar{border:1px solid #c6ae6855;border-radius:50%;background:linear-gradient(145deg,#315b4b,#113f38);color:#e5d5a2;width:60px;height:60px}.avatar .icon{width:32px;height:32px}.avatar.small{border:1px solid #c6ae6855;border-radius:50%;width:41px;height:41px}.avatar.small .icon{width:24px;height:24px}
.opponent,.player-panel{background:#052f2dd9;border:1px solid #aabd9340;border-radius:12px;box-shadow:0 5px 25px #00232226}.opponent{padding:10px 17px 10px 10px}
.scoreboard{background:#062f2de6;border:1px solid #c9b67e66;border-bottom:4px solid #b9a166;border-radius:8px}.score-title{background:linear-gradient(130deg,#d6bd7e,#b79a57)!important;color:#173d33;letter-spacing:1px;font-size:13px!important}.scoreboard>div{border-bottom-color:#bca86e30}.scoreboard b{color:#f4e2b2}
.small-button{border-color:#a5b8964d;background:#073b34dc;border-radius:7px;color:#e2dbc0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.small-button .icon{width:18px;height:18px;color:#d8bf80}.small-button.active{background:#bc9b52;border-color:#e5d093}.small-button.active .icon{color:#fff}.home{background:#123d33;border-color:#baa66b88}
.card.back{background-color:#174d48;background-image:repeating-linear-gradient(45deg,transparent 0 7px,#d2bb772e 7px 8px),repeating-linear-gradient(-45deg,transparent 0 7px,#d2bb772e 7px 8px);border-color:#e6e0ce}.card.back:after{content:"66";font:italic 27px Georgia,serif;letter-spacing:-3px;background:#18473e;color:#dfc481;border:3px double #c9b06c;border-radius:8px;inset:31% 19%;padding-right:3px}.trump-info b{color:#e5cc88}
dialog{border-color:#baa268;background:linear-gradient(145deg,#164f41,#052d2c)}dialog .small-button{margin-top:12px}
@media(max-width:850px) and (min-width:701px){#start{padding-left:38px;padding-right:38px;gap:30px}.opponent-choice{flex-wrap:wrap}#start .stepper{margin-left:auto}.home-art{height:355px}.hero-number{font-size:230px}.hero-cards{top:65px}}
@media(max-width:700px){.rim{width:calc(100% - 24px);height:calc(100% - 120px);border-radius:55px}.rim:after{border-radius:48px;inset:6px}.topbar{top:12px}.icon-button{width:38px;height:38px}.icon-button .icon{width:21px;height:21px}.wordmark{font-size:10px;letter-spacing:2px}.wordmark span{font-size:23px}#table:has(#start:not([hidden])) .rim{inset:68px 15px 18px;border-radius:20px}#start{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:81px 36px 29px}.home-art{height:220px;width:100%;flex-shrink:0}.edition{font-size:8px;letter-spacing:1.6px}.hero-number{font-size:180px;top:-20px;letter-spacing:-20px}.hero-cards{inset:35px 0 18px}.hero-cards img{width:108px;border-radius:5px}.hero-cards img+img{margin-left:-35px}.art-caption{font-size:8px;letter-spacing:1.5px;gap:31px}.art-caption:before{display:none}.home-content{width:100%;max-width:345px}.home-eyebrow{display:none}#start h1{text-align:center;font-size:43px;margin-bottom:22px}#start h1 span{font-size:13px;margin-top:8px}#start .setup label{font-size:9px}#start .big{padding:16px;margin-top:17px;font-size:16px}#start .start-note{margin-top:15px;font-size:11px}.opponent .avatar{height:36px;width:36px;border-width:1px}.opponent .avatar .icon{width:23px;height:23px}.opponent{padding:7px}.actions .small-button{flex-direction:column;gap:5px;padding:7px 10px;font-size:10px}.actions .icon{width:18px;height:18px}.last{width:40px;height:36px;padding:5px;bottom:24px}.last span{display:none}.last .icon{width:20px;height:20px}.home{width:34px;height:34px}.player-panel{border-radius:10px}.avatar.small{width:36px;height:36px}.score-title{font-size:10px!important}}
@media(max-height:700px) and (max-width:700px){#start{gap:13px;padding-top:76px;padding-bottom:24px}.home-art{height:165px}.hero-cards{inset:23px 0 15px}.hero-cards img{width:83px}.hero-number{font-size:140px;top:-23px}.edition{font-size:7px}.art-caption{font-size:7px}#start h1{font-size:36px;margin-bottom:16px}#start h1 span{font-size:12px;margin-top:5px}.opponent-choice{padding:9px}#start .start-note{margin-top:11px}#start .big{margin-top:13px;padding:14px}}
@media(max-height:600px) and (min-width:701px){#start{padding-top:78px;padding-bottom:35px}.home-art{height:310px}.hero-number{font-size:200px}.hero-cards{inset:60px 0 30px}.hero-cards img{width:135px}#start h1{font-size:48px;margin-bottom:21px}.home-eyebrow{margin-bottom:14px}#start .big{padding:14px;margin-top:16px}.home-content{max-width:390px}}
@media(prefers-reduced-motion:reduce){.hero-cards img{transition:none}}