:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#081f19;color:#f4eddb;--gold:#e8c988;--muted:#9eb8a8;--border:#a8bd8740}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 20%,#1d4f3938,transparent 65%)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#e9ddb8;background:#244b3b;border:1px solid #b79e615e;border-radius:10px;padding:11px 17px;min-height:44px;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.14)}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}.gold{color:#21392b;background:linear-gradient(120deg,#f3dfaf,#c8a461);border-color:#efdbab;font-weight:700}.textButton{border:0;background:none;padding:8px;color:#becdb7;font-size:12px}.header{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c2c9a520}.brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:2px;font-size:21px}.brandIcon{font-family:Georgia,serif;font-size:37px;color:var(--gold)}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:3px;color:var(--muted);margin-top:4px}.header nav{display:flex;align-items:center;gap:24px;font-size:12px;color:#c9d1ba}.lobby{max-width:1120px;margin:40px auto 70px;padding:0 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px 58px}.welcome{position:relative;min-height:390px;padding:23px 0}.eyebrow{color:#b8bb96;font-size:10px;letter-spacing:2px;margin:0 0 14px}h1{font-size:clamp(38px,4vw,54px);line-height:1.3;font-weight:600;letter-spacing:3px;margin:0 0 22px}h1>span{color:var(--gold)}.intro{color:var(--muted);font-size:14px;line-height:1.9}.heroCards{position:absolute;left:265px;bottom:28px;width:165px;height:185px;transform:rotate(12deg)}.heroCard{position:absolute;width:99px;height:142px;background:linear-gradient(130deg,#fffdf5,#e5ddc9);border:1px solid #fff9;border-radius:9px;box-shadow:0 10px 22px #0004;color:#18372c;padding:8px}.heroCard b{font:700 23px Georgia,serif;line-height:1}.heroCard small{display:block;font:20px Georgia,serif}.heroCard>span{position:absolute;left:28px;top:50px;font:64px Georgia,serif}.hc1{transform:translate(-39px,12px) rotate(-24deg);color:#a12a31}.hc2{transform:rotate(-5deg);z-index:1}.hc3{transform:translate(40px,18px) rotate(16deg);color:#a12a31}.panel{background:linear-gradient(130deg,#173c2e,#102e24);border:1px solid var(--border);border-radius:20px;padding:30px}h2{font-size:24px;letter-spacing:1px;margin:0 0 24px;font-weight:600}.entry label:not(.privateChoice){display:block;font-size:12px;color:#c3d0b8;margin:18px 0 9px}input:not([type=checkbox]),select{background:#09271e;color:#f7edce;border:1px solid #69856a;border-radius:9px;padding:12px 14px;min-height:46px;width:100%;min-width:0}input::placeholder{color:#70917c;font-size:12px}.joinRow{display:flex;gap:8px}.joinRow button{flex-shrink:0;padding:11px 14px;font-size:13px}.entryActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.entryActions button{font-size:13px}.entryActions span{display:block;font-size:10px;color:#b1c2a2;margin-top:4px;font-weight:400}.privateChoice{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.privateChoice input{accent-color:var(--gold)}.resume{width:100%;margin-top:18px;background:#1b4432;font-size:12px;color:var(--gold)}.error{color:#f1aaa0;font-size:12px;line-height:1.5;margin-bottom:0}.roomSection{grid-column:1/-1;border-top:1px solid var(--border);padding-top:28px}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionHead h2{margin:0;font-size:22px}.sectionHead .eyebrow{margin-bottom:8px}.muted{font-size:12px;line-height:1.7;color:var(--muted)}.roomList{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roomList>.muted{grid-column:1/-1;padding:16px 0}.roomEntry{border:1px solid var(--border);background:#123226;border-radius:12px;padding:17px;display:flex;justify-content:space-between;gap:10px;align-items:center}.roomEntry b{font-size:16px;letter-spacing:2px}.roomEntry p{margin:6px 0 0;font-size:11px;color:var(--muted)}.roomEntry button{font-size:12px;padding:8px 10px}.tablePage{max-width:1500px;margin:auto;padding:0 20px 12px;height:calc(100dvh - 78px);min-height:550px;display:grid;grid-template-rows:52px minmax(250px,1fr) auto;gap:8px}.tableToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.tableToolbar .eyebrow{margin:0 10px 0 0}.roomBadge{font-size:12px;min-height:32px;padding:6px 10px;border-radius:7px}.roomBadge b{letter-spacing:2px}.tableToolbar .muted{margin-left:12px}.tableLinks{display:flex;align-items:center;gap:10px}.tableLinks #connection{color:#b4c49d;font-size:11px}.board{position:relative;overflow:hidden;border:1px solid #9dac6440;border-radius:90px;background:radial-gradient(ellipse,#1c694b,#125037 58%,#0a3d2d);box-shadow:inset 0 0 0 8px #082d234f,inset 0 0 70px #001d1766,0 12px 30px #0002}.tableTexture{position:absolute;inset:18px;border:1px solid #a7b87818;border-radius:75px;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 5px)}.seat{position:absolute;min-width:112px;max-width:155px;background:#092c22e8;border:1px solid #92ab684a;border-radius:14px;padding:10px 13px;text-align:center;z-index:2;box-shadow:0 5px 15px #001b1429}.seat.active{border-color:#f0d18a;box-shadow:0 0 0 3px #e8c98817,0 5px 15px #001b1429}.seatTop{top:16px;left:50%;transform:translateX(-50%)}.seatLeft{left:22px;top:48%;transform:translateY(-50%)}.seatRight{right:22px;top:48%;transform:translateY(-50%)}.seatName{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.seatMeta{font-size:10px;color:#b3c3a6;margin:5px 0}.seatCount{color:#e8d49d;font-size:12px}.miniBacks{display:flex;justify-content:center;margin-top:7px;height:18px}.miniBacks i{display:block;width:8px;border:1px solid #7e9c73;border-radius:2px;background:repeating-linear-gradient(45deg,#ffffff0c 0 1px,transparent 1px 3px),#326b4e;margin-left:-1px}.seatEmpty{color:#96b59b;font-size:12px;line-height:2}.center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:min(56%,650px);text-align:center;max-height:calc(100% - 100px);overflow:auto;scrollbar-width:thin}.tableWordmark{font:10px Georgia,serif;letter-spacing:5px;color:#cfdbb242;margin:0 0 14px}.roundInfo{font-size:12px;color:#e5d6aa;min-height:20px}.turnStatus{font-size:15px;letter-spacing:1px;margin:10px 0 14px;color:#fff0c5;min-height:22px}.turnStatus b{display:inline-block;font:20px Georgia,serif;margin-left:7px;color:var(--gold)}.lastPlay{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;max-width:440px;margin:auto}.lastLabel{color:#b6ceb5;font-size:11px;min-height:16px;margin:11px 0}.centerActions{display:flex;gap:8px;justify-content:center}.centerActions button{font-size:12px;min-height:40px;padding:8px 13px}.callControls{background:#0a2e235c;border:1px solid #a8b67c33;border-radius:12px;padding:12px;max-width:300px;margin:0 auto 12px}.callControls label{display:block;font-size:12px;color:#ccdbbb;margin-bottom:10px}.callControls>div{display:flex;gap:8px}.callControls select{width:100%;padding:8px;min-height:40px}.callControls button{white-space:nowrap;padding:8px 12px;font-size:12px;min-height:40px}.recentEvent{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:10px;color:#a9c5a7;text-align:center;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handArea{padding:10px 12px 0}.handHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;min-height:34px}.handHeader b{font-weight:500;color:#e2d5b2}.handHeader .textButton{min-height:30px}.knowledge{font-size:10px;color:#aacfaa;margin-left:8px}.hand{display:flex;align-items:flex-end;justify-content:center;min-height:110px;padding:17px 10px 9px;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#718b62 transparent}.card{position:relative;display:inline-block;flex-shrink:0;width:66px;height:94px;border:1px solid #e8e0c7;border-radius:7px;background:linear-gradient(130deg,#fffef8,#e9e4d5);color:#18362c;box-shadow:inset 0 0 0 2px #ffffff50,0 3px 0 #b8b29a,0 5px 9px #0004;vertical-align:middle;font-family:Georgia,"Times New Roman",serif;padding:0;min-height:0;text-align:left;transition:transform .12s,box-shadow .12s;user-select:none}.card.red{color:#b02736}.card.selected{transform:translateY(-14px);outline:2px solid #f2cf78;outline-offset:2px;box-shadow:0 4px 15px #e7c37d22}.card .corner{position:absolute;left:5px;top:4px;font-size:18px;font-weight:700;line-height:1}.card .corner i{display:block;text-align:center;font-style:normal;font-size:16px;margin-top:2px}.card .corner.end{left:auto;top:auto;right:5px;bottom:4px;transform:rotate(180deg)}.card .pips{position:absolute;inset:16px 15px;display:grid;grid-template-columns:repeat(2,1fr);align-content:space-evenly;justify-items:center;font-size:18px;line-height:1}.card .pips.one{grid-template-columns:1fr;font-size:40px}.card .face{position:absolute;inset:25px 12px;display:grid;place-items:center;border:1px solid currentColor;border-radius:5px;font:700 32px Georgia,serif;opacity:.9}.lastPlay .card{width:44px;height:63px;border-radius:4px;box-shadow:0 2px 0 #b8b29a,0 3px 6px #0003}.lastPlay .card .corner{font-size:12px;left:3px;top:3px}.lastPlay .card .corner i{font-size:11px;margin-top:1px}.lastPlay .card .corner.end{right:3px;bottom:3px;left:auto;top:auto}.lastPlay .card .pips{inset:11px 10px;font-size:12px}.lastPlay .card .pips.one{font-size:26px}.lastPlay .card .face{inset:17px 8px;font-size:20px}.playControls{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 0 0;min-height:54px}.playControls button{font-size:13px;min-width:75px}.selectionLabel{font-size:11px;color:#acbea6;margin-right:10px;min-width:110px}.toast{position:fixed;z-index:20;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 20px;background:#eee0bd;color:#18372b;border:1px solid #f4e3ba;border-radius:12px;box-shadow:0 6px 25px #0005;font-size:13px;line-height:1.6;text-align:center}.dialog{color:#f2ead6;background:#12382b;border:1px solid #b89f66;border-radius:20px;padding:28px;width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:0 25px 100px #0008}.dialog::backdrop{background:#02150fbf;backdrop-filter:blur(4px)}.dialog h2{font-size:23px;line-height:1.5}.dialog p{font-size:12px;line-height:1.9;color:#bed0b9}.dialog>.gold{width:100%;margin-top:14px}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.rulesDialog{width:min(620px,calc(100% - 32px))}.rulesDialog h3{font-size:15px;color:#e9d6a3;margin-top:24px}.rulesDialog .sectionHead button{border:0;background:none;font-size:24px}.resultRow{display:grid;grid-template-columns:34px 1fr 70px;align-items:center;padding:13px 0;border-bottom:1px solid #a7b58426;font-size:13px;gap:10px}.resultRow .rank{color:#c9bd8e;font-family:Georgia,serif;font-size:20px}.resultRow .gain{font-size:21px;text-align:right;color:#9fce9f}.resultRow .loss{color:#efa99d}.resultRow small{display:block;color:#a9b99e;font-size:10px;margin-top:4px}.resultDialog>.muted{font-size:10px}
@media(min-width:1600px){.card{width:70px;height:100px}.hand{min-height:118px}}@media(max-width:900px){.heroCards{left:auto;right:8px;bottom:18px;transform:scale(.8) rotate(12deg)}.lobby{gap:26px}.roomList{grid-template-columns:repeat(2,1fr)}.card{width:54px;height:78px}.card .corner{font-size:15px}.card .corner i{font-size:13px}.card .pips{inset:15px 12px;font-size:15px}.card .pips.one{font-size:32px}.card .face{inset:22px 10px;font-size:25px}.hand{min-height:96px;gap:4px}.seat{min-width:95px;padding:8px}.seatLeft{left:14px}.seatRight{right:14px}.board{border-radius:60px}.tableTexture{border-radius:48px}.center{width:58%}}
@media(max-width:600px){.header{height:64px;padding:0 18px}.brand{font-size:17px;gap:8px}.brandIcon{font-size:30px}.brand small{font-size:7px}.header nav{gap:12px;font-size:11px}.header nav .textButton{font-size:11px;padding:5px}.lobby{grid-template-columns:1fr;margin:20px auto 40px;padding:0 20px;gap:22px}.welcome{min-height:190px;padding:8px 0}.welcome .eyebrow{margin-bottom:12px}h1{font-size:35px;line-height:1.3;margin-bottom:16px}.intro{font-size:12px;margin-bottom:0}.heroCards{right:20px;bottom:10px;transform:scale(.72) rotate(12deg);transform-origin:right bottom}.panel{padding:23px}.entry h2{font-size:23px;margin-bottom:20px}.entry label:not(.privateChoice){margin-top:15px}.roomList{grid-template-columns:1fr}.roomSection{padding-top:22px}.tablePage{height:calc(100dvh - 64px);min-height:560px;padding:0 7px 8px;grid-template-rows:46px minmax(300px,1fr) auto;gap:4px}.tableToolbar{padding:0 5px;font-size:10px}.tableToolbar .eyebrow{display:none}.tableToolbar .muted{margin-left:5px;font-size:10px}.tableLinks{gap:3px}.tableLinks #connection{font-size:9px}.tableLinks .textButton{font-size:10px;padding:6px}.roomBadge{font-size:10px;padding:5px 7px}.board{border-radius:35px}.tableTexture{inset:9px;border-radius:28px}.seat{min-width:65px;max-width:80px;padding:8px 5px;border-radius:10px}.seatName{font-size:11px;max-width:70px}.seatMeta{font-size:9px;margin:4px 0}.seatCount{font-size:10px}.seatTop{top:11px;min-width:95px;max-width:120px}.seatTop .seatName{max-width:110px}.seatLeft{left:7px;top:43%}.seatRight{right:7px;top:43%}.miniBacks{height:13px}.miniBacks i{width:5px}.center{width:calc(100% - 154px);top:57%;max-height:calc(100% - 105px)}.tableWordmark{font-size:7px;letter-spacing:2px;margin-bottom:8px}.roundInfo{font-size:10px;min-height:18px;line-height:1.6}.turnStatus{font-size:12px;margin:7px 0 10px;letter-spacing:0}.turnStatus b{font-size:15px}.lastPlay{gap:3px}.lastPlay .card{width:32px;height:46px;border-radius:3px}.lastPlay .card .corner{font-size:9px;left:2px;top:2px}.lastPlay .card .corner i{font-size:8px}.lastPlay .card .corner.end{right:2px;bottom:2px}.lastPlay .card .pips{inset:9px 8px;font-size:8px}.lastPlay .card .pips.one{font-size:20px}.lastPlay .card .face{inset:13px 6px;font-size:15px}.lastLabel{font-size:9px;margin:7px 0;min-height:12px}.centerActions{flex-wrap:wrap;gap:6px}.centerActions button{font-size:10px;min-height:36px;padding:7px 9px}.callControls{padding:9px 6px;margin-bottom:8px}.callControls label{font-size:10px;margin-bottom:8px}.callControls>div{gap:4px}.callControls select{padding:6px;font-size:12px;min-height:36px}.callControls button{font-size:10px;padding:6px 8px;min-height:36px}.recentEvent{bottom:12px;font-size:9px;max-width:82%}.handArea{padding:4px 4px 0}.handHeader{font-size:10px;min-height:28px;gap:5px}.handHeader .textButton{font-size:11px}.knowledge{display:inline;font-size:9px;margin-left:4px}.hand{min-height:82px;gap:0;padding:16px 4px 7px;justify-content:center}.hand .card{width:43px;height:64px;margin-left:-18px;border-radius:5px}.hand .card:first-child{margin-left:0}.hand .card .corner{font-size:13px;left:3px;top:3px}.hand .card .corner i{font-size:12px;margin-top:2px}.hand .card .corner.end{display:none}.hand .card .pips{inset:25px 8px 7px;font-size:11px}.hand .card .pips.one{font-size:23px}.hand .card .face{inset:26px 7px 7px;font-size:18px}.hand .card.selected{transform:translateY(-11px)}.playControls{gap:6px;flex-wrap:wrap;min-height:50px;padding-top:4px}.playControls button{padding:9px 13px;min-width:57px;font-size:12px;min-height:42px}.selectionLabel{font-size:9px;min-width:0;flex:1;margin-right:0}.dialog{padding:23px}.toast{bottom:20px;font-size:12px}}
@media(max-height:570px) and (min-width:601px){.header{height:52px}.tablePage{height:calc(100dvh - 52px);min-height:430px;grid-template-rows:38px minmax(230px,1fr) auto}.hand{min-height:70px;padding-top:12px}.hand .card{width:43px;height:62px}.hand .card .corner{font-size:12px}.hand .card .corner i{font-size:10px}.hand .card .pips{font-size:11px;inset:12px 10px}.hand .card .pips.one{font-size:24px}.hand .card .face{font-size:19px;inset:17px 8px}.handHeader{min-height:25px}.playControls{min-height:40px}.playControls button{min-height:35px;padding:7px 13px}.seatTop{top:8px;padding:6px 10px}.seatTop .miniBacks{display:none}.center{top:58%;max-height:calc(100% - 60px)}.tableWordmark{display:none}.turnStatus{margin:5px 0}.lastPlay .card{width:32px;height:46px}.recentEvent{bottom:8px}.centerActions button{min-height:33px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){button,.card{transition:none}}

/* Keep all pip rows inside the card, including the ten. */
.card .pips{font-size:14px;grid-auto-rows:minmax(0,1fr);align-items:center;align-content:stretch}.card .pips span{line-height:.8}.card .pips.singleColumn{grid-template-columns:1fr;font-size:18px}.card .pips.n5 span:last-child,.card .pips.n7 span:last-child,.card .pips.n9 span:last-child{grid-column:1/-1}.card .pips.one{font-size:40px}.lastPlay .card .pips{font-size:9px}.lastPlay .card .pips.singleColumn{font-size:12px}.lastPlay .card .pips.one{font-size:26px}@media(max-width:900px){.hand .card .pips{font-size:11px}.hand .card .pips.singleColumn{font-size:14px}.hand .card .pips.one{font-size:32px}}@media(max-width:600px){.hand .card .pips{font-size:8px}.hand .card .pips.singleColumn{font-size:12px}.hand .card .pips.one{font-size:23px}.lastPlay .card .pips{font-size:6px}.lastPlay .card .pips.singleColumn{font-size:8px}.lastPlay .card .pips.one{font-size:20px}}@media(max-height:570px) and (min-width:601px){.hand .card .pips{font-size:8px}.hand .card .pips.singleColumn{font-size:11px}.hand .card .pips.one{font-size:24px}}

.hand{justify-content:flex-start}.hand .card:first-child{margin-left:auto}.hand .card:last-child{margin-right:auto}.seat .kickButton{padding:3px 0;min-height:24px;font-size:9px;color:#d7bd85}

/* Classic vector deck: the same face at every card size. */
.card{color:#172a39;background:linear-gradient(115deg,#fffef9 0%,#fffdf7 62%,#f3eddf 100%);border:1px solid #e7dcc5;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffffc9,0 2px 0 #c8bfa9,0 5px 9px #00171040;overflow:hidden;isolation:isolate;touch-action:manipulation}
.card.red{color:#b52b40}.card .cardArt{display:block;width:100%;height:100%;pointer-events:none}.card .mobileIndex{display:none}.card.selected{outline:2px solid #edcc80;outline-offset:2px;box-shadow:0 3px 0 #b49a60,0 9px 18px #0005;z-index:auto}.card:hover:not(:disabled){filter:brightness(1.025)}
.lastPlay .card{border-radius:4px;background:#fffdf7;box-shadow:0 2px 0 #c8bfa9,0 4px 9px #00171040}
@media(max-width:600px){.hand .card .cardIndex{visibility:hidden}.hand .card .mobileIndex{position:absolute;display:flex;align-items:center;flex-direction:column;gap:1px;left:2px;top:2px;width:18px;padding-bottom:2px;background:#fffdf7;border-radius:2px;pointer-events:none}.mobileIndex b{font:700 15px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.9px}.mobileIndex svg{width:11px;height:12px}.hand .card{border-radius:5px}.hand .card.selected{outline-offset:1px}}

/* Public trick history: previous two different seats plus the current hand. */
.previousPlays{display:flex;justify-content:center;gap:12px;margin:0 auto 14px;max-width:600px;text-align:left}.previousPlay{min-width:0;flex:1;padding:9px 10px;border:1px solid #b5c29325;border-radius:10px;background:#072b222e}.previousPlay p{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 8px;font-size:10px;line-height:1.5;color:#a9c2ab}.previousPlay p span{flex-shrink:0;color:#c4c5a1}.previousPlay p b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previousCards{display:flex;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 4px}.previousPlay .card{width:30px;height:43px;border-radius:4px;margin-left:-12px;box-shadow:0 2px 0 #bdb6a0;opacity:.9}.previousPlay .card:first-child{margin-left:0}.center.hasHistory .tableWordmark{display:none}
@media(max-width:600px){.previousPlays{flex-direction:column;gap:5px;margin-bottom:10px}.previousPlay{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px;align-items:center;padding:4px 5px;border-radius:7px}.previousPlay p{display:block;margin:0;font-size:9px}.previousPlay p span,.previousPlay p b{display:block}.previousPlay p b{font-size:9px}.previousCards{padding:2px 0 3px}.previousPlay .card{width:22px;height:32px;margin-left:-16px;border-radius:3px}.previousPlay .card:first-child{margin-left:0}.center.hasHistory .lastLabel{font-size:9px}}
@media(max-height:570px) and (min-width:601px){.previousPlays{gap:7px;margin-bottom:7px}.previousPlay{padding:4px 6px}.previousPlay p{font-size:9px;margin-bottom:3px}.previousPlay .card{width:23px;height:33px;margin-left:-13px}.previousPlay .card:first-child{margin-left:0}}

/* Public team reveal and a dedicated first-play solo choice. */
.calledCard{display:inline-flex;align-items:center;gap:6px}.calledCard b{color:#f5dfa8;font:700 17px Georgia,serif}.teamPending{margin-left:9px;color:#a9c5ad;font-size:10px}.teamBanner{display:flex;flex-direction:column;gap:5px;max-width:350px;padding:10px 14px;margin:0 auto 3px;border:1px solid #d2ba724d;border-radius:11px;background:linear-gradient(120deg,#092d25de,#244632c9);overflow-wrap:anywhere}.teamBanner strong{font-size:15px;line-height:1.6;font-weight:600;color:#fff0c5}.teamBanner small{font-size:11px;line-height:1.6;color:#b7d8ce}.teamEyebrow{font-size:9px;letter-spacing:2px;color:#c7c89c}.teamBanner i{font:700 11px Georgia,serif;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;margin-right:4px;color:#243a2a;background:#e3c888}.teamBanner small i{color:#d9f2e5;background:#347565}.teamBanner--solo{border-color:#e1ab6399;background:linear-gradient(115deg,#48341ff2,#263e2fef)}.teamBanner--solo strong{color:#ffe2a8}.teamBadge{display:inline-block;margin:5px 0 1px;padding:3px 7px;border:1px solid #dfca8970;border-radius:5px;font-size:9px;line-height:1.4;color:#f0d69c;background:#78613330;white-space:nowrap}.teamBadge--b{border-color:#7abda788;color:#c8ead9;background:#3b8e722b}.teamBadge--solo{border-color:#e4ac68aa;color:#ffe0ad;background:#b675342e}#myTeamBadge{display:inline-flex;vertical-align:middle;margin-left:5px}#myTeamBadge .teamBadge{margin:0}.handHeader>div:first-child{min-width:0;overflow-wrap:anywhere}
.slapPanel{position:absolute;z-index:3;left:50%;bottom:17px;transform:translateX(-50%);width:min(410px,calc(100% - 48px));text-align:center}.slapPanel p{font-size:10px;letter-spacing:1px;color:#e6cd99;margin:0 0 9px}.slapCta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;width:100%;padding:12px 20px;border:1px solid #ffe1a6;border-radius:13px;background:linear-gradient(115deg,#f3dba5,#c79b4e);color:#23382a;box-shadow:0 0 0 4px #edc77f10,0 8px 24px #001e1770;text-align:left}.slapCta b{display:block;font-size:20px;letter-spacing:1px}.slapCta small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#4c5135}.slapMark{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid #52604444;border-radius:10px;background:#183a2820;font:700 24px Georgia,serif}.slapArrow{font-size:24px}.board.canSlap .center{top:38%;max-height:calc(100% - 170px)}.board.canSlap .recentEvent{display:none}
@media(max-width:600px){.teamBanner{padding:7px 8px;gap:3px;border-radius:8px}.teamEyebrow{font-size:8px;letter-spacing:1px}.teamBanner strong{font-size:11px}.teamBanner small{font-size:9px}.teamBanner i{font-size:9px;width:15px;height:15px;margin-right:2px}.calledCard b{font-size:14px}.teamPending{display:block;margin:2px 0 0;font-size:9px}.teamBadge{font-size:8px;padding:2px 4px;margin-top:4px;border-radius:4px}.slapPanel{bottom:14px;width:min(350px,calc(100% - 32px))}.slapPanel p{font-size:9px;letter-spacing:0;margin-bottom:7px}.slapCta{min-height:70px;padding:11px 15px;gap:11px;border-radius:11px}.slapCta b{font-size:17px;letter-spacing:0}.slapCta small{font-size:10px}.slapMark{width:37px;height:37px;font-size:21px}.slapArrow{font-size:21px}}
@media(max-height:570px) and (min-width:601px){.slapPanel{bottom:12px;width:330px}.slapPanel p{display:none}.slapCta{min-height:55px;padding:7px 13px}.slapCta b{font-size:16px}.slapCta small{font-size:10px;margin-top:3px}.slapMark{width:35px;height:35px;font-size:19px}.board.canSlap .center{top:34%;max-height:calc(100% - 110px)}.teamBanner{padding:5px 9px;gap:2px}.teamBanner strong{font-size:12px}.teamBanner small{font-size:10px}}

.board.canSlap .tableWordmark,.board.canSlap .lastLabel{display:none}@media(max-height:570px) and (min-width:601px){.board.canSlap .callControls label{display:none}.board.canSlap .callControls{padding:6px;margin-bottom:5px}}