.discovery-grid:has(.tribute-feature){grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-grid:has(.tribute-feature) .join-panel{grid-column:1 / -1}.tribute-feature.featured-game{background:#e7ecdf}.tribute-feature .art-circle{background:#d2debc}.field select{width:100%;padding:12px;border:1px solid #ddd7cc;border-radius:9px;background:#fffdfa;color:#343c32;font:inherit}.four-room{margin:24px 32px;background:#f1eee6;border:1px solid #ddd9cf;border-radius:16px;overflow:hidden;color:#344637}.four-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px;background:#f9f7f1}.four-toolbar>div{display:flex;gap:13px;align-items:baseline;white-space:nowrap}.four-toolbar strong{font-size:19px}.four-toolbar span{font-size:11px;color:#778273}.four-toolbar nav{display:flex;align-items:center;gap:9px}.four-toolbar button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;color:#526450;background:transparent;cursor:pointer}.four-toolbar button:hover{background:#e8ecdf}.four-toolbar .offline{color:#b04d36}.four-board{height:390px;position:relative;background:radial-gradient(ellipse at 50% 40%,#dce5cd,#c7d4ba);border-top:1px solid #c8d1bd}.four-board:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid #b9c8ab;border-radius:45%;pointer-events:none}.four-seat{position:absolute;display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;width:160px;z-index:2;border:1px solid transparent}.four-seat .avatar{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:#eef0df;font-size:18px}.four-seat .avatar-1{background:#f6e2d3}.four-seat .avatar-2{background:#dfe7f0}.four-seat .avatar-3{background:#eadfef}.four-seat-info{min-width:0}.four-seat-info strong{display:block;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.four-seat-info span{display:block;font-size:10px;margin-top:4px;color:#66745f}.four-seat-info small{display:inline-block;font-size:8px;margin-left:4px;padding:1px 3px;background:#eef1e2;border-radius:3px}.four-left{left:20px;top:43%}.four-right{right:20px;top:43%}.four-opposite{left:50%;top:12px;transform:translate(-50%)}.four-seat.is-turn{background:#edf1df;border-color:#8c9b53;box-shadow:0 0 0 3px #f4f5cd55}.four-seat.is-out{opacity:.78}.four-timer{position:absolute;right:0;top:-12px;border-radius:50%;background:#c8863c;color:#fff;padding:5px;font-size:11px;min-width:26px;text-align:center}.four-remove{position:absolute;right:-4px;top:-4px;border:0;background:#fff9;border-radius:50%;padding:3px;display:grid;cursor:pointer}.four-center{position:absolute;left:190px;right:190px;top:96px;bottom:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.four-table-mark{font-size:52px;font-family:serif;color:#8a9b79;letter-spacing:14px}.four-table-mark span{color:#718962}.four-center p{font-size:12px;color:#6c7e60;margin:0}.four-play-caption{font-size:11px;color:#526749}.four-last{display:flex;justify-content:center;width:min(100%,420px);height:78px;padding-right:30px}.four-last>.playing-card{flex:0 0 52px;width:52px;height:76px;margin-right:-30px}.four-last .card-corner{font-size:15px}.four-last .card-suit{font-size:22px}.four-last .card-bottom{font-size:14px}.four-passes{display:flex;gap:12px;min-height:15px;color:#75866a;font-size:10px}.four-exchange-stage{display:flex;flex-direction:column;align-items:center;gap:14px}.four-exchange-stage strong{font-size:19px}.four-stage-label{font-size:11px;letter-spacing:3px;padding:5px 12px;background:#eaf0df;border-radius:16px}.four-history{position:absolute;bottom:10px;right:18px;border:0;background:transparent;color:#65765a;font-size:10px;cursor:pointer}.four-hand-area{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:20px;padding:16px 24px 12px;align-items:center}.four-hand-area .four-self{position:relative;grid-column:1;grid-row:1 / 4;width:160px}.four-controls{grid-column:2;text-align:center;min-width:0}.four-instruction{font-size:12px;color:#64725c;margin:0 0 10px}.four-buttons{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;flex-wrap:wrap}.four-buttons .button{font-size:12px;padding:8px 16px;min-height:34px}.four-turn-note,.four-buttons>span{font-size:12px;color:#6f7d65}.four-hand{grid-column:2;display:flex;justify-content:center;width:100%;height:116px;margin-top:22px;padding-right:calc(76px - min(44px,(100% - 76px) / var(--hand-count)))}.four-hand>.playing-card{width:76px;height:112px;flex:0 0 76px;margin-right:calc(min(44px,(100% - 76px) / var(--hand-count)) - 76px)}.four-hand>.playing-card.selected{transform:translateY(-14px)}.four-hand-note{grid-column:2;margin-top:5px;font-size:10px;color:#818777;display:flex;justify-content:space-between;gap:10px}.four-hand-area.four-idle{min-height:112px}.four-results{width:min(330px,100%);display:flex;align-items:center;flex-direction:column;gap:7px}.four-results>strong{font-size:17px}.four-results ol{list-style:none;margin:0;padding:0;width:100%}.four-results li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #b7c9a8;text-align:left;font-size:12px}.four-results li b{color:#79894c}.four-results li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.four-results small{font-size:10px;color:#6e7a65}.four-results .my-place{background:#f5f3de9e;border-radius:5px}.four-log{max-height:65dvh;overflow:auto;font-size:12px;color:#596251}.four-log h3{margin:14px 0 10px}.four-log p{padding:7px 0;border-bottom:1px solid #eee9df}.four-display-message{position:fixed;z-index:120;bottom:20px;left:50%;transform:translate(-50%);background:#fffcf0;padding:14px;border-radius:10px;max-width:90%;display:flex;gap:10px;font-size:12px;box-shadow:0 5px 30px #0002}.four-display-message button{border:0;background:none}body:has(.four-immersive){overflow:hidden}.app-shell:has(.four-immersive) .sidebar,.app-shell:has(.four-immersive) .topbar{display:none}.app-shell:has(.four-immersive) .main-shell{margin:0;width:100%;min-width:0}.four-room.four-immersive{margin:0;border:0;border-radius:0;height:100dvh;display:flex;flex-direction:column}.four-immersive .four-toolbar{height:32px;flex:0 0 32px;padding:0 12px}.four-immersive .four-toolbar strong{font-size:14px}.four-immersive .four-toolbar button{height:30px;width:30px}.four-immersive .four-board{flex:1;height:auto;min-height:0}.four-immersive .four-board:before{top:10px;right:25px;bottom:10px;left:25px}.four-immersive .four-seat{width:130px;gap:6px;padding:5px}.four-immersive .four-seat .avatar{width:32px;height:32px;font-size:14px;border-radius:9px}.four-immersive .four-seat-info strong{font-size:11px;max-width:87px}.four-immersive .four-seat-info span{font-size:9px}.four-immersive .four-left{left:12px;top:43%}.four-immersive .four-right{right:12px;top:43%}.four-immersive .four-opposite{top:5px}.four-immersive .four-center{left:150px;right:150px;top:53px;bottom:12px;gap:5px}.four-immersive .four-last{height:60px}.four-immersive .four-last>.playing-card{width:42px;flex-basis:42px;height:58px;margin-right:-26px}.four-immersive .four-last .card-corner{font-size:12px;left:3px;top:3px}.four-immersive .four-last .card-suit{font-size:16px}.four-immersive .four-last .card-bottom{font-size:11px}.four-immersive .four-table-mark{font-size:34px}.four-immersive .four-exchange-stage{gap:6px}.four-immersive .four-exchange-stage strong{font-size:14px}.four-immersive .four-center p{font-size:10px}.four-immersive .four-hand-area{flex:0 0 auto;grid-template-columns:130px minmax(0,1fr);column-gap:16px;padding:6px 14px 4px}.four-immersive .four-hand-area .four-self{width:130px}.four-immersive .four-instruction{font-size:10px;margin-bottom:4px}.four-immersive .four-buttons{min-height:28px;gap:6px}.four-immersive .four-buttons .button{font-size:11px;min-height:28px;padding:5px 12px}.four-immersive .four-hand{height:76px;margin-top:16px;padding-right:calc(54px - min(32px,(100% - 54px) / var(--hand-count)))}.four-immersive .four-hand>.playing-card{width:54px;flex-basis:54px;height:74px;margin-right:calc(min(32px,(100% - 54px) / var(--hand-count)) - 54px)}.four-immersive .four-hand .card-corner{font-size:17px;top:4px;left:4px}.four-immersive .four-hand .card-suit{font-size:24px}.four-immersive .four-hand .card-bottom{font-size:14px}.four-immersive .four-hand-note{font-size:9px;margin-top:3px}.four-immersive .four-idle{min-height:66px}.four-immersive .four-results{gap:3px}.four-immersive .four-results>svg{display:none}.four-immersive .four-results>strong{font-size:13px}.four-immersive .four-results li{padding:4px 8px;font-size:11px}@media(max-width:1000px)and (min-height:501px){.four-room{margin:16px}.four-center{left:155px;right:155px}.four-left{left:8px}.four-right{right:8px}.four-seat{width:140px}}@media(max-width:650px){.discovery-grid:has(.tribute-feature){grid-template-columns:1fr}.four-room:not(.four-immersive){margin:8px}.four-room:not(.four-immersive) .four-board{height:390px}.four-room:not(.four-immersive) .four-center{left:30px;right:30px;top:170px}.four-room:not(.four-immersive) .four-left,.four-room:not(.four-immersive) .four-right{top:88px}.four-room:not(.four-immersive) .four-seat{width:140px}.four-room:not(.four-immersive) .four-hand-area{grid-template-columns:1fr;padding:12px;gap:12px}.four-room:not(.four-immersive) .four-self{grid-row:1;grid-column:1;justify-self:center}.four-room:not(.four-immersive) .four-controls,.four-room:not(.four-immersive) .four-hand,.four-room:not(.four-immersive) .four-hand-note{grid-column:1}.four-connection{display:none}.four-toolbar nav{gap:2px}.four-toolbar{padding:0 9px}.four-hand-note span{display:none}}@media(max-height:350px)and (orientation:landscape){.four-immersive .four-hand{height:62px;margin-top:14px}.four-immersive .four-hand>.playing-card{height:60px}.four-immersive .four-hand .card-suit{font-size:18px}.four-immersive .four-hand .card-corner{font-size:14px}.four-immersive .four-center{top:48px;gap:2px}.four-immersive .four-last{height:46px}.four-immersive .four-last>.playing-card{height:46px}.four-immersive .four-last .card-bottom{display:none}.four-immersive .four-passes{min-height:10px;font-size:8px}.four-immersive .four-results li{padding:2px 6px}.four-immersive .four-instruction{font-size:9px}.four-immersive .four-left,.four-immersive .four-right{top:40%}}:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#273a30;background:#f7f7f2;font-synthesis:none;font-weight:400;font-size:14px;--green: #326648;--green-dark: #254f38;--muted: #889086;--border: #e6e9df;--orange: #df8854}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,input{outline:none}button{transition:background .18s,transform .18s,box-shadow .18s;border:0}button:focus-visible,a:focus-visible{outline:3px solid #dfaa62;outline-offset:4px}input:focus{border-color:#568264!important;box-shadow:0 0 0 3px #32664812}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}button svg,span svg{flex-shrink:0}button{color:inherit}input{min-width:0}::selection{background:#d3e3bc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#fffefa;border-right:1px solid var(--border);padding:36px 23px 24px;z-index:25;display:flex;flex-direction:column}.brand{background:none;display:flex;align-items:center;gap:12px;text-align:left;padding:0 7px;font-weight:800;font-size:27px;letter-spacing:2px;width:100%}.brand-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:14px;transform:rotate(-7deg);box-shadow:0 4px #e1e7d5}.brand-en{display:block;font-size:8px;letter-spacing:1.6px;font-weight:600;margin-top:2px;color:#87947e}.nav-label{font-size:10px;letter-spacing:2px;color:#a4aa9e;margin:54px 15px 17px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:13px;border-radius:9px;background:transparent;color:#818a80;padding:15px;font-size:13px;text-align:left}.sidebar nav button>svg:last-child:not(:first-child){margin-left:auto}.sidebar nav button:hover{background:#f2f5ec}.sidebar nav button.active{color:var(--green);background:#eaf0e3;font-weight:700}.sidebar-note{margin-top:auto;border:1px dashed #d9dfcd;background:#f7f8f0;border-radius:13px;padding:22px 15px 16px;position:relative}.note-doodle{display:flex;gap:16px;color:#7f9368;align-items:center;font-size:38px;margin-bottom:10px}.note-doodle svg{transform:rotate(20deg)}.sidebar-note h3{font-size:13px;font-weight:700}.sidebar-note p{font-size:11px;line-height:1.9;color:#8a9280;margin:9px 0 18px}.sidebar-note button{display:flex;gap:10px;align-items:center;padding:0;background:transparent;font-size:11px;font-weight:600;color:var(--green)}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:24px}.small-logo{color:#b3be9b;font-size:25px}.sidebar-bottom p{font-size:10px;color:#969d8e}.sidebar-bottom small{display:block;font-size:7px;letter-spacing:1.1px;margin-top:4px}.main-shell{margin-left:222px}.topbar{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fffefa99}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#9aa190}.breadcrumb strong{font-weight:500;color:#4d5e4d}.breadcrumb svg{color:#a7ad9e}.topbar-right{display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:8px;font-size:10px;color:#81917a}.connection i,.eyebrow>span,.game-tag>span,.room-state i{height:6px;width:6px;border-radius:50%;background:#7e9b68}.connection.warning{color:#c68d39}.connection.warning i{background:#c68d39}.topbar-divider{height:20px;width:1px;background:var(--border)}.profile{display:flex;align-items:center;gap:9px;font-size:12px;color:#66745f}.avatar{width:40px;height:40px;background:#e4e9d4;border:3px solid #f5f6e9;color:#536347;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar-small{width:32px;height:32px;font-size:12px;border-width:2px}.lobby-content{max-width:1440px;margin:auto;padding:32px 42px 0}.hero{position:relative;min-height:352px;background:#e9eddf;overflow:hidden;border-radius:17px;padding:33px 42px;display:flex;align-items:center;background-image:radial-gradient(ellipse at 82% 10%,#f5f6e744,transparent 60%)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.9px;font-weight:600;color:#748568}.eyebrow>span{height:5px;width:5px}.hero h1{font-size:42px;font-weight:800;line-height:1.4;letter-spacing:-1px;margin:14px 0 11px}.hero h1>span{color:var(--green)}.hero-copy>p{font-size:12px;color:#7c8771;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:43px;padding:0 21px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#264f37;box-shadow:0 5px 16px #32664825}.button.outline{background:#fffefa;color:#576b53;border-color:#dce2d4}.button.outline:hover:not(:disabled){background:#eff4e9;border-color:#a7bb9b}.button.dark{background:#354b39;color:#fff}.hero .button{margin-top:20px;min-height:42px;padding:0 19px;font-size:11px}.hero-footnote{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:9px;color:#849177}.tiny-avatars{display:flex;padding-left:3px}.tiny-avatars i{margin-left:-3px;width:23px;height:23px;border-radius:50%;border:2px solid #edf0e3;background:#e1b395;color:#815e43;display:grid;place-items:center;font-style:normal;font-size:13px}.tiny-avatars i:nth-child(2){background:#d3dba2;color:#7c874a}.tiny-avatars i:nth-child(3){background:#aabfad;color:#546d54}.hero-side-label{position:absolute;right:18px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#9aa88d;top:100px}.hero-cards{position:absolute;width:370px;height:300px;right:55px;top:22px}.orbit{position:absolute;width:280px;height:280px;border:1px solid #cdd6bf;border-radius:50%;left:60px;top:12px}.orbit-two{width:345px;height:185px;left:23px;top:62px;transform:rotate(-25deg)}.hero-cards:before{content:"";position:absolute;width:220px;height:220px;top:50px;left:85px;border-radius:50%;background:#dce2ce}.art-card{position:absolute;filter:drop-shadow(0 14px 12px #374b3220)}.art-one{left:49px;top:92px;transform:rotate(-24deg)}.art-two{left:123px;top:48px;transform:rotate(-5deg)}.art-three{left:204px;top:72px;transform:rotate(19deg)}.hero-cards .playing-card{width:112px;height:162px;border-radius:10px;border:1px solid #fff9;box-shadow:inset 0 0 0 5px #faf9ef}.hero-cards .card-corner{font-size:25px;top:10px;left:10px}.hero-cards .card-corner>span{font-size:19px}.hero-cards .card-suit{font-size:55px}.hero-cards .card-bottom{font-size:23px;right:9px;bottom:8px}.hero-cards .joker{font-size:46px}.hero-cards .joker small{font-size:10px;letter-spacing:4px}.floating-spark{position:absolute;right:11px;top:10px;font-size:55px;line-height:1;color:#db8a57;transform:rotate(15deg);z-index:3}.tiny-spark{position:absolute;left:38px;bottom:14px;font-size:28px;color:#97a77c}.hero-cards:after{content:"♥";position:absolute;font-size:15px;left:26px;top:44px;color:#9daa8a;transform:rotate(-25deg)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.section-heading h2{font-size:20px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:11px}.section-heading p{font-size:11px;color:#939a8c;margin-top:8px}.heading-spark{color:#c7a266;font-size:23px}.section-index{font-size:9px;letter-spacing:1.5px;color:#a3a995}.game-section{margin-top:34px}.discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:21px}.featured-game{position:relative;background:#f1e8d9;border:1px solid #e8ddca;border-radius:13px;overflow:hidden;min-height:261px}.featured-copy{position:relative;z-index:2;padding:26px}.game-tag{display:flex;align-items:center;gap:6px;font-size:9px;color:#9b815c;font-weight:600}.game-tag>span{height:5px;width:5px;background:#bfa16e}.featured-copy h3{font-size:29px;margin:10px 0 9px;font-weight:800;letter-spacing:1px}.featured-copy>p{font-size:11px;line-height:1.8;color:#948b78}.game-meta{display:flex;gap:11px;align-items:center;margin-top:15px;color:#8b846f;font-size:9px;flex-wrap:wrap}.game-meta>span{display:flex;align-items:center;gap:4px}.game-meta>span:last-child{border:1px solid #ddd2be;border-radius:4px;padding:2px 5px;font-size:8px}.featured-actions{display:flex;align-items:center;gap:19px;margin-top:21px}.featured-actions .button{font-size:11px;min-height:37px;padding:0 15px;gap:19px}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;padding:0;color:#647859;font-size:11px;font-weight:500}.text-button:hover{color:#244e31}.game-art{position:absolute;width:230px;height:240px;right:0;top:10px;pointer-events:none}.art-circle{position:absolute;right:-75px;top:-5px;border-radius:50%;width:280px;height:280px;border:1px solid #dfd1b8}.art-circle:before{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid #e5d7bd;border-radius:50%}.game-card-left{position:absolute;left:33px;top:58px;transform:rotate(-18deg)}.game-card-right{position:absolute;left:107px;top:65px;transform:rotate(12deg)}.game-art .playing-card{width:87px;height:128px;border-radius:7px;box-shadow:0 8px 15px #75603e15;border-color:#fefbf3}.game-art .card-corner{font-size:22px}.game-art .card-suit{font-size:45px}.game-art .card-bottom{font-size:20px}.game-art-suit{position:absolute;font-size:56px;color:#d5c3a2;right:-5px;top:155px;transform:rotate(14deg)}.art-label{position:absolute;font-size:6px;letter-spacing:1.5px;bottom:8px;left:30px;color:#b2a386;transform:rotate(-6deg)}.join-panel{background:#eef0e7;border:1px solid #e0e6d8;border-radius:13px;padding:22px}.join-icon{display:flex;align-items:center;color:#728764;margin-bottom:14px}.join-panel h3{font-size:16px;font-weight:700}.join-panel>p{font-size:11px;color:#959d8b;margin-top:7px}.join-panel form{margin-top:18px}.code-input{display:flex;align-items:center;position:relative}.code-input input{width:100%;padding:12px 32px 12px 12px;border:1px solid #dce1d3;background:#fbfcf6;border-radius:6px;font-size:11px;color:#435840;letter-spacing:1px}.code-input>svg{position:absolute;right:11px;color:#a3b095}.code-input input::placeholder{color:#a2aa97;letter-spacing:1px}.join-panel .button{width:100%;min-height:36px;font-size:11px;margin-top:9px;background:transparent;border-color:#acba9e}.join-note{display:flex;align-items:center;gap:5px;color:#a0a894;font-size:9px;margin-top:15px}.rooms-section{margin-top:34px;scroll-margin-top:20px}.count-pill{font-size:10px;display:grid;place-items:center;min-width:22px;height:20px;border-radius:5px;background:#e9edde;color:#84936e;font-weight:500}.refresh{font-size:10px}.room-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:0}.tabs{display:flex;gap:23px}.tabs button{padding:0 0 12px;background:none;color:#939d8b;font-size:11px;position:relative}.tabs button.selected-tab{color:var(--green);font-weight:600}.tabs button.selected-tab:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--green)}.room-search{display:flex;align-items:center;gap:7px;color:#a2ab97;padding-bottom:12px}.room-search input{border:0;background:transparent;font-size:10px;color:#4d6547;width:145px}.room-search input::placeholder{color:#a1a896}.empty-state{min-height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-top:0;background:#fcfcf8;border-radius:0 0 10px 10px;padding:25px 12px;text-align:center}.empty-state>svg{color:#a7b497;margin-bottom:12px}.empty-cards{display:flex;align-items:center;justify-content:center;height:38px;margin-bottom:13px}.empty-cards>span{width:26px;height:35px;background:#eff2e7;border:1px solid #dce2d0;border-radius:4px;color:#9cae86;display:grid;place-items:center;font-size:20px;transform:rotate(-13deg)}.empty-cards>span+span{transform:rotate(12deg);margin-left:-5px;color:#c5a587;background:#f3efe3}.empty-state h3{font-size:12px;font-weight:500;color:#78866b}.empty-state p{font-size:10px;color:#a5ad9b;margin-top:8px;line-height:1.6}.empty-state .text-button{margin-top:15px;font-size:10px}.room-list{border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;background:#fcfcf8;padding:0 18px}.room-list-item{display:flex;align-items:center;gap:16px;padding:17px 0}.room-list-item+.room-list-item{border-top:1px solid var(--border)}.room-game-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f0e9d9;color:#92805d}.room-list-name{flex:1;min-width:0}.room-list-name h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-name>span{font-size:9px;color:#9aa38f;display:block;margin-top:5px}.room-list-name b{font-weight:400;margin:0 5px}.room-state{display:flex;align-items:center;gap:5px;font-size:10px;color:#7a9069}.room-state.playing{color:#b28b5c}.room-state.playing i{background:#b28b5c}.room-player-count{display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa18f;margin:0 10px}.small-button{min-height:30px;font-size:10px;padding:0 12px}.coming-soon{margin-top:26px;border:1px dashed #dce2d0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:19px 22px;color:#8e9a7e}.coming-soon>div{display:flex;align-items:center;gap:10px}.coming-soon span{font-size:11px;font-weight:500}.coming-soon p{font-size:10px;color:#a4ad96;margin-left:9px}.coming-tag{font-size:9px!important;background:#edf0e5;padding:4px 9px;border-radius:4px;color:#9ba78b}.lobby-footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0;color:#abb29f;font-size:9px}.lobby-footer>span:last-child{display:flex;align-items:center;gap:5px}.mobile-toggle{display:none!important}.playing-card{position:relative;flex-shrink:0;width:76px;height:111px;border-radius:7px;background:#fffdf7;border:1px solid #dcdccd;color:#273a34;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #142b1914;display:block;padding:0;text-align:left}.playing-card.red{color:#c9664c}.card-corner{position:absolute;top:5px;left:6px;display:flex;flex-direction:column;font-family:Georgia,serif;font-size:19px;line-height:1;align-items:center;gap:3px}.card-corner b{font-weight:700}.card-corner>span{font-size:16px}.card-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-38%);font-size:37px}.card-bottom{position:absolute;right:5px;bottom:4px;font-family:Georgia,serif;font-size:17px;transform:rotate(180deg)}.card-suit.joker{display:flex;flex-direction:column;align-items:center;font-size:35px}.joker-icon{display:block;width:1em;height:1em}.joker-word{display:flex;flex-direction:column;align-items:center;font-size:.6em;line-height:1.05}.fullscreen-button{align-items:center;gap:5px;font-size:10px}.rotate-prompt{text-align:center}.rotate-illustration{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--green);margin:25px 0}.rotate-illustration>svg:first-child{transform:rotate(90deg)}.rotate-prompt p{font-size:12px;color:#7d8a73;line-height:1.9;margin-bottom:22px}.rotate-prompt>.text-button{margin:19px 12px 0}.rotate-prompt .display-message{color:#9a793e;background:#f5eedb;padding:10px;border-radius:7px}.display-notice{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;display:flex;align-items:center;gap:10px;z-index:100;color:#fff;background:#284432;border-radius:9px;font-size:12px;box-shadow:0 4px 18px #162c2926}.display-notice button{display:flex;background:none;color:inherit;padding:3px}.joker small{font-family:inherit;white-space:nowrap;font-size:8px;letter-spacing:2px;margin-top:3px}.playing-card.small{width:37px;height:53px;border-radius:4px}.small .card-corner{font-size:12px;top:3px;left:3px;gap:1px}.small .card-corner>span{font-size:10px}.small .card-suit{font-size:21px;transform:translate(-28%,-15%)}.small .card-bottom{display:none}.small .joker small{font-size:5px;letter-spacing:0}.small .joker{font-size:16px}.card-back{background:#e7ebda;box-shadow:inset 0 0 0 3px #f8f9ef;border:1px solid #eceee4}.back-pattern{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid #b7c4a4;border-radius:2px;background:repeating-linear-gradient(45deg,#d3ddc4,#d3ddc4 2px,#e0e6d4 2px,#e0e6d4 5px);display:grid;place-items:center;color:#7e9568;font-size:23px}.card-back.small .back-pattern{top:5px;right:5px;bottom:5px;left:5px;font-size:17px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:5px;color:#87937d;border-radius:5px}.icon-button:hover{background:#edf1e6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b302857;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(470px,100%);max-height:90vh;overflow:auto;background:#fffefa;border-radius:17px;border:1px solid #eff0e3;box-shadow:0 20px 90px #11201926;padding:27px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.modal-heading h2{font-size:20px;letter-spacing:-.5px}.modal-description{color:#8c9782;font-size:12px;line-height:1.9;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:12px;font-weight:500}.field input{border:1px solid #dce2d3;border-radius:7px;background:#f9faf4;padding:12px;color:#45613b;font-size:13px;font-weight:400}.field input::placeholder{color:#acb4a1}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.visibility-options button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px 12px;background:#f6f7f0;border:1px solid #e5e8db;border-radius:9px;color:#89967d}.visibility-options button.chosen{border-color:#64865a;background:#eef3e7;color:#41663a}.visibility-options strong{font-size:12px;font-weight:600}.visibility-options span{font-size:9px;color:#95a187}.modal-tip{display:flex;align-items:center;gap:6px;color:#95a187;font-size:10px;margin:21px 0 18px}.full-width{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.rules{font-size:12px;line-height:2;color:#7d8a73}.rules h3{font-size:13px;margin:19px 0 6px;color:#456139}.rules p+p{margin-top:8px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#2f4c39;color:#fffefa;border:1px solid #ffffff20;padding:13px 15px 13px 21px;border-radius:10px;box-shadow:0 8px 30px #1c321f30;z-index:150;display:flex;align-items:center;gap:17px;font-size:12px;max-width:calc(100vw - 30px);width:max-content;line-height:1.7}.toast button{background:transparent;color:#c3d0b9;display:flex;padding:2px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-content{padding:25px 35px 15px;max-width:1450px;margin:auto}.room-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.back-button{display:flex;align-items:center;gap:3px;background:transparent;padding:0;color:#929e85;font-size:10px;margin-bottom:11px}.room-page-heading h1{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.room-page-heading h1>span{background:#e9efdf;color:#83936e;font-size:9px;font-weight:500;padding:4px 7px;border-radius:4px;white-space:nowrap}.invite-button{font-size:10px;gap:10px;min-height:36px;background:transparent!important}.invite-button b{font-weight:700;letter-spacing:1px;margin-left:4px}.invite-text{border-left:1px solid #dde2d3;padding-left:10px;font-size:9px;color:#90a080}.table-container{border-radius:17px;overflow:hidden;border:1px solid #cfdac5;box-shadow:0 5px 20px #2c412508}.table-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 21px;background:#345b42;color:#c1d1b6;font-size:10px}.table-topbar>span{display:flex;align-items:center;gap:7px}.table-topbar i{font-style:normal;color:#7fa076;margin:0 4px}.table-topbar>div{display:flex;gap:16px}.table-topbar button{background:none;padding:0;color:#c1d1b6;display:flex}.felt-table{position:relative;height:408px;background:#3c684b;background-image:radial-gradient(ellipse at 50% 25%,#64855a4d,transparent 70%);overflow:hidden}.felt-border{position:absolute;top:20px;right:27px;bottom:26px;left:27px;border:1px solid #aec79722;border-radius:90px}.felt-border:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #aec79712;border-radius:84px}.felt-watermark{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:43px;font-weight:800;letter-spacing:12px;color:#cbdfb613;text-align:center;white-space:nowrap;pointer-events:none}.felt-watermark>span{display:block;font-size:7px;letter-spacing:3px;margin-top:6px}.bottom-cards{position:absolute;left:50%;top:13px;transform:translate(-50%);display:flex;gap:5px}.bottom-cards>span{position:absolute;top:61px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:9px;color:#bfd0ab}.seat-panel{position:absolute;top:80px;display:flex;flex-direction:column;align-items:center;gap:8px;width:124px;color:#edf0e3;text-align:center;z-index:2}.seat-left{left:25px}.seat-right{right:25px}.player-avatar{height:56px;width:56px;position:relative;background:#e7c6a1;border:3px solid #eee7d24d;color:#956e48;font-size:21px;box-shadow:0 0 0 3px #ffffff08}.avatar-1{background:#cad5aa;color:#64704d;border-color:#e6edcd80}.avatar-2{background:#baccc8;color:#58766e;border-color:#dbe5d880}.current-seat .player-avatar{box-shadow:0 0 0 3px #e6bf70,0 0 0 7px #e6bf7020}.landlord-crown{width:21px;height:21px;position:absolute;right:-7px;bottom:-1px;background:#efcf82;border:2px solid #477152;display:flex;align-items:center;justify-content:center;color:#8e6a2e;border-radius:50%}.seat-info>strong{font-weight:500;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;word-break:break-all}.host-tag{font-size:7px!important;font-weight:400;padding:1px 3px;background:#ffffff16;color:#c4d8b4;border-radius:3px;white-space:nowrap}.seat-info>span{font-size:9px;margin-top:5px;color:#a4bf95;display:flex;align-items:center;justify-content:center;gap:2px;line-height:1.6}.opponent-count{display:flex;align-items:center;gap:7px;margin-top:2px;color:#e4ebd9;font-weight:600;font-size:15px}.opponent-count small{font-size:9px;font-weight:400;color:#b2c9a3}.mini-card-back{width:15px;height:21px;background:repeating-linear-gradient(45deg,#a8bc94,#a8bc94 2px,#8fa97b 2px,#8fa97b 4px);border:2px solid #c7d8b4;border-radius:2px;transform:rotate(-8deg)}.empty-avatar{width:55px;height:55px;border:1px dashed #aac09480;border-radius:50%;color:#9fbc8c;display:flex;align-items:center;justify-content:center;background:#aac0940a}.seat-panel>strong{font-size:11px;font-weight:400;color:#b7cba8}.invite-seat,.remove-bot{background:none;padding:0;color:#adc899;display:flex;align-items:center;gap:3px;font-size:9px}.remove-bot{text-decoration:underline;text-underline-offset:3px;color:#bacaa9}.waiting-center{position:absolute;left:50%;top:119px;transform:translate(-50%);text-align:center;min-width:270px;z-index:3}.waiting-mark{width:55px;height:55px;background:#cfdfb00f;border:1px solid #bdd1a529;border-radius:16px;display:grid;place-items:center;color:#b3c89b;transform:rotate(-8deg);margin:0 auto 14px}.waiting-center h2{font-size:21px;letter-spacing:1px;color:#ecf0dc;font-weight:600}.waiting-center p{font-size:10px;color:#aac597;margin-top:10px}.waiting-actions{display:flex;justify-content:center;gap:9px;margin-top:23px}.button.table-primary{background:#e3c485;color:#4b5938;min-height:38px;font-size:11px;padding:0 19px}.button.table-primary:hover:not(:disabled){background:#f1d398}.button.table-outline{background:#ffffff05;border-color:#9db78670;color:#c3d8b0;min-height:38px;font-size:10px;padding:0 13px}.table-link{display:inline-flex;align-items:center;gap:5px;background:transparent;color:#98b587;font-size:9px;padding:0;margin-top:15px}.self-table-avatar{position:absolute;left:26px;bottom:23px;display:flex;align-items:center;gap:9px;color:#e2e9d4}.self-table-avatar .avatar{width:38px;height:38px;font-size:14px;border-width:2px;background:#e0c39e;border-color:#e4d6b850;color:#7f6343}.self-table-avatar strong{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.self-table-avatar strong>span{font-size:8px;color:#acbf9c;background:#ffffff10;padding:0 4px;border-radius:2px}.self-table-avatar strong>svg{color:#e9c676}.self-table-avatar small{display:block;margin-top:4px;font-size:9px;color:#a8c294}.self-ready{background:none;font-size:9px;color:#a5bf93;text-decoration:underline;text-underline-offset:4px;margin-left:7px}.table-play{position:absolute;z-index:3;display:flex;align-items:center;flex-direction:column;gap:6px;max-width:30%}.play-left{left:160px;top:130px}.play-right{right:160px;top:130px}.play-self{bottom:48px;left:50%;transform:translate(-50%);max-width:55%}.played-cards{display:flex;max-width:100%;padding-right:22px}.played-cards .playing-card{margin-right:-22px;flex-shrink:1;min-width:15px}.played-cards .playing-card:last-child{min-width:37px}.played-cards .card-suit{display:none}.played-cards .playing-card:last-child .card-suit{display:block}.played-cards .playing-card:last-child .card-suit.joker{display:flex}.play-label{font-size:9px;color:#b9cfa5}.pass-bubble,.bid-bubble{padding:6px 12px;background:#ffffff0b;border:1px solid #b7ce9c1a;border-radius:7px;color:#c2d6af;font-size:13px;font-weight:500;white-space:nowrap}.bid-bubble{font-size:16px;color:#e3c789}.turn-indicator{position:absolute;left:50%;top:217px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:6px;color:#adc996;font-size:10px;background:#254c3630;padding:8px 13px;border-radius:30px;white-space:nowrap;z-index:2}.turn-indicator b{font-size:14px}.turn-indicator.your-turn{background:#e8cd8c;color:#5d633c}.hand-area{background:#f2f2e7;min-height:100px;padding:18px 24px 10px}.waiting-hand{display:flex;align-items:center;justify-content:center;gap:20px;color:#9daa8c;font-size:11px;min-height:70px;letter-spacing:1px}.waiting-hand>span{color:#c1cbad}.action-bar{display:flex;justify-content:center;align-items:center;gap:8px;min-height:38px;margin-bottom:26px}.action-bar .button{min-height:35px;min-width:66px;padding:0 13px;font-size:11px}.action-bar .action-hint{font-size:10px;color:#8a977b;margin-right:auto;max-width:45%}.action-bar .play-button{min-width:97px}.hand-cards{display:flex;position:relative;align-items:flex-end;justify-content:center;height:113px;max-width:720px;margin:0 auto;padding-right:calc(76px - min(42px,(100% - 76px) / max(1,var(--count) - 1)))}.hand-cards>.playing-card{width:76px;flex-shrink:0;margin-right:calc(min(42px,(100% - 76px) / max(1,var(--count) - 1)) - 76px);transition:transform .15s,border-color .15s;background:#fffdf7}.hand-cards>.playing-card:hover{transform:translateY(-8px);border-color:#a5b58c}.hand-cards>.playing-card.selected{transform:translateY(-19px);border-color:#578047;box-shadow:inset 0 0 0 2px #86a867,0 0 0 1px #638253;background:#fcfff1}.hand-cards>.playing-card .card-suit{opacity:.9}.hand-cards>.playing-card:last-child{margin-right:0}.hand-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:9px;color:#9ba78c;padding:0 2px}.hand-footer i{font-style:normal;margin:0 5px}.hand-footer button{display:flex;align-items:center;gap:5px;padding:0;background:none;color:#849772;font-size:10px}.room-underbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#96a38a;font-size:9px;padding:15px 0}.room-underbar>span:first-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.room-underbar i{font-style:normal;margin:0 5px}.room-underbar button{padding:0;display:flex;align-items:center;gap:5px;background:none;color:#96a38a;font-size:9px;white-space:nowrap}.latest-log{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:#a0ad93}.reconnect-banner{background:#f6eccc;border:1px solid #e2cea0;border-radius:8px;padding:11px 15px;color:#9e8347;font-size:11px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.result-hero{text-align:center;margin:5px 0 21px;padding:8px 0;color:#778265}.result-hero>span{font-size:40px;color:#a9b990;line-height:1.5}.result-hero.won>span{color:#d8ac5e}.result-hero h2{font-size:23px;color:#46603c}.result-hero p{font-size:10px;margin-top:10px;color:#95a187}.result-hero>strong{display:block;font-size:40px;margin-top:18px;color:#799366;font-weight:700}.result-hero.won>strong{color:#c59a4f}.result-hero small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;color:#a0aa91;margin-top:3px}.score-list{border-top:1px solid #e4e8d9;margin-bottom:23px}.score-list>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0e4;font-size:12px}.score-list>div>span{display:flex;align-items:center;gap:8px;color:#7c8c6e}.score-list small{font-size:9px;background:#eaf0de;border-radius:3px;padding:1px 4px;color:#91a27a}.score-list strong{font-weight:500;color:#91a17d}.score-list strong.positive{color:#bf9752}.result-leave{display:block;text-align:center;margin:17px auto 0;padding:0;background:none;color:#96a388;font-size:11px}@media(min-width:1500px){.hero{min-height:385px}.hero h1{font-size:49px}.hero-cards{right:100px;transform:scale(1.15);top:42px}.game-art{right:20px;transform:scale(1.08)}.featured-game{min-height:277px}.featured-copy{padding:28px 32px}.discovery-grid{grid-template-columns:minmax(0,1fr) 295px}.join-panel{padding:24px}.felt-table{height:440px}.waiting-center{top:135px}.turn-indicator{top:240px}}@media(max-width:1190px){.sidebar{width:185px;padding:30px 16px 20px}.main-shell{margin-left:185px}.brand{font-size:24px;gap:9px}.brand-icon{width:39px;height:39px}.brand-en{font-size:7px}.topbar{padding:0 28px;height:77px}.lobby-content{padding:26px 28px 0}.hero{padding:28px;min-height:332px}.hero h1{font-size:37px}.hero-cards{right:13px;transform:scale(.85);transform-origin:right center;top:20px}.hero-side-label{display:none}.discovery-grid{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.featured-copy{padding:23px 20px}.game-art{right:-37px;transform:scale(.87);transform-origin:right center}.featured-copy>p{max-width:200px}.game-meta{gap:7px;font-size:8px}.featured-actions{gap:11px}.featured-actions .button{gap:8px;font-size:10px;padding:0 12px}.featured-actions .text-button{font-size:10px}.join-panel{padding:21px 18px}.join-panel h3{font-size:14px}.coming-soon p{display:none}.room-content{padding:23px 24px}.seat-panel{width:100px}.seat-left{left:14px}.seat-right{right:14px}.play-left{left:127px;max-width:24%}.play-right{right:127px;max-width:24%}.waiting-center h2{font-size:18px}.felt-border{top:20px;right:17px;bottom:26px;left:17px}.table-play .playing-card.small{height:48px}.hand-area{padding:18px 17px 10px}.action-bar .action-hint{font-size:9px}.invite-text{display:none}.room-page-heading h1{font-size:20px}.sidebar-note{padding:18px 12px}}@media(max-width:980px){.hero-cards{right:-10px;transform:scale(.7)}.hero h1{font-size:34px}.hero{min-height:325px}.game-art{opacity:.55;right:-32px;transform:scale(.7);top:29px}.featured-copy{padding:23px 18px}.featured-copy h3{font-size:26px}.featured-actions{position:relative}.game-meta>span:last-child{display:none}.featured-game{min-height:257px}.discovery-grid{grid-template-columns:minmax(0,1fr) 205px}.join-panel{padding:20px 15px}.section-heading h2{font-size:18px}.room-page-heading h1>span{display:none}.room-list-item{gap:10px}.room-state{display:none}.waiting-center{min-width:230px}.waiting-center h2{font-size:17px}.seat-panel{width:95px}.hand-cards{height:110px}.action-bar .action-hint{max-width:35%;line-height:1.6}.turn-indicator{top:224px}.room-content{padding:22px 18px}.play-left{left:117px}.play-right{right:117px}}@media(max-width:800px){.sidebar{width:78px;padding:24px 12px 20px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-label,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{margin-top:40px}.sidebar nav button{font-size:0;gap:0;justify-content:center;padding:15px}.sidebar nav button>svg:last-child:not(:first-child){display:none}.main-shell{margin-left:78px}.lobby-content{padding:23px 25px 0}.topbar{padding:0 25px;height:73px}.hero-cards{right:9px;transform:scale(.77)}.hero{padding:28px;min-height:327px}.hero h1{font-size:36px}.game-art{opacity:.8;right:-39px;transform:scale(.82)}.discovery-grid{grid-template-columns:minmax(0,1fr) 217px}.featured-copy{padding:23px 19px}.hand-area{padding-left:12px;padding-right:12px}.room-page-heading h1{font-size:18px}.room-content{padding:20px}.table-container{border-radius:13px}.felt-table{height:385px}.waiting-center{top:118px}.room-state{display:flex}.room-player-count{margin:0 4px}}@media(max-width:650px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:205px;box-shadow:10px 0 30px #20391f20;top:65px;padding:25px 18px}.sidebar.mobile-open .brand>span:last-child,.sidebar.mobile-open .nav-label,.sidebar.mobile-open .sidebar-note,.sidebar.mobile-open .sidebar-bottom{display:block}.sidebar.mobile-open .brand{justify-content:flex-start;gap:11px}.sidebar.mobile-open nav{margin-top:0}.sidebar.mobile-open nav button{font-size:12px;justify-content:flex-start;gap:13px}.sidebar.mobile-open .nav-label{margin-top:30px}.main-shell{margin-left:0}.topbar{height:65px;padding:0 19px;position:relative;z-index:30;background:#fffefa}.mobile-toggle{display:inline-flex!important;padding:0;margin-right:1px}.breadcrumb{font-size:11px;gap:9px}.topbar-right{gap:11px}.connection,.topbar-divider{display:none}.profile{font-size:10px;gap:7px}.avatar-small{width:28px;height:28px}.lobby-content{padding:18px 18px 0}.hero{padding:25px 23px;min-height:310px;border-radius:13px}.hero h1{font-size:34px;line-height:1.4;margin-top:14px}.hero-copy>p{font-size:10px;line-height:1.9}.eyebrow{font-size:7px;letter-spacing:1.2px}.hero-cards{right:-30px;top:60px;transform:scale(.67);transform-origin:right top}.hero .button{font-size:10px;min-height:38px;margin-top:18px}.hero-footnote{font-size:8px;gap:7px;margin-top:19px}.tiny-avatars i{width:20px;height:20px;font-size:10px}.hero-copy{max-width:75%}.hero-cards .floating-spark{right:20px}.game-section{margin-top:27px}.section-heading{margin-bottom:17px;gap:8px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px;margin-top:6px}.section-index{display:none}.discovery-grid{grid-template-columns:1fr;gap:15px}.featured-game{min-height:250px}.featured-copy{padding:23px}.featured-copy h3{font-size:29px}.featured-copy>p{font-size:11px}.game-art{opacity:1;right:8px;transform:scale(.97);top:3px}.game-meta{font-size:9px;gap:11px}.game-meta>span:last-child{display:flex}.featured-actions{margin-top:20px;gap:17px}.featured-actions .button{font-size:11px;padding:0 15px;gap:13px}.featured-actions .text-button{font-size:10px}.join-panel{padding:20px;display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center}.join-icon{grid-row:1 / 3;margin:0}.join-panel h3{font-size:14px}.join-panel>p{font-size:10px;margin-top:4px}.join-panel form{grid-column:1 / -1;display:flex;gap:9px;margin-top:15px}.code-input{flex:1;min-width:0}.code-input input{font-size:10px;padding:10px}.code-input>svg{right:9px}.join-panel .button{margin:0;width:130px;font-size:10px;padding:0 10px;gap:5px}.join-note{grid-column:1 / -1;margin-top:12px;font-size:9px}.rooms-section{margin-top:26px}.room-search input{width:119px;font-size:9px}.room-toolbar{gap:10px}.tabs{gap:17px}.tabs button{font-size:10px}.room-search{gap:4px}.room-search svg{width:14px}.empty-state{min-height:185px;padding:24px 17px}.empty-state h3{font-size:11px}.empty-state p{font-size:9px;max-width:260px}.coming-soon{padding:16px;margin-top:20px}.coming-soon span{font-size:10px}.coming-soon>div{gap:8px}.coming-soon svg{width:17px}.coming-tag{font-size:8px!important}.lobby-footer{font-size:8px;padding:23px 0}.lobby-footer>span:last-child{font-size:8px}.room-list{padding:0 12px}.room-list-item{gap:10px}.room-game-icon{width:32px;height:36px}.room-list-name h3{font-size:11px}.room-state{display:none}.room-player-count{font-size:10px;gap:4px}.room-list-name>span{font-size:8px}.small-button{padding:0 9px;min-height:29px;font-size:9px;gap:5px}.modal-backdrop{padding:16px}.modal{padding:23px;max-height:88dvh}.modal-heading h2{font-size:19px}.modal-description{font-size:11px}.toast{font-size:11px;bottom:18px;padding:12px 14px}.room-content{padding:17px 12px}.room-page-heading{margin-bottom:16px;align-items:flex-end;gap:8px}.back-button{font-size:9px;margin-bottom:8px}.room-page-heading h1{font-size:16px;word-break:break-all}.room-page-heading>div{min-width:0}.invite-button{font-size:9px;min-height:32px;gap:5px;padding:0 8px}.invite-button b{letter-spacing:0;margin-left:3px}.invite-button svg{width:13px}.table-topbar{padding:12px 15px;font-size:9px}.table-topbar>div{gap:12px}.table-topbar svg{width:15px}.felt-table{height:360px}.felt-border{top:15px;right:10px;bottom:22px;left:10px;border-radius:65px}.felt-border:after{border-radius:60px}.seat-panel{top:91px;width:83px;gap:6px}.seat-left{left:5px}.seat-right{right:5px}.player-avatar{width:44px;height:44px;font-size:18px}.player-avatar svg{width:23px}.seat-info>strong{font-size:10px;gap:3px}.seat-info>span{font-size:8px;max-width:80px;flex-wrap:wrap}.host-tag{display:none}.opponent-count{font-size:13px;gap:5px;margin-top:1px}.opponent-count small{font-size:8px}.mini-card-back{width:12px;height:17px}.landlord-crown{width:18px;height:18px;right:-4px}.landlord-crown>svg{width:10px}.bottom-cards{top:14px;gap:4px}.bottom-cards .playing-card.small{width:32px;height:47px}.bottom-cards>span{top:55px;font-size:8px}.empty-avatar{width:43px;height:43px}.empty-avatar svg{width:23px}.seat-panel>strong{font-size:10px}.invite-seat{font-size:8px}.waiting-center{top:130px;min-width:195px}.waiting-mark{width:40px;height:40px;border-radius:11px;margin-bottom:13px}.waiting-mark svg{width:26px}.waiting-center h2{font-size:14px;letter-spacing:.5px}.waiting-center p{font-size:8px;margin-top:9px}.waiting-actions{gap:7px;margin-top:17px}.button.table-primary{min-height:33px;padding:0 11px;font-size:10px;gap:6px}.button.table-outline{min-height:33px;padding:0 9px;font-size:9px;gap:5px}.table-link{font-size:8px;margin-top:13px}.self-table-avatar{bottom:17px;left:14px;gap:7px}.self-table-avatar .avatar{width:31px;height:31px;font-size:12px}.self-table-avatar strong{font-size:10px}.self-table-avatar small,.self-ready{font-size:8px}.felt-watermark{font-size:33px;letter-spacing:7px;top:48%}.felt-watermark>span{font-size:5px;letter-spacing:1px}.table-play{max-width:30%;top:204px}.play-left{left:23px}.play-right{right:23px}.play-self{top:auto;bottom:49px;max-width:54%}.played-cards{padding-right:22px}.played-cards .playing-card.small{width:31px;height:47px;min-width:9px;margin-right:-22px}.played-cards .playing-card.small:last-child{min-width:31px}.played-cards .card-corner{font-size:11px;left:2px}.played-cards .card-corner>span{font-size:9px}.played-cards .card-suit{font-size:18px}.play-label{font-size:8px}.bid-bubble{font-size:13px;padding:5px 9px}.pass-bubble{font-size:11px;padding:4px 8px}.turn-indicator{top:124px;font-size:9px;gap:5px;padding:7px 11px}.turn-indicator b{font-size:12px}.turn-indicator svg{width:12px}.hand-area{padding:13px 10px 10px;min-height:85px}.waiting-hand{font-size:9px;gap:13px;min-height:56px}.action-bar{gap:7px;flex-wrap:wrap;margin-bottom:25px}.action-bar .action-hint{max-width:none;width:100%;text-align:center;margin-right:0;font-size:9px;order:-1;margin-bottom:4px;min-height:15px}.action-bar .button{min-height:33px;font-size:10px;min-width:60px;padding:0 13px;gap:7px}.action-bar .play-button{min-width:82px}.hand-cards{height:90px;padding-right:0;justify-content:flex-start;max-width:510px;width:100%}.hand-cards>.playing-card{width:54px;height:84px;flex-shrink:0;margin-right:calc((100% - 54px)/max(1,var(--count) - 1) - 54px);border-radius:4px}.hand-cards>.playing-card:last-child{margin-right:0}.hand-cards>.playing-card .card-corner{font-size:15px;left:3px;top:5px;gap:4px}.hand-cards>.playing-card .card-corner>span{font-size:12px}.hand-cards>.playing-card .card-suit{font-size:28px}.hand-cards>.playing-card .card-bottom{font-size:13px}.hand-cards>.playing-card .joker small{font-size:7px;letter-spacing:1px}.hand-cards>.playing-card .card-suit.joker{font-size:26px}.hand-cards>.playing-card.selected{transform:translateY(-14px);box-shadow:inset 0 0 0 1px #86a867}.hand-footer{font-size:8px;margin-top:8px;padding:0}.hand-footer button{font-size:9px;gap:3px}.hand-footer button svg{width:13px}.room-underbar{font-size:8px;padding:12px 0;gap:8px;flex-wrap:wrap}.room-underbar>span:first-child svg{width:12px}.room-underbar button{font-size:8px}.latest-log{font-size:8px;max-width:38%}.room-underbar i{margin:0 2px}.reconnect-banner{font-size:10px;padding:9px 11px}.score-list>div{font-size:11px}.result-hero h2{font-size:21px}.result-hero p{font-size:9px}}@media(max-width:380px){.hero h1{font-size:30px}.hero{padding:23px 19px;min-height:297px}.hero-cards{right:-44px;top:74px;transform:scale(.6)}.hero-copy>p{font-size:9px}.hero-footnote{font-size:7px}.game-art{right:-19px;transform:scale(.86)}.featured-copy{padding:21px}.featured-game{min-height:244px}.room-search input{width:104px}.room-page-heading h1{font-size:14px}.seat-panel{width:74px}.waiting-center{top:133px;min-width:180px}.waiting-center h2{font-size:13px}.waiting-actions{gap:5px}.button.table-outline{padding:0 7px;font-size:8px}.hand-cards>.playing-card .card-corner{font-size:14px;left:2px}.hand-cards>.playing-card .card-corner>span{font-size:11px}.latest-log{display:none}.lobby-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:650px){.hero-copy{max-width:100%}.hero h1{font-size:32px}.hero-cards{right:-20px;top:145px;transform:scale(.45)}.game-art{right:-35px;transform:scale(.7);opacity:1}.hand-cards:has(>:nth-child(18)) .card-corner{font-size:12px;left:2px}}@media(max-width:380px){.hero h1{font-size:28px}.hero-cards{right:-18px;top:150px;transform:scale(.42)}.game-art{right:-40px;transform:scale(.65)}}body:has(.immersive-table){overflow:hidden;overscroll-behavior:none}.app-shell:has(.immersive-table)>.sidebar,.app-shell:has(.immersive-table) .main-shell>.topbar{display:none}.app-shell:has(.immersive-table) .main-shell{margin:0}.room-content.immersive-table{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;margin:0;display:flex;flex-direction:column;gap:0;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#345b42}.immersive-table .room-page-heading{flex:0 0 33px;min-height:33px;margin:0;color:#e3eadb;align-items:center}.immersive-table .room-page-heading>div{display:flex;align-items:center;gap:16px;min-width:0}.immersive-table .back-button{margin:0;color:#b9cbaa;font-size:10px;white-space:nowrap}.immersive-table .room-page-heading h1{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.immersive-table .room-page-heading h1>span,.immersive-table .invite-text{display:none}.immersive-table .invite-button{min-height:27px;color:#cbdcba;border-color:#99b08760;font-size:10px;padding:0 9px}.immersive-table .table-container{flex:1;min-height:0;display:flex;flex-direction:column;border:0;border-radius:10px}.immersive-table .table-topbar{flex:0 0 29px;min-height:29px;padding:4px 12px;font-size:10px}.immersive-table .table-topbar>div{gap:12px}.immersive-table .table-topbar button{min-width:29px;min-height:26px;align-items:center;justify-content:center}.immersive-table .felt-table{flex:1;height:auto;min-height:100px}.immersive-table .felt-border{top:5px;right:12px;bottom:5px;left:12px;border-radius:65px}.immersive-table .bottom-cards{top:5px;gap:4px}.immersive-table .bottom-cards .playing-card.small{width:28px;height:39px}.immersive-table .bottom-cards>span{top:43px;font-size:8px}.immersive-table .bottom-cards .card-corner{font-size:10px}.immersive-table .bottom-cards .card-suit{font-size:16px}.immersive-table .seat-panel{top:17px;width:104px;gap:4px}.immersive-table .seat-left{left:5px}.immersive-table .seat-right{right:5px}.immersive-table .player-avatar,.immersive-table .empty-avatar{height:37px;width:37px;border-width:2px;font-size:15px}.immersive-table .player-avatar>svg,.immersive-table .empty-avatar>svg{width:22px}.immersive-table .seat-info>strong{font-size:10px}.immersive-table .seat-info>span{font-size:8px;margin-top:2px}.immersive-table .opponent-count{font-size:12px;margin:0}.immersive-table .opponent-count small{font-size:8px}.immersive-table .mini-card-back{width:11px;height:16px}.immersive-table .self-table-avatar{left:12px;bottom:6px;gap:6px}.immersive-table .self-table-avatar .avatar{width:27px;height:27px;font-size:10px}.immersive-table .self-table-avatar strong{font-size:9px}.immersive-table .self-table-avatar small{font-size:8px;margin-top:2px}.immersive-table .table-play{top:25px;max-width:26%;gap:3px}.immersive-table .play-left{left:115px}.immersive-table .play-right{right:115px}.immersive-table .play-self{top:auto;bottom:7px;max-width:44%}.immersive-table .played-cards .playing-card.small{width:31px;height:44px;min-width:11px;margin-right:-20px}.immersive-table .played-cards .playing-card.small:last-child{min-width:31px}.immersive-table .played-cards{padding-right:20px}.immersive-table .played-cards .card-corner{font-size:11px}.immersive-table .play-label{font-size:8px}.immersive-table .turn-indicator{top:64px;padding:4px 10px;font-size:9px;gap:4px}.immersive-table .turn-indicator b{font-size:12px}.immersive-table .turn-indicator svg{width:12px}.immersive-table .waiting-center{top:61px;min-width:280px}.immersive-table .waiting-mark{display:none}.immersive-table .waiting-center h2{font-size:16px}.immersive-table .waiting-center p{margin-top:6px;font-size:9px}.immersive-table .waiting-actions{margin-top:12px}.immersive-table .waiting-actions .button{min-height:34px;font-size:11px}.immersive-table .table-link{margin-top:9px}.immersive-table .hand-area{flex:0 0 auto;padding:6px 14px 5px;min-height:0}.immersive-table .waiting-hand{min-height:30px;font-size:10px}.immersive-table .action-bar{min-height:34px;margin-bottom:14px;gap:8px;flex-wrap:nowrap}.immersive-table .action-bar .action-hint{width:auto;max-width:45%;margin:0 auto 0 0;text-align:left;font-size:9px}.immersive-table .action-bar .button{min-height:34px;min-width:68px;font-size:11px}.immersive-table .hand-cards{height:80px;max-width:760px;width:100%;padding:0;justify-content:center}.immersive-table .hand-cards>.playing-card{width:56px;height:80px;margin-right:calc(min(34px,(100% - 56px) / max(1,var(--count) - 1)) - 56px);border-radius:4px}.immersive-table .hand-cards>.playing-card:last-child{margin-right:0}.immersive-table .hand-cards>.playing-card .card-corner{font-size:16px;top:4px;left:4px;gap:2px}.immersive-table .hand-cards>.playing-card .card-corner>span{font-size:12px}.immersive-table .hand-cards>.playing-card .card-suit{font-size:28px}.immersive-table .hand-cards>.playing-card .card-bottom{font-size:12px}.immersive-table .hand-cards>.playing-card.selected{transform:translateY(-12px)}.immersive-table .hand-footer{margin-top:5px;min-height:17px;font-size:8px}.immersive-table .hand-footer button{font-size:10px;min-height:24px}.immersive-table .room-underbar{display:none}.immersive-table .reconnect-banner{position:absolute;top:35px;left:15%;right:15%;padding:6px 10px;font-size:10px;margin:0;z-index:10}@media(orientation:landscape)and (max-height:450px){.app-shell.in-room .modal{max-height:calc(100dvh - 24px);padding:18px 23px}.app-shell.in-room .modal-backdrop{padding:12px}.app-shell.in-room .result-hero{margin:0 0 8px;padding:0}.app-shell.in-room .result-hero>span{display:none}.app-shell.in-room .result-hero h2{font-size:18px}.app-shell.in-room .result-hero p{margin-top:4px}.app-shell.in-room .result-hero>strong{font-size:25px;margin-top:5px}.app-shell.in-room .score-list{margin-bottom:10px}.app-shell.in-room .score-list>div{padding:6px 0}.app-shell.in-room .result-leave{margin-top:10px}}@media(max-height:350px)and (orientation:landscape){.immersive-table .room-page-heading{flex-basis:27px;min-height:27px}.immersive-table .table-topbar{flex-basis:26px;min-height:26px}.immersive-table .hand-cards,.immersive-table .hand-cards>.playing-card{height:63px}.immersive-table .hand-footer{margin-top:2px}.immersive-table .action-bar{margin-bottom:11px;min-height:30px}.immersive-table .action-bar .button{min-height:30px}.immersive-table .seat-panel{top:9px}.immersive-table .seat-info>span{display:none}.immersive-table .self-table-avatar .avatar{display:none}}.immersive-table .room-page-heading{flex:0 0 38px;min-height:38px;padding:0 164px 0 7px;gap:12px}.immersive-table .room-page-heading>div{gap:12px;flex:1}.immersive-table .room-page-heading h1{max-width:190px;font-size:11px}.immersive-table .table-topbar{position:absolute;top:max(7px,env(safe-area-inset-top));right:calc(max(8px,env(safe-area-inset-right)) + 5px);z-index:5;padding:0;min-height:30px;background:transparent}.immersive-table .table-topbar>span{display:none}.immersive-table .table-topbar>div{gap:8px}.immersive-table .table-topbar button{min-width:32px;min-height:32px}.immersive-table .table-container{border-radius:12px}.immersive-table .felt-table{min-height:117px}.immersive-table .felt-border{top:10px;right:15px;bottom:10px;left:15px;border-radius:45px}.immersive-table .seat-panel{top:23px;width:106px;gap:5px}.immersive-table .seat-left{left:13px}.immersive-table .seat-right{right:13px}.immersive-table .player-avatar,.immersive-table .empty-avatar{height:42px;width:42px}.immersive-table .bottom-cards{top:9px}.immersive-table .bottom-cards>span{top:44px}.immersive-table .table-play{top:43px;max-width:25%}.immersive-table .play-left{left:132px}.immersive-table .play-right{right:132px}.immersive-table .play-self{top:auto;bottom:9px;max-width:43%}.immersive-table .turn-indicator{top:70px}.immersive-table .waiting-center{top:76px}.immersive-table .hand-area{display:grid;grid-template-columns:126px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:18px;padding:9px 18px 6px;background:#f2f2e7;border-top:1px solid #ffffff40}.immersive-table .hand-area>.self-table-avatar{position:static;grid-column:1;grid-row:1 / 4;align-self:center;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:0;padding:7px 8px 7px 0;color:#46613c;border-right:1px solid #dbe1ce}.immersive-table .self-table-avatar .avatar{display:flex;height:42px;width:42px;border:3px solid #fffdf6;box-shadow:0 3px 10px #4b61401a;font-size:16px}.immersive-table .self-table-avatar strong{justify-content:center;font-size:11px;flex-wrap:wrap}.immersive-table .self-table-avatar strong>span{color:#72915c;background:#e1e8d5}.immersive-table .self-table-avatar small{color:#839471;font-size:9px;margin-top:5px}.immersive-table .self-ready{margin:0;color:#668252}.immersive-table .hand-area>.action-bar,.immersive-table .hand-area>.hand-cards,.immersive-table .hand-area>.hand-footer,.immersive-table .hand-area>.waiting-hand{grid-column:2}.immersive-table .action-bar{margin-bottom:15px;justify-content:flex-end}.immersive-table .action-bar .action-hint{flex:1;min-width:0;max-width:44%;font-size:9px;line-height:1.5}.immersive-table .action-bar .button{min-width:66px;padding:0 12px}.immersive-table .hand-cards{height:82px}.immersive-table .hand-cards>.playing-card{height:82px}.immersive-table .hand-footer{margin-top:6px}.immersive-table .waiting-area{min-height:77px;grid-template-rows:1fr}.immersive-table .waiting-area>.self-table-avatar{grid-row:1;flex-direction:row;padding:0 10px 0 0;gap:7px}.immersive-table .waiting-area .self-table-avatar .avatar{width:30px;height:30px;font-size:12px;flex-shrink:0}.immersive-table .waiting-area .self-ready{font-size:9px}.immersive-table .waiting-area .waiting-hand{align-self:center}@media(max-width:720px)and (orientation:landscape){.immersive-table .room-page-heading h1{max-width:130px}.immersive-table .room-page-heading{padding-right:146px}.immersive-table .table-topbar>div{gap:4px}.immersive-table .hand-area{grid-template-columns:94px minmax(0,1fr);column-gap:12px;padding-left:12px;padding-right:12px}.immersive-table .hand-cards>.playing-card .card-corner{font-size:14px;left:3px}.immersive-table .action-bar .action-hint{font-size:8px}.immersive-table .seat-panel{width:88px}.immersive-table .play-left{left:112px}.immersive-table .play-right{right:112px}}@media(max-height:350px)and (orientation:landscape){.immersive-table .room-page-heading{flex-basis:32px;min-height:32px}.immersive-table .hand-area{padding-top:6px;padding-bottom:3px}.immersive-table .hand-cards,.immersive-table .hand-cards>.playing-card{height:64px}.immersive-table .action-bar{margin-bottom:12px}.immersive-table .seat-panel{top:14px}.immersive-table .player-avatar{width:34px;height:34px}.immersive-table .seat-info>span{display:flex}.immersive-table .opponent-count{position:absolute;top:7px;right:0}.immersive-table .turn-indicator{top:65px}}.immersive-table .waiting-area{grid-template-columns:240px minmax(0,1fr)}.immersive-table .waiting-area>.self-table-avatar{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.immersive-table .waiting-area .self-table-avatar>div:nth-child(2){min-width:0}.immersive-table .waiting-area .self-table-avatar strong{flex-wrap:nowrap;justify-content:flex-start}.immersive-table .waiting-area .self-table-avatar small{text-align:left;white-space:nowrap}.immersive-table .waiting-area .self-ready{white-space:nowrap}@media(max-height:350px)and (orientation:landscape){.immersive-table .turn-indicator{top:auto;bottom:8px;left:auto;right:12px;transform:none;max-width:32%}.immersive-table .turn-indicator>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.room-content.immersive-table{padding:0 8px 4px}.immersive-table .room-page-heading{flex-basis:32px;min-height:32px}.immersive-table .table-topbar{top:0;right:13px}.immersive-table .table-topbar button{min-height:30px}.install-guide p{color:#7d8a73;font-size:12px;line-height:1.9;margin:12px 0 18px}.install-guide ol{padding-left:22px;font-size:13px;line-height:1.9}.install-guide li{margin-bottom:12px}.install-guide li svg{display:inline;vertical-align:middle;margin-left:4px}