:root{color-scheme:dark;--bg:#101c1c;--panel:#192828;--gold:#dfbc7b;--muted:#8a9d97;--text:#f3f2e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 20%,#203934 0,transparent 50%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC",sans-serif;min-height:100dvh}header{max-width:920px;margin:auto;padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-size:17px;letter-spacing:1px;font-weight:650}.logo{border:1px solid #8e7952;color:var(--gold);border-radius:12px;font-size:28px;width:43px;height:43px;text-align:center}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--gold);margin-top:4px}.status{font-size:11px;color:#9db7a4}.status:before{content:'•';color:#8ccb9b;margin-right:6px}main{max-width:480px;margin:auto;padding:22px 24px 10px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h1{font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:47px;line-height:1.2;letter-spacing:2px;margin:18px 0}.intro{color:var(--muted);font-size:12px;line-height:1.9}.hero-cards{position:relative;height:166px;margin:2px 0 18px}.card{background:linear-gradient(145deg,#fffef7,#e1dfd4);border:1px solid #fff9;border-radius:8px;color:#203a35;width:49px;height:70px;display:inline-flex;flex-direction:column;justify-content:space-between;padding:5px;font:600 18px Georgia;box-shadow:0 4px 10px #0003;flex-shrink:0}.card span{text-align:center;font-size:25px}.card small{text-align:right;font-size:11px}.red{color:#b75247}.card.back{background:repeating-linear-gradient(45deg,#375c53 0px,#375c53 3px,#29483f 3px,#29483f 7px);border:3px solid #c9d0bf;color:#d0b785;align-items:center;justify-content:center;font-size:26px}.card.empty{background:#ffffff06;border:1px dashed #b4c4ac36;box-shadow:none}.hero{position:absolute;width:91px;height:128px;font-size:30px;padding:9px}.hero span{font-size:46px}.hero small{font-size:18px}.one{left:calc(50% - 90px);top:11px;transform:rotate(-15deg)}.two{left:calc(50% - 10px);top:20px;transform:rotate(12deg)}.chip{position:absolute;left:calc(50% + 63px);top:104px;width:64px;height:64px;border:6px dashed #eed4a4;outline:2px solid #917b54;border-radius:50%;background:#9d7645;box-shadow:0 5px 0 #644d31;text-align:center;padding-top:9px;font-size:7px;transform:rotate(14deg)}.chip b{font-size:17px}.entry{padding:20px;background:#1b2a29c9;border:1px solid #52615750;border-radius:18px;box-shadow:0 14px 35px #0002}label{display:block;color:#b2bdb4;font-size:11px;margin-bottom:10px}input{width:100%;min-width:0;border:1px solid #53645966;background:#101c1cb0;border-radius:9px;padding:14px;color:var(--text);font-size:14px;outline:none}input:focus{border-color:var(--gold)}button{cursor:pointer;touch-action:manipulation;border:1px solid #566d5c80;border-radius:10px;background:#2a3e36;color:var(--text);font-size:13px;font-weight:600;min-height:45px;padding:12px 16px}button:disabled{opacity:.35;cursor:default}.primary{background:linear-gradient(120deg,#efd5a2,#caa56a);color:#263229;border:0}.entry>.primary{width:100%;margin:12px 0;display:flex;justify-content:space-between}.join-line{display:flex;gap:8px}.join-line input{flex:1}.ghost{border:0;background:none;color:var(--gold);width:100%;margin-top:9px}.perks{display:flex;justify-content:space-around;color:#9cac9f;font-size:10px;padding:22px 0}.rules{border-top:1px solid #8aa08725;margin-top:12px;padding:16px 0;color:#8a9d97;font-size:11px;line-height:1.8}.rules summary{cursor:pointer;color:#b4c1b9;list-style:none;display:flex;justify-content:space-between}.rules p{margin-bottom:5px}footer{text-align:center;letter-spacing:2px;font-size:8px;color:#738a7e;padding:14px 0;line-height:2.5}footer span{letter-spacing:1px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#e8d8b7;color:#24312a;border-radius:12px;max-width:90%;padding:14px 20px;font-size:13px;box-shadow:0 6px 25px #0004;z-index:20;display:none}.roomline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b4c1b9;margin:-12px -8px 8px}.text-btn{border:0;background:none;color:var(--gold);padding:8px;font-size:12px}.table-wrap{position:relative;height:440px}.felt{position:absolute;inset:30px 0 35px;border:8px solid #4e5e48;border-radius:160px;background:radial-gradient(ellipse,#25574a,#163e34);outline:2px solid #ad996447;box-shadow:inset 0 0 0 2px #d0b47730,inset 0 0 40px #0006,0 12px 30px #0003}.player{position:absolute;left:50%;transform:translateX(-50%);text-align:center;min-width:180px}.opponent{top:0}.self{bottom:0}.avatar{display:inline-grid;place-items:center;border:2px solid #b6a275;border-radius:50%;background:#354a3b;width:37px;height:37px;margin-bottom:5px;color:#e3cc9e}.player.active .avatar{box-shadow:0 0 0 4px #d3ba7460}.player-name{font-size:12px}.stack{font-size:14px;color:var(--gold);padding:4px}.note{font-size:10px;color:#a9c2ac;min-height:16px}.cards{display:flex;justify-content:center;gap:6px}.player .cards{margin-top:5px}.opponent .card{height:49px;width:35px;font-size:12px}.opponent .card span{font-size:17px}.opponent .card small{font-size:8px}.table-center{position:absolute;top:160px;left:0;right:0;text-align:center}.pot{font-size:11px;color:#afc3b5;margin:12px}.pot strong{font-size:25px;color:#f2e4bf;margin-left:5px}.table-mark{font:9px Georgia;letter-spacing:4px;color:#afc3b53c;margin-top:15px}.table-mark span{font-size:16px}.table-center p{font-size:11px;color:#e1cd9b;margin:8px 20px}.turn-status{text-align:center;font-size:12px;color:var(--gold);margin:12px 0;min-height:18px}.raise-line{display:flex;align-items:center;gap:10px;margin-bottom:10px}.raise-line label{margin:0;white-space:nowrap}.raise-line input{flex:1;padding:11px}.raise-line button{font-size:11px;padding:8px}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px}.danger{color:#d69c8f;background:#3b2d2a}.wide{width:100%}.result{text-align:center;font-size:14px;color:var(--gold);line-height:1.8;margin-top:12px}[hidden]{display:none!important}@media(min-width:750px){main{padding-top:30px}h1{font-size:54px}.hero-cards{height:180px}}@media(max-width:360px){main{padding:18px 16px 8px}.card{width:44px;height:64px}.table-wrap{height:425px}header{padding:18px 16px}h1{font-size:42px}}
/* Keep the player's badge below the community cards on small screens. */
.table-wrap{height:500px}.table-mark{margin-top:12px}
/* Eight seats: clockwise order around a portrait table. */
.table-wrap{height:590px}.felt{inset:34px 20px 58px;border-width:6px;border-radius:150px}.table-center{top:235px;z-index:1}.table-center .board{gap:4px}.board .card{width:36px;height:53px;font-size:14px;padding:4px}.board .card span{font-size:20px}.board .card small{font-size:8px}.table-center .pot{margin:9px}.table-center .eyebrow{font-size:9px;letter-spacing:2px}.table-mark{margin-top:10px}.table-center p{max-width:175px;margin:8px auto;line-height:1.7}.self{z-index:3;bottom:0}.self .avatar{width:34px;height:34px}.self .cards{margin-top:3px}.seat{position:absolute;text-align:center;width:76px;transform:translate(-50%,-50%);z-index:2}.seat .avatar{width:30px;height:30px;font-size:12px;margin-bottom:1px;position:relative}.seat .player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.seat .stack{font-size:11px;padding:2px}.seat .cards{gap:3px;margin-top:2px}.seat .card{width:21px;height:29px;border-radius:3px;padding:2px;font-size:8px}.seat .card span{font-size:11px}.seat .card small{display:none}.seat .card.back{border-width:2px;font-size:13px}.seat .note{font-size:9px;margin-top:2px}.seat.active .avatar{box-shadow:0 0 0 4px #dfbc7b66}.seat.active .player-name{color:#f3d598}.folded{opacity:.55}.empty-seat{display:grid;place-items:center;width:29px;height:29px;border:1px dashed #91a58860;border-radius:50%;margin:0 auto 5px;color:#92a889}.slot-1{left:13%;top:72%}.slot-2{left:10%;top:37%}.slot-3{left:17%;top:15%}.slot-4{left:50%;top:9%}.slot-5{left:83%;top:15%}.slot-6{left:90%;top:37%}.slot-7{left:87%;top:72%}.avatar{position:relative}.badge{position:absolute;bottom:-3px;right:-10px;font-size:8px;border:1px solid #dfbc7b;border-radius:7px;background:#ddc18b;color:#253930;padding:2px;line-height:1}.pot-details{margin-top:12px;font-size:11px;color:#adbeb0}.pot-details>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff12;padding:8px 0}.pot-details>div span:last-child{text-align:right}.turn-status{line-height:1.5}.roomline{font-size:11px}@media(max-width:360px){.seat{width:65px}.seat .player-name{max-width:65px}.table-wrap{height:590px}.slot-2{left:11%}.slot-6{left:89%}.board .card{width:34px}}