:root{color:#edf7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#48cc8b;--muted:#91a397;background:#0e1714;font-family:Be Vietnam Pro,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}#root{width:100%;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(at 78% 4%,#244a3b,#0000 34%),#0e1714;min-height:100dvh;position:relative;overflow:hidden}.orb{pointer-events:none;filter:blur(110px);opacity:.18;background:#27a06a;border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;left:15%}.brand{letter-spacing:.13em;align-items:center;gap:9px;font:800 14px Be Vietnam Pro;display:flex}.brand i{color:#71e2a6;background:#2ab7781f;border:1px solid #5be0a04d;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand i svg{width:19px}.brand>span{color:#9fb8a9;font-weight:500}.brand small{color:#8fe6b7;border:1px solid #58ce974d;border-radius:5px;padding:4px 6px;font:700 8px Be Vietnam Pro}.auth{z-index:1;grid-template-columns:1.03fr .97fr;gap:44px;max-width:1280px;min-height:100vh;margin:auto;padding:28px 45px;display:grid;position:relative}.hero{background:linear-gradient(155deg,#1d392f,#15251e 58%,#17211c);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:660px;padding:27px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #0003}.hero:after{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#ffffff19 .7px,#0000 .8px);background-size:5px 5px;position:absolute;inset:0}.hero-copy{z-index:1;margin-top:-35px;position:relative}.hero-copy>label,.kicker{letter-spacing:.15em;color:#79d9a6;font-size:9px;font-weight:700}.hero h1,.center h1{letter-spacing:-.055em;margin:19px 0 13px;font:700 clamp(38px,4.1vw,56px)/1.1 Be Vietnam Pro}.hero h1 em{color:#8fe2ad;font-style:normal}.hero-copy p{color:#a5b7ac;font-size:14px;line-height:1.75}.cards-deco{align-items:center;height:190px;padding-left:25px;display:flex}.cards-deco b{color:#d45c55;background:linear-gradient(145deg,#fffdf4,#e2e8db);border:3px solid #fff9eb;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:143px;margin-left:-6px;font-size:42px;display:flex;box-shadow:0 18px 36px #050b0860}.cards-deco b:first-child{transform:rotate(-13deg)}.cards-deco b:nth-child(2){color:#308568;transform:rotate(4deg)}.cards-deco b:nth-child(3){color:#9274bf;transform:rotate(17deg)}.cards-deco small{letter-spacing:.14em;margin-top:7px;font:700 8px Be Vietnam Pro}.hero footer{z-index:1;color:#91a79a;letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex;position:relative}.hero footer span:first-child{align-items:center;gap:7px;display:flex}.auth-side{flex-direction:column;justify-content:space-between;padding:22px 27px 12px;display:flex}.auth-box{width:min(100%,390px);margin:auto}.auth-box h2{letter-spacing:-.04em;margin:13px 0 5px;font:700 34px Be Vietnam Pro}.auth-box>p{color:#94a49a;margin:0 0 28px;font-size:12px}.auth-box form{flex-direction:column;gap:16px;display:flex}.auth-box form>label{color:#d6e1d9;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.auth-box input{color:#f2f7f3;background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;outline:none;width:100%;height:47px;padding:0 13px;font-size:12px}.auth-box input:focus{border-color:#68d49b;box-shadow:0 0 0 3px #51c98a1c}.auth-box input::placeholder{color:#728078}.pass{position:relative}.pass input{padding-right:43px}.pass button{color:#84958a;background:0 0;border:0;padding:3px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.forgot{color:#83dba8;background:0 0;border:0;align-self:flex-end;margin-top:-8px;font-size:10px}.primary{color:#072217;background:linear-gradient(125deg,#42c988,#28a86f);border:1px solid #78e1a46b;border-radius:10px;justify-content:center;align-items:center;gap:13px;min-height:44px;padding:12px 17px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 7px 20px #27b87929}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-box form>.primary{width:100%;margin-top:4px}.switch{text-align:center;color:#92a198;margin-top:22px;font-size:10px}.switch button{color:#7fe0a8;font-size:inherit;background:0 0;border:0}.terms{text-align:center;color:#718078;margin-top:27px;font-size:9px;line-height:1.7}.auth-side>footer{color:#718078;justify-content:space-between;font-size:10px;display:flex}.auth-side>footer button{color:#a1b1a7;background:0 0;border:0;font-size:10px}.mini-brand{display:none}.lobby{z-index:1;flex-direction:column;max-width:1240px;min-height:100vh;margin:auto;padding:25px 48px 17px;display:flex;position:relative}.lobby>header{border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;padding-bottom:19px;display:flex}.profile{color:#d8e5dc;background:#ffffff08;border:1px solid #ffffff1b;border-radius:22px;padding:9px 12px;font-size:10px}.lobby-content{flex-direction:column;flex:1;justify-content:center;width:min(890px,100%);margin:auto;padding:35px 0;display:flex}.center{text-align:center;margin-bottom:29px}.center h1{margin:11px 0 6px;font-size:37px}.center p{color:#9aaca0;margin:0;font-size:11px}.games{grid-template-columns:1fr 1fr;gap:17px;display:grid}.game{text-align:left;color:#eaf4ec;background:linear-gradient(145deg,#182820,#15211c);border:1px solid #ffffff23;border-radius:17px;flex-direction:column;min-height:252px;padding:17px 19px;transition:all .2s;display:flex;position:relative;overflow:hidden}.game:after{content:"";filter:blur(40px);pointer-events:none;background:#f4736035;border-radius:50%;width:210px;height:210px;position:absolute;top:20px;right:-100px}.game:nth-child(2):after{background:#57a3e933}.game.selected{border-color:#78dfa1a6;transform:translateY(-3px);box-shadow:0 0 0 1px #78dfa126,0 15px 45px #080d0b55}.game>small{letter-spacing:.13em;color:#a2b8a8;border:1px solid #ffffff21;border-radius:5px;align-self:flex-start;padding:5px 7px;font-size:8px}.emblem{z-index:1;color:#ffa58f;background:#f06a5630;border:1px solid #f5a08c56;border-radius:15px;place-items:center;width:51px;height:51px;margin:14px 0 8px;font-size:25px;font-style:normal;display:grid;position:relative;box-shadow:0 9px 25px #080e0d3b}.e1{color:#99c9ff;background:#579ae52c;border-color:#76b5ef4d}.game strong{z-index:1;letter-spacing:-.035em;font:700 22px Be Vietnam Pro;position:relative}.game>span{z-index:1;color:#9fb4a4;margin-top:3px;font-size:9px;position:relative}.game p{z-index:1;color:#b1c0b5;max-width:300px;margin:8px 0;font-size:9px;line-height:1.55;position:relative}.game footer{z-index:1;color:#7e9686;margin-top:auto;padding-top:11px;font-size:8px;position:relative}.cta{background:#ffffff08;border:1px solid #ffffff1d;border-radius:13px;justify-content:space-between;align-items:center;margin-top:15px;padding:12px 14px;display:flex}.cta b,.cta small{display:block}.cta b{font-size:10px}.cta small{color:#91a195;margin-top:4px;font-size:9px}.cta .primary{min-height:37px;padding:8px 13px;font-size:10px}.note{color:#78887e;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:9px;display:flex}.lobby-foot{color:#718078;letter-spacing:.08em;border-top:1px solid #ffffff13;justify-content:space-between;padding-top:13px;font-size:9px;display:flex}.table{z-index:1;flex-direction:column;max-width:1500px;height:100vh;min-height:500px;margin:auto;padding:0 25px 14px;display:flex;position:relative}.table>header{flex:none;align-items:center;gap:11px;height:58px;display:flex}.circle{color:#d4e2d8;background:#ffffff08;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.circle svg{width:16px}.table-brand{align-items:center;gap:9px;font:700 12px Be Vietnam Pro;display:flex}.table-brand>i{color:#ffa48f;background:#eb827135;border-radius:50%;place-items:center;width:33px;height:33px;font-style:normal;display:grid}.table-brand small{letter-spacing:.1em;color:#82968a;margin-top:3px;font:600 8px Be Vietnam Pro;display:block}.tools{gap:7px;margin-left:auto;display:flex}.felt{background:radial-gradient(at 50% 45%,#279565,#146548 53%,#104a39);border:1px solid #a4edba38;border-radius:21px;flex:1;min-height:260px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #063a2c8a,0 18px 50px #03090780}.felt:before{content:"";pointer-events:none;border:1px solid #b6f5c326;border-radius:15px;position:absolute;inset:10px}.felt:after{content:"";opacity:.13;pointer-events:none;background-image:radial-gradient(#e5ffe9 .6px,#0000 .8px);background-size:5px 5px;position:absolute;inset:0}.seat{z-index:1;color:#effaf0;background:#073d2bb8;border:1px solid #ffffff26;border-radius:11px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;box-shadow:0 9px 25px #00291b33}.seat.top{top:5%;left:50%;transform:translate(-50%)}.seat.left{top:40%;left:2%}.seat.right{top:40%;right:2%}.seat>i{color:#724528;background:#f4bd83;border-radius:9px;place-items:center;width:29px;height:29px;font:700 13px Be Vietnam Pro;display:grid}.seat.left>i{color:#274b72;background:#9dc8ee}.seat.right>i{color:#6b5722;background:#e9d17b}.seat b,.seat small{display:block}.seat b{font-size:9px}.seat small{color:#c0dfcb;margin-top:3px;font-size:7px}.seat em{white-space:nowrap;color:#f7b18b;font-size:7px}.center-table{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.center-table>label{letter-spacing:.13em;color:#e6f5df;white-space:nowrap;background:#0b442fc4;border:1px solid #ffffff2d;border-radius:16px;padding:7px 11px;font-size:8px}.piles{align-items:center;gap:34px;margin:15px 0;display:flex}.deck{color:#fff8e8;background:repeating-linear-gradient(45deg,#e79079,#e79079 5px,#bb554f 5px 10px);border:3px solid #fbf5e2;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:83px;height:115px;transition:all .2s;display:flex;transform:rotate(-4deg);box-shadow:0 9px 20px #00291a82}.deck:hover{transform:rotate(0)translateY(-4px)}.deck b{text-shadow:0 3px 7px #6b302e;font-size:35px}.deck strong{letter-spacing:.08em;background:#9b3f3e;border-radius:4px;padding:3px 5px;font-size:7px}.deck small{color:#ffd9c4;margin-top:3px;font-size:7px}.piles>div{flex-direction:column;align-items:center;gap:7px;display:flex}.piles>div>small{letter-spacing:.12em;color:#d4ebd6;font-size:8px}.discard{color:#df5c56;background:linear-gradient(145deg,#fcf8e9,#e9debf);border:3px solid #f9f3df;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:73px;height:101px;font-size:31px;font-style:normal;display:flex;transform:rotate(4deg);box-shadow:0 8px 18px #002d2080}.discard b{letter-spacing:.12em;font-size:8px}.center-table>small{color:#ddf0df;white-space:nowrap;background:#06452f88;border-radius:20px;padding:6px 10px;font-size:8px}.felt>footer{z-index:1;color:#c4dfce;letter-spacing:.07em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:13px;left:22px;right:22px}.felt>footer span b{color:#effddc}.hand{flex-direction:column;flex:none;align-items:center;height:205px;padding-top:11px;display:flex;position:relative}.hand-title{color:#a1b3a7;letter-spacing:.12em;justify-content:space-between;width:min(720px,100%);font-size:8px;display:flex}.hand-title>b{color:#c8f0d1;background:#244a37;border-radius:50%;place-items:center;width:17px;height:17px;display:inline-grid}.hand-title span button{color:#9bb1a1;background:0 0;border:0;font-size:9px}.cards{justify-content:center;align-items:flex-end;height:133px;padding:9px 0 0;display:flex}.playing-card{color:#df625c;background:linear-gradient(145deg,#fffdf4,#e7e5d7);border:3px solid #faf6e9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:94px;height:119px;margin-left:-9px;transition:transform .18s;display:flex;position:relative;box-shadow:0 8px 17px #0007}.playing-card:first-child{margin-left:0}.playing-card:nth-child(odd){transform:rotate(-2deg)}.playing-card:nth-child(2n){transform:rotate(2deg)}.playing-card:hover,.playing-card.chosen{z-index:2;transform:translateY(-15px)rotate(0)}.playing-card>b{font-size:37px}.playing-card strong{letter-spacing:.12em;font-size:8px}.playing-card small{position:absolute;bottom:4px;right:7px}.playing-card.c1{color:#367f68}.playing-card.c2{color:#8c6bb4}.playing-card.c3,.playing-card.c4{color:#bb923d}.actions{gap:8px;display:flex;position:absolute;bottom:0;right:0}.actions button{min-height:35px;padding:8px 12px;font-size:9px}.secondary{color:#e4eee5;background:#ffffff0c;border:1px solid #ffffff30;border-radius:9px}.toast{z-index:5;color:#d9f6e3;background:#10271f;border:1px solid #88e3ad66;border-radius:11px;align-items:center;gap:8px;padding:11px 16px;font-size:10px;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.scrim{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020906b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{color:#edf7ef;background:linear-gradient(145deg,#1c3026,#132119);border:1px solid #fff2;border-radius:17px;width:min(350px,100%);padding:23px;position:relative;box-shadow:0 25px 70px #0008}.modal>svg{color:#8ce2ad}.modal h3{margin:13px 0 7px;font:700 19px Be Vietnam Pro}.modal p{color:#a5b6aa;font-size:11px;line-height:1.7}.modal>.primary{width:100%;margin-top:13px}.x{color:#9bad9f;background:0 0;border:0;position:absolute;top:12px;right:12px}.x svg{width:17px}@media (width<=850px){.auth{gap:18px;padding:16px}.hero{min-height:620px;padding:23px}.auth-side{padding:18px 12px}.table{padding:0 13px 10px}.seat{gap:5px;padding:5px 6px}.seat b{font-size:8px}.seat em{font-size:6px}.playing-card{width:82px;height:108px}}@media (width<=620px){.auth{min-height:100svh;padding:14px;display:block}.hero{display:none}.auth-side{min-height:calc(100svh - 28px);padding:5px 3px}.mini-brand{letter-spacing:.1em;align-items:center;gap:8px;font:800 12px Be Vietnam Pro;display:flex}.mini-brand svg{color:#71e2a6}.auth-box{width:min(100%,390px);margin:auto;padding:25px 7px}.auth-box h2{font-size:31px}.lobby{padding:16px 16px 13px}.lobby-content{padding:30px 0}.center h1{font-size:29px}.center p{font-size:10px}.games{grid-template-columns:1fr;gap:10px}.game{min-height:208px;padding:14px 16px}.emblem{width:44px;height:44px;margin:10px 0 7px}.game p{margin:6px 0}.cta{flex-direction:column;align-items:stretch;gap:9px}.cta .primary{width:100%}.lobby-foot span{display:none}.table{height:100svh;min-height:510px;padding:0 8px 8px}.table>header{height:50px}.felt{border-radius:13px;min-height:250px}.seat.top{top:4%}.seat.left{top:auto;bottom:19%;left:1%}.seat.right{top:auto;bottom:19%;right:1%}.seat>i{width:24px;height:24px}.seat{padding:4px 5px}.seat b{font-size:7px}.seat small{font-size:6px}.seat em{font-size:5px}.center-table{top:46%}.piles{gap:22px;margin:10px 0}.deck{width:68px;height:94px}.discard{width:60px;height:83px}.center-table>small{padding:5px 7px;font-size:7px}.felt>footer{font-size:6px;left:11px;right:11px}.hand{height:180px;padding-top:8px}.cards{width:100%;height:117px}.playing-card{width:min(15vw,73px);height:101px;margin-left:-12px}.playing-card>b{font-size:29px}.playing-card strong{font-size:6px}.actions{justify-content:center;width:100%;margin-top:2px;position:static}.actions button{min-height:32px}.hand-title{font-size:7px}.circle{width:30px;height:30px}}@media (height<=680px) and (width>=621px){.auth{padding-top:12px;padding-bottom:12px}.hero{min-height:0}.cards-deco{height:150px}.cards-deco b{transform:scale(.85)}.games .game{min-height:220px}.lobby-content{padding:17px 0}.table>header{height:49px}.hand{height:178px}.playing-card{height:102px}.cards{height:115px}}.rooms-page{z-index:1;flex-direction:column;max-width:1240px;min-height:100vh;margin:auto;padding:22px 48px;display:flex;position:relative}.rooms-top{border-bottom:1px solid #ffffff16;grid-template-columns:1fr 1fr 1fr;align-items:center;height:52px;display:grid}.back-link{color:#b5c6ba;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;font-size:10px;display:flex}.rooms-brand{letter-spacing:.12em;justify-self:center;align-items:center;gap:8px;font:800 12px Be Vietnam Pro;display:flex}.rooms-brand>i{color:#ffa48f;background:#ec76542b;border-radius:10px;place-items:center;width:31px;height:31px;font-size:19px;font-style:normal;display:grid}.rooms-brand small{color:#82968a;letter-spacing:.13em;margin-top:3px;font:600 7px Be Vietnam Pro;display:block}.online-pill{color:#a8c2ae;border:1px solid #ffffff1d;border-radius:18px;justify-self:end;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:flex}.online-pill i,.find-bottom i{background:#6fe19b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #6fe19b}.rooms-main{flex-direction:column;flex:1;justify-content:center;width:min(850px,100%);margin:auto;padding:26px 0;display:flex}.rooms-intro{text-align:center;margin-bottom:23px}.rooms-intro h1,.created-card h1{letter-spacing:-.05em;margin:9px 0 6px;font:700 34px Be Vietnam Pro}.rooms-intro p,.created-card>p{color:#99aca0;margin:0;font-size:11px}.room-options{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.room-option{text-align:left;color:#eff7f0;background:linear-gradient(145deg,#192a21,#14211b);border:1px solid #ffffff20;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:188px;padding:17px;transition:all .2s;display:flex;position:relative}.room-option:hover{border-color:#74d99e9c;transform:translateY(-3px);box-shadow:0 12px 30px #0004}.option-icon{color:#81e2a9;background:#41c8812b;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:17px;display:grid}.option-icon svg{width:20px}.blue-icon{color:#9acaff;background:#559be52b}.gold-icon{color:#efd082;background:#e7bc5a25}.room-option>b{font:700 15px Be Vietnam Pro}.room-option>small{color:#96a99c;max-width:190px;margin-top:5px;font-size:9px;line-height:1.5}.option-arrow{color:#85d9a5;width:16px;position:absolute;bottom:15px;right:14px}.room-info{color:#7b8f82;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:9px;display:flex}.room-info svg{color:#81dca2}.inline-error,.copy-note{text-align:center;color:#9fe0b5;margin-top:11px;font-size:10px;display:block}.room-form{flex-direction:column;align-self:center;gap:13px;width:min(440px,100%);display:flex}.room-form>label{color:#d7e4da;flex-direction:column;gap:7px;font-size:10px;font-weight:600;display:flex}.room-form input:not([type=checkbox]){color:#f3f7f3;background:#ffffff08;border:1px solid #ffffff20;border-radius:9px;outline:none;height:41px;padding:0 12px;font-size:11px}.room-form input:focus{border-color:#61d396}.capacity-control{background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;justify-content:space-between;align-items:center;height:50px;padding:5px;display:flex}.capacity-control button{color:#d8eee0;background:#ffffff0c;border:1px solid #ffffff1a;border-radius:8px;width:37px;height:36px;font-size:19px}.capacity-control strong{color:#8ce0aa;font:700 18px Be Vietnam Pro}.capacity-control strong small{color:#9daea2;font:500 9px Be Vietnam Pro}.field-hint{color:#75877b;font-size:8px;font-weight:400}.toggle-row{background:#ffffff06;border:1px solid #ffffff18;border-radius:9px;justify-content:space-between;align-items:center;padding:11px 12px;flex-direction:row!important}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#8fa195;margin-top:4px;font-size:8px;font-weight:400}.toggle-row input{accent-color:#48cc8b;width:16px;height:16px}.form-summary{color:#8fa698;align-items:center;gap:7px;margin-top:1px;font-size:9px;display:flex}.room-submit{width:100%}.created-card{text-align:center;background:#ffffff08;border:1px solid #ffffff20;border-radius:18px;align-self:center;width:min(420px,100%);padding:25px}.success-mark{color:#89e3ab;background:#4acb872e;border-radius:50%;place-items:center;width:40px;height:40px;margin:0 auto 14px;font-size:21px;display:grid}.created-card h1{font-size:25px}.code-box{background:#2aba7b0d;border:1px dashed #68d99a73;border-radius:12px;flex-direction:column;align-items:center;gap:5px;margin-top:20px;padding:16px;display:flex}.code-box small{letter-spacing:.14em;color:#94ad9b;font-size:8px}.code-box strong{letter-spacing:.2em;color:#a5efbd;font:800 25px Be Vietnam Pro}.code-box span{color:#91a497;font-size:9px}.created-actions{gap:8px;margin-top:14px;display:flex}.created-actions button{flex:1;min-height:38px;font-size:9px}.created-actions .secondary{color:#dce9df;background:#ffffff0a;border:1px solid #ffffff2b;border-radius:9px}.room-search{color:#8da396;background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;align-self:center;align-items:center;gap:9px;width:min(670px,100%);height:41px;padding:0 11px;display:flex}.room-search input{color:#edf7ef;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:10px}.room-search input::placeholder{color:#74847a}.room-search button{color:#90a89a;background:0 0;border:0;place-items:center;display:grid}.find-intro{margin-bottom:17px}.room-list{background:#ffffff05;border:1px solid #ffffff18;border-radius:12px;align-self:center;width:min(750px,100%);max-height:min(48vh,390px);margin-top:12px;overflow:auto}.room-row{border-bottom:1px solid #ffffff10;align-items:center;gap:10px;min-height:59px;padding:8px 11px;display:flex}.room-row:last-child{border-bottom:0}.room-avatar{color:#ffad91;background:#e8816028;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.av1{color:#9acaff;background:#5b9fdb2c}.av2{color:#d0a5ef;background:#b388de2d}.av3{color:#efd783;background:#e6c35e2b}.av4{color:#9ae1be;background:#66c8a12b}.av5{color:#eca5ca;background:#c879a42b}.room-row-info{flex:1;min-width:0}.room-row-info>b{color:#e5f0e7;font-size:10px;display:block}.room-row-info>small{color:#87998d;white-space:nowrap;margin-top:4px;font-size:8px;display:block}.playing-tag{border:1px solid #eacb7b55;border-radius:4px;margin-left:4px;padding:2px 4px;color:#eacb7b!important;font-size:6px!important}.room-count{color:#a9bcae;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.room-count svg{width:13px}.join-btn{color:#92e5b1;background:#46c7831a;border:1px solid #70d49762;border-radius:7px;min-width:75px;padding:7px 8px;font-size:8px}.join-btn:disabled{color:#6c7b71;cursor:default;background:#ffffff08;border-color:#ffffff12}.empty-rooms{text-align:center;color:#9aaca0;padding:30px;font-size:10px}.find-bottom{color:#809386;justify-content:space-between;align-self:center;align-items:center;width:min(750px,100%);margin-top:10px;font-size:8px;display:flex}.find-bottom>span{align-items:center;gap:6px;display:flex}.find-bottom i{width:6px;height:6px}.find-bottom button{color:#a1b5a7;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}@media (width<=680px){.rooms-page{min-height:100svh;padding:15px 16px}.rooms-top{grid-template-columns:1fr 1fr 1fr;height:46px}.rooms-brand{font-size:10px}.rooms-brand>i{width:27px;height:27px}.online-pill{padding:6px 7px;font-size:7px}.back-link{gap:4px;font-size:8px}.back-link svg{width:14px}.rooms-main{padding:25px 0}.rooms-intro h1,.created-card h1{font-size:28px}.rooms-intro p{font-size:10px;line-height:1.5}.room-options{grid-template-columns:1fr;gap:9px}.room-option{justify-content:center;min-height:110px;padding:13px 14px 13px 65px}.option-icon{width:39px;height:39px;margin:0;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.room-option>b{font-size:13px}.room-option>small{max-width:220px}.option-arrow{top:50%;bottom:auto;right:13px;transform:translateY(-50%)}.room-list{max-height:55vh}.room-row{gap:7px;padding:7px}.room-avatar{width:29px;height:29px}.room-row-info>small{font-size:7px}.room-count{font-size:8px}.join-btn{min-width:63px;padding:7px 5px;font-size:7px}.created-card{padding:19px 14px}.created-actions{flex-direction:column}}.recover-form{flex-direction:column;gap:10px;margin-top:14px;display:flex}.recover-form input{color:#f2f7f3;background:#ffffff08;border:1px solid #ffffff20;border-radius:9px;outline:none;height:42px;padding:0 12px;font-size:11px}.recover-form input:focus{border-color:#68d49b}.recover-form input::placeholder{color:#728078}.recover-form .primary{width:100%}.asset-card{box-shadow:none;background:0 0;border:0;width:100px;height:150px;margin-left:-13px;padding:0;overflow:visible}.asset-card img{object-fit:contain;filter:drop-shadow(0 7px 9px #0008);border-radius:8px;width:100%;height:100%;display:block}.asset-card:hover,.asset-card.chosen{z-index:2;transform:translateY(-15px)rotate(0)}.cards-deco img{object-fit:cover;border:3px solid #fff7e7;border-radius:12px;width:100px;height:145px;margin-left:-10px;position:relative;box-shadow:0 15px 30px #0007}.cards-deco img:first-child{transform:rotate(-13deg)}.cards-deco img:nth-child(2){z-index:1;transform:rotate(4deg)}.cards-deco img:nth-child(3){transform:rotate(17deg)}.discard-image{object-fit:cover;border:2px solid #fff8e8;border-radius:7px;width:66px;height:96px;transform:rotate(4deg);box-shadow:0 7px 14px #002d2080}@media (width<=850px){.asset-card{width:86px;height:130px}}@media (width<=620px){.asset-card{width:min(16vw,76px);height:112px;margin-left:-12px}.cards-deco img{width:80px;height:118px}.discard-image{width:55px;height:80px}}.deck-stack{width:94px;height:130px;box-shadow:none;isolation:isolate;background:0 0;border:0;position:relative;transform:none}.deck-layer,.deck-front{background:repeating-linear-gradient(45deg,#db806c,#db806c 5px,#a94c49 5px 10px);border:3px solid #fff5e2;border-radius:9px;width:83px;height:115px;position:absolute;box-shadow:0 8px 16px #00291a75}.layer-three{top:7px;left:8px;transform:rotate(8deg)}.layer-two{top:4px;left:4px;transform:rotate(4deg)}.layer-one{top:1px;left:1px;transform:rotate(-2deg)}.deck-front{z-index:2;color:#fff8e8;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s;display:flex;top:0;left:0;transform:rotate(-4deg)}.deck-front b{text-shadow:0 3px 7px #6b302e;font-size:35px}.deck-front strong{letter-spacing:.08em;background:#9b3f3e;border-radius:4px;padding:3px 5px;font-size:7px}.deck-front small{color:#ffd9c4;margin-top:3px;font-size:7px}.deck-stack:hover .deck-front{transform:rotate(0)translateY(-5px)}.deck-stack.is-drawing .deck-front{animation:.45s ease-in-out deck-pull}.deck-stack.is-drawing .layer-one{animation:.45s ease-in-out layer-shift}.card-detail{z-index:8;background:linear-gradient(145deg,#19362aee,#10241cee);border:1px solid #a4edba50;border-radius:14px;align-items:center;gap:13px;width:min(340px,100vw - 28px);min-height:130px;padding:13px;animation:.2s ease-out detail-pop;display:flex;position:absolute;bottom:215px;right:26px;box-shadow:0 15px 40px #0008}.card-detail>img{object-fit:cover;border:1px solid #fff6;border-radius:6px;width:65px;height:98px;box-shadow:0 5px 12px #0007}.card-detail>div{min-width:0}.card-detail>div>span{letter-spacing:.12em;color:#8dd9a7;font-size:7px}.card-detail h3{margin:5px 0;font:700 14px Be Vietnam Pro}.card-detail p{color:#b6c9bc;margin:0 0 9px;font-size:9px;line-height:1.5}.card-detail .primary{min-height:31px;padding:6px 10px;font-size:8px}.detail-close{color:#aabdb0;background:0 0;border:0;padding:3px;position:absolute;top:7px;right:7px}.draw-flight,.play-flight{z-index:7;object-fit:cover;pointer-events:none;border:2px solid #fff6;border-radius:6px;width:60px;height:90px;position:absolute;box-shadow:0 8px 17px #0008}.draw-flight{animation:.72s cubic-bezier(.2,.78,.32,1) forwards draw-to-hand;top:48%;left:calc(50% - 108px)}.play-flight{animation:.64s cubic-bezier(.45,.02,.7,.3) forwards play-to-discard;bottom:-17px;left:50%}.discard-image{transition:transform .25s}.guide-scrim{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020906a8;animation:.25s ease-out guide-dim;position:fixed;inset:0}.guide-panel{background:linear-gradient(160deg,#1a3025,#0f1c16);border-right:1px solid #a4edba35;flex-direction:column;width:min(430px,92vw);padding:22px 23px 18px;animation:.34s cubic-bezier(.2,.75,.25,1) both guide-slide-in;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:18px 0 50px #0008}.guide-panel>header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;padding:0 0 15px;display:flex}.guide-panel>header h2{margin:5px 0 0;font:700 24px Be Vietnam Pro}.guide-kicker{letter-spacing:.14em;color:#83dca4;font-size:8px}.guide-panel>header button{color:#dce9de;background:#ffffff08;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.guide-panel>header button svg{width:17px}.guide-content{padding:10px 4px 10px 0;overflow:auto}.guide-section{border-bottom:1px solid #ffffff10;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;display:grid}.guide-number{color:#83dca4;padding-top:3px;font:700 9px Be Vietnam Pro}.guide-section h3{color:#eff7f0;margin:0 0 6px;font:700 12px Be Vietnam Pro}.guide-section p{color:#aabdb0;margin:4px 0;font-size:9px;line-height:1.65}.guide-section ul{margin:7px 0 0;padding:0;list-style:none}.guide-section li{border-top:1px solid #ffffff0d;padding:6px 0}.guide-section li b{color:#c8e6d0;margin-bottom:3px;font-size:9px;display:block}.guide-section li span{color:#9eb2a4;font-size:8px;line-height:1.5;display:block}.guide-note{color:#779080;margin:12px 0 0;font-size:8px;line-height:1.6}.guide-done{color:#072217;background:linear-gradient(125deg,#42c988,#28a86f);border:1px solid #78e1a46b;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:9px;width:100%;min-height:38px;margin-top:10px;font-size:10px;font-weight:700;display:flex}.cards{scrollbar-width:thin;scrollbar-color:#426d54 transparent;justify-content:flex-start;max-width:min(780px,100%);overflow-x:auto}.asset-card{flex:none}.playing-card.chosen{z-index:3}.hand-title{flex:none}@keyframes deck-pull{50%{transform:translateY(-11px)rotate(-9deg)}}@keyframes layer-shift{50%{transform:translateY(-4px)translate(4px)rotate(2deg)}}@keyframes draw-to-hand{0%{opacity:0;transform:translate(0)rotate(-12deg)scale(.75)}15%{opacity:1}to{opacity:0;transform:translate(8vw,38vh)rotate(14deg)scale(.55)}}@keyframes play-to-discard{0%{opacity:1;transform:translate(-50%)rotate(0)scale(1)}to{opacity:0;transform:translate(-50%,-46vh)rotate(350deg)scale(.35)}}@keyframes detail-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes guide-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes guide-dim{0%{opacity:0}to{opacity:1}}@media (width<=620px){.deck-stack{width:77px;height:103px}.deck-layer,.deck-front{width:68px;height:94px}.layer-three{top:6px;left:7px}.layer-two{top:3px;left:3px}.deck-front b{font-size:29px}.card-detail{gap:10px;width:calc(100vw - 24px);min-height:115px;padding:10px;bottom:190px;right:12px}.card-detail>img{width:54px;height:81px}.card-detail h3{font-size:12px}.card-detail p{margin-bottom:6px;font-size:8px}.card-detail .primary{min-height:28px}.guide-panel{padding:16px 16px 12px}.guide-panel>header h2{font-size:21px}.draw-flight,.play-flight{width:48px;height:72px}.draw-flight{left:calc(50% - 88px)}.cards{max-width:100%}}@media (prefers-reduced-motion:reduce){.deck-stack.is-drawing .deck-front,.deck-stack.is-drawing .layer-one,.draw-flight,.play-flight,.guide-panel,.guide-scrim,.card-detail{animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-detail .primary:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.5);transform:none}.asset-card[aria-pressed=true]{outline-offset:2px;outline:2px solid #77e1a4}.auth-error{color:#ff9a8d;font-size:10px;line-height:1.5}.auth-box .primary:disabled{opacity:.6;cursor:wait}.join-by-code{grid-template-columns:1fr 1fr auto;gap:7px;width:min(750px,100%);margin:10px auto;display:grid}.join-by-code input{color:#edf7ef;background:#ffffff08;border:1px solid #ffffff20;border-radius:8px;outline:none;min-width:0;height:36px;padding:0 10px;font-size:9px}.join-by-code input::placeholder{color:#74847a}.join-by-code .primary{min-height:36px;padding:7px 10px;font-size:8px}.join-by-code .primary:disabled{opacity:.5}@media (width<=620px){.join-by-code{grid-template-columns:1fr 1fr}.join-by-code .primary{grid-column:1/-1}}.reset-page{color:#eef8f0;background:radial-gradient(at 50% 0,#174b35 0%,#0d201a 58%,#0a1511 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.reset-box{background:#10241dcc;border:1px solid #ffffff1a;border-radius:18px;width:min(430px,100%);padding:32px;box-shadow:0 24px 80px #0006}.reset-box .mini-brand{color:#dcf7e3;align-items:center;gap:8px;margin-bottom:30px;font-weight:800;display:flex}.reset-box>.back-link{color:#bdd5c3;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 28px;font-size:12px;display:flex}.reset-box h1{margin:8px 0;font-size:28px}.reset-box>p{color:#a5b8aa;margin:0 0 24px;font-size:13px;line-height:1.6}.reset-box form{gap:16px;display:grid}.reset-box form>label{color:#dce9df;gap:7px;font-size:12px;display:grid}.reset-box form input{color:#f5fff7;background:#ffffff0a;border:1px solid #ffffff24;border-radius:9px;outline:none;width:100%;min-width:0;height:42px;padding:0 12px}.reset-box form input:focus{border-color:#77d799}.reset-box .pass{background:#ffffff0a;border:1px solid #ffffff24;border-radius:9px;align-items:center;display:flex}.reset-box .pass input{background:0 0;border:0}.reset-box .pass button{color:#b8c9bd;cursor:pointer;background:0 0;border:0;padding:8px}.reset-box form .primary{min-height:42px}.reset-box form .primary:disabled{opacity:.6;cursor:wait}.profile-actions{align-items:center;gap:8px;display:flex}.logout-button{color:#c5d5ca;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1b;border-radius:22px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:10px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.logout-button:hover:not(:disabled){color:#ffb2a6;background:#ff76621a;border-color:#ff8b7a66}.logout-button:disabled{opacity:.55;cursor:wait}@media (width<=420px){.profile-actions{gap:5px}.profile{padding:8px 9px;font-size:9px}.logout-button{gap:5px;padding:8px 9px;font-size:9px}}.waiting-main{width:min(820px,100% - 40px);margin:0 auto;padding:44px 0 28px}.waiting-heading{text-align:center;margin-bottom:24px}.waiting-heading h1{margin:9px 0 7px;font-size:clamp(28px,4vw,42px)}.waiting-heading p{color:#9fb2a5;font-size:13px}.waiting-code{background:linear-gradient(110deg,#194331aa,#12241ddd);border:1px solid #ffffff18;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:17px 20px;display:flex}.waiting-code>div{gap:4px;display:grid}.waiting-code small{color:#99b4a2;letter-spacing:.13em;font-size:9px}.waiting-code strong{letter-spacing:.12em;color:#9af0b9;font-size:27px}.waiting-code span{color:#9fb2a5;font-size:10px}.waiting-code button,.waiting-footer button{align-items:center;gap:7px;display:inline-flex}.waiting-players{background:#101e19cc;border:1px solid #ffffff16;border-radius:16px;padding:18px}.waiting-players>header,.waiting-players>header>div{align-items:center;display:flex}.waiting-players>header{border-bottom:1px solid #ffffff13;justify-content:space-between;padding:1px 1px 14px}.waiting-players>header>div{gap:8px}.waiting-players>header>div>svg{color:#73dfa1}.waiting-players>header b{font-size:13px}.waiting-players>header>div>span{color:#9fb2a5;font-size:11px}.live-dot,.waiting-footer>span{color:#91a397;align-items:center;gap:7px;font-size:10px;display:flex}.live-dot i,.waiting-footer>span:before{background:#61d791;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #61d79166}.waiting-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.waiting-seat{background:#ffffff04;border:1px dashed #ffffff1d;border-radius:12px;align-items:center;gap:11px;min-height:62px;padding:10px 12px;display:flex}.waiting-seat.occupied{background:#55c9850b;border-style:solid;border-color:#7ce4a633}.seat-avatar{color:#8eaa98;background:#ffffff0d;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-size:14px;font-weight:700;display:grid}.seat-avatar.av0{color:#90efb3;background:#4cc88922}.seat-avatar.av1{color:#a5c0ff;background:#6d93e522}.seat-avatar.av2{color:#ffca88;background:#d9914922}.seat-avatar.av3{color:#e3adff;background:#bb77d922}.seat-avatar.av4{color:#faa;background:#e1707022}.seat-avatar.av5{color:#8ce7e3;background:#53c6c322}.waiting-seat>div{gap:3px;min-width:0;display:grid}.waiting-seat>div b{text-overflow:ellipsis;white-space:nowrap;color:#e6f2e9;font-size:11px;overflow:hidden}.waiting-seat>div small{color:#91a397;font-size:9px}.host-tag{color:#9ae8b3;letter-spacing:.07em;background:#67d89118;border-radius:5px;margin-left:auto;padding:4px 6px;font-size:7px}.waiting-footer{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.waiting-footer>span:before{content:""}.waiting-note{text-align:center;color:#71877a;margin:15px 0 0;font-size:9px}.waiting-page .rooms-top{padding-left:max(24px,50vw - 590px);padding-right:max(24px,50vw - 590px)}.waiting-page .back-link:disabled,.waiting-footer button:disabled{opacity:.5;cursor:wait}@media (width<=620px){.waiting-main{width:calc(100% - 26px);padding:30px 0 22px}.waiting-code{align-items:flex-end;padding:14px}.waiting-code strong{font-size:23px}.waiting-code button{padding:8px;font-size:9px}.waiting-players{padding:13px}.waiting-players>header{flex-direction:column;align-items:flex-start;gap:8px}.waiting-seat-grid{grid-template-columns:1fr}.waiting-seat{min-height:57px}.waiting-page .rooms-top{padding-left:13px;padding-right:13px}.waiting-page .online-pill{gap:0;font-size:0}.waiting-page .online-pill i{width:8px;height:8px}}.room-table-page{width:min(1320px,96vw);margin:18px auto 28px}.room-table-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 3% 12px;display:flex}.waiting-felt{background:radial-gradient(#167553 0,#07523c 58%,#06412f 100%);border:10px solid #613b28;border-radius:48%/34%;height:clamp(440px,62vh,650px);min-height:min(66vh,650px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #d3a763,inset 0 0 60px #062d20,0 22px 55px #0007}.waiting-felt:before{content:"";pointer-events:none;border:1px solid #d6b16b88;border-radius:48%/34%;position:absolute;inset:18px}.waiting-felt-text{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:10px;width:min(420px,48%);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waiting-felt-text strong{text-shadow:0 3px 10px #001c13;font-family:Georgia,serif;font-size:clamp(1.4rem,2.7vw,2.25rem)}.waiting-felt-text small{color:#d8f1df;align-items:center;display:flex}.felt-spark{color:#f6d27d;font-size:28px}.lobby-player-seat{z-index:3;color:#fff;background:#052d25df;border:1px solid #d8b57377;border-radius:18px;flex-direction:column;align-items:center;gap:3px;min-width:120px;max-width:160px;padding:9px 12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0018}.lobby-player-seat.is-you{border-color:#f5ce76;box-shadow:0 0 0 2px #f5ce7644,0 5px 15px #0018}.lobby-player-seat>small{color:#d2e8db;font-size:11px}.lobby-player-seat>em{letter-spacing:.08em;color:#ffd981;font-size:9px;font-style:normal}.lobby-player-seat>em.seat-ready{color:#89f1ac}.lobby-avatar{color:#fff;background:linear-gradient(140deg,#ef8960,#ad3c54);border:2px solid #f3d38c;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.av1.lobby-avatar{background:linear-gradient(140deg,#61cbb2,#147570)}.av2.lobby-avatar{background:linear-gradient(140deg,#be8cf5,#6543a2)}.av3.lobby-avatar{background:linear-gradient(140deg,#f1cc69,#bf742b)}.av4.lobby-avatar{background:linear-gradient(140deg,#70aff0,#4461a7)}.av5.lobby-avatar{background:linear-gradient(140deg,#f189b0,#a63a69)}.table-start{color:#c5ccc8;letter-spacing:.08em;opacity:.72;background:#555c58;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 6px #0004}.table-start.ready-to-start{color:#40230c;opacity:1;cursor:pointer;background:linear-gradient(110deg,#ffe18d,#f29c42);animation:1.3s infinite alternate start-glow;box-shadow:0 0 32px #ffe18c99,0 6px #99551e}.table-start.ready-to-start:hover{transform:translateY(-2px)}@keyframes start-glow{to{filter:brightness(1.12);box-shadow:0 0 42px #ffe18ccc,0 6px #99551e}}.host-wait{color:#d8ecdf;font-size:12px}.table-room-count{color:#d1e5d9;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.room-table-actions{justify-content:center;align-items:center;gap:12px;width:min(760px,95%);margin:18px auto;display:flex}.ready-summary{color:#fff;grid-template-columns:auto auto;align-items:center;column-gap:8px;margin-right:auto;display:grid}.ready-summary svg{color:#f2ce81;grid-row:span 2}.ready-summary span{color:#a8c1b4;grid-column:2;font-size:11px}.ready-toggle{justify-content:center;min-width:210px}.ready-toggle.is-ready{background:linear-gradient(120deg,#5fe0a1,#169568)}.leave-table{white-space:nowrap}.live-game-table{overflow:hidden}.live-felt{min-height:460px}.live-center{color:#fff;z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-center>small{color:#d1e5d9;max-width:320px}.turn-label{letter-spacing:.1em;color:#f7db92;font-size:12px;font-weight:900}.live-piles{align-items:center;gap:38px;display:flex}.live-deck{transform-origin:50%;transform:scale(.82)}.live-deck:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.78}.deck-enabled{filter:drop-shadow(0 0 16px #f2d47888)}.empty-discard{color:#d1e5d9;border:1px dashed #fff7;border-radius:9px;place-items:center;width:92px;height:135px;font-size:10px;display:grid}.live-seat{z-index:2;color:#fff;background:#052d25dd;border:1px solid #d8b57366;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:105px;padding:8px 10px;display:flex;position:absolute}.live-seat b{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;overflow:hidden}.live-seat small{color:#d1e5d9;font-size:10px}.live-seat em{color:#ffe08a;font-size:9px;font-style:normal}.live-seat-0{top:12%;left:50%;transform:translate(-50%)}.live-seat-1{top:30%;right:10%}.live-seat-2{bottom:14%;right:10%}.live-seat-3{bottom:11%;left:50%;transform:translate(-50%)}.live-seat-4{bottom:14%;left:10%}.live-seat-5{top:30%;left:10%}.player-out{opacity:.45;filter:grayscale()}.live-felt footer{justify-content:space-between;padding:0 8%;font-size:12px;display:flex}.attack-turns{color:#ffd581;font-size:11px}.live-hand .cards{justify-content:center;padding:10px 18px 18px;overflow-x:auto}.live-hand .playing-card{flex:none}.live-hand .actions{justify-content:center;align-items:center;gap:20px;display:flex}.live-hand .actions span{color:#d0dfd6;font-size:12px}.live-card-detail{z-index:9}.target-picker{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.target-picker button,.bomb-positions button,.peek-strip button{color:#fff;cursor:pointer;background:#164b3b;border:1px solid #ffffff35;border-radius:9px;padding:7px 10px}.target-picker .target-selected{color:#31210d;background:#e8bd68}.bomb-prompt,.peek-strip{z-index:20;color:#fff;background:#153e32f5;border:1px solid #d7b363;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:min(680px,92vw);padding:16px 20px;display:flex;position:fixed;bottom:195px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #0008}.bomb-prompt>div:first-child{gap:5px;display:grid}.bomb-prompt span{color:#d2e5d9;font-size:12px}.bomb-positions{flex-wrap:wrap;gap:6px;display:flex}.peek-strip{justify-content:center;top:18%;bottom:auto}.peek-strip span{background:#ffffff1a;border-radius:8px;padding:7px 10px}.room-table-page .inline-error{width:min(760px,95%);margin:0 auto}@media (width<=760px){.room-table-page{width:98vw;margin-top:8px}.waiting-felt{border-width:6px;border-radius:40%/25%;height:clamp(420px,59vh,540px)}.waiting-felt:before{inset:12px}.waiting-felt-text{width:54%}.waiting-felt-text strong{font-size:1.2rem}.lobby-player-seat{min-width:88px;padding:6px 7px}.lobby-player-seat b{text-overflow:ellipsis;max-width:85px;font-size:11px;overflow:hidden}.lobby-player-seat>small{font-size:9px}.lobby-avatar{width:32px;height:32px}.room-table-actions{flex-wrap:wrap}.ready-summary{width:100%;margin:0 0 4px}.ready-toggle{flex:1}.live-felt{min-height:400px}.live-seat{min-width:82px;padding:6px}.live-seat b{max-width:90px;font-size:10px}.live-seat-1{top:27%;right:2%}.live-seat-2{bottom:16%;right:2%}.live-seat-4{bottom:16%;left:2%}.live-seat-5{top:27%;left:2%}.live-piles{gap:12px}.live-deck{transform:scale(.62)}.discard-image{width:82px}.live-hand .cards{justify-content:flex-start}.bomb-prompt,.peek-strip{flex-wrap:wrap;justify-content:center;bottom:225px}.peek-strip{top:15%}.live-card-detail{max-height:34vh;overflow:auto}.room-table-heading{margin:0 3% 8px}}.room-table-page{width:min(1100px,94vw);margin:10px auto 22px;padding:0 12px}.room-table-heading{text-align:center;justify-content:center;min-height:52px;margin:0 auto 10px;position:relative}.room-table-heading h1{margin:2px 0;font-size:clamp(1.45rem,2.5vw,2rem)}.room-table-heading .secondary{padding:9px 12px;font-size:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.waiting-felt{border-width:7px;border-radius:47%/34%;height:clamp(360px,49vh,470px);min-height:360px;max-height:470px}.waiting-felt:before{inset:13px}.waiting-felt-text{gap:7px;width:min(380px,52%)}.waiting-felt-text strong{font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.18}.waiting-felt-text small{font-size:12px}.lobby-player-seat{gap:2px;min-width:104px;max-width:130px;padding:7px 9px}.lobby-player-seat .lobby-avatar{width:34px;height:34px}.lobby-player-seat>b{font-size:12px}.lobby-player-seat>small{font-size:10px}.lobby-player-seat>em{font-size:8px}.table-start{padding:11px 22px;font-size:12px}.table-room-count{font-size:11px;bottom:17px}.room-table-actions{justify-content:center;gap:14px;width:min(760px,96%);margin:12px auto}.ready-summary{min-width:220px;margin:0;font-size:13px}.ready-toggle{justify-content:center;min-width:190px;padding:11px 16px;font-size:11px}.leave-table{padding:9px 12px;font-size:12px}.room-table-page .inline-error{margin:0 auto 8px}.waiting-page .rooms-top{min-height:54px}.waiting-page .rooms-brand{transform:scale(.9)}@media (width<=760px){.room-table-page{width:100%;margin:8px auto 14px;padding:0 8px}.room-table-heading{min-height:56px;padding:0 90px}.room-table-heading .secondary{padding:7px 9px;font-size:10px;right:0}.waiting-felt{border-width:5px;border-radius:39%/27%;height:clamp(350px,52vh,430px);min-height:350px}.waiting-felt:before{inset:9px}.waiting-felt-text{width:54%}.waiting-felt-text strong{font-size:1.05rem}.waiting-felt-text small{font-size:10px}.lobby-player-seat{min-width:82px;max-width:100px;padding:5px}.lobby-player-seat .lobby-avatar{width:29px;height:29px}.lobby-player-seat>b{text-overflow:ellipsis;max-width:86px;font-size:10px;overflow:hidden}.lobby-player-seat>small{font-size:8px}.lobby-player-seat>em{font-size:7px}.table-start{padding:9px 12px;font-size:10px}.table-room-count{font-size:9px;bottom:13px}.room-table-actions{flex-wrap:wrap;gap:8px;margin:9px auto}.ready-summary{justify-content:center;width:100%;min-width:0;font-size:11px}.ready-summary span{font-size:9px}.ready-toggle{flex:1;min-width:150px}.waiting-page .rooms-top{padding:0 10px}.waiting-page .rooms-brand{transform:scale(.82)}}.table.live-game-table{box-sizing:border-box;gap:8px;width:min(1500px,100vw - 32px);max-width:1500px;height:100dvh;min-height:0;padding:8px 16px 10px;overflow:hidden}.live-game-table>header{height:48px;min-height:48px}.table.live-game-table .live-felt{border-radius:20px;flex:1;height:auto;min-height:0;max-height:none}.live-hand{height:clamp(158px,21vh,190px);min-height:0;padding:5px 0 0;overflow:visible}.live-hand .hand-title{align-items:center;width:min(720px,100%)}.live-hand .cards{flex:auto;justify-content:center;align-items:flex-end;gap:0;width:min(900px,100%);max-width:100%;height:clamp(112px,14vh,128px);padding:6px 12px 8px;overflow:auto hidden}.live-hand .cards.many-cards{justify-content:flex-start}.live-hand .playing-card{width:clamp(68px,5.2vw,86px);height:clamp(94px,12.8vh,112px);margin-left:-9px}.live-hand .playing-card:first-child{margin-left:0}.live-hand .actions{flex:none;gap:16px;min-height:32px;margin:0}.live-hand .actions button{min-height:30px;padding:6px 11px}.live-hand .actions span{font-size:11px}.live-center{gap:8px}.live-piles{gap:24px}.empty-discard{width:76px;height:112px}.live-deck{transform:scale(.74)}.live-felt footer{bottom:12px}@media (width<=760px){.table.live-game-table{gap:6px;width:100%;height:100dvh;min-height:0;padding:5px 7px 7px}.live-game-table>header{height:44px;min-height:44px}.table.live-game-table .live-felt{border-radius:14px}.live-hand{height:clamp(145px,22vh,175px);padding-top:3px}.live-hand .cards{justify-content:flex-start;width:100%;height:clamp(98px,15vh,116px);padding:5px 8px 7px}.live-hand .cards:not(.many-cards){justify-content:center}.live-hand .playing-card{width:clamp(56px,13vw,74px);height:clamp(82px,12vh,96px);margin-left:-10px}.live-hand .actions{min-height:29px}.live-hand .actions span{font-size:9px}.live-center{gap:5px}.live-piles{gap:8px}.live-deck{transform:scale(.58)}.empty-discard{width:58px;height:86px;font-size:8px}.live-center>small{max-width:220px;font-size:9px}.live-seat-1{top:25%;right:1%}.live-seat-2{bottom:18%;right:1%}.live-seat-4{bottom:18%;left:1%}.live-seat-5{top:25%;left:1%}}@media (height<=700px) and (width>=761px){.table.live-game-table{gap:4px;padding-top:4px;padding-bottom:5px}.live-game-table>header{height:40px;min-height:40px}.live-hand{height:150px}.live-hand .cards{height:100px}.live-hand .playing-card{width:68px;height:88px}.live-hand .actions{min-height:28px}.table.live-game-table .live-felt{border-radius:16px}}.live-seat{z-index:3;min-width:92px;max-width:min(148px,20vw);transition:left .45s,top .45s,opacity .25s;bottom:auto!important;right:auto!important}.live-seat.is-self{border-color:#f5ce76;box-shadow:0 0 0 2px #f5ce7644,0 7px 20px #0018}.live-seat .lobby-avatar{width:34px;height:34px}.live-seat>small{white-space:nowrap}.deal-animation{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deal-flight-card{background:repeating-linear-gradient(45deg,#d87b68 0 5px,#f0bd83 5px 8px);border:2px solid #fff0d3;border-radius:6px;width:27px;height:38px;animation:.72s cubic-bezier(.2,.7,.2,1) both deal-flight;position:absolute;top:50%;left:50%;box-shadow:0 5px 12px #001b}@keyframes deal-flight{0%{opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)scale(.38)rotate(-18deg)}12%{opacity:1}to{left:var(--target-x);top:var(--target-y);opacity:0;transform:translate(-50%,-50%)scale(.42)rotate(14deg)}}.live-hand.is-dealing .cards{visibility:hidden}.dealing-label{color:#f7db92;letter-spacing:.12em;font-size:11px;font-weight:800;animation:.7s ease-in-out infinite alternate deal-pulse}@keyframes deal-pulse{to{opacity:.48}}@media (width<=760px){.live-seat{min-width:70px;max-width:100px;padding:5px 6px}.live-seat .lobby-avatar{width:27px;height:27px}.live-seat b{max-width:82px}.live-seat>small{font-size:8px}}@media (prefers-reduced-motion:reduce){.deal-flight-card{animation-duration:1ms}.live-seat{transition:none}}.peek-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#06180eb3,#02090678);place-items:center;padding:20px;animation:.25s both peek-overlay-in;display:grid;position:fixed;inset:0}.peek-modal{color:#fff;text-align:center;background:linear-gradient(145deg,#123e32f5,#08281ff7);border:1px solid #d8b573a8;border-radius:24px;width:min(660px,94vw);padding:22px 26px 16px;animation:.42s cubic-bezier(.2,.8,.2,1) both peek-modal-in;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1a}.peek-heading{text-align:left;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.peek-heading>span{filter:drop-shadow(0 0 12px #ffe08a88);font-size:28px}.peek-heading div{gap:3px;display:grid}.peek-heading b{font-size:19px}.peek-heading small{color:#c7dfd2;font-size:11px}.peek-close{color:#fff;font:inherit;cursor:pointer;background:#ffffff10;border:1px solid #e4c87b88;border-radius:10px;margin-left:auto;padding:8px 13px;font-size:12px;font-weight:750;transition:background .18s,transform .18s}.peek-close:hover{background:#fff2;transform:translateY(-1px)}.peek-cards{perspective:1000px;justify-content:center;align-items:center;gap:clamp(12px,4vw,28px);min-height:clamp(190px,30vh,290px);display:flex}.peek-card-slot{opacity:0;width:clamp(100px,17vw,160px);height:clamp(150px,27vh,235px);animation:peek-card-arrive .42s cubic-bezier(.2,.75,.25,1) calc(var(--peek-index)*.34s) both;filter:drop-shadow(0 12px 18px #0007)}.peek-card-flipper{width:100%;height:100%;transform-style:preserve-3d;animation:peek-card-flip .72s cubic-bezier(.2,.7,.2,1) calc(.42s + var(--peek-index)*.48s) both;position:relative;transform:rotateY(0)}.peek-card-back,.peek-card-front{backface-visibility:hidden;border:3px solid #fff3d8;border-radius:12px;position:absolute;inset:0;overflow:hidden}.peek-card-back{background:repeating-linear-gradient(45deg,#a95951 0 9px,#e69d74 9px 15px);place-items:center;display:grid;box-shadow:inset 0 0 0 4px #4a261e}.peek-card-back span{color:#ffe9b7;text-shadow:0 3px 8px #522;font-size:40px}.peek-card-front{color:#172d24;background:#eee8da;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:3px 3px 8px;display:flex;transform:rotateY(180deg)}.peek-card-front img{object-fit:contain;border-radius:7px;width:100%;height:calc(100% - 25px)}.peek-card-front b{max-width:100%;font-size:clamp(9px,1.4vw,12px);line-height:1.1}.peek-progress{background:#ffffff20;border-radius:9px;height:3px;margin-top:15px;overflow:hidden}.peek-progress i{transform-origin:0;background:linear-gradient(90deg,#eac879,#72dfac);width:100%;height:100%;animation:8s linear both peek-countdown;display:block}@keyframes peek-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes peek-modal-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes peek-card-arrive{0%{opacity:0;transform:translateY(65px)scale(.72)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes peek-card-flip{0%{transform:rotateY(0)}45%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes peek-countdown{to{transform:scaleX(0)}}@media (width<=520px){.peek-modal{border-radius:18px;padding:17px 12px 13px}.peek-heading b{font-size:16px}.peek-heading small{font-size:10px}.peek-cards{gap:8px;min-height:175px}.peek-card-slot{width:clamp(86px,28vw,125px);height:clamp(132px,42vw,185px)}}@media (prefers-reduced-motion:reduce){.peek-overlay,.peek-modal,.peek-card-slot,.peek-card-flipper,.peek-progress i{animation-duration:.01ms!important;animation-delay:0s!important}}.combo-choice-overlay{z-index:65;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020a07c9;place-items:center;padding:18px;animation:.2s both peek-overlay-in;display:grid;position:fixed;inset:0}.combo-choice-modal{color:#fff;text-align:center;background:linear-gradient(145deg,#123e32,#08281f);border:1px solid #d8b573a8;border-radius:24px;width:min(900px,96vw);max-height:min(84vh,760px);padding:clamp(18px,3vw,30px);animation:.35s cubic-bezier(.2,.8,.2,1) both peek-modal-in;overflow:auto;box-shadow:0 24px 80px #0009}.combo-choice-icon{font-size:32px}.combo-choice-modal h2{margin:8px 0;font-size:clamp(20px,3vw,28px)}.combo-choice-modal>p{color:#c7dfd2;margin:0 auto 20px;font-size:13px}.combo-choice-cards{justify-content:center;align-items:flex-start;gap:clamp(7px,1.3vw,15px);min-height:clamp(170px,30vh,260px);padding:14px 8px 18px;display:flex;overflow-x:auto}.combo-hidden-card{color:#ffebba;cursor:pointer;height:clamp(122px,22vh,168px);animation:.38s cubic-bezier(.2,.75,.25,1) both peek-card-arrive;animation-delay:calc(var(--i,0)*35ms);background:repeating-linear-gradient(45deg,#a95951 0 9px,#e69d74 9px 15px);border:3px solid #fff0cf;border-radius:11px;flex:0 0 clamp(76px,10vw,112px);transition:transform .2s,filter .2s;position:relative;box-shadow:inset 0 0 0 4px #4a261e,0 8px 14px #0006}.combo-hidden-card:nth-child(2){animation-delay:35ms}.combo-hidden-card:nth-child(3){animation-delay:70ms}.combo-hidden-card:nth-child(4){animation-delay:.105s}.combo-hidden-card:nth-child(5){animation-delay:.14s}.combo-hidden-card:nth-child(6){animation-delay:.175s}.combo-hidden-card:nth-child(7){animation-delay:.21s}.combo-hidden-card:nth-child(8){animation-delay:.245s}.combo-hidden-card:nth-child(9){animation-delay:.28s}.combo-hidden-card:nth-child(10){animation-delay:.315s}.combo-hidden-card span{font-size:30px}.combo-hidden-card:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-10px)rotate(-2deg)}.combo-hidden-card:disabled,.combo-offer-card:disabled{cursor:wait;opacity:.65}.combo-hidden-card{animation:.48s cubic-bezier(.16,1.25,.35,1) both face-down-fan;animation-delay:calc(var(--i,0)*45ms)}.combo-hidden-card:nth-child(2){--i:1}.combo-hidden-card:nth-child(3){--i:2}.combo-hidden-card:nth-child(4){--i:3}.combo-hidden-card:nth-child(5){--i:4}.combo-hidden-card:nth-child(6){--i:5}.combo-hidden-card:nth-child(7){--i:6}.combo-hidden-card:nth-child(8){--i:7}.combo-hidden-card:nth-child(9){--i:8}.combo-hidden-card:nth-child(10){--i:9}.play-flight-animation{z-index:45;pointer-events:none;position:fixed;inset:0;overflow:hidden}.play-flight-card{left:calc(50% + var(--fan-offset));aspect-ratio:2/3;object-fit:cover;transform-origin:50%;width:clamp(62px,7vw,94px);animation:hand-to-pile .78s cubic-bezier(.18,.72,.25,1) var(--flight-delay) both;border:2px solid #fff2d5;border-radius:9px;position:absolute;top:calc(100vh - 145px);box-shadow:0 12px 32px #0008}@keyframes face-down-fan{0%{opacity:0;transform:translateY(34px)rotate(-8deg)scale(.72)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes hand-to-pile{0%{opacity:0;transform:translate(-50%,0) rotate(calc(var(--fan-offset)*.06)) scale(.62)}12%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-47vh)rotate(0)scale(.92)}}.live-seat.is-current-turn{border-color:#ffe08a;animation:1.25s ease-in-out infinite alternate active-seat-pulse;box-shadow:0 0 0 2px #ffe08a44,0 0 26px #ffe08a66,0 7px 20px #0018}.discard-image.card-landing{transform-origin:50%;animation:.42s cubic-bezier(.18,.85,.28,1.35) both discard-card-land}.live-hand .playing-card.card-received{animation:.55s cubic-bezier(.18,1.45,.35,1) both received-card-pop}@keyframes active-seat-pulse{to{box-shadow:0 0 0 4px #ffe08a24,0 0 34px #ffe08a8c,0 7px 20px #0018}}@keyframes discard-card-land{0%{opacity:0;transform:translateY(-28px)rotate(-14deg)scale(1.2)}68%{opacity:1;transform:translateY(3px)rotate(3deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes received-card-pop{0%{opacity:.4;filter:brightness(1.7);transform:translateY(-34px)rotate(8deg)scale(.88)}70%{opacity:1;filter:brightness(1.15);transform:translateY(4px)rotate(-2deg)scale(1.04)}to{filter:none;transform:translateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.play-flight-card,.combo-hidden-card,.discard-image.card-landing,.live-hand .playing-card.card-received,.live-seat.is-current-turn{animation-duration:.01ms!important;animation-iteration-count:1!important}}.combo-offer-card{color:#fff;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff35;border-radius:12px;flex-direction:column;flex:0 0 clamp(82px,10vw,118px);align-items:center;gap:8px;padding:6px;transition:transform .2s,border-color .2s;display:flex}.combo-offer-card:hover:not(:disabled){border-color:#f4d180;transform:translateY(-8px)}.combo-offer-card img{object-fit:contain;background:#e9e4d9;border-radius:8px;width:100%;height:clamp(124px,23vh,175px)}.combo-offer-card small{color:#f4d180;font-size:10px}@media (width<=600px){.combo-choice-modal{border-radius:17px;padding:18px 10px}.combo-choice-cards{justify-content:flex-start;min-height:155px}.combo-hidden-card{flex-basis:68px;height:112px}.combo-offer-card{flex-basis:76px}.combo-offer-card img{height:116px}}@media (prefers-reduced-motion:reduce){.combo-choice-overlay,.combo-choice-modal,.combo-hidden-card{animation-duration:.01ms!important;animation-delay:0s!important}}.turn-label.nope-window{color:#ffe6a6;letter-spacing:.03em;background:#4b2c18aa;border:1px solid #ffd98188;border-radius:999px;max-width:min(720px,78vw);padding:7px 12px;line-height:1.35;box-shadow:0 0 20px #ffd9812a}@media (width<=760px){.turn-label.nope-window{max-width:86vw;padding:6px 9px;font-size:9px}}.bomb-positions{align-items:center}.bomb-positions>button{white-space:nowrap}.bomb-position-input{color:#dfebdf;text-align:center;gap:4px;min-width:150px;font-size:10px;display:grid}.bomb-position-input>div{gap:5px;display:flex}.bomb-position-input input{color:#fff;text-align:center;background:#092d22;border:1px solid #ffffff35;border-radius:8px;width:62px;min-width:0;padding:7px}.bomb-position-input button{color:#2c200e;cursor:pointer;background:#e0b95f;border:1px solid #e5c574;border-radius:8px;flex:1;padding:7px 9px;font-weight:800}.live-deck.is-shuffling .deck-layer,.live-deck.is-shuffling .deck-front{animation:.18s ease-in-out 5 shuffle-stack}@keyframes shuffle-stack{0%,to{translate:0;rotate:0deg}25%{translate:-5px -2px;rotate:-6deg}50%{translate:4px 1px;rotate:5deg}75%{translate:-3px 2px;rotate:-4deg}}@media (width<=760px){.bomb-prompt{gap:9px;padding:12px}.bomb-positions{gap:7px;width:100%}.bomb-positions>button{flex:1;padding:7px 6px;font-size:10px}.bomb-position-input{flex:1;min-width:118px;font-size:9px}.bomb-position-input input{width:48px;padding:6px}.bomb-position-input button{padding:6px 4px;font-size:9px}}@media (prefers-reduced-motion:reduce){.live-deck.is-shuffling .deck-layer,.live-deck.is-shuffling .deck-front{animation-duration:.01ms!important;animation-iteration-count:1!important}}.combo-select{color:#eef8ef;background:#173e31;border:1px solid #ffffff35;border-radius:8px;width:min(260px,100%);min-height:32px;margin:7px 0;padding:6px 9px;font-size:10px;display:block}.combo-select option{color:#eef8ef;background:#173e31}.live-card-detail>div{max-height:min(38vh,300px);overflow-y:auto}.victory-overlay{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 42%,#156f4f8f,#030f0ce6 70%);place-items:center;padding:24px;animation:.55s cubic-bezier(.2,.8,.2,1) both victory-in;display:grid;position:fixed;inset:0;overflow:hidden}.live-felt.victory-rumble{animation:.36s ease-in-out 5 victory-shake}.victory-card{z-index:2;color:#fff7dd;text-align:center;background:linear-gradient(145deg,#135f49,#082b24 74%);border:1px solid #ffd5709e;border-radius:28px;width:min(520px,92vw);padding:36px 30px 30px;animation:.75s cubic-bezier(.16,1.4,.4,1) both victory-card-pop;position:relative;box-shadow:0 24px 100px #00000080,0 0 48px #ffbe422e,inset 0 1px #ffffff1f}.victory-crown{color:#ffd46a;text-shadow:0 0 22px #ffb52e;font-size:42px;line-height:1;display:block}.victory-card>small{color:#a8e5c7;letter-spacing:.2em;margin-top:14px;font-size:11px;font-weight:900;display:block}.victory-card h1{color:#ffe38e;text-shadow:0 3px 20px #ffbc4159;margin:12px 0;font-size:clamp(28px,5vw,42px)}.victory-card p{margin:10px 0 22px;font-size:17px}.victory-card p b{color:#fff}.victory-confetti{letter-spacing:.12em;margin:20px 0;font-size:24px;animation:.8s ease-in-out infinite alternate confetti-wiggle}.victory-card .primary{justify-content:center;min-width:150px}.victory-card .restart-game-button{color:#40230c;letter-spacing:.06em;background:linear-gradient(120deg,#ffe38e,#f39b43);border:1px solid #ffe7a4;min-width:220px;min-height:52px;margin-top:4px;font-weight:950;animation:1.2s ease-in-out infinite alternate restart-ready-glow;box-shadow:0 0 30px #ffca5d55,0 5px #8e4b20}.victory-card .restart-game-button:hover:not(:disabled){transform:translateY(-3px)scale(1.03);box-shadow:0 0 42px #ffe08a99,0 7px #8e4b20}.restart-waiting{color:#bfe4d1;margin-top:12px;font-size:13px;display:block}.victory-fireworks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.victory-fireworks i{background:hsl(var(--spark-hue) 100% 68%);width:7px;height:7px;box-shadow:0 0 12px 3px hsl(var(--spark-hue) 100% 60% / .8);opacity:0;animation:firework-spark 1.7s ease-out var(--spark-delay) infinite;border-radius:50%;position:absolute}@keyframes victory-in{0%{opacity:0}to{opacity:1}}@keyframes victory-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-4px,2px)rotate(-.15deg)}50%{transform:translate(4px,-2px)rotate(.15deg)}75%{transform:translate(-3px,-1px)rotate(-.1deg)}}@keyframes victory-card-pop{0%{opacity:0;transform:translateY(30px)scale(.78)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes restart-ready-glow{to{filter:brightness(1.11);box-shadow:0 0 40px #ffe08a99,0 5px #8e4b20}}@keyframes firework-spark{0%{opacity:0;transform:translate(0)scale(.25)}12%{opacity:1}75%{opacity:.85}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(.05)}}@keyframes confetti-wiggle{0%{transform:rotate(-4deg)scale(.96)}to{transform:rotate(4deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.victory-overlay,.victory-card,.victory-fireworks i,.victory-confetti{animation-duration:.01ms;animation-iteration-count:1}}.brand i{background:#f1f8f1;border-color:#ffffff80;overflow:hidden}.brand i img{object-fit:contain;width:100%;height:100%;padding:2px}.mini-brand img{object-fit:contain;background:#f1f8f1;border-radius:8px;width:28px;height:28px;padding:2px}.install-button,.auth-footer-actions button{color:#c5d5ca;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1b;border-radius:20px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:inline-flex}.install-button:hover,.auth-footer-actions button:hover{color:#8fe6b7;background:#2ab7781f;border-color:#58ce97}.auth-footer-actions{gap:8px;display:flex}.auth-footer-actions button{background:0 0;border:0;padding:4px 6px}@media (width<=620px){.install-button{padding:8px;font-size:0}.install-button svg{width:17px;height:17px}.auth-footer-actions{gap:3px}.auth-footer-actions button{font-size:9px}}.table-brand>i{background:#f1f8f1;overflow:hidden}.table-brand>i img{object-fit:contain;width:100%;height:100%;padding:2px}.waiting-top-actions{justify-self:end;align-items:center;gap:7px;display:flex}@media (width<=680px){.rooms-page{width:100%;max-width:none;min-height:100dvh;padding:12px 14px calc(18px + env(safe-area-inset-bottom))}.rooms-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.rooms-top>.online-pill,.rooms-top>.waiting-top-actions{justify-self:end}.rooms-main{width:100%;min-width:0}.room-options{grid-template-columns:minmax(0,1fr)}.room-form,.created-card{width:100%}.room-table-page{width:100%;padding:0 2px}.waiting-felt{overflow:hidden}}.expand-button{color:#c8dccd;background:#ffffff08;border:1px solid #ffffff1d;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.expand-button:hover{color:#8fe9b0;border-color:#72d99d}.waiting-page.is-expanded{z-index:4;background:#0e1714;width:100%;max-width:none;height:100%;padding:10px 24px;position:fixed;inset:0}.waiting-page.is-expanded .room-table-page{width:min(1500px,100%);height:calc(100% - 110px);margin:0;position:absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%,-50%)}.waiting-page.is-expanded .rooms-top{z-index:5;position:relative}.waiting-page.is-expanded .room-table-heading{margin-top:0}.waiting-page.is-expanded .waiting-felt{height:auto}.room-communication{z-index:100;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.room-communication>*{pointer-events:auto}.room-chat-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:300px;height:350px;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chat-header strong{color:#fff;font-size:.9rem}.close-chat{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.close-chat:hover{color:#fff}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-empty{color:#fff6;text-align:center;margin-top:auto;margin-bottom:auto;font-size:.85rem}.chat-bubble{background:#ffffff1a;border-radius:10px;align-self:flex-start;max-width:85%;padding:6px 10px;font-size:.85rem}.chat-bubble.self{background:#00c86433;align-self:flex-end}.chat-bubble strong{color:#fb8;margin-bottom:2px;font-size:.75rem;display:block}.chat-bubble.self strong{color:#8f8}.chat-bubble p{word-wrap:break-word;margin:0;line-height:1.3}.chat-input{background:#00000080;border-top:1px solid #ffffff1a;gap:6px;padding:8px;display:flex}.chat-input input{color:#fff;background:#ffffff1a;border:none;border-radius:6px;flex:1;padding:0 10px;font-size:.9rem}.chat-input button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.chat-input button:hover:not(:disabled){background:#fff3}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.communication-actions{gap:12px;display:flex}.fab{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#282828cc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #0006}.fab:hover{background:#3c3c3ce6;transform:scale(1.1)}.fab:active{transform:scale(.95)}.fab.chat-fab.active{color:#fff;background:#3b82f6}.fab.mic-fab{background:#c83232cc}.fab.mic-fab.active{background:#10b981}.uno-felt{background:radial-gradient(circle,#2a5298 0%,#1e3c72 100%)!important}.center-pile{justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.direction-indicator{color:#fff3;z-index:0;pointer-events:none;font-size:3rem;position:absolute}.direction-indicator.clockwise{animation:10s linear infinite spin}.direction-indicator.counter-clockwise{animation:10s linear infinite spin-reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.uno-felt .deck img{object-fit:contain;border-radius:8px;width:clamp(68px,9vw,92px);height:clamp(94px,13vw,128px);box-shadow:0 4px 10px #0006}.uno-layout{gap:8px;padding-top:8px;overflow:hidden}.uno-layout .table-header{height:52px}.uno-layout .table-brand{min-width:0}.uno-layout .room-info{color:#9bb4a5;font-size:10px}.uno-layout .table-tools{gap:8px;margin-left:auto;display:flex}.uno-layout .icon-btn{color:#e4f1e7;background:#ffffff0a;border:1px solid #fff2;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.uno-layout .icon-btn:hover{background:#2ab7781f;border-color:#5be0a0}.uno-felt{flex:1;min-height:260px}.uno-felt .center-pile{z-index:2;gap:clamp(16px,3vw,36px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-felt .deck{cursor:pointer;flex:none;position:relative}.uno-felt .discard-pile{cursor:default}.uno-felt .direction-indicator{top:50%;left:50%;transform:translate(-50%,-50%)}.uno-layout .opponent-seat{z-index:2;color:#f4fbf5;background:#09251fe8;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:8px;min-width:110px;max-width:190px;padding:8px 11px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 22px #0005}.uno-layout .opponent-seat.is-turn{border-color:#f5ce76;box-shadow:0 0 0 2px #f5ce7636,0 8px 22px #0005}.uno-layout .opponent-seat .avatar{color:#fff;background:linear-gradient(140deg,#61cbb2,#147570);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.uno-layout .opponent-seat .info{gap:3px;font-size:11px;display:grid}.uno-layout .opponent-seat .cards-count{color:#c4d8ca;font-size:9px}.uno-layout .timer-bar{background:#ffffff24;border-radius:4px;height:3px;overflow:hidden}.uno-layout .timer-bar .fill{background:#f5ce76;height:100%;animation:15s linear both uno-turn-time;display:block}@keyframes uno-turn-time{0%{width:100%}to{width:0}}.uno-layout .hand{width:100%;height:clamp(180px,27vh,230px)}.uno-layout .hand-title{width:min(900px,94%)}.uno-layout .cards{justify-content:center;max-width:96vw;overflow-x:auto}.uno-layout .playing-card{flex:none;width:clamp(56px,7vw,92px);height:clamp(88px,15vh,138px)}.uno-layout .actions{flex-wrap:wrap;gap:8px;width:min(1000px,96%)}.uno-layout .actions>span{color:#bbd1c2;font-size:10px}.uno-connection-error{z-index:10;color:#ffd4d7;background:#411d22ed;border:1px solid #ff778077;border-radius:10px;padding:8px 14px;font-size:12px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.uno-victory-overlay{z-index:30;background:#06140fe0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.uno-victory-overlay section{text-align:center;background:linear-gradient(145deg,#134d38,#10251e);border:1px solid #eed07577;border-radius:22px;width:min(480px,100%);padding:34px;box-shadow:0 24px 80px #0008}.uno-victory-overlay small{color:#f5ce76;letter-spacing:.12em}.uno-victory-overlay h1{font-size:clamp(22px,4vw,36px)}.uno-victory-overlay p{color:#b9d1c0}@media (width<=700px){.uno-layout{padding:4px 8px 8px}.uno-layout .table-header{height:44px}.uno-layout .opponent-seat{gap:5px;min-width:0;max-width:118px;padding:5px 7px}.uno-layout .opponent-seat .avatar{width:27px;height:27px}.uno-layout .opponent-seat .info{font-size:9px}.uno-layout .hand{height:190px}.uno-layout .playing-card{width:62px;height:94px}.uno-layout .actions{justify-content:center!important}}.uno-layout{width:100%;max-width:none;height:100dvh;margin:0;padding-left:clamp(8px,1.4vw,24px);padding-right:clamp(8px,1.4vw,24px)}.uno-felt .draw-pile .count{text-align:center;color:#f6fff7;text-shadow:0 2px 5px #0008;font-size:16px;font-weight:700;position:absolute;bottom:-20px;left:0;right:0}.uno-felt .draw-pile.can-draw{cursor:pointer;animation:1.6s ease-in-out infinite uno-draw-ready;box-shadow:0 0 0 3px #ffe17d88,0 10px 26px #0009}@keyframes uno-draw-ready{50%{filter:brightness(1.2)}}.uno-layout .playing-card.uno-unplayable{opacity:.58;filter:saturate(.55)}@media (width<=700px){.uno-layout{width:100%}}.uno-layout .opponent-seat.is-self{border-color:#f3cf70;box-shadow:0 0 0 2px #f3cf7044,0 8px 22px #0005}.uno-layout .opponent-seat.is-self .avatar{background:linear-gradient(140deg,#ef8960,#ad3c54)}.uno-layout .opponent-seat .name{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.uno-called-mark{color:#ffdf5b;font-size:10px;font-weight:800}