@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f4f8fb;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f8ffff}.device{position:relative;width:min(100vw,375px);height:100dvh;min-height:640px;max-height:812px;margin:auto;overflow:hidden;background:#001b18;box-shadow:0 12px 45px #001d1b25}.game{height:100%;background:#002720}.appbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 5px;background:linear-gradient(180deg,#001c18,#003228)}.appbar button,.landing-top span{padding:0;border:0;background:none;color:#f4ffff;font-size:26px;line-height:1}.appbar div{text-align:center}.appbar strong{display:block;font-size:13px;letter-spacing:-.2px}.appbar small{display:block;margin-top:2px;color:#b4cbc5;font-size:9px}.table-area{position:relative;height:calc(100% - 202px);min-height:430px;overflow:hidden;background:radial-gradient(ellipse at 50% 53%,#08745c 0,#005447 45%,#002f2b 71%,#001d1b 100%)}.table-rim{position:absolute;top:0;right:5px;bottom:-50px;left:5px;border:11px solid #0e312b;border-radius:48% 48% 46% 46%/30% 30% 20% 20%;box-shadow:inset 0 0 0 2px #c49c4c55,inset 0 0 18px #000}.felt-line{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px solid #d0bb6750;border-radius:inherit}.player{position:absolute;width:64px;text-align:center;font-size:10px;z-index:2;text-shadow:0 1px 2px #001814}.player b,.player small{display:block;line-height:13px}.player b{font-weight:600}.player small{color:#c1d5cc;font-size:9px}.avatar{width:40px;height:40px;margin:auto;display:grid;place-items:center;border:2px solid #f7e6ca;border-radius:50%;background:radial-gradient(circle at 50% 35%,#c89065,#3e3028);font-size:26px;box-shadow:0 2px 5px #001c19}.avatar.me{border-color:#a3ef47;box-shadow:0 0 0 2px #87ce41,0 2px 5px #001c19}.player em{display:inline-block;margin-top:1px;padding:2px 8px;border-radius:8px;background:#123d38;color:#c3d7d0;font-size:9px;font-style:normal;line-height:13px}.player em.live{background:linear-gradient(180deg,#adfc60,#69dd34);color:#123519;font-weight:700}.top{top:5px;left:calc(50% - 32px)}.left{top:18%;left:7px}.right{top:18%;right:7px}.bottom-left{bottom:10%;left:9px}.bottom-right{bottom:9%;right:7px}.pot{position:absolute;z-index:2;top:27%;left:50%;transform:translate(-50%);width:83px;height:53px;border-radius:25px;background:#063d34d9;border:1px solid #39a06d70;text-align:center;padding-top:6px;font-size:11px;color:#d3e2d9}.pot span,.pot strong{display:block}.pot strong{padding-top:2px;color:#f3f6b9;font-size:14px}.community{position:absolute;z-index:2;top:39%;left:50%;display:flex;gap:5px;transform:translate(-50%)}.community span,.hole-cards span{display:flex;flex-direction:column;justify-content:center;width:34px;height:50px;padding:3px 5px;border-radius:4px;background:linear-gradient(135deg,#fff,#dfe8e8);color:#07181c;box-shadow:0 2px 5px #001b18aa;font-family:Arial;font-size:13px}.community b{line-height:12px}.community i,.hole-cards i{font-style:normal;font-size:18px;line-height:18px}.red{color:#db2730!important}.chip-stack{position:absolute;z-index:3;top:57%;left:calc(50% - 18px);color:#f8e14d;letter-spacing:-11px;font-size:18px;text-shadow:1px 1px #095940}.hole-cards{position:absolute;z-index:2;bottom:6%;left:calc(50% - 36px);display:flex;gap:2px}.hole-cards span{width:36px;height:49px}.actions{height:68px;padding:8px 24px;display:flex;gap:7px;background:#003b33}.actions button{flex:1;border:1px solid #718e88;border-radius:12px;background:linear-gradient(135deg,#264b4e,#102d31);color:#fff;font-size:12px;font-weight:700}.actions small{display:block;font-size:10px}.actions .call{border:0;background:linear-gradient(135deg,#b6ff65,#6fe335);color:#113515}.actions .raise{border:0;background:linear-gradient(135deg,#ffc244,#ff7b22);color:#442000}nav{height:70px;display:flex;justify-content:space-around;background:#00251f;border-top:1px solid #3a796660;padding-top:8px}nav button{width:25%;border:0;background:transparent;color:#c5d5d0;font-size:20px}nav button.active{color:#92ee45}nav small{display:block;margin-top:4px;font-size:10px}.home-bar{position:absolute;z-index:10;bottom:6px;left:calc(50% - 52px);width:104px;height:4px;border-radius:5px;background:#fff}.modal-mask{position:absolute;z-index:7;top:64px;right:0;bottom:0;left:0;background:#001b18ce;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.disconnect{position:absolute;top:38%;left:50%;width:250px;text-align:center;transform:translate(-50%,-50%)}.wifi{font-size:62px;line-height:46px;transform:rotate(180deg);color:#ff6060}.disconnect h2{margin:17px 0 9px;font-size:16px}.disconnect p,.disconnect>small{color:#c2d1cd;font-size:10px}.spinner{width:17px;height:17px;margin:12px auto;border:2px solid #6ef27a;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.reconnect,.enter{border:0;border-radius:20px;background:linear-gradient(135deg,#c3ff9a,#63df44);color:#093418;font-size:12px;font-weight:700}.reconnect{width:170px;height:32px;margin:3px 0 9px}.drawer{position:absolute;z-index:9;inset:0 0 0 auto;width:286px;padding:17px;background:linear-gradient(145deg,#003c32,#00271f);transform:translate(100%);transition:transform .28s ease;box-shadow:-18px 0 30px #0005}.drawer.open{transform:translate(0)}.close{float:right;border:0;background:none;color:#fff;font-size:25px}.profile{height:106px;padding:22px 0 0 2px}.profile .avatar{float:left;margin-right:11px}.profile b,.profile small,.profile i{display:block;font-size:12px;line-height:18px}.profile small{color:#c6d8d2;font-size:9px}.profile i{color:#63e377;font-size:9px;font-style:normal}.drawer ul{margin:8px 0;padding:7px 0;border-top:1px solid #ffffff25;list-style:none}.drawer li{display:flex;align-items:center;gap:13px;height:42px;color:#fff;font-size:17px}.drawer li span{font-size:12px}.drawer li strong{margin-left:auto;color:#75e77d;font-size:11px}.logout{position:absolute;bottom:34px;width:252px;height:33px;border:1px solid #a5c3bb;border-radius:18px;background:transparent;color:#fff;font-size:12px}.landing{position:relative;height:100%;padding:18px 12px;text-align:center;background:radial-gradient(ellipse at 50% 34%,#075c4d,#002e29 48%,#001b18 78%)}.landing-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.landing-top b{font-size:11px}.landing-top i{display:inline-grid;width:17px;height:17px;place-items:center;margin-right:4px;border-radius:50%;background:#29a9e8;font-style:normal}.landing-visual{position:relative;height:62%;min-height:390px}.hero-cards{position:absolute;top:41%;left:50%;display:flex;transform:translate(-50%) rotate(-12deg)}.hero-cards b{display:grid;width:76px;height:108px;margin:-5px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#fff,#d5e1e2);color:#061a1d;font-size:55px;box-shadow:0 10px 18px #0008}.hero-cards .red{transform:rotate(23deg);color:#e12b36}.float-chip{position:absolute;color:#aaf255;font-size:45px;text-shadow:0 0 10px #d5ff4c}.left-chip{top:55%;left:13%}.right-chip{top:66%;right:14%}.landing-copy h1{margin:0;font-size:21px}.landing-copy p{margin:7px 0 25px;font-size:12px}.enter{width:92%;height:42px}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:600px){body{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 50% 25%,#dcecf1,#b9d2da)}.device{height:812px;border:7px solid #102824;border-radius:31px}}.drawer-backdrop{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;background:#00171388;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}