*{box-sizing:border-box}body{margin:0;color:#efeadb;background:#102b26;font-family:system-ui,Segoe UI,sans-serif;background-image:radial-gradient(ellipse at 70% 0,#254f3e66,transparent 65%)}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:1px solid #567064;background:#203c32;color:#e3e5d2;border-radius:7px;font:inherit;font-size:12px;padding:10px 15px;cursor:pointer}button:hover{background:#355242}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d6b66b;outline-offset:3px}.gold{background:#d5b76d;color:#263a2c;border:0;font-weight:700}.gold:hover{background:#e7ce92}header{height:88px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #45644855}.logo{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:17px;letter-spacing:2px}.logo>span{font-size:42px;color:#d5b76d}.logo small{display:block;font-family:Arial;font-size:8px;letter-spacing:2px;color:#90a393;margin-top:7px}.header-right{display:flex;align-items:center;gap:14px}.free{font-size:9px;letter-spacing:2px;color:#b7bd94}main{max-width:1500px;margin:auto;padding:35px 4%}#welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;max-width:1100px;margin:30px auto 60px}.eyebrow{font-size:9px;letter-spacing:2px;color:#c9b87b}h1{font-family:Georgia,serif;font-weight:400;font-size:62px;line-height:1.05;letter-spacing:-2px;margin:20px 0}.welcome-copy>p{max-width:440px;color:#a3b7a5;font-size:14px;line-height:1.8}.welcome-facts{display:flex;gap:35px;margin:25px 0}.welcome-facts b{font-family:Georgia;font-size:32px;font-weight:400;display:block;color:#d7c58c}.welcome-facts span{display:block;font-size:10px;color:#9db196;max-width:145px}.auth{background:#1b382e;border:1px solid #4a614b;border-radius:16px;padding:30px;display:grid;gap:15px;box-shadow:0 15px 50px #001d1933}.auth h2{font-family:Georgia;font-weight:400;font-size:28px;margin:0 0 10px}.auth label{font-size:11px;color:#bac9ae}.auth input{display:block;width:100%;margin-top:8px;background:#102b24;border:1px solid #4a634d;border-radius:6px;padding:13px;color:#f5edda;font:inherit;font-size:14px}.auth small{font-size:10px;line-height:1.6;color:#97ad96}.hero-cards{display:flex;margin:25px 0 18px;padding-left:10px;height:130px;align-items:center}.playing-card{background:#fffbeb;color:#26453a;border-radius:9px;width:74px;height:105px;border:1px solid #ded9c5;box-shadow:0 5px 10px #001c1a33;padding:8px;font-family:Georgia;font-size:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.playing-card small{font-size:30px}.playing-card.red{color:#b44742}.hero-cards .playing-card:first-child{transform:rotate(-15deg)}.hero-cards .playing-card:nth-child(2){transform:translateY(-10px);margin-left:-12px}.hero-cards .playing-card:last-child{transform:rotate(15deg);margin-left:-12px}.welcome-copy .disclaimer{font-size:11px;color:#93a88b}#demo,#error,#notice{padding:12px 4%;font-size:12px;line-height:1.5}#demo{background:#bca466;color:#192e26;text-align:center}#error{background:#5b3530;color:#ffe0c8}#notice{background:#355444;color:#f5e5b1}.club-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.club-heading h1{font-size:35px;margin:10px 0}.club-heading p{font-size:11px;color:#9caf94}.wallet{min-width:150px;background:#1c382e;border:1px solid #4c6149;border-radius:10px;padding:17px 23px}.wallet>span{font-size:8px;letter-spacing:2px;color:#c8bd8b}.wallet strong{display:block;font-family:Georgia;font-size:33px;font-weight:400;color:#eddd9b;margin:4px 0}.wallet small{font-size:10px;color:#9caf94}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px}.section-label{font-size:9px;letter-spacing:2px;color:#93a98b;margin:10px 0 15px}nav{display:grid;gap:8px}nav button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;background:#19382f;border-color:#3b5944}nav button.active{background:#304d37;border-color:#b1a26a}nav button b{font-family:Georgia;font-size:19px;font-weight:400}nav button small{font-size:10px;color:#a3b396;margin-top:6px}.rules{padding:15px 2px;color:#93aa90;font-size:11px;line-height:1.8}.rules h3{font-family:Georgia;font-size:20px;font-weight:400;color:#c1c8a5}.rules ol{padding-left:18px}.rules li{margin-bottom:9px}summary{cursor:pointer;color:#c9c99f}.table-panel{min-width:0;background:#16332c;border:1px solid #3e5844;border-radius:15px;padding:20px}.table-top{display:flex;align-items:center;justify-content:space-between;padding:0 3px 15px}.table-top h2{font-family:Georgia;font-size:24px;font-weight:400;margin:6px 0}.table-top>div:last-child{text-align:right;font-size:11px;color:#b4c39d}#timer{display:block;color:#efd392;font-size:20px;margin-top:5px}.felt{height:375px;position:relative;border-radius:170px;border:13px solid #3b3b2b;background:radial-gradient(ellipse,#33654b,#1d4d3a);box-shadow:inset 0 0 0 2px #788653,inset 0 0 60px #112e2544,0 7px 0 #0c221b;overflow:hidden}.felt-mark{position:absolute;top:38%;width:100%;text-align:center;font-family:Georgia;font-size:18px;letter-spacing:3px;color:#82a07c55;pointer-events:none}.felt-mark span{display:block;font-family:Arial;font-size:7px;margin-top:6px;letter-spacing:4px}.pot{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pot small{display:block;font-size:8px;letter-spacing:2px;color:#c4c89e}.pot strong{display:block;font-family:Georgia;font-size:30px;color:#f0d58c}.pot>span{font-size:9px;color:#b0c097}.seat{position:absolute;max-width:190px;text-align:center;font-size:11px;transform:translate(-50%,-50%);width:31%}.seat.pos0{left:50%;top:82%}.seat.pos1{left:17%;top:47%}.seat.pos2{left:50%;top:16%}.seat.pos3{left:83%;top:47%}.seat strong{display:block;color:#f1ebcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat small{display:block;color:#b8c69b;font-size:9px;margin-top:4px}.seat .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#294332;border:1px solid #87996a;color:#dbc990;margin:0 auto 5px;font-family:Georgia;font-size:16px}.seat.turn .avatar{outline:3px solid #e7c569;box-shadow:0 0 22px #e5c37455}.seat.empty{color:#8da780}.mini-cards{display:flex;justify-content:center;gap:2px;margin-top:5px}.mini-card{background:#eadfb8;color:#304d3a;padding:2px 3px;border-radius:2px;font-size:8px}.mini-card.back{background:repeating-linear-gradient(45deg,#284878,#284878 2px,#41648c 2px,#41648c 4px);width:12px;height:18px;border:1px solid #c3cba5}.mini-card.red{color:#b44742}.result{font-size:12px;text-align:center;color:#dcc995;padding:18px 0 10px;min-height:44px}.my-hand{border-top:1px solid #385142;padding-top:13px}.hand-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#b7c397}.hand-label small{font-size:10px;letter-spacing:0;color:#a9b998}#cards{display:flex;justify-content:center;gap:10px;min-height:125px;align-items:center;padding:10px 0}#cards button.playing-card{cursor:default}#cards button.selectable{cursor:pointer}#cards button.selected{transform:translateY(-9px);outline:3px solid #e5b870;box-shadow:0 6px 20px #d0af7044}#cards .empty-hand{font-family:Georgia;color:#839d80;font-size:18px}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 0}.actions .fold{border-color:#805549;color:#e8b5a0}.history{font-size:11px;color:#9db591;border-top:1px solid #395343;margin-top:17px;padding-top:13px}.history ol{line-height:1.8;padding-left:22px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4%;font-size:10px;border-top:1px solid #41614855;color:#8da184}[hidden]{display:none!important}@media(min-width:1600px){main{max-width:1700px}.felt{height:460px}}@media(max-width:900px){header{padding:0 3%}.free{display:none}.layout{grid-template-columns:1fr}aside nav{grid-template-columns:repeat(5,1fr);gap:5px}nav button{padding:10px}nav button b{font-size:14px}nav button small{font-size:8px}.rules{padding:0}.rules>h3,.rules>p{display:none}.rules details{margin-top:12px}.felt{height:350px}.welcome-copy h1{font-size:49px}#welcome{gap:30px}.auth{padding:23px}}@media(max-width:600px){header{height:77px}.logo{font-size:12px;letter-spacing:1px}.logo>span{font-size:31px}.logo small{font-size:6px}.header-right{gap:5px}.header-right button{font-size:9px;padding:8px}main{padding:22px 3%}#welcome{display:block;margin:0}.welcome-copy h1{font-size:48px}.welcome-copy>p{font-size:12px}.hero-cards{display:none}.auth{margin-top:25px}.club-heading h1{font-size:26px}.wallet{min-width:105px;padding:12px}.wallet strong{font-size:27px}.wallet small{font-size:8px}.club-heading p{font-size:10px}nav button b{font-size:12px}nav button small{font-size:8px}.table-panel{padding:12px}.felt{height:330px;border-width:8px;border-radius:80px}.felt-mark{font-size:11px}.seat strong{font-size:9px}.seat small{font-size:8px}.seat.pos1{left:18%}.seat.pos3{left:82%}.seat .avatar{width:25px;height:25px}.pot strong{font-size:24px}.playing-card{width:49px;height:77px;font-size:22px;padding:5px}.playing-card small{font-size:24px}#cards{gap:7px;min-height:105px}.hand-label{flex-direction:column;gap:5px}.actions button{font-size:11px;padding:10px}.table-top h2{font-size:21px}footer{font-size:9px}.result{font-size:11px}}
#cards button.playing-card:disabled{opacity:1}