:root{font-family:Tahoma,Arial,sans-serif;color:#edf0df;background:#0b1915;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 30%,#16362b66,transparent 60%);min-width:340px}button,input{font:inherit}button{cursor:pointer;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:inherit;padding:10px 18px;transition:background .18s,transform .18s}button:hover:enabled{background:#ffffff16}button:focus-visible,input:focus-visible{outline:3px solid #e0bc70;outline-offset:3px}button:disabled{cursor:default;opacity:.38}h1,h2,h3,p{margin:0 0 12px}h2{font-size:27px}h3{font-size:21px}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 42px;border-bottom:1px solid #ffffff12}.brand{color:#e6ca8d;text-decoration:none;font-size:43px;font-weight:700;line-height:1}.brand span{display:block;color:#9baa9f;font-size:11px;font-weight:400;margin-top:10px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:14px}.local{font-size:12px;color:#96b5a4}.quiet{background:transparent;border-color:#ffffff18;font-size:12px}.primary{color:#19291f;background:#dfbe79;font-weight:700;border-color:#dfbe79;padding:13px 25px}.primary:hover:enabled{background:#f1d494}.wide{width:100%;display:flex;justify-content:space-between}.eyebrow{color:#c8aa6d;font-size:12px;letter-spacing:1px;margin-bottom:10px}.welcome{max-width:1130px;margin:70px auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 28px}.intro h1{font-size:66px;line-height:1.35;font-weight:500}.intro em{font-style:normal;color:#d9bb7e}.intro p{color:#a9b9ac;font-size:17px;line-height:1.9}.panel{background:#15271f;border:1px solid #c9b27d2d;border-radius:19px;padding:30px;box-shadow:0 25px 80px #0002}.muted,.fine{color:#9caea1}.muted{font-size:13px}.fine{font-size:11px;margin-top:14px}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin:28px 0}.name-grid label span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.name-grid small{color:#9caea1;font-size:10px}input{width:100%;background:#0b1c16;border:1px solid #ffffff19;border-radius:8px;padding:12px;color:#eee}.target-label{font-size:13px}.segmented{display:flex;gap:8px;margin:10px 0}.segmented button{flex:1}.active{border-color:#dfbe79!important;background:#d5b77916!important;color:#efd192}.setup .primary{margin-top:25px}.sample-cards{display:flex;direction:ltr;margin:35px 10px 28px;height:145px}.sample-cards .card:nth-child(1){transform:rotate(-13deg)}.sample-cards .card:nth-child(2){transform:translateY(-10px);margin-left:-14px}.sample-cards .card:nth-child(3){transform:rotate(13deg);margin-left:-14px}.card{position:relative;flex-shrink:0;width:83px;height:120px;background:#fbf7ec!important;color:#1b2824;padding:0;border:1px solid #dfdacb;border-radius:8px;box-shadow:0 5px 10px #0003;direction:ltr;opacity:1!important}.card.red{color:#b7323a}.corner{position:absolute;left:7px;top:5px;line-height:1.1;font:700 21px Georgia,serif}.corner small{display:block;font-size:18px}.corner.bottom{inset:auto 7px 5px auto;transform:rotate(180deg)}.pip{font:43px Georgia,serif;display:block}.face-name{font-size:9px;position:absolute;bottom:24px;left:0;right:0}.card:disabled{cursor:default}.hand .card[aria-disabled=true]{filter:brightness(.5);opacity:.65!important}.hand .card:enabled:hover{transform:translateY(-10px);box-shadow:0 0 0 2px #dfbe79}.card.selected{transform:translateY(-12px);box-shadow:0 0 0 3px #dfbe79}.game{max-width:1160px;margin:25px auto;padding:0 25px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.contract{display:flex;gap:25px;font-size:12px;color:#a6b7aa}.contract b{display:block;color:#ecd6a6;font-size:15px}.scoreboard{display:flex;justify-content:space-between;gap:18px;margin:10px 0 25px}.scoreboard>div{display:flex;gap:14px;align-items:center;background:#ffffff04;border:1px solid #ffffff12;padding:12px 20px;border-radius:12px;flex:1}.scoreboard small{display:block;color:#91a899;font-size:10px}.scoreboard strong{font-size:13px}.token{border:1px solid #ffffff20;border-radius:5px;padding:3px 10px;font-size:14px}.red-token{color:#f39391;background:#822b2b25}.black-token{color:#a8bcb1;background:#050b08}.team-dot{width:7px;height:7px;border-radius:50%}.t0{background:#bd9e5c}.t1{background:#5b9b94}.table{height:420px;border-radius:150px;background:radial-gradient(ellipse,#22503d,#143d2e);border:9px solid #493e2b;outline:1px solid #9d86503d;box-shadow:inset 0 0 0 2px #a3956333,inset 0 0 70px #041a1399,0 20px 40px #0004;position:relative;margin:15px 45px 28px}.table:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px dashed #dbbf7b22;border-radius:130px;pointer-events:none}.seat{position:absolute;display:flex;gap:9px;align-items:center;background:#12241e;border:1px solid #52634a;padding:9px 14px;border-radius:12px;z-index:2;min-width:140px}.seat.turn{border-color:#d8b970;box-shadow:0 0 0 3px #d8b9701c}.seat strong{font-size:13px}.seat small{display:block;font-size:9px;color:#a0b4a5}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#102a22;font-size:13px;font-weight:700}.seat-0{bottom:-17px;left:50%;transform:translate(-50%)}.seat-1{right:-55px;top:45%}.seat-2{top:-17px;left:50%;transform:translate(-50%)}.seat-3{left:-55px;top:45%}.table-mark{position:absolute;top:41%;left:46%;font-size:30px;color:#d3c38d30;font-weight:700}.table-mark small{display:block;font-size:9px}.field{position:absolute;top:45px;right:26%;bottom:45px;left:26%;direction:ltr}.slot{position:absolute;width:68px;height:96px;border:1px solid #e3d6ad20;border-radius:8px;display:grid;place-items:center}.slot .card{width:65px;height:94px}.slot .pip{font-size:32px}.slot .corner{font-size:16px}.slot .corner small{font-size:12px}.slot-0{bottom:0;left:calc(50% - 34px)}.slot-1{right:0;top:calc(50% - 48px)}.slot-2{top:0;left:calc(50% - 34px)}.slot-3{left:0;top:calc(50% - 48px)}.slot-number{color:#ffffff19;font-size:22px}.card-back{width:64px;height:92px;background:repeating-linear-gradient(45deg,#17392f,#17392f 4px,#23493b 4px,#23493b 6px);border:4px solid #d8ccaa;border-radius:7px;display:grid;place-items:center;color:#ddc188;font-size:28px;box-shadow:0 4px 8px #0004}.winner-card{box-shadow:0 0 0 4px #e6c477,0 0 25px #f5c85888}.hand-area,.action-panel{background:#12261e;border:1px solid #ffffff13;padding:22px;border-radius:14px;margin-top:22px}.hand-heading{display:flex;align-items:center;justify-content:space-between}.hand-heading small{font-size:10px;color:#a8baaa}.hand-heading h3{margin-bottom:0}.hand{display:flex;direction:ltr;gap:8px;overflow-x:auto;padding:22px 5px 12px;justify-content:safe center;min-height:155px}.hand .card{width:78px;height:116px}.bid-list{display:flex;gap:7px;flex-wrap:wrap}.bid-list button{padding:7px 12px}.auction-controls p,.play-hint{font-size:13px;color:#bac9bc;margin-top:12px}.recipients{display:flex;gap:10px;margin:15px 0}.recipients button{flex:1;font-size:12px}.recipients strong{display:block;color:#dfc791}.trump-choices button{margin:5px}.trump-choices b{font-size:28px;margin-left:10px}.chat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff12;padding-top:14px;margin-top:10px}.chat>span{font-size:11px;color:#9db09e}.chat button{padding:6px 12px}.action-panel{text-align:center}.action-panel p{font-size:13px;color:#a9bba9}.announcement h2{color:#e2c589}.result{text-align:center;margin-top:25px}.result-points{display:flex;justify-content:center;gap:40px;margin:20px}.result-points strong{display:block;font-size:25px;color:#e4c98e}.red-text{color:#e98585}.game-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#839b8b;margin-top:20px}.privacy,.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#091b15f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.privacy-box{text-align:center;width:390px}.privacy-icon{font-size:65px;color:#d9bb79}.privacy-box h1{font-size:37px;margin-top:12px}.privacy-box p{color:#a2b5a6;font-size:14px;line-height:2;margin-bottom:30px}.privacy-box .primary{justify-content:center}.privacy-box>small{display:block;margin-top:20px;color:#a2b5a6}.modal{z-index:40;background:#06110ddf}.modal .panel{width:560px;max-height:85vh;overflow:auto}.modal .quiet{margin:10px}.rules p{font-size:14px;line-height:1.9;color:#b7c8ba}.toast{position:fixed;bottom:25px;left:25px;z-index:50;background:#e5cf9d;color:#162b20;padding:14px 20px;border-radius:12px;box-shadow:0 10px 30px #0008;font-size:14px}.toast button{color:#17281e;margin-right:15px}.messages{max-height:50vh;overflow:auto}.messages p{border-bottom:1px solid #ffffff14;padding:10px;font-size:13px}footer{max-width:1320px;margin:35px auto 0;padding:22px 35px;border-top:1px solid #ffffff0c;color:#b59b65;font-size:20px}footer span{font-size:11px;color:#728c7c;margin-right:12px}@media(max-width:760px){header{padding:18px}.brand{font-size:34px}.brand span{font-size:9px}.header-actions{gap:7px}.header-actions .local{display:none}.quiet{padding:8px 10px}.welcome{margin:35px auto;grid-template-columns:1fr;gap:35px;padding:0 20px}.intro h1{font-size:48px}.intro p{font-size:14px}.sample-cards{display:none}.intro .fine{display:block}.panel{padding:23px}.game{padding:0 15px}.game-top{align-items:flex-start}.game-top h2{font-size:23px}.contract{gap:10px;font-size:9px;flex-wrap:wrap;max-width:55%}.contract b{font-size:11px}.scoreboard{gap:8px}.scoreboard>div{padding:9px;gap:7px;flex-wrap:wrap}.scoreboard strong{font-size:10px}.token{padding:1px 7px;font-size:12px}.table{height:370px;margin:35px 27px;border-width:6px;border-radius:90px}.table:after{top:12px;right:12px;bottom:12px;left:12px;border-radius:75px}.seat{min-width:90px;gap:5px;padding:7px;max-width:145px}.seat strong{font-size:10px}.seat small{font-size:8px}.seat .avatar{width:20px;height:20px;font-size:10px}.seat-1{right:-34px;top:42%}.seat-3{left:-34px;top:42%}.field{top:40px;right:17%;bottom:40px;left:17%}.slot,.slot .card{width:52px;height:77px}.slot .card .pip{font-size:27px}.slot .face-name{display:none}.slot .corner{font-size:13px}.slot .corner small{font-size:10px}.slot-0,.slot-2{left:calc(50% - 26px)}.slot-1,.slot-3{top:calc(50% - 38px)}.card-back{width:51px;height:76px}.table-mark{left:40%;font-size:24px}.hand-area{padding:15px 10px}.hand{justify-content:flex-start;gap:6px}.hand .card{width:72px;height:108px}.recipients{gap:5px}.recipients button{padding:7px;font-size:10px}.chat{gap:5px}.chat button{font-size:10px}.game-footer{gap:10px;font-size:9px}.result-points{gap:15px;font-size:12px}.result-points strong{font-size:21px}.toast{left:12px;right:12px;bottom:12px;font-size:12px}.privacy-box h1{font-size:31px}.name-grid{gap:15px 10px}}body{min-width:320px}button,select{touch-action:manipulation}.in-match{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.in-match header{width:100%;max-width:1160px;padding:6px 18px;min-height:44px;flex-shrink:0}.in-match .brand{font-size:28px}.in-match .brand span,.in-match footer{display:none}.in-match .game{width:100%;flex:1;min-height:0;margin:0 auto;padding:6px 16px 10px;display:flex;flex-direction:column;gap:6px}.game-top{flex-shrink:0;gap:8px}.game-top h2{font-size:17px;margin:0}.game-top .eyebrow{font-size:10px;margin:0;letter-spacing:0}.contract{gap:12px;font-size:10px}.contract b{font-size:12px;display:inline;margin-inline-start:4px}.scoreboard{margin:0;gap:8px;flex-shrink:0}.scoreboard>div{padding:4px 10px;gap:8px;flex-wrap:nowrap;min-width:0}.scoreboard>div>div{flex:1;min-width:0}.scoreboard strong{font-size:11px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scoreboard small{display:none}.scoreboard .token{font-size:12px;padding:0 6px;white-space:nowrap}.table{flex:1;min-height:260px;max-height:540px;height:auto;margin:25px 32px 23px;border-width:6px}.seat{min-width:110px;max-width:180px;padding:5px 8px;gap:6px}.seat>div:last-child{min-width:0}.seat strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-1{right:-35px;top:40%}.seat-3{left:-35px;top:40%}.seat-bubbles{position:absolute;bottom:calc(100% + 6px);width:max-content;max-width:min(170px,38vw);display:flex;flex-direction:column;gap:4px;z-index:8;right:0;pointer-events:none}.seat-0 .seat-bubbles,.seat-2 .seat-bubbles{right:50%;transform:translate(50%)}.seat-3 .seat-bubbles{right:auto;left:0}.seat:has(.speech-bubble){z-index:6}.speech-bubble{position:relative;width:fit-content;max-width:100%;background:#eee5ca;color:#182b21;border:1px solid #dec58b;border-radius:10px;padding:5px 8px 5px 3px;font-size:12px;line-height:1.45;display:flex;align-items:center;gap:5px;box-shadow:0 3px 10px #0003;pointer-events:auto}.speech-bubble span{overflow-wrap:anywhere;min-width:0}.speech-bubble:after{content:"";position:absolute;bottom:-5px;right:16px;width:8px;height:8px;background:inherit;transform:rotate(45deg);border-bottom:1px solid #dec58b;border-right:1px solid #dec58b}.seat-0 .speech-bubble:after,.seat-2 .speech-bubble:after{right:calc(50% - 4px)}.seat-3 .speech-bubble:after{right:auto;left:16px}.speech-bubble button{border:0;background:#16291e12;padding:0;border-radius:50%;min-width:28px;height:30px;color:#22392b;font-size:21px;line-height:1}.official{background:#e4c37a;font-weight:700}.tools-menu{position:fixed;z-index:35;top:calc(48px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:230px;max-height:calc(100dvh - 70px);overflow:auto;padding:8px;background:#18362c;border:1px solid #c5ab70;border-radius:12px;box-shadow:0 10px 35px #0009}.tools-menu>button{display:block;width:100%;text-align:right;min-height:44px;border:0}.menu-toggle{min-height:36px}.hand-area{flex-shrink:0;padding:8px 10px 4px;margin:0;border-radius:12px;display:flex;flex-direction:column;gap:5px}.hand-heading{min-height:28px}.hand-heading>div{display:flex;align-items:baseline;gap:8px}.hand-heading h3{font-size:13px}.hand-heading small{font-size:9px}.hand-heading .quiet{padding:5px 10px;min-height:32px}.hand-heading .play-confirm{min-height:32px;padding:4px 12px;font-size:12px}.hand{--card-width: 84px;--card-height: 116px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;width:100%;min-height:0;overflow:visible;padding:13px 0 2px;direction:ltr;isolation:isolate}.hand-row{position:relative;display:flex;flex-shrink:0;direction:ltr;height:var(--card-height)}.hand-row+.hand-row{margin-top:-52px}.hand .card{width:var(--card-width);height:var(--card-height);margin:0;border-radius:7px;transition:transform .15s;touch-action:manipulation}.hand .card+.card{margin-left:calc(var(--card-width) / -2)}.hand .card .corner{left:6px;top:5px;font:700 25px/1 Georgia,serif;min-width:25px;text-align:center}.hand .card .corner small{font-size:24px;line-height:1.05}.hand .card .corner.bottom{inset:auto 6px 5px auto}.card{color:#101b17;background:#fffaf0!important}.card.red{color:#b51c35}.hand .card[aria-disabled=true]{filter:none;opacity:1!important;background:#d0d2c6!important;border-color:#68786b}.hand .card[aria-disabled=true]:after{content:"−";color:#29483b;position:absolute;left:6px;bottom:8px;font-weight:700}.hand .card.selected{transform:translateY(-10px);box-shadow:inset 0 0 0 3px #d4a73e,0 2px 8px #0004}.hand .card:enabled:hover{transform:none;box-shadow:0 3px 8px #0004}.hand .card.selected:enabled:hover,.hand .card:focus-visible{transform:translateY(-10px)}.hand .card:focus-visible{outline:2px solid #e9c66a;outline-offset:-2px}.bid-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bid-list label{display:flex;align-items:center;gap:5px;font-size:11px}select{background:#0b1c16;color:#f5e3b6;border:1px solid #c7ac6d66;border-radius:7px;font:inherit;min-height:40px;padding:5px}.bid-list button{flex:0 0 auto;min-height:40px;padding:6px 12px;font-size:12px}.bid-list .pass{border-color:#ba837c;color:#ebaaa0}@media(max-width:760px)and (orientation:portrait){.bid-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.bid-list button{min-height:36px;padding:3px 1px;font-size:12px}.bid-list .pass{grid-column:span 3}}.auction-controls p,.play-hint,.hand-area>p{font-size:11px;line-height:1.5;margin:0 0 4px}.recipients{gap:5px;margin:0}.recipients button{padding:5px 3px;font-size:10px;min-width:0;line-height:1.4;min-height:45px}.recipients strong{line-height:1.4;font-size:12px}.hand-area>.primary{padding:6px 12px;min-height:36px;font-size:12px}.trump-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.trump-choices p{grid-column:1 / -1;margin:0;font-size:11px}.trump-choices button{margin:0;padding:4px;min-height:44px;font-size:11px}.trump-choices b{font-size:25px;margin-left:4px}.action-panel{margin:0;padding:8px;flex-shrink:0}.action-panel h3{font-size:15px;margin:0}.action-panel p{font-size:10px;margin:3px 0}.action-panel button{min-height:40px;padding:6px 15px}.phase-result .table,.phase-finished .table{display:none}.result{overflow:auto;min-height:0;margin:10px 0 0}@media(min-width:761px)and (min-height:501px){.seat-2{left:82%;top:20px;min-width:0}.seat-0{left:18%;bottom:-6px;min-width:0}.seat-2 .seat-bubbles{right:0;transform:none;bottom:calc(100% + 3px)}.seat-0 .seat-bubbles{right:auto;left:0;transform:none;bottom:calc(100% - 6px)}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 28px)}}@media(max-width:760px){.in-match header{padding:4px 10px;min-height:40px}.in-match .game{padding:4px 8px max(6px,env(safe-area-inset-bottom));gap:4px}.menu-toggle span{display:none}.menu-toggle{padding:4px 10px;min-width:38px;min-height:32px;font-size:20px}.game-top h2{font-size:14px}.game-top .eyebrow{font-size:9px}.contract{max-width:62%;gap:3px 9px;font-size:9px;line-height:1.4}.contract b{font-size:10px}.scoreboard>div{padding:4px 6px;gap:5px}.scoreboard strong{font-size:9px}.scoreboard .token{font-size:11px;padding:0 4px}.table{min-height:234px;margin:30px 21px 20px;border-radius:65px;border-width:4px}.table:after{top:9px;right:9px;bottom:9px;left:9px;border-radius:55px}.seat{min-width:0;max-width:118px;padding:3px 5px;gap:4px}.seat strong{font-size:9px}.seat small{font-size:7px;line-height:1.4}.seat .avatar{width:21px;height:21px;flex-shrink:0}.seat-1{right:-25px;top:38%;flex-direction:column;max-width:78px;text-align:center}.seat-3{left:-25px;top:38%;flex-direction:column;max-width:78px;text-align:center}.seat-0{bottom:-17px}.seat-2{top:-17px}.seat-bubbles{max-width:min(124px,34vw);bottom:calc(100% + 4px)}.speech-bubble{font-size:10px;gap:3px;padding:4px 5px 4px 2px;text-align:right}.speech-bubble button{min-width:26px;height:28px}.field{top:19px;right:44px;bottom:19px;left:44px}.slot,.slot .card{width:58px;height:82px}.slot-0,.slot-2{left:calc(50% - 29px)}.slot-1,.slot-3{top:calc(50% - 41px)}.slot-1{right:-3px}.slot-3{left:-3px}.slot .card .corner{font-size:17px;left:3px;top:3px}.slot .card .corner small{font-size:16px}.slot .card .corner.bottom{inset:auto 3px 3px auto}.card-back{width:57px;height:81px}.table-mark{font-size:22px;top:42%;left:44%}.hand-area{padding:5px 7px 3px;gap:4px}.hand{--card-width: 80px;--card-height: 110px;padding-top:12px}.hand-row+.hand-row{margin-top:-52px}.hand .card .pip{font-size:36px}.hand .card .face-name{display:none}.hand-heading{min-height:28px}.hand-heading h3{font-size:12px}.hand-heading small{display:none}.privacy-box{max-width:360px}}@media(max-width:350px){.hand{--card-width: 72px;--card-height: 106px}.hand-area{padding-inline:3px}.hand .card .corner{left:3px;font-size:24px}.hand .card .corner small{font-size:23px}.phase-auction .bid-list{grid-template-columns:repeat(10,minmax(0,1fr))}.phase-auction .bid-list button{min-height:40px}.phase-auction .bid-list .pass{grid-column:span 2;font-size:10px}.phase-auction .table{min-height:186px}.phase-auction .slot{height:68px}.phase-auction .card-back{height:67px}.phase-auction .slot-1,.phase-auction .slot-3{top:calc(50% - 34px)}}@media(max-width:760px)and (orientation:portrait){.game-top .eyebrow{display:none}.contract{max-width:72%}.contract>span{white-space:nowrap}.phase-exchange .hand-heading,.phase-exchange .hand-area>p{display:none}.phase-exchange .hand-area{display:grid;grid-template-columns:minmax(0,1fr) 68px;column-gap:4px}.phase-exchange .recipients{grid-column:1;grid-row:1}.phase-exchange .recipients button{overflow:hidden;min-height:44px;font-size:9px;padding-inline:1px}.phase-exchange .hand-area>.primary{grid-column:2;grid-row:1;font-size:10px;line-height:1.4;padding:2px 4px}.phase-exchange .hand{grid-column:1 / -1}.table{margin-top:20px;margin-bottom:18px}.seat-1,.seat-3{max-width:62px}.seat-2{top:7px}.seat-2 .seat-bubbles{bottom:calc(100% - 7px)}.seat-0 .seat-bubbles{right:-35px;transform:none}.seat-0 .speech-bubble:after{right:38px}}@media(max-height:650px)and (max-width:760px)and (orientation:portrait){.in-match header{min-height:34px;padding-block:1px}.table{margin-top:24px;min-height:216px}.hand-heading{min-height:24px}.hand-heading .quiet{min-height:26px;padding:2px 8px}.hand-area{gap:2px}}@media(max-height:500px)and (orientation:landscape){.in-match header{position:absolute;top:env(safe-area-inset-top);right:0;width:47%;border:0;z-index:10}.in-match .game{display:grid;grid-template-columns:minmax(0,47%) minmax(0,1fr);grid-template-rows:35px 30px minmax(0,1fr);column-gap:12px;padding-top:5px}.game-top{grid-column:2;grid-row:1}.game-top>div:first-child{display:none}.contract{max-width:100%}.scoreboard{grid-column:2;grid-row:2}.table{grid-column:1;grid-row:2 / 4;align-self:stretch;min-height:220px;margin:26px 22px 20px}.hand-area,.action-panel,.result{grid-column:2;grid-row:3;align-self:end}.hand{--card-width: 72px;--card-height: 100px}.hand-row+.hand-row{margin-top:-45px}.seat-bubbles{max-width:115px}.hand-area,.table,.game-top,.scoreboard{min-width:0}.in-match header{width:42px;right:8px;padding:0}.in-match header .brand,.in-match header .local,.menu-toggle span{display:none}.seat-2{left:82%;top:20px;width:90px;min-width:0}.seat-0{left:18%;bottom:-6px;width:90px;min-width:0}.seat-2 .seat-bubbles{right:-16px;transform:none;bottom:calc(100% + 3px);max-width:112px}.seat-0 .seat-bubbles{right:auto;left:-16px;transform:none;max-width:112px;bottom:calc(100% - 6px)}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 20px)}.seat,.seat strong{font-size:10px}.seat small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.speech-bubble{font-size:10px}}@media(max-width:760px)and (orientation:portrait){.in-match header{height:38px;min-height:38px;justify-content:flex-end}.in-match header .brand{display:none}.in-match .game-top{position:absolute;top:calc(5px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:calc(100% - 68px - env(safe-area-inset-right) - env(safe-area-inset-left));min-height:28px}.game-top h2{font-size:12px;white-space:nowrap}.contract{gap:2px 7px}.recipients button{line-height:1.2}.table{margin-top:16px}.phase-auction .hand-heading,.phase-auction .auction-controls>p,.phase-trump .hand-heading,.phase-trump .trump-choices>p{display:none}.recipients button{flex:1 1 0}.recipient-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table{margin-top:22px}.seat-2{left:82%;top:20px;width:90px}.seat-0{left:18%;bottom:-6px;width:90px}.seat-2 .seat-bubbles{right:-16px;transform:none;bottom:calc(100% + 3px);max-width:112px}.seat-0 .seat-bubbles{right:auto;left:-16px;transform:none;max-width:112px;bottom:calc(100% - 6px)}.seat-2 .speech-bubble:after{right:35px}.table{margin-bottom:14px}.hand-area{padding-block:3px 1px}.seat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 24px)}.seat-1 .speech-bubble:before,.seat-3 .speech-bubble:before{content:"";position:absolute;width:1px;height:20px;bottom:-24px;background:#dec58b;right:32px}.seat-1 .speech-bubble:after{right:29px}.seat-3 .speech-bubble:before{right:auto;left:30px}.seat-3 .speech-bubble:after{left:27px}}.table{background:none;border:0;outline:0;box-shadow:none;border-radius:0;width:100%;max-width:790px;min-height:328px;max-height:410px;margin:8px auto;align-self:center;isolation:isolate}.table:before{content:"";position:absolute;top:48px;right:40px;bottom:48px;left:40px;border-radius:80px;border:5px solid #756242;outline:1px solid #d1b97744;background:radial-gradient(ellipse at 50% 35%,#285440,#153d2d 75%);box-shadow:inset 0 0 0 2px #d2b77722,inset 0 0 35px #071d1266,0 8px 25px #0004;z-index:-1}.table:after{top:60px;right:53px;bottom:60px;left:53px;border-radius:66px;border:1px dashed #dfc98b28}.table-mark{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.2}.seat{border:0;background:none;box-shadow:none;padding:0;width:126px;max-width:126px;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;z-index:3;transition:color .25s}.seat>div:last-child{width:100%}.seat strong{display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;line-height:1.35;max-width:100%}.seat small{font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-0{left:50%;bottom:0;top:auto;right:auto;transform:translate(-50%)}.seat-2{left:50%;top:0;bottom:auto;right:auto;transform:translate(-50%)}.seat-1{right:0;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:100px}.seat-3{left:0;right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:100px}.seat .avatar{width:48px;height:48px;border:2px solid #8ca29466;position:relative;overflow:visible;border-radius:50%;background:linear-gradient(145deg,#496656,#1c3328);color:#b3c7b8;box-shadow:0 4px 10px #0005,inset 0 1px #ffffff2b;transition:border-color .25s,background .25s,box-shadow .25s,color .25s}.seat .avatar svg{display:block;width:35px;height:35px;overflow:hidden;border-radius:50%}.seat .avatar.t1{background:linear-gradient(145deg,#366768,#193331)}.seat-number{position:absolute;bottom:-3px;right:-5px;width:19px;height:19px;display:grid;place-items:center;border:1px solid #b5bc9a;border-radius:50%;background:#193328;color:#f0e5c7;font:700 11px/1 Arial,sans-serif}.seat.turn{border:0;box-shadow:none;color:#f1d99d}.seat.turn .avatar{color:#f1d99d;border-color:#e4bd61;background:linear-gradient(145deg,#7a6334,#3d3924);box-shadow:0 0 0 4px #e3bd6122,0 5px 16px #0005;animation:turn-arrive .38s ease-out,turn-glow 2.8s .4s ease-in-out infinite}.seat.turn .avatar:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid #d6b45a66;border-radius:50%}.turn-label{color:#18251a;background:#e3c16d;font-size:8px;font-weight:700;padding:1px 5px;border-radius:8px;flex-shrink:0}.field{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:144px;height:158px;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(2,65px);grid-template-rows:repeat(2,64px);gap:0 14px;direction:ltr;align-content:start;z-index:1}.slot{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:65px;height:94px}.slot-0{grid-column:2;grid-row:2}.slot-1{grid-column:2;grid-row:1}.slot-2{grid-column:1;grid-row:1}.slot-3{grid-column:1;grid-row:2}.slot .card{width:65px;height:94px;animation:card-arrive .24s ease-out}.slot .card-back{width:64px;height:93px}.slot:nth-child(1),.slot:nth-child(4){z-index:2}.slot .played-by{position:absolute;top:3px;right:3px;border-radius:50%;width:13px;height:13px;background:#18392c;color:#f2dfac;border:1px solid #d9be80;font:9px/12px Arial,sans-serif;text-align:center;pointer-events:none}.winner-card{box-shadow:none}.winner-card .card{box-shadow:inset 0 0 0 3px #d5a546,0 0 12px #e2bc5944}.match-card{display:inline-grid;place-items:center;flex-shrink:0;position:relative;width:29px;height:40px;border:1px solid #f0dfb9;border-radius:4px;color:#fff1d4;box-shadow:0 2px 4px #0004;direction:ltr}.match-card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid #f7e4be55;border-radius:2px;pointer-events:none}.match-card-red{background:linear-gradient(145deg,#ba4553,#8b2434)}.match-card-black{background:linear-gradient(145deg,#34413a,#111a15)}.scoreboard .match-card strong{color:inherit;font:700 17px/1 Georgia,serif;overflow:visible}.match-card-corner{position:absolute;left:3px;top:2px;font:700 7px/1 Georgia,serif}.match-card-corner.reverse{inset:auto 3px 2px auto;transform:rotate(180deg)}.scoreboard>div{padding-block:3px}.player-action{display:flex;align-items:center;text-align:right;gap:10px;background:linear-gradient(110deg,#1d3929,#172c21);border-color:#c8a65b66}.player-action>div{flex:1;min-width:0}.player-action h3{color:#ebd39b}.player-action .avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;position:relative;background:#6f5b31;color:#f1d99d}.player-action .avatar svg{width:30px;height:30px}.player-action button{flex-shrink:0}.seat-0 .seat-bubbles,.seat-2 .seat-bubbles{bottom:auto;top:-3px;right:auto;transform:none;max-width:120px}.seat-2 .seat-bubbles{left:calc(50% + 29px)}.seat-0 .seat-bubbles{left:auto;right:calc(50% + 29px)}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 7px)}.speech-bubble:before{display:none}.seat-0 .speech-bubble:after{bottom:auto;top:14px;right:-5px;left:auto;transform:rotate(-45deg)}.seat-2 .speech-bubble:after{bottom:auto;top:14px;left:-5px;right:auto;transform:rotate(135deg)}@keyframes turn-arrive{0%{opacity:.5;scale:.86}to{opacity:1;scale:1}}@keyframes turn-glow{0%,to{box-shadow:0 0 0 4px #e3bd6120,0 5px 14px #0004}50%{box-shadow:0 0 0 6px #e3bd6138,0 5px 18px #d3ae4a22}}@keyframes card-arrive{0%{opacity:.3;translate:0 -8px}to{opacity:1;translate:0 0}}@media(max-width:760px){.table{min-height:256px;max-height:345px;margin:4px auto}.phase-auction .table{min-height:236px}.phase-auction .field{height:112px;grid-template-rows:repeat(2,42px)}.phase-auction .slot{height:70px}.phase-auction .slot .card-back{height:69px}.table:before{top:42px;right:30px;bottom:42px;left:30px;border-radius:62px;border-width:4px}.table:after{top:51px;right:39px;bottom:51px;left:39px;border-radius:52px}.seat{width:116px;max-width:116px;gap:0}.seat strong{font-size:10px;line-height:1.25}.seat small{font-size:8px;line-height:1.2}.seat .avatar{width:40px;height:40px}.seat .avatar svg{width:29px;height:29px}.seat-1,.seat-3{width:66px;max-width:66px}.seat-1{right:0;top:50%}.seat-3{left:0;top:50%}.seat-0{left:50%;bottom:0}.seat-2{left:50%;top:0}.seat-number{width:16px;height:16px;font-size:9px}.turn-label{font-size:7px;padding:1px 4px}.field{width:128px;height:132px;grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,50px);column-gap:12px}.slot,.slot .card{width:58px;height:82px}.slot .card-back{width:57px;height:81px}.slot .corner{font-size:17px}.slot .corner small{font-size:16px}.slot-0,.slot-1,.slot-2,.slot-3{left:auto;right:auto;top:auto;bottom:auto}.match-card{width:23px;height:32px}.scoreboard .match-card strong{font-size:14px}.match-card-corner{font-size:6px}.scoreboard>div{padding-block:2px}.scoreboard strong{font-size:10px}.seat-2 .seat-bubbles{left:calc(50% + 25px);max-width:110px}.seat-0 .seat-bubbles{right:calc(50% + 66px);max-width:88px}.seat-0 .speech-bubble:before{display:block;content:"";position:absolute;top:18px;right:-44px;width:40px;height:1px;background:#dec58b88}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 8px);max-width:70px}.seat-1 .speech-bubble,.seat-3 .speech-bubble{padding:8px 5px 5px}.seat-1 .speech-bubble button,.seat-3 .speech-bubble button{position:absolute;top:-12px;right:-4px;min-width:24px;width:24px;height:24px;border:1px solid #dec58b;background:#eee5ca}.seat-3 .speech-bubble button{right:auto;left:-4px}.player-action{padding:7px;gap:6px}.player-action h3{font-size:11px}.player-action p{font-size:9px}.player-action>.avatar{display:none}.player-action button{padding:6px 9px;font-size:11px;min-height:42px}.hand-heading .play-hint{margin:0}}@media(max-width:350px){.phase-auction .table{min-height:204px}.phase-exchange .table{min-height:240px}.phase-auction .field{height:80px;grid-template-rows:repeat(2,30px)}.phase-auction .slot{height:50px}.phase-auction .slot .card-back{height:49px}.phase-auction .slot-1,.phase-auction .slot-3{top:auto}.seat-2 .seat-bubbles{max-width:104px;left:calc(50% + 24px)}.seat-0 .seat-bubbles{max-width:88px;right:calc(50% + 66px)}}@media(max-height:500px)and (orientation:landscape){.table{min-height:286px;max-height:330px;margin:0;align-self:center}.table:before{top:44px;right:25px;bottom:44px;left:25px}.table:after{top:54px;right:35px;bottom:54px;left:35px}.seat{width:110px;max-width:110px}.seat .avatar{width:40px;height:40px}.seat .avatar svg{width:29px;height:29px}.seat-1,.seat-3{width:68px;max-width:68px}.seat-1{right:0;top:50%}.seat-3{left:0;top:50%}.seat-0{left:50%;bottom:0}.seat-2{left:50%;top:0}.field{width:128px;height:142px;grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,60px);column-gap:12px}.slot,.slot .card{width:58px;height:82px}.slot-0,.slot-1,.slot-2,.slot-3{left:auto;right:auto;top:auto;bottom:auto}.slot .card-back{width:57px;height:81px}.seat-0 .seat-bubbles{right:calc(50% + 25px);max-width:108px}.seat-2 .seat-bubbles{left:calc(50% + 25px);max-width:108px}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 8px);max-width:108px}.scoreboard .match-card{width:23px;height:32px}}@media(prefers-reduced-motion:reduce){.seat .avatar,.seat.turn .avatar,.slot .card{animation:none;transition:none}}@media(min-height:700px){.table{margin-block:auto}}.table:before{top:40px;right:32px;bottom:40px;left:32px}.table:after{top:52px;right:45px;bottom:52px;left:45px}.field{--field-card-width: 65px;--field-card-height: 94px;display:block;width:232px;height:184px}.slot{position:absolute;grid-column:auto;grid-row:auto}.slot-0{left:calc(50% - var(--field-card-width) / 2);right:auto;top:auto;bottom:0}.slot-2{left:calc(50% - var(--field-card-width) / 2);right:auto;top:0;bottom:auto}.slot-1{left:auto;right:0;top:calc(50% - var(--field-card-height) / 2);bottom:auto}.slot-3{left:0;right:auto;top:calc(50% - var(--field-card-height) / 2);bottom:auto}@media(max-width:760px){.table:before{top:34px;right:22px;bottom:34px;left:22px}.table:after{top:43px;right:31px;bottom:43px;left:31px}.field{--field-card-width: 58px;--field-card-height: 82px;width:180px;height:clamp(132px,calc(100% - 124px),190px)}.phase-auction .field{--field-card-height: 70px;height:112px}.slot-1,.slot-3{top:calc(50% - var(--field-card-height) / 2 + 4px)}}@media(max-width:350px){.phase-auction .field{--field-card-height: 50px;height:80px}.phase-auction .slot-1,.phase-auction .slot-3{top:calc(50% - var(--field-card-height) / 2 + 4px)}}@media(max-height:500px)and (orientation:landscape){.table:before{top:36px;right:17px;bottom:36px;left:17px}.table:after{top:46px;right:27px;bottom:46px;left:27px}.field{--field-card-width: 58px;--field-card-height: 82px;width:200px;height:clamp(140px,calc(100% - 146px),184px)}.slot-1,.slot-3{top:calc(50% - var(--field-card-height) / 2 + 8px)}.slot-0{bottom:4px}}.in-match header .brand{display:none}.in-match header .header-actions{margin-inline-start:auto}.in-match .game{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(380px,620px) auto;align-content:start;gap:4px;padding-top:0;position:relative}.in-match .game-top{position:fixed;top:calc(6px + env(safe-area-inset-top));right:max(100px,calc((100vw - 1100px)/2));width:min(850px,calc(100% - 250px));min-height:30px;z-index:9}.table{grid-area:1 / 1;height:100%;width:100%;min-height:0;max-height:none;max-width:none;margin:0}.table:before{top:0;right:0;bottom:0;left:0;border-radius:96px}.table:after{top:12px;right:12px;bottom:12px;left:12px;border-radius:84px}.hand-area,.player-action{grid-area:2 / 1;margin:0}.seat .avatar{width:72px;height:72px}.seat .avatar svg{width:52.5px;height:52.5px}.seat{height:72px;gap:0}.seat-1,.seat-3{width:72px;max-width:72px}.seat>div:last-child{position:absolute;left:50%;top:calc(100% + 3px);transform:translate(-50%);width:100%}.seat-2>div:last-child{left:calc(50% + 46px);top:76px;transform:none;width:100px}.seat-0>div:last-child{left:auto;right:calc(50% + 46px);top:auto;bottom:76px;transform:none;width:100px}.field{width:clamp(232px,calc(100% - 208px),600px);height:calc(100% - 168px);min-height:212px}.slot-1,.slot-3{top:calc(50% - var(--field-card-height) / 2)}.slot-0{bottom:0}.scoreboard{grid-area:1 / 1;position:relative;align-self:stretch;height:auto;display:block;margin:0;z-index:4;pointer-events:none}.scoreboard>div{position:absolute;width:180px;margin:0;padding:3px 5px;background:#10251ed9;border-color:#e2c98533}.scoreboard>div:first-child{top:8px;left:8px}.scoreboard>div:last-child{bottom:8px;right:8px}.seat-2 .seat-bubbles{left:calc(50% + 46px);top:0}.seat-0 .seat-bubbles{right:calc(50% + 46px);top:0}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 24px)}.phase-result .game,.phase-finished .game{display:flex}.phase-result .scoreboard,.phase-finished .scoreboard{display:flex;position:relative;flex-shrink:0;height:auto;min-height:48px}.phase-result .scoreboard>div,.phase-finished .scoreboard>div{position:static;inset:auto;width:auto;flex:1}@media(max-width:760px)and (orientation:portrait){.in-match .game{grid-template-rows:minmax(308px,560px) auto;padding-top:0}.in-match .game-top{position:fixed;top:calc(5px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:calc(100% - 68px - env(safe-area-inset-right) - env(safe-area-inset-left))}.phase-auction .game{grid-template-rows:minmax(236px,560px) auto}.phase-exchange .game{grid-template-rows:minmax(280px,560px) auto}.phase-auction .table,.phase-exchange .table{min-height:0}.table:before{top:0;right:0;bottom:0;left:0;border-radius:80px}.table:after{top:10px;right:10px;bottom:10px;left:10px;border-radius:70px}.seat,.seat .avatar{height:60px}.seat .avatar{width:60px}.seat .avatar svg{width:43.5px;height:43.5px}.seat-1,.seat-3{width:60px;max-width:60px}.seat-2>div:last-child{left:calc(50% + 38px);top:64px;width:84px}.seat-0>div:last-child{right:calc(50% + 38px);bottom:64px;width:84px}.field{width:clamp(180px,calc(100% - 144px),300px);height:calc(100% - 132px);min-height:176px}.phase-auction .field{height:calc(100% - 132px);min-height:96px}.phase-auction .slot-1,.phase-auction .slot-3{top:calc(50% - var(--field-card-height) / 2)}.scoreboard>div{width:104px;padding:3px;gap:3px}.scoreboard strong{font-size:9px}.scoreboard .team-dot{display:none}.seat-2 .seat-bubbles{left:calc(50% + 38px);top:0;max-width:104px}.seat-0 .seat-bubbles{right:calc(50% + 38px);top:0;max-width:104px}.seat-0 .speech-bubble:before{display:none}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 24px)}}@media(max-height:500px)and (orientation:landscape){.in-match .game{grid-template-columns:minmax(0,47%) minmax(0,1fr);grid-template-rows:35px minmax(0,1fr);padding-top:38px}.in-match header{height:38px;min-height:38px}.in-match .game-top{position:static;grid-area:1 / 2;width:100%;min-height:0}.table,.scoreboard{grid-area:1 / 1 / 3 / 2;min-height:0;max-height:none;height:100%;margin:0}.hand-area,.player-action{grid-area:2 / 2}.seat,.seat .avatar{height:60px}.seat .avatar{width:60px}.seat .avatar svg{width:43.5px;height:43.5px}.seat-1,.seat-3{width:60px;max-width:60px}.seat-2>div:last-child{left:calc(50% + 38px);top:64px;width:84px}.seat-0>div:last-child{right:calc(50% + 38px);bottom:64px;width:84px}.field{width:clamp(180px,calc(100% - 144px),300px);height:calc(100% - 132px);min-height:176px}.scoreboard>div{width:104px;gap:3px;padding:3px}.scoreboard strong{font-size:9px}.scoreboard .team-dot{display:none}.seat-2 .seat-bubbles{left:calc(50% + 38px);top:0;max-width:108px}.seat-0 .seat-bubbles{right:calc(50% + 38px);top:0;max-width:108px}.seat-1 .seat-bubbles,.seat-3 .seat-bubbles{bottom:calc(100% + 24px)}}.online-home{max-width:900px;margin:28px auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.online-home.auth,.online-home.lobby{max-width:680px;display:block}.auth{max-width:480px!important}.auth form,label{display:grid;gap:8px}.auth form{gap:16px}.auth input,.join-form input{width:100%;min-width:0}.profile-card{display:flex;gap:14px;align-items:center;margin-bottom:20px}.profile-card h3,.profile-card p{margin:5px 0}.profile-card small{display:block}.profile-card progress{display:block;width:100%;accent-color:#d8b76d;margin:10px 0}.profile-medal{font-size:44px;color:hsl(calc(35 + var(--tier,0)*26) 65% 65%);border:2px solid currentColor;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;flex-shrink:0}.tier-1{--tier:1}.tier-2{--tier:2}.tier-3{--tier:3}.tier-4{--tier:4}.tier-5{--tier:5}.tier-6{--tier:6}.tier-7{--tier:7}.tier-8{--tier:8}.tier-9{--tier:9}.tier-10{--tier:10}.join-form{display:flex;gap:8px;margin-top:16px}.leaderboard{display:grid;gap:6px}.leaderboard button{display:flex;align-items:center;gap:10px;text-align:right}.leaderboard button b{flex:1}.leaderboard small{font-size:10px}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.lobby-seat{display:grid;justify-items:center;gap:7px;padding:12px;border:1px solid #ffffff22;border-radius:12px}.lobby-seat .avatar{width:60px;height:60px}.lobby-seat svg{width:100%;height:100%}.lobby-seat small{font-size:12px}.lobby label{margin:12px 0}.lobby select{padding:8px;background:#18362c;color:#eeddb9;border-radius:8px}.hand-heading small{font-size:11px;max-width:60vw;overflow-wrap:anywhere}.online-result{padding:8px;text-align:center}.online-result p{margin:8px 0;font-size:13px}.vote-banner{position:fixed;bottom:8px;right:8px;z-index:25;background:#243e30;border:1px solid #bfa468;border-radius:10px;padding:5px;font-size:11px}.vote-banner button{padding:5px}.header-actions{display:flex;gap:8px;align-items:center}.seat strong{cursor:pointer}.in-match .hand-heading{flex-shrink:0}.in-match .hand-heading>div{min-width:0;flex-wrap:wrap;gap:5px}.in-match .hand-area{min-height:0}.in-match .online-result{max-height:32dvh;overflow:auto}@media(max-width:760px){.online-home{grid-template-columns:1fr;margin:8px auto;padding:10px}.online-home .panel{padding:18px}.profile-card{font-size:12px}.profile-medal{width:52px;height:52px;font-size:32px}.in-match .hand-heading small{font-size:10px}.in-match .hand-heading h3{font-size:11px}.in-match .hand-area>.primary{min-height:32px;padding:5px}.in-match .recipients button{min-height:35px;padding:4px;font-size:10px}}.in-match .game{grid-template-rows:minmax(0,1fr) max-content;align-content:stretch}.in-match .header-actions>.fine{display:none}.in-match .hand-heading small{display:block}.in-match .hand-heading{display:flex}.in-match .game .hand-area{overflow:visible}.in-match .game-top{pointer-events:none}.in-match header{position:relative}.in-match .menu-toggle{position:relative;z-index:11}.leaderboard button:nth-child(1)>span{color:#e7c76a}.leaderboard button:nth-child(2)>span{color:#cbd2d7}.leaderboard button:nth-child(3)>span{color:#bd895c}.leaderboard .rank-avatar{border:1px solid #b9ab7755;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px}.rank-1{outline:2px solid #92bbac}.rank-2{outline:2px solid #70b8ca}.rank-3{outline:2px solid #798ce0}.rank-4{outline:2px solid #ab83da}.rank-5{outline:2px solid #d58eb7}.rank-6{outline:2px solid #d49675}.rank-7{outline:2px solid #dfb65b}.rank-8{outline:2px solid #e8dca2}.rank-9,.rank-10{outline:3px solid #f4d16a}.rank-crown{position:absolute;top:-18px;color:#f4d16a;font-size:22px}.phase-result .game,.phase-finished .game{display:grid}.phase-result .scoreboard,.phase-finished .scoreboard{display:block;grid-area:1/1;height:auto;min-height:0}.phase-result .scoreboard>div,.phase-finished .scoreboard>div{position:absolute;width:180px}.phase-result .table,.phase-finished .table{flex:initial}@media(max-width:760px)and (orientation:portrait){.in-match header{width:100%;right:auto;height:38px;min-height:38px}.in-match .menu-toggle{padding:4px;width:40px;font-size:0;min-height:30px}.in-match .menu-toggle:first-letter{font-size:20px}.in-match .game{grid-template-rows:minmax(0,1fr) max-content}.phase-exchange .hand-area{grid-template-rows:auto auto auto}.phase-exchange .hand-heading{grid-column:1/-1;grid-row:1}.phase-exchange .recipients{grid-row:2}.phase-exchange .hand-area>.primary{grid-row:2}.phase-exchange .hand{grid-row:3}.phase-result .scoreboard>div,.phase-finished .scoreboard>div{width:104px}}@media(max-height:500px)and (orientation:landscape){.in-match header{position:absolute;width:47%;right:0}.in-match .game{grid-template-rows:30px minmax(0,1fr);padding-top:38px}.in-match .game-top{grid-area:1/2}.phase-result .scoreboard,.phase-finished .scoreboard{grid-area:1/1/3/2}.phase-result .scoreboard>div,.phase-finished .scoreboard>div{width:104px}.in-match .hand-area{align-self:stretch;justify-content:center}}.chat-toggle{position:relative;z-index:11;min-height:32px;padding:4px 9px;font-size:12px;border-color:#d9bc784f;color:#e9d19a}.chat-composer{position:fixed;z-index:40;top:calc(44px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:min(390px,calc(100vw - 16px));padding:8px;background:#18362c;border:1px solid #c5ab70;border-radius:10px;box-shadow:0 6px 20px #0006}.chat-composer form{display:flex;gap:5px}.chat-composer input{flex:1;min-width:0;padding:7px;font-size:16px}.chat-composer button{flex-shrink:0;min-height:38px;padding:5px 9px}.chat-caption{display:flex;justify-content:space-between;gap:8px;color:#bbc8b8;font-size:10px;margin-top:4px}.chat-composer p{font-size:11px;color:#f6cc94;margin:4px 0 0}.speech-bubble>span{white-space:pre-wrap;unicode-bidi:plaintext;max-height:42px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.seat-bubbles{gap:3px;max-width:min(150px,34vw)!important}.speech-bubble{line-height:1.35}.speech-bubble button{flex-shrink:0}.in-match .game-top{width:min(800px,calc(100% - 310px))}@media(max-width:760px)and (orientation:portrait){.in-match .game-top{width:calc(100% - 116px - env(safe-area-inset-left) - env(safe-area-inset-right))}.in-match .contract{min-width:0;max-width:70%;font-size:8px}.in-match .contract>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.in-match .contract b{font-size:9px}.in-match .game-top h2{font-size:11px}.seat-bubbles{max-width:min(112px,33vw)!important}.speech-bubble{padding:3px;font-size:10px}.speech-bubble>span{max-height:36px}.speech-bubble button{min-width:24px;height:28px}.chat-toggle{min-width:40px;padding:4px}.in-match .header-actions{gap:5px}.chat-composer{top:calc(40px + env(safe-area-inset-top))}}@media(max-height:500px)and (orientation:landscape){.in-match .game-top{width:100%}.seat-bubbles{max-width:112px!important}.speech-bubble{font-size:10px;padding:3px}.speech-bubble>span{max-height:30px}.chat-composer{top:40px}}.room-directory{grid-column:1/-1}.room-list{display:grid;gap:10px}.room-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #d2b36a30;border-radius:12px;background:#0c201833}.room-row>div:first-child{flex:1;min-width:0}.room-row h3{font-size:16px;margin:0 0 3px;overflow-wrap:anywhere}.room-row small{font-size:11px;color:#a9bdad;overflow-wrap:anywhere}.room-summary{display:grid;gap:4px;justify-items:center}.room-status{font-size:11px;color:#c9d3c3}.room-status.playing{color:#e4bf75}.room-row button{min-width:84px;min-height:42px;padding:7px 12px;flex-shrink:0}.kick-player{color:#edbbab;min-height:34px;padding:4px 12px}@media(max-width:480px){.room-row{gap:8px;padding:9px}.room-row h3{font-size:13px}.room-row small{font-size:10px}.room-summary{font-size:12px}.room-status{font-size:10px}.room-row button{min-width:68px;font-size:11px;padding:5px 7px}}.leaderboard-panel h2{font-size:22px;letter-spacing:.06em;margin-bottom:16px;text-align:center;color:#eed7a5}.leaderboard button{gap:12px;min-height:62px;padding:7px 12px}.leaderboard .leader-rank-icon{width:38px;height:42px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.leaderboard button b{font-size:14px;overflow-wrap:anywhere}.leaderboard button small{white-space:nowrap;font-size:11px;color:#b9cbbf}.create-room-panel{padding:24px;align-self:start}.create-room-panel .profile-card{margin-bottom:14px}.create-room-panel .profile-medal{width:60px;height:60px;font-size:36px}.create-room-panel .profile-card p{margin-bottom:0}.create-room-panel>.primary{padding:10px 18px;min-height:44px}.create-room-panel .join-form{margin-top:12px}.create-room-panel .join-form input{padding:9px}.create-room-panel .join-form button{padding:8px 13px}@media(max-width:760px){.online-home .create-room-panel{padding:15px}.create-room-panel .profile-medal{width:46px;height:46px;font-size:28px}.leaderboard-panel h2{font-size:20px}.leaderboard button{min-height:57px;padding:6px 10px;gap:10px}.leaderboard .leader-rank-icon{width:34px;height:38px}.leaderboard button b{font-size:13px}.leaderboard button small{font-size:10px}}.saved-room{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved-room>div{flex:1;min-width:180px}.saved-room h3{font-size:16px;margin-bottom:5px}.saved-room p{font-size:12px;margin:0;color:#bbcebd}.saved-room button{min-height:42px;font-size:12px}.online-result>.quiet{margin-bottom:8px}.round-equation{display:flex;justify-content:center;align-items:center;gap:10px;margin:10px auto;font-variant-numeric:tabular-nums}.round-equation>span:not(.purchase-term):not(.opponent-term){font-size:20px}.round-equation .purchase-term,.round-equation .opponent-term{display:grid;gap:3px}.round-equation small{font-size:11px;white-space:nowrap}.round-equation b{font-size:22px}.purchase-term{color:#f2cd75}.opponent-term{color:#8fe1dc}.decisive-total{font-size:32px;font-weight:900;color:#fff4d8}.round-award{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;margin:8px 0}.round-award.award-red{color:#ff8c9d}.round-award.award-black{color:#f5ead3}.round-award .match-card strong{font-size:16px;color:inherit}@media(max-width:360px){.round-equation{gap:7px}.round-equation b{font-size:20px}.decisive-total{font-size:28px}}.in-match.phase-result .game,.in-match.phase-finished .game{display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.in-match.phase-result .scoreboard,.in-match.phase-finished .scoreboard{display:flex;height:auto;min-height:48px;flex:0 0 auto}.in-match.phase-result .scoreboard>div,.in-match.phase-finished .scoreboard>div{position:static;width:auto;flex:1}.in-match.phase-result .hand-area,.in-match.phase-finished .hand-area{flex:0 1 auto;min-height:0;margin:0}.in-match .online-result{max-height:none;overflow:visible}.online-result>.quiet{min-height:36px;padding:6px 12px;margin:0 0 4px}.online-result p{margin:5px 0}.online-result .primary{min-height:38px;padding:6px 14px}.mode-setting{margin-top:18px!important}.connection-block{font-size:11px;color:#f2cd75;margin:0;max-width:65%;line-height:1.5}.seat-balance{display:flex;justify-content:center;gap:3px;margin-top:2px}.seat-balance .match-card{width:17px;height:23px}.seat-balance .match-card strong{font-size:11px}.seat-balance .match-card-corner,.solo-mode .scoreboard{display:none}.solo-mode.phase-result .scoreboard,.solo-mode.phase-finished .scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:3px}.solo-mode .seat>div:last-child{overflow:visible}.solo-mode .seat-0>div:last-child,.solo-mode .seat-2>div:last-child{width:110px}.solo-mode .seat small{white-space:normal}.solo-mode .seat-1>div:last-child,.solo-mode .seat-3>div:last-child{width:72px}.seat-balance{width:max-content;margin-inline:auto}.solo-mode .seat-0>div:last-child{left:calc(50% + 46px);right:auto;bottom:0;top:auto;transform:none;width:90px}.solo-mode .seat-2>div:last-child{right:calc(50% + 46px);left:auto;top:0;bottom:auto;transform:none;width:90px}.connection-notice{position:fixed;top:calc(43px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 20px);padding:3px 8px;border:1px solid #d8bd7355;border-radius:8px;background:#183c30f5;color:#f1dfb5;font-size:11px;box-shadow:0 2px 8px #0004}.connection-notice button{padding:0 5px;min-height:24px;font-size:17px}