:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#092f27;background:#082b24;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.app-shell,.entry-shell{background:linear-gradient(#265f4d,#092f27);min-height:100vh;padding:10px}.entry-shell{place-items:center;display:grid}.entry-card,.panel{background:#f8f2dc;border-radius:24px;max-width:760px;margin:auto;padding:18px}.entry-brand{border-bottom:1px solid #d9cfad;align-items:center;gap:12px;padding-bottom:12px;display:flex}.entry-brand h1{margin:0;font-family:Georgia,serif;font-size:30px}.entry-brand small{letter-spacing:.08em}.brand-mark,.compact-brand span{color:#b58c2a;letter-spacing:2px}.entry-primary-block{background:#fffaf0;border:1px solid #dfd4b5;border-radius:18px;margin-top:18px;padding:16px}.entry-primary-block h2,.entry-step h2{margin:0 0 6px}.join-row{gap:8px;display:flex}.join-row input{border:1px solid #bdb08d;border-radius:10px;flex:1;padding:12px}.join-row button,.primary{color:#fff;background:#0d5b45;border:0;border-radius:10px;padding:12px 16px}.create-table-button{color:#0d5b45;background:0 0;border:1px solid #0d5b45;border-radius:12px;width:100%;margin-top:12px;padding:13px;font-weight:700}.entry-step{margin-top:18px}.name-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.name-grid label{font-size:12px;font-weight:700}.name-grid input{border:1px solid #c7bb98;border-radius:8px;width:100%;padding:9px}.entry-actions{justify-content:space-between;margin-top:16px;display:flex}.seat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seat-grid button{text-align:left;background:#fffaf0;border:1px solid #c7bb98;border-radius:12px;padding:12px;display:grid}.seat-grid button.selected{background:#e6f1e9;border:2px solid #0d5b45}.seat-grid small{opacity:.7}.topline{color:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:8px;max-width:900px;margin:auto;display:grid}.compact-brand{align-items:center;gap:8px;font-family:Georgia,serif;font-size:18px;display:flex}.room-code{background:#174b3d;border-radius:8px;padding:5px 8px;font-size:11px}.score-box{color:#173329;background:#f7e8b3;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:5px 9px;display:grid}.score-box strong{grid-row:1/3;font-size:25px}.score-box span{font-size:10px}.setup-panel,.dealer-panel,.bidding-panel{text-align:center;margin-top:12px}.draw-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.draw-grid>div{border-radius:12px;justify-items:center;padding:8px;display:grid}.draw-grid .winner{background:#e2eddc}.info-strip{background:#f8f2dc;border-radius:12px;grid-template-columns:1fr 1.4fr 1fr;gap:8px;max-width:900px;margin:8px auto;padding:7px 10px;display:grid}.info-strip>div{border-right:1px solid #dbd0ae;flex-direction:column;justify-content:center;padding-right:8px;font-size:12px;display:flex}.info-strip>div:last-child{border:0}.rung-compact{text-align:center;align-items:center}.rung-compact strong{font-size:27px}.spades,.clubs{color:#111}.hearts,.diamonds{color:#c63232}.table{background:radial-gradient(circle,#277a55,#0d4d39 72%);border:7px solid #c8a75d;border-radius:34px;max-width:900px;height:330px;margin:auto;position:relative;box-shadow:inset 0 0 0 3px #17392e}.table-player{color:#fff;z-index:20;align-items:center;gap:5px;font-size:12px;display:flex;position:absolute}.table-player b{font-size:12px}.avatar{color:#18382e;background:#f4e5af;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.dealer-badge{color:#173329;background:#f4c643;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;font-weight:900;display:grid}.table-player.active .avatar{outline:3px solid #ffd667}.seat-0{bottom:9px;left:50%;transform:translate(-50%)}.seat-1{flex-direction:column;top:50%;right:7px;transform:translateY(-50%)}.seat-2{top:9px;left:50%;transform:translate(-50%)}.seat-3{flex-direction:column;top:50%;left:7px;transform:translateY(-50%)}.cross-stack{place-items:center;display:grid;position:absolute;inset:0}.cross-card{transition:all .2s;position:absolute}.cross-card.from-0{transform:translateY(34px)rotate(180deg)}.cross-card.from-1{transform:translate(34px)rotate(90deg)}.cross-card.from-2{transform:translateY(-34px)}.cross-card.from-3{transform:translate(-34px)rotate(-90deg)}.cross-card.winner-card{filter:drop-shadow(0 0 14px #ffd54d);scale:1.08}.trick-winner-badge{white-space:nowrap;color:#173329;z-index:80;background:#f8d45f;border-radius:12px;padding:4px 9px;font-size:11px;font-weight:900;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0005}.lead-hint{color:#e9e0c0;text-align:center;flex-direction:column;align-items:center;gap:2px;font-weight:700;display:flex}.lead-hint b{font-size:14px}.lead-hint small{color:#173329;letter-spacing:.08em;text-transform:uppercase;background:#f4cf58;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900}.hand-zone{background:#f8f2dc;border-radius:16px;max-width:900px;margin:8px auto 50px;padding:8px}.hand-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.hand{justify-content:center;display:flex}.hand.two-row{flex-direction:column;align-items:center;padding-top:3px;display:flex;overflow:visible}.hand-row{justify-content:center;display:flex}.hand-row .card{flex:none}.hand-row-top{z-index:1}.hand-row-bottom{z-index:2;margin-top:-31px}.hand-row-bottom .card{box-shadow:0 3px 7px #0004}.first-five{gap:0;padding:15px}.first-five .card{margin-left:-12px}.card{background:#fff;border:1px solid #bbb;border-radius:7px;width:54px;height:78px;padding:0;position:relative;overflow:hidden;box-shadow:0 2px 5px #0003}.card.disabled{opacity:.6}.corner.top{z-index:2;flex-direction:column;align-items:center;font-weight:900;line-height:.82;display:flex;position:absolute;top:3px;left:4px}.corner.top i{font-size:17px;font-style:normal}.card-art{line-height:1;position:absolute;bottom:-7px;right:-4px}.hidden-by-name{color:#173329;background:#f4d46b;border-radius:6px;padding:1px 5px;font-weight:900;display:inline-block}.hidden-card-badge{place-items:center;width:18px;height:23px;display:inline-grid;transform:rotate(180deg)}.hidden-card-badge i{background:repeating-linear-gradient(45deg,#173e66 0 2px,#f5e4b4 2px 4px);border:1px solid #f4e5af;border-radius:3px;width:13px;height:18px;box-shadow:0 1px 2px #0006}.hidden-card-badge:after{content:"";background:#f4c643;border-radius:50%;width:3px;height:3px;position:absolute}.dealer-panel .card.compact{overflow:hidden}.card.back{color:#fff;background:repeating-linear-gradient(45deg,#173e66 0 4px,#f5e4b4 4px 7px)}.card.back span{background:#173e66;padding:4px}.bid-actions,.call52{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.bid-actions button,.call52 button,.demand{border:0;border-radius:9px;padding:9px 12px}.call52 button{color:#fff;font-weight:800}.call52 .spades{background:#111}.call52 .hearts{background:#c33636}.call52 .clubs{background:#234a2d}.call52 .diamonds{background:#d4563b}.demand{color:#fff;background:#af7128;margin:6px auto;display:block}.rung-slide{z-index:100;background:#fff5d7;border:1px solid #c8a75d;border-radius:12px;align-items:center;gap:9px;padding:7px 12px;animation:4s both slideDown;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #0005}.rung-slide b{font-size:14px}.rung-slide small{font-size:10px;display:block}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-130%)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-130%)}}.modal-backdrop{z-index:120;background:#0009;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.history-prompt{background:#f8f2dc;border-radius:18px;width:100%;max-width:620px;max-height:85vh;padding:18px;overflow:auto}.history-prompt>div:first-of-type{gap:8px;display:flex}.history-list{border-top:1px solid #cfc3a2;max-height:45vh;margin-top:12px;font-size:12px;overflow:auto}.leave-bottom{color:#fff;z-index:60;background:#163f34;border:1px solid #f4e4b7;border-radius:10px;padding:7px 12px;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=600px){.app-shell{padding:5px}.topline{grid-template-columns:1fr auto auto}.compact-brand b{font-size:16px}.info-strip{grid-template-columns:.8fr 1.25fr 1fr;margin:5px 0;padding:5px 7px}.table{border-width:5px;height:300px}.hand-row-bottom{margin-top:-28px}.hand-row .card,.card{width:47px;height:69px}.corner.top b{font-size:18px}.corner.top i{font-size:15px}.suit-art{font-size:59px}.face-art{font-size:52px}.name-grid{grid-template-columns:1fr}.draw-grid{gap:3px}.draw-grid .card{width:38px;height:56px}.score-box strong{font-size:21px}}.suit-art{font-size:72px}.face-art{font-size:64px}.card.compact .suit-art{font-size:40px}.card.compact .face-art{font-size:37px}.first-five{gap:4px;padding:18px 8px;overflow-x:auto}.first-five .card{flex:none;width:70px;height:101px;margin-left:-8px}.first-five .card:first-child{margin-left:0}.first-five .suit-art{font-size:84px}.first-five .face-art{font-size:76px}.draw-grid .card.compact{width:53px;height:76px}.play-actions{grid-template-columns:minmax(112px,1fr) 2.2fr;align-items:center;gap:8px;min-height:46px;margin-top:6px;display:grid}.demand-slot{place-items:center;min-height:40px;display:grid}.demand{min-width:112px;margin:0}.call52{align-items:center;min-height:40px}.cross-card{transform-origin:50%;animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}.cross-card.from-0{animation-name:dealFromBottom}.cross-card.from-1{animation-name:dealFromRight}.cross-card.from-2{animation-name:dealFromTop}.cross-card.from-3{animation-name:dealFromLeft}@keyframes dealFromBottom{0%{opacity:.25;transform:translateY(145px)rotate(270deg)scale(.78)}to{opacity:1;transform:translateY(34px)rotate(180deg)scale(1)}}@keyframes dealFromRight{0%{opacity:.25;transform:translate(170px)rotate(180deg)scale(.78)}to{opacity:1;transform:translate(34px)rotate(90deg)scale(1)}}@keyframes dealFromTop{0%{opacity:.25;transform:translateY(-145px)rotate(90deg)scale(.78)}to{opacity:1;transform:translateY(-34px)rotate(0)scale(1)}}@keyframes dealFromLeft{0%{opacity:.25;transform:translate(-170px)rotate(0)scale(.78)}to{opacity:1;transform:translate(-34px)rotate(-90deg)scale(1)}}.cross-card.winner-card{filter:drop-shadow(0 0 14px #ffd54d);animation:none;scale:1.08}@media (width<=600px){.card{width:50px;height:73px}.corner.top b{font-size:21px}.corner.top i{font-size:17px}.suit-art{font-size:62px}.face-art{font-size:55px}.hand-row .card{width:50px;height:73px}.hand-row-bottom{margin-top:-29px}.first-five{gap:2px;padding:16px 3px}.first-five .card{width:61px;height:88px;margin-left:-7px}.first-five .corner.top b{font-size:25px}.first-five .corner.top i{font-size:20px}.first-five .suit-art{font-size:73px}.first-five .face-art{font-size:66px}.draw-grid .card.compact{width:48px;height:69px}.draw-grid .card.compact .corner.top b{font-size:18px}.draw-grid .card.compact .corner.top i{font-size:15px}.play-actions{grid-template-columns:1fr;gap:3px;min-height:84px}.demand-slot,.call52{min-height:39px}}.card{width:62px;height:90px}.corner.top{line-height:.82;top:4px;left:5px}.corner.top b{font-size:21px}.corner.top i{font-size:17px}.suit-art{font-size:47px;bottom:0;right:1px}.face-art{font-size:43px;bottom:2px;right:4px}.card.compact{width:53px;height:76px}.card.compact .corner.top b{font-size:18px}.card.compact .corner.top i{font-size:15px}.card.compact .suit-art{font-size:40px;bottom:-3px;right:-2px}.card.compact .face-art{font-size:37px;bottom:0;right:2px}.first-five .card{width:76px;height:110px;margin-left:-7px}.first-five .corner.top b{font-size:26px}.first-five .corner.top i{font-size:21px}.first-five .suit-art{font-size:58px;bottom:1px;right:2px}.first-five .face-art{font-size:53px;bottom:4px;right:5px}.rung-slide{animation-duration:5s}@media (width<=600px){.card,.hand-row .card{width:52px;height:76px}.corner.top b{font-size:19px}.corner.top i{font-size:16px}.suit-art{font-size:41px;bottom:0;right:1px}.face-art{font-size:38px;bottom:2px;right:3px}.hand-row-bottom{margin-top:-30px}.first-five .card{width:67px;height:97px;margin-left:-7px}.first-five .corner.top b{font-size:23px}.first-five .corner.top i{font-size:19px}.first-five .suit-art{font-size:51px;bottom:0;right:1px}.first-five .face-art{font-size:47px;bottom:3px;right:4px}}.pile-award-message{z-index:95;color:#173329;text-align:center;white-space:nowrap;background:#f8d45f;border:1px solid #fff4bb;border-radius:14px;padding:7px 12px;font-size:12px;animation:1.6s both awardPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #0006}.pile-award-message b{font-size:14px;display:block}.pile-moving .pile-flight{opacity:.18;transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .8s}.pile-moving.collect-to-0 .pile-flight{transform:translateY(132px)scale(.45)rotate(180deg)}.pile-moving.collect-to-1 .pile-flight{transform:translate(270px)scale(.45)rotate(90deg)}.pile-moving.collect-to-2 .pile-flight{transform:translateY(-132px)scale(.45)}.pile-moving.collect-to-3 .pile-flight{transform:translate(-270px)scale(.45)rotate(-90deg)}@keyframes awardPop{0%{opacity:0;transform:translate(-50%,-42%)scale(.9)}15%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.96)}}.rung-compact small{color:#5e543a;font-size:10px;line-height:1.05}.rung-declarer-name{color:#173329;font-weight:900}.voice-bar{background:#08121dc7;border:1px solid #ffffff1f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.45rem;max-width:980px;margin:.35rem auto .45rem;padding:.38rem .55rem;font-size:.78rem;display:flex}.voice-bar button{border-radius:8px;padding:.38rem .58rem}.voice-bar small{opacity:.7;margin-left:auto}.voice-live{color:#e7c66a;font-weight:700}@media (width<=600px){.voice-bar{gap:.3rem;margin:.2rem .35rem .35rem;padding:.3rem .4rem;font-size:.7rem}.voice-bar button{padding:.3rem .42rem;font-size:.68rem}.voice-bar small{width:100%;margin-left:0}}