/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--wine-950:#160309;--wine-900:#25050d;--wine-800:#420a14;--wine-700:#67101b;--gold-100:#fff6d1;--gold-300:#efd37a;--gold-500:#c9952f;--gold-700:#765018;--felt-900:#073525;--felt-700:#07553a;--cream:#fffaf0;--text-dim:#fff7e29e;--card-w:clamp(66px, 18.6vw, 92px);--card-h:calc(var(--card-w) * 1.4);--spread:clamp(19px, 5.4vw, 30px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--wine-950);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--cream);font-family:Tahoma, Arial, var(--font-geist-sans), sans-serif}button,input{font:inherit}button{color:inherit}.game-app{isolation:isolate;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 36%,#8019258a,#0000 38%),radial-gradient(circle at 8% 72%,#7e0c1f61,#0000 25%),linear-gradient(154deg,#20040b 0%,#350711 44%,#190208 100%);width:100vw;height:100dvh;min-height:500px;position:relative;overflow:hidden}.game-app:before{content:"";z-index:-3;opacity:.17;background-image:repeating-linear-gradient(45deg,#0000 0 18px,#ffffff06 18px 19px),repeating-linear-gradient(-45deg,#0000 0 18px,#ffffff04 18px 19px);position:absolute;inset:0}.game-app:after{content:"";z-index:90;pointer-events:none;border:1px solid #efd37a29;position:absolute;inset:0;box-shadow:inset 0 0 80px #00000047}.ambient{z-index:-2;aspect-ratio:1;filter:blur(60px);opacity:.16;border-radius:50%;width:60vw;position:absolute}.ambient-one{background:#f0475d;top:-38vw;right:-20vw}.ambient-two{background:#9b1c39;bottom:-42vw;left:-28vw}.top-bar{z-index:110;min-height:calc(58px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 8px;direction:ltr;background:linear-gradient(#0e0206d6,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.icon-button:active{transform:scale(.94)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.room-pill{cursor:pointer;direction:rtl;background:linear-gradient(#ffffff14,#ffffff09);border:1px solid #efd37a2e;border-radius:13px;align-items:center;gap:7px;height:39px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff0d}.room-pill small{color:var(--text-dim);font-size:10px}.room-pill b{color:var(--gold-300);letter-spacing:1.5px;direction:ltr;font-size:14px}.room-pill svg{fill:none;width:14px;stroke:var(--gold-300);stroke-width:1.8px}.top-actions{align-items:center;gap:8px;display:flex}.sound-button{width:40px}.sound-button svg{width:18px}.signal-bars{background:#ffffff0d;border-radius:11px;align-items:end;gap:2px;min-width:33px;height:30px;padding:6px 8px;display:flex}.signal-bars i{background:#67e39a;border-radius:4px;width:3px;display:block;box-shadow:0 0 7px #56e99180}.signal-bars i:first-child{height:5px}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:13px}.signal-bars.offline i{box-shadow:none;background:#a47c84}.signal-bars.connecting i{background:#f0c45f;animation:1s ease-in-out infinite alternate signal}.signal-bars.demo i:last-child{opacity:.32}@keyframes signal{to{opacity:.35}}.score-hud{top:calc(66px + env(safe-area-inset-top));z-index:55;background:linear-gradient(#2a050df0,#140308e6);border:1px solid #efd37a2e;border-radius:18px;grid-template-columns:1fr 34px 1fr;width:min(238px,62vw);height:58px;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 28px #00000042,inset 0 1px #ffffff0a}.team-score{grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.team-score span{border-radius:8px;grid-row:1/3;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.team-score b{align-self:end;font-size:17px;line-height:1}.team-score small{color:var(--text-dim);white-space:nowrap;align-self:start;margin-top:2px;font-size:9px}.team-score.ours{text-align:right}.team-score.ours span{color:#1e0d00;background:linear-gradient(145deg,#ffe38b,#bd7e23)}.team-score.theirs{text-align:left;direction:ltr}.team-score.theirs span{color:#fff;background:linear-gradient(145deg,#a82137,#65101e)}.score-divider{color:var(--gold-500);background:#ffffff07;flex-direction:column;justify-content:center;align-items:center;display:flex}.score-divider i{color:var(--text-dim);font-size:8px;font-style:normal}.score-divider span{font-size:19px;line-height:.7}.trump-badge{top:calc(74px + env(safe-area-inset-top));z-index:56;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140308bf;border:1px solid #efd37a29;border-radius:16px;grid-template-rows:auto 1fr;grid-template-columns:1fr 25px;align-items:center;width:61px;height:54px;padding:5px 7px;display:grid;position:absolute;right:13px;box-shadow:0 9px 20px #0003}.trump-badge span{color:var(--text-dim);text-align:right;font-size:9px}.trump-badge b{grid-area:1/2/3;font-size:28px;line-height:1}.trump-badge small{color:var(--gold-300);text-align:right;font-size:9px}.trump-badge .red{color:#ed435a}.trump-badge .black{color:#f5e8d1}.player-seat{z-index:48;pointer-events:none;position:absolute}.seat-top{top:calc(136px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;display:flex;left:50%;transform:translate(-50%)}.seat-left{top:42%;left:7px;transform:translateY(-50%)}.seat-right{top:42%;right:7px;transform:translateY(-50%)}.seat-bottom{left:50%;bottom:calc(25.5% + env(safe-area-inset-bottom));z-index:62;transform:translate(-50%)}.player-profile{align-items:center;gap:7px;display:flex}.seat-left .player-profile,.seat-right .player-profile{flex-direction:column}.seat-bottom .player-profile{flex-direction:row}.avatar{border:2px solid #ffffff47;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 8px 16px #00000047,inset 0 1px 7px #fff3}.avatar>span:first-child{text-shadow:0 2px 5px #0000004d;font-size:18px;font-weight:800}.tone-amber{background:linear-gradient(145deg,#e2a731,#70360b)}.tone-blue{background:linear-gradient(145deg,#4c9bd7,#17365f)}.tone-violet{background:linear-gradient(145deg,#a86ec9,#43225e)}.tone-rose{background:linear-gradient(145deg,#df6886,#65223b)}.avatar em{border:2px solid var(--wine-900);background:#5de28d;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;left:0}.avatar em.offline{background:#8e7a80}.crown{color:#ffd86d;text-shadow:0 3px 7px #000000b3;font-size:18px;font-style:normal;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.turn-ring{border:2px solid var(--gold-300);border-radius:50%;animation:1.4s ease-in-out infinite turnPulse;inset:-6px;box-shadow:0 0 14px #f0c25180;position:absolute!important}@keyframes turnPulse{50%{opacity:.55;transform:scale(1.08)}}.player-copy{text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100206b3;border:1px solid #ffffff13;border-radius:10px;min-width:68px;padding:5px 8px}.player-copy strong{color:#fff8e8;text-overflow:ellipsis;white-space:nowrap;max-width:74px;font-size:11px;display:block;overflow:hidden}.player-copy small{color:var(--text-dim);direction:rtl;align-items:center;gap:3px;margin-top:3px;font-size:7px;display:flex}.player-copy small i{color:var(--gold-500);font-style:normal}.seat-left .player-copy,.seat-right .player-copy{text-align:center;min-width:61px;padding:4px 6px}.seat-left .player-copy small,.seat-right .player-copy small{justify-content:center}.seat-bottom .player-copy{background:#100206d4}.opponent-cards{filter:drop-shadow(0 5px 5px #0000004d);width:68px;height:43px;position:relative}.opponent-cards span{transform-origin:50% 100%;width:22px;height:34px;transform:translateX(calc(-50% + (var(--card-index) - (var(--card-total) - 1) / 2) * 7px)) rotate(calc((var(--card-index) - (var(--card-total) - 1) / 2) * 4deg));background:#08090d url(/cards/Back.webp) 50%/cover no-repeat;border:1px solid #a63f32;border-radius:4px;position:absolute;bottom:1px;left:50%}.opponent-cards b{width:18px;height:18px;color:var(--gold-300);background:#19040a;border:1px solid #ffffff24;border-radius:8px;place-items:center;font-size:8px;display:grid;position:absolute;bottom:0;right:-1px}.seat-left .opponent-cards{position:absolute;top:7px;left:45px;transform:rotate(90deg)}.seat-right .opponent-cards{position:absolute;top:7px;right:45px;transform:rotate(-90deg)}.table-wrap{z-index:20;width:min(67vw,330px);height:min(41vh,372px);min-height:245px;position:absolute;top:52.5%;left:50%;transform:translate(-50%,-50%)}.table-rim{background:linear-gradient(105deg,#7e4815 0%,#e2aa48 15%,#73400f 31%,#d79c3e 51%,#60310b 73%,#c98d30 100%);border:1px solid #ffe5976b;border-radius:46%/16%;width:100%;height:100%;padding:6px;box-shadow:0 22px 42px #0006,inset 0 0 0 2px #2a120380,0 0 28px #7918262e}.table-felt{background:radial-gradient(circle at 50% 45%,#349a6938,#0000 46%),repeating-linear-gradient(25deg,#ffffff04 0 1px,#0000 1px 4px),linear-gradient(160deg,#075f40,#073c2b 56%,#062c21);border:2px solid #1c0e04cc;border-radius:45%/15%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #00000070,inset 0 0 0 2px #ffffff09}.felt-ornament{color:#efd37a17;text-align:center;border:1px solid #efd37a1c;border-radius:50%;place-content:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.felt-ornament:before,.felt-ornament:after{content:"";border:1px solid;border-radius:50%;position:absolute;inset:9px}.felt-ornament:after{inset:20px}.felt-ornament span{z-index:1;font-size:25px;font-weight:900;position:relative}.felt-ornament i{z-index:1;letter-spacing:4px;font-size:8px;font-style:normal;position:relative}.round-chip{background:linear-gradient(#4d140c,#250604);border:1px solid #d5a044;border-radius:10px;align-items:center;gap:5px;height:27px;padding:0 11px;font-size:9px;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #0000004d}.round-chip span{color:var(--gold-300)}.round-chip b{font-size:11px}.played-zone{position:absolute;inset:18% 16%}.playing-card.played-card{width:clamp(47px,13vw,66px);height:calc(1.4*clamp(47px,13vw,66px));transition:all .35s cubic-bezier(.2,.9,.25,1.1);animation:.34s cubic-bezier(.2,.8,.3,1.1) both dealCard;position:absolute}.played-seat-0{bottom:0;left:50%;transform:translate(-50%)rotate(-3deg)}.played-seat-1{top:50%;right:3%;transform:translateY(-50%)rotate(5deg)}.played-seat-2{top:0;left:50%;transform:translate(-50%)rotate(3deg)}.played-seat-3{top:50%;left:3%;transform:translateY(-50%)rotate(-5deg)}@keyframes dealCard{0%{opacity:0;scale:.72}}.playing-card{width:var(--card-w);height:var(--card-h);border:0;border-radius:clamp(7px,2vw,11px);padding:0;position:relative;overflow:hidden;box-shadow:0 7px 14px #00000059,inset 0 1px 1px #ffffff73}.custom-card{background:#110c0b}.card-art{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.card-front{cursor:pointer;background:#e7d5ac;border:1px solid #dbba783d}.card-front.red{color:#c92034}.card-front.black{color:#171215}.card-front:disabled{color:inherit;cursor:default}.card-corner{z-index:2;flex-direction:column;align-items:center;line-height:.95;display:flex;position:absolute}.card-corner.top{top:5px;left:6px}.card-corner.bottom{bottom:5px;right:6px;transform:rotate(180deg)}.card-corner b{font-family:Georgia,serif;font-size:clamp(14px,4.2vw,20px)}.card-corner i{font-size:clamp(10px,3vw,16px);font-style:normal}.card-center{place-items:center;display:grid;position:absolute;inset:24% 16%}.card-center>i{font-size:clamp(30px,9vw,46px);font-style:normal;line-height:1}.card-center.face{background:linear-gradient(140deg,#d5a84147,#ffffff29);border:1px solid;border-radius:7px;inset:23% 14%}.card-center.face i{font-size:clamp(24px,7vw,36px)}.card-center.face small{font-size:7px;font-weight:800;position:absolute;bottom:5px}.card-back{background:#08090d;border:1px solid #d0693d94;box-shadow:0 7px 14px #00000061,inset 0 0 0 1px #ffffff14}.playing-card.compact .card-corner b{font-size:clamp(11px,3.4vw,16px)}.playing-card.compact .card-corner i{font-size:clamp(8px,2.5vw,12px)}.playing-card.compact .card-center>i{font-size:clamp(24px,7vw,35px)}.turn-notice{left:50%;bottom:calc(31.8% + env(safe-area-inset-bottom));z-index:59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:78vw;min-height:31px;color:var(--text-dim);white-space:nowrap;background:#100206bf;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:7px;padding:6px 12px;font-size:9px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 16px #0003}.turn-notice i{background:#9a737a;border-radius:50%;width:6px;height:6px}.turn-notice.my-turn{color:#fff5d7;border-color:#efd37a40}.turn-notice.my-turn i{background:#f3cc66;animation:1s ease-in-out infinite alternate noticeBlink;box-shadow:0 0 10px #f3cc66}@keyframes noticeBlink{to{opacity:.35}}.my-hand{left:0;right:0;bottom:calc(-10px + env(safe-area-inset-bottom));z-index:70;pointer-events:none;height:29%;position:absolute}.hand-card{z-index:calc(20 + var(--order));transform-origin:50% 130%;transform:translateX(-50%) translateX(calc(var(--offset) * var(--spread))) translateY(var(--curve)) rotate(var(--rotation));pointer-events:auto;transition:transform .2s,filter .2s,opacity .2s;position:absolute;bottom:0;left:50%}.hand-card.selected:not(:disabled){filter:drop-shadow(0 -4px 7px #f4c95a52)}.hand-card.selected:not(:disabled):hover,.hand-card.selected:not(:disabled):focus-visible{transform:translateX(-50%) translateX(calc(var(--offset) * var(--spread))) translateY(calc(var(--curve) - 15px)) rotate(var(--rotation));outline:none}.hand-card.selected:not(:disabled):active{transform:translateX(-50%) translateX(calc(var(--offset) * var(--spread))) translateY(calc(var(--curve) - 23px)) rotate(var(--rotation)) scale(.98)}.hand-card:disabled{filter:saturate(.42)brightness(.66)}.bottom-safe-fade{z-index:65;height:calc(46px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#0c0104cc);position:absolute;bottom:0;left:0;right:0}.sheet-layer,.modal-layer,.trump-layer{z-index:200;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;position:absolute;inset:0}.sheet-layer.show,.modal-layer.show,.trump-layer.show{visibility:visible;opacity:1}.sheet-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080103ad;border:0;position:absolute;inset:0}.game-sheet{padding:8px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#310912,#190309 75%);border-top:1px solid #efd37a33;border-radius:28px 28px 0 0;transition:transform .35s cubic-bezier(.22,.82,.32,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -22px 60px #00000059}.sheet-layer.show .game-sheet{transform:translateY(0)}.sheet-grabber{background:#fff3;border-radius:4px;width:42px;height:4px;margin:0 auto 13px}.game-sheet header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.game-sheet header small{color:var(--gold-500);font-size:9px}.game-sheet h2{margin:2px 0 0;font-size:18px}.game-sheet header button,.modal-close{width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;font-size:23px}.sheet-actions{gap:8px;display:grid}.sheet-actions>button{text-align:right;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:59px;padding:9px 11px;display:grid}.sheet-actions>button>span{width:39px;height:39px;color:var(--gold-300);background:#efd37a17;border-radius:13px;place-items:center;font-size:22px;display:grid}.sheet-actions>button>span svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px}.sheet-actions b{font-size:12px;display:block}.sheet-actions small{color:var(--text-dim);margin-top:4px;font-size:9px;display:block}.sheet-actions>button>i{color:var(--text-dim);font-size:24px;font-style:normal}.toggle{background:#ffffff21;border-radius:15px;width:34px;height:19px;position:relative}.toggle:after{content:"";background:#c3abb0;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{background:#bd892d}.toggle.on:after{background:#fff4cf;left:18px}.leave-game{color:#f07d8d;cursor:pointer;background:#c0273d17;border:1px solid #ed435a33;border-radius:15px;width:100%;height:46px;margin-top:12px;font-size:11px;font-weight:700}.room-modal{text-align:center;background:radial-gradient(circle at 50% 0,#9e26374d,#0000 37%),linear-gradient(155deg,#360a14,#170308);border:1px solid #efd37a38;border-radius:28px;width:min(340px,100vw - 30px);padding:28px 22px 22px;transition:transform .3s cubic-bezier(.2,.8,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.94);box-shadow:0 26px 70px #00000085}.modal-layer.show .room-modal{transform:translate(-50%,-50%)scale(1)}.modal-close{position:absolute;top:12px;left:12px}.invite-mark{width:60px;height:60px;color:var(--gold-300);background:linear-gradient(145deg,#efd37a33,#630f1e59);border:1px solid #efd37a59;border-radius:20px;place-items:center;margin:0 auto 12px;font-family:Georgia,serif;font-size:35px;display:grid;box-shadow:0 10px 25px #00000040}.room-modal>small{color:var(--gold-500);font-size:9px}.room-modal h2{margin:5px 0 8px;font-size:20px}.room-modal p{color:var(--text-dim);margin:0 auto 17px;font-size:10px;line-height:1.9}.room-code{cursor:pointer;background:#0000002e;border:1px dashed #efd37a59;border-radius:18px;grid-template-columns:1fr 30px;align-items:center;width:100%;min-height:68px;display:grid;position:relative}.room-code span{color:var(--gold-300);letter-spacing:7px;direction:ltr;font-size:28px;font-weight:800}.room-code svg{fill:none;width:19px;stroke:var(--gold-300);stroke-width:1.7px}.room-code em{color:var(--text-dim);font-size:8px;font-style:normal;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.share-room{color:#241202;cursor:pointer;background:linear-gradient(#d8a446,#9c6820);border:0;border-radius:15px;width:100%;height:48px;margin-top:11px;font-size:11px;font-weight:800;box-shadow:0 10px 20px #00000040}.trump-layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080103c2;place-items:center;display:grid}.trump-picker{text-align:center;background:linear-gradient(155deg,#360a14,#170308);border:1px solid #efd37a33;border-radius:28px;width:min(350px,100vw - 28px);padding:24px 20px;transition:transform .25s;transform:translateY(12px)}.trump-layer.show .trump-picker{transform:translateY(0)}.trump-picker>small{color:var(--gold-500);font-size:9px}.trump-picker h2{margin:5px 0 18px;font-size:21px}.trump-picker>div{direction:ltr;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.trump-picker button{aspect-ratio:.78;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff17;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.trump-picker button i{font-family:Georgia,serif;font-size:36px;font-style:normal}.trump-picker button span{font-size:9px}.trump-picker button.red{color:#eb4358}.trump-picker button.black{color:#f4ead7}@media (height<=700px){:root{--card-w:clamp(60px, 17vw, 77px);--spread:clamp(18px, 5vw, 25px)}.score-hud{top:calc(58px + env(safe-area-inset-top));height:52px}.trump-badge{top:calc(64px + env(safe-area-inset-top))}.seat-top{top:calc(116px + env(safe-area-inset-top))}.table-wrap{height:min(39vh,300px);min-height:210px;top:51.5%}.seat-left,.seat-right{top:41%}.seat-bottom{bottom:calc(24.5% + env(safe-area-inset-bottom))}.turn-notice{bottom:calc(30.5% + env(safe-area-inset-bottom))}.my-hand{height:28%;bottom:calc(-16px + env(safe-area-inset-bottom))}.player-copy{padding-top:3px;padding-bottom:3px}.avatar{width:41px;height:41px}}@media (width<=350px){:root{--card-w:61px;--spread:17.5px}.top-bar{padding-left:9px;padding-right:9px}.sound-button{display:none}.score-hud{width:205px}.trump-badge{width:54px;right:7px}.seat-left{left:2px}.seat-right{right:2px}.table-wrap{width:64vw}.player-copy{min-width:58px}}@media (orientation:landscape) and (height<=620px){:root{--card-w:clamp(61px, 8.6vw, 82px);--spread:clamp(20px, 3vw, 30px)}.top-bar{background:0 0;width:33%;right:auto}.room-pill{display:none}.score-hud{top:calc(10px + env(safe-area-inset-top));width:215px;height:51px}.trump-badge{top:calc(10px + env(safe-area-inset-top));right:14px}.seat-top{top:calc(70px + env(safe-area-inset-top))}.seat-left,.seat-right{top:47%}.seat-left{left:3%}.seat-right{right:3%}.seat-bottom{left:22%;bottom:calc(20px + env(safe-area-inset-bottom))}.table-wrap{width:min(40vw,330px);height:min(62vh,310px);top:52%}.turn-notice{left:22%;bottom:calc(83px + env(safe-area-inset-bottom))}.my-hand{width:45%;height:55%;left:auto;right:0;bottom:calc(-18px + env(safe-area-inset-bottom))}}@media (width>=800px) and (height>=700px){:root{--card-w:92px;--spread:30px}.top-bar{padding-left:25px;padding-right:25px}.score-hud{top:70px}.trump-badge{top:74px;right:25px}.seat-left{left:8vw}.seat-right{right:8vw}.table-wrap{width:360px;height:430px}.seat-bottom{bottom:26%}.turn-notice{bottom:32%}.my-hand{height:31%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}