:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#343750;background:#f5f4f0;font-synthesis:none;--ink:#343750;--line:#dcdde0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 16px;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#edeef5}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid #a88925;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4vw,55px);line-height:1.4;letter-spacing:-1.4px;font-weight:850}h1 em{font-style:normal;color:#aa7f1e}h2{font-size:23px;line-height:1.45}h3{font-size:18px}header{max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:800}.brand img{width:43px;height:43px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:4px}nav{display:flex;gap:9px;align-items:center}.room-label{font-size:13px;margin-right:7px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#87848d;margin-bottom:10px}.entry{max-width:1100px;margin:45px auto;padding:10px 32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro{font-size:15px;line-height:1.9;margin:24px 0;color:#777780}.facts{display:flex;gap:20px;font-size:13px;margin:25px 0}.cover{text-align:center}.cover img{width:100%;max-width:310px;height:auto;display:block;margin:auto;border-radius:4px;box-shadow:0 15px 35px #51441525}.cover p{font-size:10px;letter-spacing:2px;color:#82828b;margin-top:22px}.cover p span{margin:0 10px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin:22px 0}.tabs button{border:0;border-radius:0;background:transparent;padding:12px 0;font-size:14px}.tabs button[aria-pressed=true]{border-bottom:3px solid var(--ink);font-weight:700}form{display:grid;gap:16px;max-width:420px}label{font-size:12px;display:grid;gap:8px}input{min-width:0;background:white;border:1px solid #cdcdd4;border-radius:6px;padding:12px 14px;outline-offset:3px}.primary{background:#363956;border-color:#363956;color:#fff8d8;font-weight:700}.primary:hover:not(:disabled){background:#4a4e76}.seats{list-style:none;padding:0;margin:23px 0}.seats li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.seats i{width:10px;height:10px;background:var(--seat);border-radius:50%}.seats span{margin-left:auto;color:#86828c;font-size:12px}.muted{color:#85818c;font-size:12px;line-height:1.8}.actions{display:flex;gap:12px;align-items:center;margin:20px 0}.table{max-width:1380px;padding:23px 32px 50px;margin:auto}.table-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.table-heading p{margin:0}.table-heading>span{font-size:11px;color:#83818b}.decision{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e9e8f0;border:1px solid #dad8e7;border-radius:12px;padding:19px 23px;margin-bottom:24px}.decision h2{font-size:23px}.decision p:not(.eyebrow){font-size:12px;line-height:1.8;color:#787286;margin-top:7px}.decision .eyebrow{font-size:10px;color:#7b758c;margin-bottom:6px}.decision .primary{flex-shrink:0;padding:15px 23px}.decision.needs-row{background:#f4e6cc;border-color:#d8b97e}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 14px}.section-title h2{font-size:18px}.section-title h2 small{font-size:12px;color:#85818c;font-weight:500;margin-left:9px}.section-title>span{font-size:11px;color:#8b8590}.board{padding-bottom:5px}.row{display:grid;grid-template-columns:58px minmax(0,1fr) 113px;align-items:center;gap:15px;padding:9px 15px;margin:7px 0;background:#ebecf0;border-radius:10px;border:1px solid #e1e2e8}.row-label{display:grid;gap:6px;justify-items:center}.row-label>b{font-size:24px;color:#9691a3}.row-label>span{font-size:10px;white-space:nowrap;color:#8e8997}.row-cards{display:flex;gap:10px;min-width:0}.number-card{--bull:#655d93;--paper:#fff;--tint:#f3f1f8;color:var(--bull);background:var(--paper);border:1px solid #d0ccd9;border-radius:7px;padding:6px;width:78px;height:108px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;box-shadow:0 2px 1px #34355218;flex-shrink:0}.number-card:hover:not(:disabled){background:#fff;transform:translateY(-3px)}.bulls-2{--bull:#4187b2;--tint:#ecf7ff}.bulls-3{--bull:#438466;--tint:#edf9e7}.bulls-5{--bull:#b44e55;--tint:#ffebed}.bulls-7{--bull:#a57c1d;--tint:#fff3bf}.card-edge{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:10px;line-height:1}.card-edge>b{font-size:11px}.card-edge.bottom{transform:rotate(180deg)}.bull-count{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0}.bull-count svg{width:7px;height:8px;flex-shrink:0}.card-center{position:relative;display:grid;place-items:center;flex:1;min-height:0}.card-center>svg{position:absolute;width:70px;height:70px;opacity:.19}.card-center strong{z-index:1;font-size:38px;letter-spacing:-2px;font-weight:850;font-variant-numeric:tabular-nums;text-shadow:1px 1px white}.bulls-5 .card-center,.bulls-7 .card-center,.bulls-3 .card-center{background:var(--tint);border-radius:3px}.card-slot{width:78px;height:108px;border:1px dashed #cfccd9;border-radius:7px;display:grid;place-items:center;color:#c1bdc9;font-size:14px;flex-shrink:0}.row-end{display:flex;align-items:center;flex-direction:column;gap:6px;color:#93909c}.row-end>b{font-size:20px;font-weight:500}.row-end>span{font-size:10px;white-space:nowrap}.row.full{background:#f1e3de;border-color:#e1c4ba}.row.full .row-end{color:#b5604c}.row.pickable{border:1px solid #c79c53;background:#f8eedc}.take-row{font-size:12px;line-height:1.5;padding:12px 8px;width:100%;border-color:#b18e48;color:#795c27;background:#fff9e9;font-weight:700}.take-row:hover:not(:disabled){background:#efd8a6}.hand-area{margin:23px 0}.hand{display:flex;flex-wrap:wrap;gap:10px;padding-top:7px}.hand-item{width:calc((100% - 90px)/10);max-width:104px;min-width:77px}.hand-card{width:100%;height:auto;aspect-ratio:0.72;min-height:111px}.hand-card .card-center strong{font-size:42px}.hand-card .bull-count svg{width:8px;height:9px}.hand-card.selected{outline:3px solid #b58a20;outline-offset:1px;transform:translateY(-6px);background:#fff9e8}.hand-card:disabled{opacity:.77}.hand-card.selected:disabled{opacity:1}.info{border:0;background:none;padding:8px 0;width:100%;font-size:10px;color:#8a8093;box-shadow:none}.info:hover:not(:disabled){background:transparent;color:#50456b}.reveal{border-top:1px solid var(--line);padding-top:20px;margin:22px 0}.revealed-cards{display:flex;gap:13px;flex-wrap:wrap}.revealed-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px;max-width:105px}.number-card.small{width:53px;height:73px;padding:4px}.small .card-edge>b{font-size:8px}.small .bull-count svg{width:4px;height:5px}.small .card-center strong{font-size:25px;letter-spacing:-1px}.small .card-center svg{width:45px;height:45px}.revealed-item>b{font-size:11px;font-weight:500;max-width:100%;overflow-wrap:anywhere;text-align:center}.revealed-item>span{font-size:9px;color:#96909f}.revealed-item.waiting>span{color:#9f7117}.revealed-item.waiting .number-card{outline:2px solid #c3a459}.player-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.player{background:#fff;border:1px solid var(--line);border-top:3px solid var(--seat);border-radius:8px;padding:11px 12px;min-width:0}.player.mine{background:#f1f0fa}.player>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.player i{font-style:normal;background:var(--seat);color:white;border-radius:50%;display:grid;place-items:center;width:18px;height:18px;font-size:10px;flex-shrink:0}.player b{font-size:12px;overflow-wrap:anywhere}.player>div>span{font-size:9px;color:#aaa1b2;margin-left:auto;white-space:nowrap}.player p{display:flex;gap:9px;align-items:center;margin-top:11px}.player strong{font-size:27px;font-weight:650}.player p>span{font-size:10px;color:#86808f}.player small{display:block;font-size:9px;margin-top:4px}.result{background:#ede9d8;border:1px solid #dbd1a8;border-radius:12px;padding:24px;margin-bottom:25px}.result h2{margin:8px 0 17px}.result-rows{display:grid;max-width:750px}.result-rows>div{display:flex;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid #d8d0b9;font-size:13px}.result-rows strong{min-width:90px;overflow-wrap:anywhere}.result-rows b{margin-left:auto}.result p:not(.eyebrow){font-size:13px;line-height:1.8;margin:15px 0}.logs{margin-top:26px;font-size:12px;color:#8c8598}.logs summary{cursor:pointer;padding:10px 0}.logs ol{line-height:1.9;padding-left:22px}.logs li{padding:3px 0}dialog{background:#fbfaf6;color:#454159;border:1px solid #d1cadb;border-radius:14px;padding:30px;width:min(650px,calc(100% - 30px));max-height:85dvh;box-shadow:0 20px 80px #27213a33}dialog::backdrop{background:#24243b66}dialog .close{float:right;margin:0 0 12px 15px;padding:7px 10px}dialog p,dialog li{line-height:1.85;font-size:14px;margin:13px 0}dialog h3{margin-top:22px}#card-detail{max-width:400px;text-align:center}.detail-number{position:relative;display:grid;place-items:center;width:140px;height:155px;margin:36px auto 22px;color:var(--bull,#655d93)}.detail-number svg{position:absolute;width:140px;height:140px;opacity:.22}.detail-number strong{font-size:75px;z-index:1;font-weight:850}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#363651;color:#fffce9;padding:13px 23px;border-radius:9px;z-index:20;max-width:90vw;box-shadow:0 5px 25px #25263a33}
@media(min-width:1100px){.row-cards{gap:18px}.row .number-card,.row .card-slot{width:91px;height:118px}.row .card-center strong{font-size:43px}.row .bull-count svg{width:8px;height:9px}.row{padding:10px 18px;grid-template-columns:65px minmax(0,1fr) 125px}.board{max-width:980px}.hand-area{max-width:1160px}}
@media(max-width:1050px){.player-grid{grid-template-columns:repeat(3,1fr)}.entry{gap:30px}.hand-item{width:calc((100% - 45px)/7)}.decision{align-items:flex-start}.decision h2{font-size:21px}.row{grid-template-columns:45px minmax(0,1fr) 95px;gap:10px}}
@media(max-width:720px){header{padding:15px}.brand{font-size:16px;gap:7px}.brand img{width:33px;height:33px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:4px}nav button{font-size:11px;padding:8px}.room-label{font-size:9px;display:grid;gap:3px;margin:0}.entry{margin:20px auto;padding:10px 22px;grid-template-columns:1fr;gap:12px}.entry>.cover{max-width:230px;justify-self:center;order:-1}.cover p{display:none}.entry>.cover img{max-height:230px;object-fit:contain}h1{font-size:34px}.intro{margin:17px 0;font-size:13px}.facts{font-size:12px;margin:18px 0}.table{padding:18px 12px 40px}.table-heading{gap:8px}.table-heading .eyebrow{font-size:9px;letter-spacing:1px}.table-heading>span{font-size:9px}.decision{padding:16px;flex-direction:column;gap:13px;margin-bottom:20px}.decision h2{font-size:20px}.decision .primary{width:100%;padding:12px}.section-title{align-items:flex-start;flex-direction:column;gap:4px;margin:16px 0 11px}.section-title h2{font-size:17px}.section-title>span{font-size:10px}.row{padding:7px 5px;grid-template-columns:30px minmax(0,1fr) 42px;gap:5px;border-radius:8px}.row-label>b{font-size:18px}.row-label>span{font-size:8px}.row-cards{gap:4px}.row .number-card,.row .card-slot{width:calc((100% - 16px)/5);height:auto;aspect-ratio:.7;border-radius:4px;min-width:0;padding:3px}.row .card-edge>b{font-size:7px}.row .bull-count svg{width:3px;height:5px}.row .card-center strong{font-size:23px;letter-spacing:-1.3px}.row .card-center>svg{width:100%;height:auto}.row .card-slot{font-size:10px}.row-end{gap:4px}.row-end>b{font-size:13px}.row-end>span{font-size:8px;white-space:normal;text-align:center;line-height:1.5}.take-row{font-size:9px;padding:7px 2px;border-radius:5px;line-height:1.6}.hand{gap:8px}.hand-item{width:calc((100% - 32px)/5);min-width:0;max-width:none}.hand-card{min-height:0;padding:4px;border-radius:5px}.hand-card .card-center strong{font-size:29px}.hand-card .card-center>svg{width:100%;height:auto}.hand-card .bull-count svg{width:5px;height:6px}.hand-card .card-edge>b{font-size:8px}.info{font-size:9px;padding:7px 0}.revealed-cards{gap:11px}.revealed-item{min-width:57px;max-width:70px}.revealed-item>b{font-size:10px}.revealed-item>span{font-size:8px}.player-grid{grid-template-columns:repeat(2,1fr);gap:8px}.player{padding:10px}.player>div>span{margin-left:24px;width:100%}.player b{font-size:11px;max-width:calc(100% - 24px)}.player strong{font-size:23px}.result{padding:18px}.result h2{font-size:21px}.result-rows>div{font-size:11px;gap:8px}.result-rows strong{min-width:58px;max-width:90px}.result p:not(.eyebrow){font-size:12px}dialog{padding:22px}dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.hand-actions{display:flex;justify-content:flex-end;margin-top:9px}.hand-actions .primary{min-width:190px;padding:13px 22px}@media(max-width:720px){.hand-actions .primary{width:100%}}

/* Public play positions remain visible above the four rows throughout resolution. */
.play-zone{max-width:980px;border:1px solid var(--line);border-radius:12px;background:#eeedf3;padding:14px 16px;margin:0 0 18px}
.play-zone .revealed-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px 8px}
.play-zone .revealed-item{min-width:0;max-width:none;padding:5px 2px;border-radius:8px;border:1px solid transparent;gap:5px}
.play-zone .revealed-item>b{font-weight:650;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}
.play-card{width:53px;height:73px;perspective:600px;transform-origin:center}
.sealed-card,.empty-play{width:100%;height:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.sealed-card{color:#f8e6a9;background:repeating-linear-gradient(45deg,#494466 0 5px,#514b70 5px 10px);border:3px solid #f9f5ea;outline:1px solid #b4adc7;box-shadow:0 2px 4px #30283c28}
.sealed-card svg{width:34px;height:34px}.sealed-card span{font-size:7px;letter-spacing:1px;font-weight:800}
.empty-play{border:1px dashed #c9c4d3;color:#aaa2b8;font-size:12px}
.play-score{display:flex;align-items:center;justify-content:center;gap:4px;position:relative;min-width:48px;min-height:24px;padding:3px 6px;background:#e0dce9;border-radius:20px;color:#706780;font-size:11px}
.play-score>svg{width:15px;height:15px}.play-score>b{font-variant-numeric:tabular-nums}
.play-zone .active-play{background:#fff9e5;border-color:#cab064;box-shadow:0 3px 14px #a6822520}
.play-zone .resolved-play .play-card{opacity:.48}.play-zone .active-play .play-card{opacity:1}
.row.active-row{border-color:#bf9a38;box-shadow:0 0 0 2px #c7a94c28;background:#f4efdf}
.row.taking{background:#f8dcd9;border-color:#cb6960;box-shadow:0 0 20px #d4494338;transition:background .18s,box-shadow .18s}
.row .card-slot.occupied{border:0;padding:0;display:block}
.row .card-slot.occupied>.number-card{width:100%;height:100%;aspect-ratio:auto}
.row .sixth-slot{width:78px;height:108px;max-width:100%;border:2px dashed #c26959;color:#b55649;font-size:18px;box-shadow:0 0 14px #b9473b1a}
.take-motion-ghost{position:absolute;z-index:100;pointer-events:none;transform-origin:center;will-change:transform,opacity}
.take-motion-ghost>.number-card{width:100%;height:100%;min-height:0;aspect-ratio:auto;box-shadow:0 9px 25px #35244335}
.take-motion-ghost .card-center strong{font-size:clamp(20px,3vw,38px)}
.take-motion-ghost .card-center>svg{max-width:100%;max-height:100%}
.score-gain{position:absolute;bottom:18px;left:50%;margin-left:-23px;min-width:46px;background:#af493f;color:white;box-shadow:0 3px 10px #973a3a33;border-radius:16px;padding:5px 8px;text-align:center;font-size:15px;font-weight:800;z-index:2}
[data-audit-stage]:not([data-audit-stage="complete"]) .number-card{pointer-events:none}
[data-audit-stage]:not([data-audit-stage="complete"]) .hand-card:disabled{opacity:1}
@media(min-width:1100px){.row .sixth-slot{width:91px;height:118px}}
@media(max-width:720px){.play-zone{padding:11px 8px;margin-bottom:12px}.play-zone .eyebrow{font-size:9px;letter-spacing:1px}.play-zone .revealed-cards{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:7px 2px}.play-zone .revealed-item>b{font-size:9px}.play-zone .revealed-item>span{font-size:8px}.play-zone .revealed-item{padding:4px 0}.row .sixth-slot{width:100%;height:auto;aspect-ratio:.7;padding:0}.take-motion-ghost .card-edge>b{font-size:8px}.take-motion-ghost .bull-count svg{width:4px;height:5px}.take-motion-ghost .card-center strong{font-size:25px}.motion-decision h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.row.taking{transition:none}}
/* Keep the public queue and all four rows in view during the reveal. */
.play-zone{scroll-margin-top:12px}
@media(min-width:721px){.row{padding-top:7px;padding-bottom:7px}.row .number-card,.row .card-slot{width:68px;height:94px}.row .card-center strong{font-size:34px}.row .bull-count svg{width:6px;height:7px}.row-cards{gap:12px}.row .sixth-slot{width:68px;height:94px}}
@media(min-width:721px){.row{grid-template-columns:58px minmax(0,388px) minmax(80px,1fr);gap:12px}.row-end:has(.sixth-slot){align-items:flex-start}}
.seal-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.seal-front,.seal-back{position:absolute;inset:0;backface-visibility:hidden}
.seal-back{transform:rotateY(180deg)}
.seal-front>.number-card{width:100%;height:100%;min-height:0;aspect-ratio:auto}
