:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#e6eae4;background:#101c1b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #52676160;background:#243b35;color:inherit;border-radius:8px;padding:10px 15px;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#365347}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4b67a;outline-offset:3px}button:disabled{cursor:default;opacity:.4}input,select{color:inherit;background:#132823;border:1px solid #69827670;border-radius:7px;padding:10px}small{color:#99b2a6;font-weight:400}h1,h2,h3,p{margin-top:0}.solo{min-height:100vh}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:650}.brand small{display:block;font-size:12px;margin-top:6px}.brand-mark{display:grid;place-items:center;width:44px;height:48px;color:#142821;background:#dcb47a;border-radius:10px;font-family:serif;font-size:27px}.edition{margin-left:auto;font-size:12px;letter-spacing:2px;color:#a6b9ad;font-weight:400}.lobby{padding:36px max(5vw,24px);background:radial-gradient(ellipse at 30% 60%,#22453a,#101c1b 65%)}.welcome{max-width:1190px;margin:8vh auto 4vh;display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:center}.eyebrow,.section-kicker{font-size:11px;letter-spacing:3px;color:#d5b888}.intro h1{font-size:clamp(40px,5.3vw,74px);line-height:1.3;letter-spacing:2px;margin:24px 0;font-family:Songti SC,Georgia,serif;font-weight:500}.intro p{font-size:16px;color:#a9bdb0;line-height:1.9}.intro-cards{display:flex;margin:32px 20px 0;height:155px;align-items:center}.intro-cards .card{width:88px;height:126px;margin-left:-9px;box-shadow:0 15px 35px #0006;opacity:1;transform:rotate(-12deg)}.intro-cards .card:nth-child(2){transform:rotate(2deg) translateY(-12px)}.intro-cards .card:nth-child(3){transform:rotate(15deg)}.start-panel{padding:32px;border:1px solid #78918440;background:#1b302aec;border-radius:20px;box-shadow:0 30px 80px #0003}.start-panel h2{font-size:24px;margin:15px 0 25px}.teams-preview{display:flex;justify-content:space-between;font-size:14px;margin-bottom:23px}.teams-preview b{color:#d1b27e;margin:0 5px}.teams-preview em{font-style:normal;color:#728f80}.mode-note{padding:15px;background:#dcb47a0b;border:1px solid #dcb47a30;border-radius:10px}.mode-note strong{color:#dfbb81;font-size:13px}.mode-note p{font-size:13px;line-height:1.8;color:#adbeb3;margin:7px 0 0}.seed-field{display:block;font-size:13px;margin:24px 0}.seed-field span{color:#8fa79a;font-size:11px;margin-left:12px}.seed-field input{display:block;width:100%;margin-top:10px}.primary{background:#d9b279;color:#182b22;border-color:#d9b279;font-weight:650}.primary:hover:not(:disabled){background:#e9c68f}.large{width:100%;padding:15px;font-size:16px;display:flex;justify-content:space-between}.secondary{background:transparent}.start-panel>.secondary{width:100%;margin-top:10px}.start-links{display:flex;justify-content:center;gap:25px;margin:14px 0}.start-links button{border:0;background:none;font-size:12px;color:#b9c7bd}.start-panel>small{display:block;font-size:11px;text-align:center}.lobby footer{text-align:center;color:#667f73;font-size:12px;letter-spacing:2px;margin-top:50px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #89a29322;background:#14241f}.compact{border:0;background:none;padding:0;font-size:20px}.compact .brand-mark{width:33px;height:37px;font-size:22px}.scoreboard{display:flex;align-items:center;gap:24px;font-size:13px}.scoreboard b{font-size:30px;display:inline-block;margin:0 12px;font-weight:500}.ours{color:#8ed0b1}.theirs{color:#e1ac95}.round{color:#90a89b;font-size:12px}.game-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:20px 24px}.play-area{min-width:0}.table-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:11px;color:#9eb5a7}.pill{border:1px solid #bdad7850;border-radius:20px;color:#cfc399;padding:5px 9px}.table-toolbar button{padding:6px 10px;font-size:11px;margin-left:auto}.speed select{padding:5px;margin-left:5px;font-size:11px}.table{position:relative;height:425px;min-width:0;background:radial-gradient(ellipse,#275b48,#1b3f32 73%,#183329);border:1px solid #799a7250;border-radius:130px;overflow:hidden;box-shadow:inset 0 0 45px #0002}.table-rim{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid #a4b28825;border-radius:inherit;pointer-events:none}.seat{position:absolute;width:180px;z-index:1;border:1px solid transparent;padding:8px 10px;border-radius:12px;transition:background .2s}.seat.active{background:#ffffff09;border-color:#dcb47a90;box-shadow:0 0 24px #dcb47a09}.seat-heading{display:flex;gap:10px;align-items:center}.avatar{flex-shrink:0;border:1px solid #8da78f55;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:#244b3b;color:#c4d9bd;font-size:15px}.enemy .avatar{background:#573e33;color:#dab89b;border-color:#be967b60}.seat strong{font-size:13px;display:block}.seat strong small{font-size:10px;margin-left:3px}.seat-heading span{display:block;font-size:11px;color:#bdcabe;margin-top:5px}.north{top:20px;left:calc(50% - 90px)}.east-high{right:28px;top:100px}.east-low{right:28px;top:252px}.west-high{left:28px;top:100px}.west-low{left:28px;top:252px}.backs{display:flex;padding:9px 0 0 26px}.backs i{width:23px;height:33px;background:repeating-linear-gradient(45deg,#566849,#566849 2px,#354e39 2px,#354e39 5px);border:2px solid #adbc98;border-radius:3px;margin-left:-9px;box-shadow:1px 1px 3px #0003}.table-center{position:absolute;top:132px;left:24%;width:52%;text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none}.center-kicker{font-size:12px;letter-spacing:2px;color:#dfcda0}.table-center p{font-size:12px;margin:12px 0;color:#bfd0bd;line-height:1.7}.table-center h2{font-size:23px;color:#eed4a4;margin:28px 0 0}.table-center small{font-size:10px;margin:12px 0 0}.table-symbol{font-family:serif;font-size:54px;line-height:1;color:#b6c99420;margin-top:20px}.trick-cards{display:flex;justify-content:center;gap:4px}.card{display:block;padding:0;border:0;background:#fff!important;border-radius:5px;flex-shrink:0;width:65px;height:94px;box-shadow:0 3px 6px #0003;position:relative;opacity:1!important}.card img{width:100%;height:100%;display:block;pointer-events:none}.card.small{width:48px;height:69px}.card.selected{transform:translateY(-15px);outline:3px solid #dbb777;z-index:2!important}.card:not(:disabled):hover{transform:translateY(-9px)}.card.selected:not(:disabled):hover{transform:translateY(-15px)}.self-marker{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#c7d4c5}.self-marker small{font-size:10px;display:block;margin-top:3px}.self-marker>span:last-child{margin-left:10px}.hand-panel{margin-top:18px;background:#182d25;border:1px solid #8ca58f25;border-radius:14px;padding:15px 18px}.hand-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:25px}.hand-title small{margin-left:9px;font-size:11px}.hand-title button{padding:5px 9px;background:none;border:0;color:#90a797;font-size:11px}.hand-title button.chosen{color:#e0bd86;background:#e0bd8610}.hand{display:flex;flex-wrap:wrap;justify-content:center;padding:0 12px 5px;row-gap:22px;min-height:94px}.hand .card{margin-left:-34px}.hand .card:first-child{margin-left:0}.hand .card:hover,.hand .card:focus-visible{z-index:3}.action-row{margin-top:15px;display:flex;gap:10px;align-items:center}.action-row button{min-width:75px}.selection-info{flex:1;min-width:0;color:#a1b6a6;font-size:12px;line-height:1.6}.bottom-controls{display:flex;align-items:center;gap:10px;margin-top:14px}.bottom-controls button{font-size:12px;padding:8px 12px}.bottom-controls span{font-size:10px;color:#7c9485;margin-left:auto}.sidebar{display:flex;flex-direction:column;gap:16px}.journal{border:1px solid #7d9b8025;border-radius:14px;background:#172922;overflow:hidden}.section-heading{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #90a58320}.section-heading h2{font-size:14px;margin:0}.section-heading span{font-size:10px;color:#96ac9b}.event-list{height:365px;overflow:auto;padding:8px}.event{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:5px;font-size:11px;padding:10px 6px}.event-no{color:#677f70;font-size:9px;min-width:18px}.event strong{white-space:nowrap;font-weight:500;color:#d6b39c}.event strong.ours{color:#8ac6a5}.event>span:last-child{line-height:1.6;color:#aebdad}.empty{padding:18px;font-size:12px;line-height:2;color:#779582}.reason-panel{padding:20px;background:#1c3028;border:1px solid #b8a27130;border-radius:14px}.reason-panel h3{font-size:15px;margin:14px 0}.reason-panel p{font-size:12px;line-height:1.9;color:#b2c3b3}.reason-panel small{display:block;font-size:10px;line-height:1.7}.reason-panel button{margin-top:18px;width:100%;font-size:11px;background:none}.mini-hand{display:flex;gap:3px;flex-wrap:wrap;max-height:90px;overflow:auto;margin-top:8px}.mini-hand span{background:#ecedda;color:#19251d;border-radius:2px;font-size:10px;padding:2px 3px}.mini-hand .red{color:#a13027}.reveal .seat{background:#153b2be8}.replay-controls{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px}.replay-controls input{width:100px;flex:1;padding:0;accent-color:#dcb47a}.replay-controls button{font-size:11px;padding:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050e0bcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;padding:20px}.modal{position:relative;background:#1c3028;border:1px solid #83937860;border-radius:18px;padding:32px;max-width:610px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0007}.modal h2{margin:18px 0;color:#e5d6b9}.modal p,.modal li{font-size:14px;line-height:1.9;color:#b4c4b6}.modal li{margin-bottom:8px}.modal ul{padding-left:20px}.close{float:right;background:none;border:0}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:25px}.modal label{font-size:12px}.modal input{display:block;width:100%;margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:14px 22px;background:#784b36;border-radius:10px;color:#fff;z-index:30}@media (min-width:1500px){.table{height:465px}.east-low,.west-low{top:285px}.table-center{top:155px}.hand .card{margin-left:-29px}}@media (max-width:1100px){.game-layout{grid-template-columns:1fr;padding:14px}.sidebar{display:grid;grid-template-columns:1fr 1fr}.event-list{height:160px}.table{height:400px}.east-high,.east-low{right:10px}.west-high,.west-low{left:10px}.seat{width:155px}.table-center{left:26%;width:48%}.hand .card{width:58px;height:84px;margin-left:-32px}}@media (max-width:650px){.lobby{padding:22px}.welcome{grid-template-columns:1fr;gap:25px;margin-top:35px}.intro h1{font-size:43px}.intro-cards{display:none}.intro p{font-size:14px}.start-panel{padding:23px}.edition{display:none}.brand{font-size:20px}.topbar{padding:0 12px;height:65px}.compact>span:last-child{display:none}.scoreboard{gap:8px}.scoreboard b{font-size:25px;margin:0 5px}.round{font-size:10px}.topbar>button:last-child{font-size:11px;padding:7px}.game-layout{padding:10px;gap:12px}.table-toolbar{gap:8px;flex-wrap:wrap}.table-toolbar .seed{font-size:9px}.table-toolbar button,.speed{margin-left:auto}.table{height:455px;border-radius:45px}.table-rim{top:8px;right:8px;bottom:8px;left:8px}.seat{width:120px;padding:7px}.seat-heading{gap:6px}.avatar{width:28px;height:28px;font-size:12px}.seat strong{font-size:11px}.seat strong small{font-size:8px}.seat-heading span{font-size:9px}.north{left:calc(50% - 60px);top:16px}.east-high{top:105px;right:10px}.west-high{top:105px;left:10px}.east-low{top:300px;right:10px}.west-low{top:300px;left:10px}.table-center{top:193px;left:4%;width:92%}.table-symbol{font-size:32px;margin:10px 0 0}.table-center p{margin:6px 0}.card.small{width:37px;height:53px}.table-center h2{margin:10px 0 0}.center-kicker{font-size:11px}.self-marker{bottom:17px}.hand-panel{padding:13px 10px;margin-top:10px}.hand-title{font-size:12px}.hand-title button{font-size:10px;padding:4px}.hand{justify-content:flex-start;padding:0 0 3px;gap:21px 0;min-height:72px}.hand .card{width:47px;height:68px;margin-left:-21px}.hand .card:nth-child(13n+1){margin-left:0}.action-row{flex-wrap:wrap;justify-content:flex-end}.selection-info{flex-basis:100%;min-height:20px;font-size:11px}.action-row button{flex:1;padding:10px;min-width:0}.bottom-controls{flex-wrap:wrap;gap:6px}.bottom-controls span{flex-basis:100%;text-align:center;margin-top:7px}.bottom-controls button{flex:1;font-size:11px;padding:8px 5px}.sidebar{grid-template-columns:1fr}.journal{order:1}.reason-panel{padding:15px}.replay-controls{flex-wrap:wrap}.replay-controls input{min-width:80px}.mini-hand{max-height:98px}.mini-hand span{font-size:8px}.modal{padding:23px}.modal-actions button{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.hand{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:22px 0;padding:0 28px 5px 0}.hand .card,.hand .card:first-child,.hand .card:nth-child(13n+1){margin-left:0}@media (max-width:650px){.hand{padding-right:25px;grid-template-columns:repeat(14,minmax(0,1fr))}}