@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";*{box-sizing:border-box}body{margin:0;background:#f5f2ea;color:#173a30;font-family:DM Sans,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c7954a;outline-offset:4px}main{max-width:1440px;margin:auto;padding:0 5%}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d9cc}.brand{font-size:13px;letter-spacing:2.3px;font-weight:700;text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.brand>span{font-size:34px}.textButton{border:0;background:none;color:#365347;font-size:13px}.textButton span{margin-left:18px}.intro{text-align:center;padding:51px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:#558264;border-radius:50%;margin-right:7px}.dot.off{background:#bc644d}h1{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:76px;letter-spacing:-3px;margin:12px 0 14px;line-height:1.1}h1 em{font-weight:500;color:#9f553d}.intro p{font-size:14px;color:#6d786c}.lobby{display:grid;grid-template-columns:1fr 1fr;max-width:940px;margin:0 auto 44px;border:1px solid #d4d9c9;background:#faf9f4;border-radius:14px;overflow:hidden;box-shadow:0 15px 40px #223c2c06}.invitation{padding:38px 28px 32px;background:#e8ecdf;text-align:center}.fan{position:relative;height:214px;width:240px;margin:auto}.fan .card{position:absolute;top:14px;left:55px;transform:rotate(-18deg);transform-origin:bottom center}.fan .card:nth-child(2){transform:rotate(3deg);left:75px;top:5px}.fan .card:nth-child(3){transform:rotate(22deg);left:95px;top:15px}.card{width:126px;height:176px;background:#fffdf7;border:1px solid #d5d3c6;border-radius:10px;color:#203d32;box-shadow:0 6px 10px #0c2f2620;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card>span{font-size:62px}.card b{position:absolute;left:10px;top:8px;font-family:Georgia,serif;font-size:24px;line-height:1;text-align:center}.card i{font-style:normal;display:block;font-size:18px}.card .bottom{inset:auto 10px 8px auto;transform:rotate(180deg)}.card.red{color:#b75946}.card.back{background:repeating-linear-gradient(45deg,#214d3f 0px 4px,#2f5b4c 4px 5px);border:6px solid #f9f6eb;outline:1px solid #bdc4b2}.back:after{content:"";position:absolute;inset:7px;border:1px solid #c3b98588;border-radius:3px}.back>span{color:#d8caa1;font-size:44px}.caption{font-size:9px;letter-spacing:2px;margin:12px 0 15px;color:#64765f}h2{font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:500;margin:0 0 12px}.invitation p{font-size:13px;line-height:1.8;color:#677463;margin:0}.joinPanel{padding:42px 42px 30px;display:flex;flex-direction:column;justify-content:center}label{font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}input{min-width:0;width:100%;padding:14px;border:1px solid #cfd4c5;border-radius:6px;background:#fffef9;color:#183b30;font-size:13px}input::placeholder{color:#92998c}.primary{background:#214d3d;color:#fffdf3;border:1px solid #214d3d;border-radius:6px;padding:15px 20px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:25px;align-items:center}.joinPanel>.primary{margin-top:14px}.primary:hover:enabled{background:#306249}.divider{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.4px;color:#8a9485;margin:26px 0}.divider:before,.divider:after{content:"";height:1px;background:#dde0d5;flex:1}.joinRow{display:flex;gap:10px}.codeInput{letter-spacing:3px;text-transform:uppercase}.secondary{white-space:nowrap;border:1px solid #bec9b5;border-radius:6px;background:transparent;color:#214d3d;padding:10px 16px;font-size:12px;font-weight:600}.note{font-size:10px;color:#8a9383;text-align:center;margin:20px 0 0}footer{border-top:1px solid #d7d9cc;display:flex;justify-content:space-between;align-items:center;color:#8b9384;padding:25px 0;font-size:10px;letter-spacing:1px}footer>span:first-child{font-size:19px;color:#7f8d75}footer>span:last-child{font-size:9px}.arena{max-width:1080px;margin:0 auto 36px;border:1px solid #ccd4c3;border-radius:12px;background:#faf9f3;overflow:hidden}.tableTop{padding:15px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e3d8}.room{border:0;background:none;color:#244c3d;letter-spacing:3px;font-weight:700;font-size:15px}.room small{font-size:8px;letter-spacing:1px;margin-left:6px;color:#85917d}.connection{font-size:10px;color:#7a8875}.players{display:flex;align-items:center;justify-content:space-between;padding:25px 35px}.player{display:flex;gap:12px;align-items:center;flex:1}.opponent{justify-content:flex-end;text-align:right}.avatar{width:38px;height:38px;border-radius:50%;background:#e6ebdd;display:grid;place-items:center;font-family:Georgia;font-size:20px}h3{font-size:14px;margin:0 0 6px}h3 small{font-size:8px;color:#8a9681;margin-left:5px}.player p{font-size:11px;margin:0;color:#85917d}.round{text-align:center;font-size:8px;letter-spacing:2px;color:#83927c}.round b{font-family:Georgia;font-size:20px;display:block;margin-top:4px;color:#b89350}.felt{background:radial-gradient(ellipse at center,#32644f,#214b3c);margin:0 24px;border-radius:10px;display:flex;align-items:center;justify-content:space-around;min-height:285px;padding:38px 20px;border:1px solid #173f31;box-shadow:inset 0 0 0 7px #ffffff05}.felt.war{background:radial-gradient(ellipse at center,#654d35,#314c37)}.playZone{display:flex;gap:28px;align-items:center}.deck{display:flex;flex-direction:column;align-items:center;gap:15px}.deck>span{font-size:8px;letter-spacing:1.5px;color:#a4b6a3}.card.small{width:80px;height:114px}.small>span{font-size:30px}.pot{text-align:center;display:flex;flex-direction:column;gap:8px;color:#c8d2bb;min-width:100px}.pot>span{font-size:25px;color:#c9b379}.pot b{font-size:8px;letter-spacing:2px}.pot strong{font-family:Georgia;font-size:38px;font-weight:400}.pot small{font-size:9px}.card .empty{color:#bcc6b1;font-size:45px}.actionBar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 35px}.actionBar>p{font-size:12px;color:#6a7d65}.actionBar>.primary{min-width:205px}.history{border-top:1px solid #e2e4da;padding:15px 35px;color:#829079;font-size:11px}.history summary{cursor:pointer}.history p{font-size:11px}.reveal{animation:reveal .35s ease-out}@keyframes reveal{0%{transform:rotateY(75deg);opacity:.2}to{transform:rotateY(0);opacity:1}}.error{max-width:940px;margin:10px auto 25px;padding:14px;background:#f4ded2;border-radius:6px;font-size:13px;color:#9a4334}.rules{max-width:940px;margin:25px auto 40px;padding:25px;background:#e8ecdf;border-radius:10px}.rules h2{font-size:25px}.rules p{font-size:13px;line-height:1.8;color:#5c7059}@media(max-width:760px){main{padding:0 20px}header{height:74px}.brand{font-size:10px;letter-spacing:1px}.brand>span{font-size:27px}.intro{padding:32px 0 20px}h1{font-size:57px}.lobby{grid-template-columns:1fr}.invitation{padding:24px}.fan{height:192px;transform:scale(.9);margin-top:-10px}.joinPanel{padding:28px}.players{padding:20px 15px}.avatar{display:none}.player h3{font-size:12px}.felt{margin:0 10px;padding:28px 10px;min-height:230px}.playZone{gap:0}.deck{display:none}.card{width:90px;height:130px}.card>span{font-size:45px}.pot{min-width:65px}.pot strong{font-size:30px}.pot b{font-size:7px}.actionBar{padding:20px;flex-direction:column;align-items:stretch;gap:8px}.actionBar>.primary{justify-content:center}.tableTop{padding:12px}.connection{font-size:8px}.room{font-size:12px}.room small{display:none}.history{padding:15px 20px}footer{gap:12px}footer>span:last-child{display:none}footer p{font-size:9px}.intro p{font-size:12px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.title52{font-size:112px;line-height:.95;margin:14px 0 18px;letter-spacing:-6px}.title52>span{display:block;font-size:26px;letter-spacing:-.6px;margin-top:14px}.intro{padding-top:30px;padding-bottom:16px}.phaseLoop{max-width:650px;margin:0 auto 28px;display:flex;justify-content:center;gap:18px}.phaseLoop>span{display:flex;gap:8px;align-items:center;font-size:10px;color:#8b9585;padding:9px 0}.phaseLoop small{font-size:8px;color:#abb29f}.phaseLoop b{font-weight:400;margin-left:10px;color:#b2baa6}.phaseLoop .active{color:#214d3d;font-weight:700;border-bottom:2px solid #9f553d}.phaseLoop .active small{color:#9f553d}@media(max-width:760px){.title52{font-size:88px}.title52>span{font-size:23px}.phaseLoop{gap:8px;margin-bottom:20px}.phaseLoop>span{font-size:8px;gap:4px}.phaseLoop b{margin-left:3px}.phaseLoop small{font-size:7px}}.soloButton{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 20px}.soloButton:hover:enabled{background:#e8ecdf}.soloNote{font-size:10px;color:#84917c;margin:8px 0 0;text-align:center}