.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar-option.cosmetic-locked>img,.design-grid .cosmetic-locked>img{filter:grayscale()brightness(.64)}.avatar-option .cosmetic-lock-label,.design-grid .cosmetic-lock-label{color:#d6c49e;align-items:center;gap:6px;margin:2px 0 4px;font-size:11px;display:flex}.cosmetic-previewed{border-style:dashed;border-color:#d9b66c}.cosmetic-lock{object-fit:contain;flex:none;width:20px;height:23px;display:inline-block}.design-grid .cosmetic-lock-label .cosmetic-lock,.avatar-option .cosmetic-lock-label .cosmetic-lock{width:18px;max-width:18px;height:20px}.cosmetic-state-spacer{height:18px;display:block}.character-heartbeat{animation:character-heartbeat calc(.7s / var(--cosmetic-speed,1)) ease-in-out both;transform-origin:50% 62%}@keyframes character-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.065)}38%{transform:scale(1)}58%{transform:scale(1.045)}78%{transform:scale(1)}}.profile-character,.avatar-carousel{position:relative}.carousel-slide{animation:carousel-appear calc(.24s / var(--cosmetic-speed,1)) ease-out}@keyframes carousel-appear{0%{opacity:.4;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.avatar-carousel>.eyebrow{margin-bottom:12px;display:block}.carousel-arrow{z-index:3;color:#e3bf79;background:#152b22;border:1px solid #796c42;border-radius:50%;width:36px;height:44px;padding:0;font-size:30px;line-height:1;position:absolute;top:108px}.carousel-previous{left:-14px}.carousel-next{right:-14px}.carousel-art{place-items:center;height:210px;display:grid}.profile-save-celebration{object-fit:contain;width:100%;height:210px}.avatar-carousel .carousel-hint,.avatar-carousel .cosmetic-demo>p{min-height:42px;margin:12px 0}.avatar-carousel .carousel-position{color:#d6c49e;margin:15px 0 0;font-size:12px}.profile-identity{overflow-wrap:anywhere;border-top:1px solid #796c4266;margin-top:20px;padding-top:14px}.profile-preview .profile-identity h2{margin:0 0 6px}.profile-preview .profile-chosen{color:#e3bf79}.cosmetic-demo-art{isolation:isolate;place-items:center;width:100%;height:210px;display:grid;position:relative}.cosmetic-demo-art .portrait{grid-area:1/1;max-width:100%}.cosmetic-demo-portrait,.cosmetic-demo-design{filter:grayscale()brightness(.68);transition:filter calc(.6s / var(--cosmetic-speed,1)), opacity calc(.4s / var(--cosmetic-speed,1))}.cosmetic-demo-design{object-fit:contain;max-width:100%;height:190px}.cosmetic-demo-celebration{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity calc(.35s / var(--cosmetic-speed,1));position:absolute;inset:0}.cosmetic-demo-seal{color:#e3bf79;z-index:2;background:#183126;border:1px solid #d6b470;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:5px;left:calc(50% - 15px)}.cosmetic-demo-seal .cosmetic-lock{width:17px;height:19px;transform:none}.cosmetic-demo:is([data-kind=tables],[data-kind=cardBacks]) .cosmetic-demo-seal{filter:drop-shadow(0 3px 5px #000c);background:0 0;border:0;width:60px;height:60px;top:calc(50% - 30px);bottom:auto;left:calc(50% - 30px)}.cosmetic-demo:is([data-kind=tables],[data-kind=cardBacks]) .cosmetic-demo-seal .cosmetic-lock{width:100%;height:100%}.cosmetic-demo-glow{opacity:0;pointer-events:none;z-index:-1;border:2px solid #e3bf79;border-radius:50%;width:155px;height:155px;position:absolute}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-portrait,.cosmetic-demo[data-phase=done] .cosmetic-demo-portrait{opacity:0;filter:none}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-design,.cosmetic-demo[data-phase=done] .cosmetic-demo-design{filter:none}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-celebration,.cosmetic-demo[data-phase=done] .cosmetic-demo-celebration{opacity:1}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-art{animation:character-heartbeat calc(.7s / var(--cosmetic-speed,1)) ease-in-out}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-seal{animation:cosmetic-unseal calc(.55s / var(--cosmetic-speed,1)) ease-out both}.cosmetic-demo[data-phase=reveal] .cosmetic-lock:before{transition:transform calc(.18s / var(--cosmetic-speed,1));transform:rotate(-35deg)}.cosmetic-demo[data-phase=done] .cosmetic-demo-seal{visibility:hidden}.cosmetic-demo[data-phase=reveal] .cosmetic-demo-glow{animation:cosmetic-glow calc(.75s / var(--cosmetic-speed,1)) ease-out both}@keyframes cosmetic-unseal{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.13)}to{opacity:0;transform:translateY(-22px)scale(.7)}}@keyframes cosmetic-glow{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}.cosmetic-coin-overlay{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.cosmetic-coin-overlay img{object-fit:contain;opacity:0;width:28px;height:28px;animation:cosmetic-coin-flight var(--coin-duration) var(--coin-delay) cubic-bezier(.3, .1, .55, 1) both;position:absolute}@keyframes cosmetic-coin-flight{0%{opacity:0;transform:translate(0)scale(.6)rotateY(0)}20%{opacity:1}55%{opacity:1;transform:translate(calc(var(--coin-dx) * .4), calc(var(--coin-dy) * .28)) scale(1.1) rotateY(180deg)}to{opacity:0;transform:translate(var(--coin-dx), var(--coin-dy)) scale(.4) rotateY(360deg)}}.profile-page[data-reduced-motion=true] .character-heartbeat,.profile-page[data-reduced-motion=true] .carousel-slide,.cosmetic-demo[data-reduced=true] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.profile-page:not([data-reduced-motion=false]) .carousel-slide,.character-heartbeat{animation:none}.profile-page[data-reduced-motion=false] .character-heartbeat{animation:character-heartbeat calc(.7s / var(--cosmetic-speed,1)) ease-in-out both}}@media (width<=600px){.carousel-art,.profile-save-celebration{height:170px}.carousel-arrow{top:90px}.carousel-previous{left:0}.carousel-next{right:0}.avatar-option .cosmetic-lock-label,.design-grid .cosmetic-lock-label{flex-direction:column;gap:3px;font-size:10px}.cosmetic-demo-art{height:170px}.cosmetic-demo-design{height:160px}.cosmetic-demo-art .portrait{width:145px;height:170px}}@font-face{font-display:swap;font-family:Rye;src:url(/fonts/Rye/Rye-Regular.ttf)format("truetype");font-weight:400}@font-face{font-display:swap;font-family:Bree;src:url(/fonts/Bree_Serif/BreeSerif-Regular.ttf)format("truetype");font-weight:400}:root{--font-title:Rye, Georgia, serif;--font-ui:Bree, Georgia, serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f0e5ce;font:15px/1.6 var(--font-ui);background:#101e19 radial-gradient(at top,#243f31aa,#0000 65%);margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{touch-action:manipulation}button{font-family:var(--font-ui);color:inherit;background:#1b362e;border:1px solid #d6b47045;border-radius:7px;padding:11px 18px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#335142}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline-offset:4px;outline:3px solid #f3cc76}a{color:#eed098}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-title);font-weight:400;line-height:1.25}h1{font-size:36px}h2{font-size:27px}h3{font-family:var(--font-ui);font-size:23px;font-weight:600}p{margin:10px 0}small{color:#b6beae;font-size:12px;line-height:1.5}img{object-fit:contain;max-width:100%}input,select{color:#f5ecd8;outline-offset:2px;background:#0d211b;border:1px solid #8d9a7855;border-radius:6px;width:100%;min-height:46px;padding:11px 13px}input::placeholder{color:#a7b09c}input[type=checkbox]{accent-color:#cfaa63;width:20px;min-height:20px}input[type=range]{accent-color:#dbb568;padding:0}label{flex-direction:column;gap:7px;margin:14px 0;font-size:13px;font-weight:500;display:flex}label small{font-weight:400}fieldset{border:0;min-width:0;margin:18px 0 26px;padding:0}legend{margin-bottom:12px;font-size:14px;font-weight:600}form{min-width:0}.primary{color:#202a1c;background:#d9b46c;border-color:#e9ce93;padding:13px 22px;box-shadow:inset 0 1px #fff5,0 3px #886735}.primary:hover:not(:disabled){background:#efd08b}.secondary{background:#1c342b;border-color:#c8ad6c80}.quiet{font-family:var(--font-ui);background:0 0;border-color:#0000}.text-button{color:#edc77b;font-family:var(--font-ui);text-underline-offset:4px;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline}.full{width:100%}.muted{color:#b7beae}.eyebrow{letter-spacing:2.4px;color:#d3b777;margin-bottom:13px;font-size:10px;font-weight:700;display:block}.panel{background:linear-gradient(130deg,#243c2f,#192e26);border:1px solid #d6b47045;border-radius:12px;box-shadow:0 14px 50px #0003}.tag{color:#e3d1a8;letter-spacing:1px;background:#152e25ed;border:1px solid #bba4706b;border-radius:4px;padding:5px 11px;font-size:10px;display:inline-block}.topbar{z-index:5;background:#12281ff0;border-bottom:1px solid #c0a06730;justify-content:space-between;align-items:center;height:96px;padding:0 max(5vw,24px);display:flex;position:relative}.brand{font-family:var(--font-title);color:#e7c486;text-align:center;background:0 0;border:none;padding:0;font-size:25px;font-weight:400;line-height:1.3}.brand span{font:8px var(--font-ui);letter-spacing:4px;color:#c3b798;margin-top:8px;display:block}.topbar-note{letter-spacing:2.5px;color:#b2bca9;font-size:9px}.topbar nav{align-items:center;gap:22px;display:flex}.wallet{font-family:var(--font-ui);color:#e6c178;align-items:center;gap:7px;font-size:18px;display:flex}.wallet img{width:28px;height:28px}.profile-link{font-family:var(--font-ui);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.portrait{flex-shrink:0;place-items:center;width:100px;height:115px;display:grid;position:relative}.portrait>img:first-child{z-index:1;object-fit:contain;width:83%;height:90%;position:relative}.portrait .portrait-frame{z-index:0;width:100%;height:100%;position:absolute;inset:0}.portrait>span{font-family:var(--font-title);font-size:40px;font-weight:400}.profile-link .portrait{width:44px;height:49px}.access{background:linear-gradient(90deg, #10231bd9, #10251ba6 40%, #0e211bc9), var(--salon-image) center/cover;grid-template-columns:1.1fr 1fr;gap:8%;min-height:760px;padding:70px max(7vw,24px) 75px;display:grid}.welcome{align-self:start;max-width:560px;padding-top:45px}.welcome h1{color:#e2c185;font-size:52px}.welcome h1 span{color:#f2e5c9;margin-top:20px;font-size:38px;line-height:1.42;display:block}.welcome p{font-family:var(--font-ui);color:#d2d4bd;margin:26px 0;font-size:20px;line-height:1.5}.welcome-cards{width:360px;height:240px;margin:28px 0 8px;position:relative}.welcome-cards img{filter:drop-shadow(0 10px 10px #0006);transform-origin:50% 120%;height:208px;position:absolute;bottom:0}.welcome-cards img:first-child{left:38px;transform:rotate(-19deg)}.welcome-cards img:nth-child(2){bottom:12px;left:130px;transform:rotate(-2deg)}.welcome-cards img:nth-child(3){left:217px;transform:rotate(17deg)}.welcome-foot{letter-spacing:2.2px;color:#c1bb9f;font-size:9px}.access-panel{background:linear-gradient(150deg,#263d2fec,#152b23f5);align-self:start;width:100%;max-width:505px;padding:38px;position:relative;box-shadow:0 12px 80px #0007}.access-panel:before{content:"";border-top:1px solid #c0a2664d;position:absolute;top:8px;left:8px;right:8px}.access-panel h2{font-size:25px}.access-panel>.muted{margin-bottom:26px;font-size:13px}.google-button{color:#26362b;background:#f6f1e7;border-radius:6px;justify-content:center;align-items:center;gap:15px;width:100%;padding:13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.google-button b{font-size:20px;font-family:var(--font-ui);color:#386ac3}.google-button.disabled{opacity:.55;cursor:not-allowed}.access-panel>small{text-align:center;margin-top:10px;display:block}.divider{color:#aaa992;align-items:center;gap:14px;margin:25px 0 15px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #b8af8940;flex:1}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{font-size:12px;position:absolute;top:0;right:0}.otp-destination{overflow-wrap:anywhere}.otp-input{letter-spacing:.35em;text-align:center;font-size:1.5rem}.access-panel form>.primary{justify-content:space-between;margin-top:15px;font-size:14px;display:flex}.switch-auth{text-align:center;margin:25px 0;font-size:12px}.switch-auth button{margin-left:5px;font-size:14px}.access-note{text-align:center;color:#c1bda4;border-top:1px solid #b9a47835;padding-top:20px;font-size:11px;line-height:1.8}.access-note span{color:#debf7e;font-size:22px;display:block}.site-footer{color:#a9b09b;border-top:1px solid #b9a47830;justify-content:space-between;align-items:center;gap:18px;padding:32px max(5vw,24px);font-size:12px;display:flex}.site-footer>span{font-family:var(--font-title);color:#c7b382;font-size:13px;font-weight:400}.page{max-width:1380px;margin:auto;padding:42px max(4vw,22px) 65px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-heading p{color:#b5bfaa;font-size:14px}.lobby-tournaments-link{color:#edc77b;align-items:center;gap:8px;min-height:44px;margin:12px 0 0 16px;text-decoration:none;display:inline-flex}.lobby-tournaments-link small{font-size:10px}.lobby-banner{background:linear-gradient(90deg, #16372bf5, #153329bd), var(--salon-image) center 42% / cover;border:1px solid #baa46a50;border-radius:12px;justify-content:space-between;min-height:260px;padding:44px;display:flex;position:relative;overflow:hidden}.lobby-banner h1{font-size:43px}.lobby-banner p{color:#d0d5bb;margin:15px 0 25px}.lobby-banner>img{filter:drop-shadow(0 12px 14px #0005);width:185px;margin-right:7%;transform:rotate(8deg)}.lobby-toolbar{justify-content:space-between;align-items:center;margin:36px 0 22px;display:flex}.lobby-toolbar .eyebrow{margin-bottom:6px}.lobby-toolbar h2{font-size:26px}.count{font:13px var(--font-ui);color:#ede5c9;vertical-align:middle;background:#496147;border-radius:20px;padding:4px 9px}.lobby-layout{grid-template-columns:minmax(0,1fr) 290px;gap:26px;display:grid}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.room-card{background:#23382b;border:1px solid #bdad7538;border-radius:10px;overflow:hidden}.room-art{background:#1c2a20;height:166px;position:relative;overflow:hidden}.room-art>img{object-fit:cover;width:100%;height:100%}.room-art .tag{position:absolute;top:12px;left:12px}.room-details{padding:20px}.room-details p{color:#c5c8b1;margin:4px 0 17px;font-size:12px}.room-details p span{color:#ae945b;margin:0 5px}.room-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-bottom>strong{font-family:var(--font-ui);color:#e8c675;align-items:center;gap:6px;font-size:18px;display:flex}.room-bottom img{width:27px;height:27px}.room-bottom button{padding:9px 15px;font-size:12px}.invite-panel{height:fit-content;padding:25px}.invite-panel h3{font-size:25px}.invite-panel>p{font-size:13px}.invite-panel input,.invite-panel button{font-size:12px}.house-rule{text-align:center;color:#b9c1ab;border-top:1px solid #bdad753b;margin-top:24px;padding-top:24px;font-size:12px}.house-rule img{width:90px;height:90px}.house-rule b{color:#d3c494;font-weight:500}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:26px;font-size:12px;display:flex}.empty-state{text-align:center;color:#cad0bd;border:1px dashed #b4aa7159;border-radius:10px;padding:38px 24px}.empty-state>img{width:85px;height:95px}.empty-state p{margin:10px 0 20px;font-size:13px}.profile-layout{grid-template-columns:280px minmax(0,1fr);gap:25px;display:grid}.profile-preview{text-align:center;height:fit-content;padding:28px;position:sticky;top:22px}.profile-preview .portrait{width:180px;height:210px;margin:auto}.profile-preview h2{overflow-wrap:anywhere;font-size:21px}.profile-preview p{overflow-wrap:anywhere;font-size:12px}.profile-preview .primary{margin:28px 0 16px;font-size:12px}.profile-preview .text-button{font-size:13px}.profile-fields{padding:30px}.profile-fields>h2{margin-top:40px;font-size:25px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.avatar-option{font-family:var(--font-ui);background:#142b22;flex-direction:column;align-items:center;min-width:0;padding:8px;font-size:12px;line-height:1.3;display:flex}.avatar-option img{width:100%;height:112px}.avatar-option span{overflow-wrap:anywhere;margin:7px 0}.selected{box-shadow:0 0 0 1px #dabc7390;background:#3c4e2f!important;border-color:#e3bf79!important}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.design-grid button{font-family:var(--font-ui);flex-direction:column;align-items:center;min-width:0;padding:7px;font-size:13px;display:flex}.design-grid img{object-fit:contain;width:100%;height:88px}.design-grid.tables img{object-fit:cover;border-radius:4px}.design-grid.cardBacks img{height:100px}.design-grid span{margin:5px 0 1px}.design-grid.frames{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#06130ee0;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.create-modal{width:100%;max-width:960px;max-height:92dvh;padding:30px;overflow-y:auto;box-shadow:0 25px 100px #0009}.modal-header,.modal-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.modal-header h2{font-size:27px}.modal-header .eyebrow{margin-bottom:6px}.modal-footer{border-top:1px solid #ccbb783b;padding-top:22px}.create-layout{grid-template-columns:.85fr 1.15fr;gap:35px;margin:20px 0;display:grid}.segmented{flex-wrap:wrap;gap:7px;display:flex}.segmented button{flex:1;padding:11px;font-size:12px}.check{flex-direction:row;align-items:center;gap:12px;margin:20px 0}.stakes button{min-width:64px}.create-layout>div,.create-modal fieldset{min-width:0}.create-modal .stakes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.create-modal .stakes button{min-width:0;min-height:44px}.create-modal .stakes button:last-child{grid-column:1/-1}.table-preview{background-position:50%;background-size:cover;border:1px solid #ac956955;border-radius:10px;justify-content:center;align-items:center;gap:22px;height:185px;padding:22px;display:flex}.table-preview img{filter:drop-shadow(2px 5px 5px #0009);height:135px;transform:rotate(-10deg)}.table-preview p{font-family:var(--font-ui);text-shadow:0 2px 4px #000;font-size:18px}.waiting-table{background-position:50%;background-size:cover;border-radius:22px;justify-content:space-around;align-items:center;min-height:440px;padding:40px;display:flex;position:relative;box-shadow:inset 0 0 80px #0005,0 10px 40px #0005}.waiting-player{text-align:center;flex:1}.waiting-player .portrait{width:175px;height:200px;margin:auto}.waiting-player h2{margin:12px;font-size:23px}.waiting-deck{height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(8deg)}.empty-seat{color:#efdeac;border:2px dashed #e3d6a380;border-radius:50%;place-items:center;width:150px;height:150px;margin:25px auto;font-size:50px;display:grid}.waiting-footer{justify-content:space-between;align-items:center;gap:25px;max-width:760px;margin:25px auto 0;padding:25px;display:flex}.waiting-footer small{display:block}.waiting-footer input{font-family:var(--font-ui);letter-spacing:2px}.game-page{max-width:1340px;margin:auto;padding:18px 25px 35px}.game-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.game-heading h1{font:20px var(--font-ui)}.game-heading .eyebrow{margin:0;font-size:9px}.connection{color:#d9b67a;font-size:12px}.connection.online{color:#a8c69a}.game-table{background-position:50%;background-size:cover;border-radius:22px;height:min(66vw,680px);min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0005,0 15px 45px #0004}.table-player{z-index:2;align-items:center;gap:12px;display:flex;position:absolute}.table-player.rival{top:24px;left:35px}.table-player.self{bottom:24px;left:35px}.player-identity{align-items:center;gap:12px;display:flex}.player-identity strong{font:18px var(--font-ui);text-shadow:0 2px 3px #000;display:block}.player-identity small{text-shadow:0 1px 3px #000;color:#e5dfc9;font-size:11px;display:block}.table-player .portrait{width:85px;height:100px}.table-player.active .portrait{filter:drop-shadow(0 0 8px #ecbd64a0)}.player-score{box-shadow:none;filter:drop-shadow(0 1px 2px #000);border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:flex;background:0 0!important}.houses{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.houses svg{filter:drop-shadow(0 1px 1px #0009);width:48px;height:48px}.houses.compact{display:block}.score-stroke{stroke-dasharray:1;stroke-dashoffset:0}@keyframes draw-point{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.rival-hand{gap:6px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.rival-hand img{filter:drop-shadow(0 5px 5px #0006);height:97px}.pot{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:20px;right:35px}.pot img{width:86px;height:75px}.pot span{letter-spacing:2px;color:#f2deaa;font-size:9px}.pot b{font:700 16px var(--font-ui);letter-spacing:0}.score-area{z-index:6;position:absolute;bottom:18px;right:24px}.score-button{color:#f2e6bb;text-shadow:0 2px 3px #000;border:0;align-items:center;gap:5px;padding:3px;font-size:10px;display:flex;background:0 0!important}.score-button span:not(.houses){max-width:85px}.scorebook{background:#123329f5;border:1px solid #c6ad6b;border-radius:10px;min-width:270px;max-height:400px;padding:18px;position:absolute;bottom:60px;right:0;overflow:auto;box-shadow:0 12px 30px #0006}.scorebook header{justify-content:space-between;align-items:center;gap:15px;display:flex}.scorebook header button{font:11px var(--font-ui);padding:5px 8px}.scorebook>div{margin-top:18px}.scorebook strong{letter-spacing:1px;color:#e2ca94;font-size:11px}.scorebook .houses{margin-top:10px}.tricks{gap:20px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.trick{min-width:90px;min-height:150px;position:relative}.trick>img{filter:drop-shadow(0 6px 6px #0007);width:82px;height:132px;position:absolute}.trick .opponent-play{top:0;left:-5px;transform:rotate(-9deg)}.trick .own-play{top:35px;left:20px;transform:rotate(8deg)}.trick .parda{z-index:2;width:75px;height:35px;top:122px;left:0}.table-status{text-align:center;color:#fff2d1;text-shadow:0 2px 4px #000;font:17px var(--font-ui);width:max-content;max-width:70%;position:absolute;top:67%;left:50%;transform:translate(-50%,-50%)}.own-hand{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.own-hand button{filter:drop-shadow(0 6px 7px #0008);border:0;padding:0;transition:transform .15s;background:0 0!important}.own-hand button:disabled{opacity:.9}.own-hand button:hover:not(:disabled){transform:translateY(-14px)}.own-hand img{height:155px;display:block}.game-controls{align-items:center;gap:20px;margin-top:20px;display:flex}.hand-info{font:16px var(--font-ui);min-width:120px}.hand-info span{font:11px var(--font-ui);color:#b9bea9;margin-top:5px;display:block}.actions{flex-wrap:wrap;flex:1;gap:8px;display:flex}.actions button{padding:10px 13px;font-size:12px}.game-controls>button{font-size:12px}.call-art{max-width:190px;height:80px;animation:.3s ease-out call-in;position:absolute;top:45%;right:20px}.gesture-reaction{object-fit:contain;z-index:7;filter:drop-shadow(0 3px 8px #0007);width:125px;height:155px;animation:.25s ease-out call-in;position:absolute;top:-55px;left:75px}.rival .gesture-reaction{top:30px;left:100px}.gestures{grid-template-columns:repeat(8,1fr);gap:6px;margin:20px auto;padding:15px;display:grid}.gestures button{font:12px var(--font-ui);flex-direction:column;align-items:center;padding:5px;display:flex}.gestures img{width:100%;height:95px}.confirm{max-width:460px;padding:30px}.confirm p{margin:18px 0 25px}.confirm button{margin:5px}.error-banner{color:#ffead6;z-index:30;background:#543124;border:1px solid #bc8059;justify-content:space-between;align-items:center;gap:15px;padding:12px 25px;font-size:14px;display:flex;position:relative}.error-banner button{flex-shrink:0}.skip-link{z-index:50;color:#123225;background:#fff;padding:15px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.tabs{flex-wrap:wrap;gap:7px;margin:25px 0;display:flex}.tabs button{font:13px var(--font-ui)}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.library-grid figure{background:#243c30;border:1px solid #b1a37555;border-radius:8px;margin:0;overflow:hidden}.art-checker{background:linear-gradient(90deg,#20392d 50%,#b8b391 50%);height:220px;padding:12px}.art-checker img{object-fit:contain;width:100%;height:100%}.library-grid figcaption{overflow-wrap:anywhere;padding:10px;font-size:11px}@keyframes call-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reduced .gesture-reaction,.reduced .call-art{animation:none}.reduced .own-hand button:hover{transform:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.call-art,.gesture-reaction{animation:none}}@media (width>=1500px){.access{padding-left:calc(50vw - 625px);padding-right:calc(50vw - 625px)}}@media (width<=1000px){.access{gap:5%;padding:45px 5%}.welcome h1{font-size:40px}.welcome h1 span{font-size:30px}.access-panel{padding:28px}.welcome-cards{transform-origin:0;width:300px;transform:scale(.85)}.lobby-layout{grid-template-columns:minmax(0,1fr) 255px}.rooms-grid{gap:15px}.room-details{padding:15px}.room-bottom button{font-size:10px}.profile-layout{grid-template-columns:230px 1fr}.profile-preview{padding:20px}.profile-preview .portrait{width:140px;height:165px}.game-table{height:600px}.table-player.self{bottom:160px;left:20px}.table-player.rival{top:25px;left:20px}.player-identity{gap:6px}.player-identity strong{font-size:15px}.table-player .portrait{width:65px;height:78px}.player-score .houses svg{width:36px}.own-hand img{height:150px}.score-area{bottom:25px;right:15px}.own-hand{left:45%}.create-layout{gap:24px}.library-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){h1{font-size:27px}h2{font-size:23px}.topbar{height:76px;padding:0 18px}.brand{font-size:20px}.brand span{letter-spacing:2.3px;font-size:7px}.topbar-note{text-align:right;max-width:100px;font-size:8px;line-height:1.7}.topbar nav{gap:10px}.nav-salon{display:none}.wallet{gap:2px;font-size:14px}.wallet img{width:21px;height:21px}.profile-link span{display:none}.profile-link .portrait{width:34px;height:40px}.logout{padding:5px;font-size:11px}.access{background-position:30%;flex-direction:column;gap:28px;min-height:0;padding:28px 20px 40px;display:flex}.welcome{text-align:center;max-width:none;padding:0}.welcome>.eyebrow{margin-bottom:10px;font-size:8px}.welcome h1{font-size:29px}.welcome h1 span{margin-top:10px;font-size:23px;line-height:1.4}.welcome h1 span br{display:none}.welcome>p{margin:10px 0;font-size:15px}.welcome-cards,.welcome-foot{display:none}.access-panel{max-width:480px;margin:auto;padding:26px 23px}.access-panel h2{font-size:22px}.access-panel .eyebrow{font-size:8px}.site-footer{text-align:center;flex-direction:column;gap:4px;padding:25px 20px}.site-footer p{margin:4px}.page{padding:25px 18px 40px}.section-heading{align-items:flex-start;gap:12px}.section-heading>button{padding:10px;font-size:10px}.section-heading .eyebrow{letter-spacing:1.5px;font-size:8px}.section-heading p{font-size:12px}.lobby-banner{min-height:240px;padding:28px 22px}.lobby-banner h1{font-size:30px}.lobby-banner .eyebrow{font-size:8px}.lobby-banner p{max-width:225px;font-size:13px}.lobby-banner>img{opacity:.8;width:104px;margin:0;position:absolute;bottom:7px;right:-22px}.lobby-banner .primary{z-index:1;font-size:12px;position:relative}.lobby-layout{flex-direction:column;display:flex}.lobby-toolbar h2{font-size:22px}.lobby-toolbar button{padding:8px 12px;font-size:11px}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-art{height:115px}.room-art .tag{padding:4px 5px;font-size:7px;top:7px;left:7px}.room-details{padding:12px}.room-details h3{font-size:20px}.room-details p{min-height:35px;font-size:10px}.room-bottom{flex-direction:column;align-items:stretch;gap:12px}.room-bottom>strong{font-size:17px}.room-bottom button{padding:9px 6px;font-size:11px}.invite-panel{padding:25px}.invite-panel .house-rule{text-align:left;align-items:center;gap:20px;display:flex}.house-rule img{width:65px}.profile-layout{flex-direction:column;display:flex}.profile-preview{position:static}.profile-fields{padding:20px}.profile-preview .portrait{width:130px;height:155px}.profile-preview .primary{max-width:300px;margin:20px auto;display:block}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.avatar-option{padding:4px;font-size:10px}.avatar-option img{height:82px}.profile-fields>.muted{font-size:12px}.design-grid{gap:7px}.design-grid img{height:67px}.design-grid button{padding:5px;font-size:11px}.design-grid.cardBacks img{height:83px}.modal-backdrop{padding:10px}.create-modal{max-height:95dvh;padding:22px 18px}.modal-header h2{font-size:23px}.create-layout{flex-direction:column;gap:0;display:flex}.table-preview{height:145px}.table-preview img{height:112px}.modal-footer{flex-direction:column;align-items:stretch;gap:16px}.modal-footer small{font-size:11px}.waiting-table{border-radius:15px;min-height:360px;padding:24px 10px}.waiting-player .portrait{width:110px;height:130px}.waiting-player h2{margin:10px 2px;font-size:18px}.waiting-player p{font-size:11px}.waiting-player .tag{padding:5px;font-size:8px}.empty-seat{width:95px;height:95px;margin:18px auto 27px;font-size:32px}.waiting-deck{height:65px;top:85%;left:50%}.waiting-footer{flex-direction:column;align-items:stretch;gap:20px;padding:22px}.game-page{padding:13px 8px 25px}.game-heading{gap:5px;padding:0 6px}.game-heading h1{font-size:15px}.game-heading .eyebrow{letter-spacing:1px;font-size:7px}.game-heading>button{padding:8px;font-size:10px}.connection{font-size:10px}.game-table{background-size:auto 100%;border-radius:13px;height:calc(100dvh - 270px);min-height:590px;max-height:700px}.table-player.rival{top:10px;left:10px}.table-player.self{bottom:151px;left:10px}.player-identity{flex-direction:column;align-items:flex-start;gap:0}.table-player .portrait{width:60px;height:71px}.player-identity strong{overflow-wrap:anywhere;max-width:105px;font-size:12px}.player-identity small{font-size:9px}.table-player{align-items:flex-start;gap:0}.player-score{gap:0;position:absolute;top:12px;left:62px}.player-score .houses svg{width:32px;height:32px}.player-score b{font-size:10px}.rival-hand{gap:3px;top:30px;left:57%}.rival-hand img{max-width:43px;height:70px}.pot{gap:0;top:125px;right:8px}.pot img{width:66px;height:60px}.pot span{font-size:8px}.pot b{font-size:13px}.tricks{gap:10px;top:42%;left:46%}.trick{min-width:66px;min-height:130px}.trick>img{width:62px;height:100px}.trick .own-play{top:28px;left:9px}.trick .parda{width:55px;top:98px}.table-status{max-width:76%;font-size:13px;top:63%}.own-hand{gap:7px;bottom:15px;left:50%}.own-hand img{height:123px}.score-area{bottom:151px;right:6px}.score-button{flex-direction:column;gap:0}.score-button>.houses{display:none}.score-button span:not(.houses){max-width:80px;font-size:9px}.scorebook{min-width:250px;max-width:calc(100vw - 40px);bottom:50px;right:0}.call-art{max-width:100px;height:53px;top:52%;right:12px}.game-controls{flex-wrap:wrap;gap:10px;margin-top:15px;padding:0 6px}.hand-info{flex:1;font-size:14px}.actions{flex-basis:100%;order:3;gap:6px}.actions button{padding:10px;font-size:11px}.game-controls>button{padding:8px 14px;font-size:11px}.gestures{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px}.gestures img{height:80px}.gesture-reaction{width:100px;height:130px;top:-80px;left:35px}.rival .gesture-reaction{top:20px;left:80px}.error-banner{flex-wrap:wrap;padding:10px 15px;font-size:12px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-checker{height:180px}.tabs button{font-size:12px}.confirm{padding:24px}.confirm h2{font-size:22px}.confirm button{font-size:12px}}.resume-banner{justify-content:space-between;align-items:center;gap:15px;max-width:1200px;margin:25px auto 0;padding:20px;display:flex}.game-table>.scorebook{z-index:12;bottom:110px;right:18px}.scorebook:before{content:"";z-index:-1;position:absolute;inset:-12px}.coin-flight{pointer-events:none;z-index:9;position:absolute;inset:0}.coin-flight img{width:25px;height:25px;animation-duration:var(--flight-time,1s);animation-timing-function:ease-in-out;animation-fill-mode:both;position:absolute}.coin-flight.entry img{animation-name:coin-entry}.coin-flight.payout img{animation-name:coin-payout}.coin-flight.to-self{--recipient-y:84%}.coin-flight.to-rival{--recipient-y:12%}@keyframes coin-entry{0%{left:12%;top:var(--origin-y,84%);opacity:0;transform:scale(.7)}15%{opacity:1}90%{opacity:1}to{opacity:0;top:10%;left:91%;transform:scale(.5)}}@keyframes coin-payout{0%{opacity:0;top:10%;left:91%;transform:scale(.5)}15%{opacity:1}90%{opacity:1}to{left:12%;top:var(--recipient-y,84%);opacity:0;transform:scale(1)}}.reduced .coin-flight img{animation-name:coin-fade}@keyframes coin-fade{0%,to{opacity:0;top:10%;left:90%}50%{opacity:1;top:10%;left:90%}}.coin-flight.entry img:nth-child(2n){--origin-y:12%}:root,*{scrollbar-width:thin;scrollbar-color:#a9894f #10271f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#10271f;border-radius:10px}::-webkit-scrollbar-thumb{background:#a9894f;border:2px solid #10271f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d5b46e}::-webkit-scrollbar-corner{background:#10271f}