:root{color-scheme:dark;--bg:#111216;--panel:#1b1c22;--line:#383940;--text:#eee8df;--muted:#96949f;--red:#ee5045}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #f5c96a;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line)}.brand{font-weight:950;font-size:21px;letter-spacing:-1px}.brand b{color:var(--red)}header a{color:var(--muted);font-size:12px;text-decoration:none}.wrap{max-width:1450px;margin:auto;padding:26px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.label{font-size:10px;color:var(--red);font-weight:800;letter-spacing:2px;text-transform:uppercase}h1{font-size:29px;letter-spacing:-1px;margin:5px 0 8px}.sub{color:var(--muted);font-size:12px;max-width:620px;line-height:1.6;margin:0}.setup{display:flex;gap:8px;align-items:center;flex-wrap:wrap}select{background:#24252c;border:1px solid #50505b;padding:10px;border-radius:7px;max-width:100%}.btn{padding:10px 14px;background:#272830;border:1px solid #494a53;border-radius:7px}.btn.primary{background:var(--red);border-color:var(--red);color:white;font-weight:750}.layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.table{border:1px solid #44434e;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse,#303039,#1b1d24);box-shadow:0 15px 40px #0004}.player{padding:15px}.playerhead{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px}.playerhead h2{font-size:17px;margin:0}.playerhead small{color:var(--muted);font-size:10px}.f{display:flex;align-items:center;gap:10px;font-size:10px;color:#b5b0bf}.f strong{font-size:30px;color:var(--text)}.zones{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;gap:12px}.stack{background:#11131c88;border:1px solid #4b4754;border-radius:8px;padding:11px 6px;text-align:center;width:100%;min-height:104px}.stack .symbol{font-size:23px;display:block;color:#a099b4;margin-bottom:5px}.stack strong{font-size:20px}.stack small{display:block;color:#b1acbd;font-size:9px;margin-top:5px}.ringlabel{font-size:9px;letter-spacing:1px;color:#a29bac;display:flex;justify-content:space-between;margin-bottom:8px}.ring{min-height:96px;display:flex;gap:6px;align-items:start;flex-wrap:wrap;border:1px dashed #504b5a;border-radius:7px;padding:9px}.empty{color:#837b90;font-size:11px;align-self:center;text-align:center;width:100%}.card{width:87px;min-height:108px;padding:8px 6px;border:3px solid #a59a85;border-radius:6px;background:#e5dccb;color:#302a25;text-align:left;display:flex;flex-direction:column;gap:6px;box-shadow:0 5px 12px #0004}.card small{font-size:7px;text-transform:uppercase;letter-spacing:.5px}.card b{font-size:10px;line-height:1.15}.card .art{height:27px;display:grid;place-items:center;background:#36343b;color:#ead9c3;font-size:18px}.card .numbers{font-size:9px;margin-top:auto;display:flex;justify-content:space-between;font-weight:800}.card.rev{border-color:#8aa2ac}.aux{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.aux button{border:1px solid #4a444f;background:#26232d;padding:6px 9px;border-radius:5px;font-size:9px;color:#b5aabd}.hand{margin-top:11px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:32px}.hand label{font-size:9px;color:#a198ae;letter-spacing:1px;width:100%}.back{width:27px;height:36px;display:grid;place-items:center;border:1px solid #a49a89;border-radius:4px;background:repeating-linear-gradient(45deg,#39323e,#39323e 3px,#49404b 3px,#49404b 4px);font-weight:800;font-size:6px;color:#d0bbad}.center{border-top:1px solid #51444c;border-bottom:1px solid #51444c;background:#111218a8;padding:16px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between}.center b{font-size:12px;letter-spacing:1px}.center span{font-size:10px;color:#d89485}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px;margin-bottom:15px}.panel h2{font-size:15px;margin:0 0 10px}.panel p{font-size:12px;line-height:1.7;color:#b5afbd}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{width:100%;text-align:left;font-size:12px}.progress{height:6px;background:#37333e;border-radius:4px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:var(--red);transition:width .25s}.reveal{border:1px dashed #524a59;border-radius:9px;min-height:195px;padding:15px;text-align:center;display:grid;place-items:center;background:#18151f}.reveal .card{width:110px;height:140px;animation:reveal .3s ease}.reveal small{color:#9e95ac;font-size:10px}.log{max-height:330px;overflow:auto}.event{border-left:2px solid #49424f;padding:0 0 0 10px;font-size:11px;line-height:1.65;margin:0 0 15px;color:#bfb7c9}.event:first-child{border-color:var(--red);color:#eee4f2}.training{padding:13px 0;color:#938a9f;font-size:11px;line-height:1.6}.perspective{display:flex;gap:8px;margin-bottom:12px;align-items:center}.perspective span{color:var(--muted);font-size:11px}.perspective button{font-size:11px;padding:7px 10px}.perspective button.active{border-color:var(--red);color:#ffc0b5}.overlay{position:fixed;inset:0;background:#000c;display:grid;place-items:center;z-index:10;padding:18px}.overlay[hidden]{display:none}.dialog{max-width:650px;width:100%;max-height:80vh;overflow:auto;background:#222129;border:1px solid #68606f;border-radius:12px;padding:23px}.dialog h2{margin-top:0}.dialog .close{float:right;background:transparent;border:0;color:white;font-size:25px}.dialog p{color:#b7adbf;font-size:12px;line-height:1.6}.contents{display:flex;gap:8px;flex-wrap:wrap}.error{color:#ffad9b;min-height:18px;font-size:12px;margin:10px 0}a{color:#ceaaa2}@keyframes reveal{from{transform:translateY(12px) rotate(-4deg);opacity:.2}to{transform:none;opacity:1}}@media(max-width:1050px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.side .panel{margin:0}.side .activity{grid-column:1/-1}.log{max-height:190px}}@media(max-width:650px){header{padding:16px}.brand{font-size:17px}.wrap{padding:19px 10px}.top{display:block}h1{font-size:25px}.setup{margin-top:14px}.setup select{flex:1;min-width:0}.player{padding:12px 9px}.zones{grid-template-columns:65px minmax(0,1fr) 65px;gap:8px}.stack{min-height:95px;padding:8px 3px}.stack small{font-size:8px}.card{width:76px;min-height:100px}.center{padding:12px 10px}.side{display:block}.side .panel{margin-bottom:12px}.aux{gap:4px}.aux button{font-size:8px;padding:6px}.sub{font-size:11px}.f strong{font-size:26px}.playerhead h2{font-size:14px}.perspective{flex-wrap:wrap}}

.lobby{max-width:700px;margin:45px auto}.lobby h1{font-size:34px}.lobby label{display:block;margin:16px 0 7px;color:#b8aaba;font-size:12px}.lobby select{width:100%;margin-bottom:14px}.lobby .btn{margin-right:8px}.toplinks{display:flex;gap:15px}.statusline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px;font-size:11px;color:#a69cae}.online{color:#8edbb6}.offline{color:#ffb09d}.invitation{width:100%;padding:10px;margin:10px 0;color:#ddd;background:#19161d;border:1px solid #5a4d5c;border-radius:7px;font-size:11px}.lobby[hidden],.game[hidden],.panel[hidden]{display:none}.connected{font-size:9px;color:#8edbb6;margin-left:8px}.inactive{color:#999}.room-title{font-size:11px;letter-spacing:1px;color:#a496ac}.resume{margin-top:15px}.note{font-size:11px;color:#a499ab;line-height:1.7}.btn-row{display:flex;gap:8px;flex-wrap:wrap}button[hidden]{display:none}.notice{padding:12px;border:1px solid #51424f;border-radius:8px;margin:15px 0;background:#211c25}.roomname{font-size:17px;font-weight:800}.header-back{font-size:11px} .error:empty{display:none}

.card.real{padding:0;border:1px solid #877d6b;border-radius:6px;overflow:hidden;min-height:0;width:94px;flex-shrink:0;background:#242028}.card.real img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.dialog .card.real{width:175px}.dialog .contents{align-items:flex-start}.dialog .contents .btn,.dialog .contents>a{align-self:center}.hand{gap:8px}.ring{gap:8px}.reveal .card.real{width:115px;height:auto}.dialog #dialogNote{font-size:13px;line-height:1.7}.dialog #dialogCards>p{max-width:280px}@media(max-width:650px){.card.real{width:78px}.dialog .card.real{width:150px}.toplinks{gap:8px}.toplinks a{font-size:10px}.btn-row{gap:5px}.btn-row .btn{font-size:11px;padding:8px}}

.pre-steps{list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:16px 0}.pre-steps li{border:1px solid #48414f;border-radius:6px;padding:7px 9px;color:#8e8499;font-size:10px}.pre-steps .current{border-color:#f27b64;color:#ffe1cd;background:#4a2b29}.pre-steps .complete{border-color:#3a6755;color:#a5d3b6;background:#1b2b26}#prematchPanel[hidden]{display:none}#prematchPanel h2{margin-top:5px}
.deck-report{overflow-x:auto}.deck-review{border-collapse:collapse;width:100%;font-size:13px;margin-top:16px}.deck-review th,.deck-review td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #42394a}.deck-review th{color:#d7c8e8}#deckFile{display:block;margin:12px 0;max-width:100%}

.playerhead small.pre-stats{display:block;line-height:1.7;margin-top:5px;color:#d5c8ba;max-width:430px;white-space:normal}

.live-play{width:100%;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:15px;border:1px solid #c4a26a;border-radius:9px;background:#242029;box-shadow:0 5px 18px #0004}.live-play.pending{border:2px solid var(--red);background:linear-gradient(120deg,#392322,#211e28)}.live-play .card,.live-play .card.real{width:150px;min-height:195px;align-self:start;margin:0}.live-play .card.real img{aspect-ratio:3/4}.live-play .card b{font-size:15px}.live-play .card .art{height:55px}.live-play .card .numbers{font-size:13px}.live-info{min-width:0}.live-status{font-size:10px;font-weight:800;letter-spacing:1px;color:#ffc9ad}.live-info h3{font-size:19px;line-height:1.25;margin:8px 0;overflow-wrap:anywhere}.live-info p{font-size:12px;line-height:1.6;margin:8px 0}.live-stats{color:#f3d5a7}.live-hint{color:#c8bdca}.live-responses{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.live-responses .btn{font-size:12px;text-align:left;max-width:100%;overflow-wrap:anywhere}.live-info>.btn{margin-top:4px}.live-card:focus-visible{outline:3px solid #f5c96a;outline-offset:4px}
@media(max-width:650px){.zones:has(.live-play){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zones:has(.live-play)>div{grid-column:1/-1;grid-row:1}.zones:has(.live-play)>.stack{min-height:70px}.live-play{grid-template-columns:105px minmax(0,1fr);gap:10px;padding:10px}.live-play .card,.live-play .card.real{width:105px;min-height:136px}.live-info h3{font-size:16px}.live-info p{font-size:11px}.live-status{font-size:9px}.live-info>.btn,.live-responses .btn{font-size:11px;padding:8px}.live-responses{grid-column:1/-1}.live-play .card b{font-size:12px}.live-play .card .art{height:30px}}

/* Highlight the card under the pointer without moving the surrounding cards. */
.card{transition:border-color .15s ease,box-shadow .15s ease}
@media(hover:hover){.card:hover{border-color:#ffdc85;box-shadow:0 0 0 2px #ffdc85,0 0 22px #f5c96a99,0 5px 12px #0004}}
.card:focus-visible{border-color:#ffdc85;outline:2px solid #ffdc85;outline-offset:3px;box-shadow:0 0 20px #f5c96a88}
.turn-announcement{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;padding:22px 38px;border:1px solid #f5c96a;border-radius:12px;background:#19171ff2;box-shadow:0 12px 50px #0009,0 0 28px #f5c96a33;color:#ffe1a0;text-align:center;font-size:clamp(22px,4vw,38px);font-weight:850;line-height:1.2;overflow-wrap:anywhere;animation:turn-appear .22s ease-out}
.turn-announcement[hidden]{display:none}
@keyframes turn-appear{from{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.turn-announcement{animation:none}}

/* Real card images overlap: title strips above, complete front card below. */
.match-stack{display:flex;flex-direction:column;align-items:stretch;width:180px;max-width:100%;flex-shrink:0;padding:0 0 5px;border:0;background:transparent;text-align:left;color:var(--text);border-radius:7px}
.match-stack-label{padding:2px 2px 9px;font-size:9px;letter-spacing:1px;color:#b9adbf;font-weight:750}
.match-stack-layers{display:block;isolation:isolate;padding:0 2px 4px}
.match-stack-card{position:relative;display:block;overflow:hidden;border:2px solid #706a76;border-radius:6px;background:#17141d;box-shadow:0 3px 9px #0008}
.match-stack-card:not(:last-child){height:34px}
.match-stack-card+.match-stack-card{margin-top:-4px}
.match-stack-card:last-child{min-height:50px}
.match-stack-card img{display:block;width:100%;height:auto}
.match-stack-card img[hidden]{display:none}
.match-stack-fallback{display:block;min-height:32px;padding:6px 8px;font-size:11px;line-height:1.3;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-stack:focus-visible{outline:2px solid #ffdc85;outline-offset:4px}
@media(hover:hover){.match-stack:hover .match-stack-card{border-color:#ffdc85;box-shadow:0 0 9px #f5c96a55}.match-stack:hover .match-stack-label{color:#ffdc85}}
.dialog.prematch-dialog{max-width:1040px}
.prematch-dialog .contents{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:start}
.prematch-dialog .card,.prematch-dialog .card.real{width:100%;max-width:390px;justify-self:center}
.prematch-dialog .card.real img,.prematch-card-dialog .card.real img{aspect-ratio:auto}
.prematch-card-dialog .card.real{width:360px;max-width:100%}
.prematch-dialog .card:not(.real){min-height:205px}
.prematch-dialog .card:not(.real) b{font-size:15px}
@media(max-width:650px){.match-stack{width:155px;max-width:100%}.match-stack-card:not(:last-child){height:30px}.dialog.prematch-dialog{padding:18px}.prematch-dialog .contents{grid-template-columns:minmax(0,1fr);gap:12px}}

/* Superstar and public Backstage cards on the table. */
.aux{align-items:flex-start}.identity-zone{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;max-width:100%}.aux .identity-zone .card{width:94px;min-height:108px;padding:8px 6px;border:3px solid #a59a85;background:#e5dccb;color:#302a25;font-size:inherit}.aux .identity-zone .card.real{width:94px;min-height:0;padding:0;border:1px solid #877d6b;background:#242028}.aux .identity-empty{min-height:36px}.aux>button{align-self:flex-start}@media(max-width:650px){.aux .identity-zone .card,.aux .identity-zone .card.real{width:78px}.identity-zone{gap:6px}}

/* Underrated's supplied scan includes portrait padding around a landscape card. */
.card.real img.landscape-crop,.match-stack-card img.landscape-crop{aspect-ratio:600/432;object-fit:cover}

/* Larger characters; keep the original scan and its proportions. */
.aux .identity-zone[data-identity-zone="superstar"] .card{width:195px;min-height:250px}
.aux .identity-zone[data-identity-zone="superstar"] .card.real{width:195px;min-height:0}
.aux .identity-zone[data-identity-zone="superstar"] .card.real img{aspect-ratio:auto}
/* Backlash scans sit directly in the viewer, without a surrounding black frame. */
.dialog .card.real img{aspect-ratio:auto}
/* One central decision window, dismissible while inspecting the table. */
.next-step-overlay{z-index:9;background:#08090e66;backdrop-filter:none;-webkit-backdrop-filter:none}
.next-step-dialog{max-width:680px;max-height:88dvh;padding:26px;border-color:#b78e62;box-shadow:0 20px 100px #0009}
.next-step-dialog h2{margin:10px 36px 14px 0;font-size:24px}
.step-close{float:right;border:0;background:transparent;font-size:28px;line-height:1;padding:0 4px;color:var(--text)}
.step-card{float:left;margin:0 18px 12px 0;max-width:35%}
.step-card:empty{display:none}
.next-step-dialog .step-card .card.real{width:130px;max-width:100%}
.step-event{clear:both;border-top:1px solid var(--line);padding-top:12px}
.next-step-dialog .controls{clear:both;max-height:42dvh;overflow:auto;display:flex;flex-wrap:wrap;gap:8px;padding:3px}
.next-step-dialog .controls .btn{text-align:left;overflow-wrap:anywhere;max-width:100%}
@media(max-width:650px){.aux .identity-zone[data-identity-zone="superstar"] .card,.aux .identity-zone[data-identity-zone="superstar"] .card.real{width:150px}.aux .identity-zone[data-identity-zone="superstar"] .card:not(.real){min-height:195px}.next-step-dialog{padding:18px;max-height:92dvh}.next-step-dialog h2{font-size:21px}.next-step-dialog .controls{max-height:45dvh}.next-step-dialog .step-card .card.real{width:100px}}

/* Shared card grid for Ring piles and Backlash. */
.dialog.backlash-dialog{max-width:1040px}
.backlash-dialog .contents{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:start}
.backlash-dialog .card,.backlash-dialog .card.real{width:100%;max-width:390px;justify-self:center}
.backlash-dialog .card.real{padding:0;border:0;background:transparent;box-shadow:none}
.backlash-dialog .card.real img{aspect-ratio:auto}
.backlash-dialog .card:not(.real){min-height:205px}
.next-step-dialog .controls .btn,.step-close{transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}
.next-step-dialog .controls .btn:focus-visible,.next-step-dialog .controls .btn:not(:disabled):hover,.step-close:hover{border-color:#f5c96a;background:#443523;color:#ffe3a0;box-shadow:0 0 0 1px #f5c96a,0 0 16px #f5c96a44;outline-color:#f5c96a}
.next-step-overlay:not([hidden]) .next-step-dialog{animation:step-arrive .16s ease-out}
@keyframes step-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.backlash-dialog .contents{grid-template-columns:minmax(0,1fr);gap:12px}.dialog.backlash-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.next-step-overlay:not([hidden]) .next-step-dialog{animation:none}.next-step-dialog .controls .btn,.step-close{transition:none}}

/* Keep routine play on the table; reserve the central window for resolutions. */
.inline-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.inline-controls[hidden]{display:none}
.inline-controls .btn{text-align:left;max-width:100%;overflow-wrap:anywhere}
.inline-controls .btn:not(:disabled):hover,.inline-controls .btn:focus-visible{border-color:#f5c96a;color:#ffe3a0;box-shadow:0 0 0 1px #f5c96a,0 0 14px #f5c96a44}
.dialog.backlash-dialog .card:hover,.dialog.backlash-dialog .card:focus-visible{outline:2px solid #f5c96a;outline-offset:3px;box-shadow:0 0 0 1px #f5c96a,0 0 18px #f5c96a66}

#inlineStatus:empty{display:none}

.stack.arsenal-draw{border-color:#d2ad64;box-shadow:0 0 0 1px #d2ad6444}
.stack.arsenal-draw:hover,.stack.arsenal-draw:focus-visible{border-color:#f5c96a;box-shadow:0 0 18px #f5c96a55}
.stack.arsenal-draw small{color:#ffe3a0;font-weight:700}

/* v1.40 — One shared table; all zone shortcuts stay above both player areas. */
.game .top{margin-bottom:10px}.game .statusline{margin-bottom:10px}.game .layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.game .table{background:radial-gradient(ellipse at 50% 50%,#2c374c,#1b2535);border-color:#46536a;position:relative}.shared-table .center{background:#141a24;border:0;border-bottom:1px solid #47546b;padding:12px 16px;flex-wrap:wrap}.table-zone-bar{background:#141a23;padding:7px 12px;border-bottom:1px solid #4a5870}.table-zone-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 0}.table-zone-owner{width:160px;max-width:100%;font-size:10px;color:#a9bde1;overflow-wrap:anywhere}.table-zone-row:first-child .table-zone-owner{color:#e6a29c}.table-zone-tab{font-size:10px;padding:7px 9px;background:#252d39;border-color:#455066;border-radius:5px}.table-zone-tab:hover,.table-zone-tab:focus-visible{border-color:#f5c96a;box-shadow:0 0 12px #f5c96a33}.table-hand-count{font-size:10px;color:#acb7c9}.shared-table .player{display:grid;grid-template-columns:154px minmax(0,1fr);column-gap:16px;row-gap:12px;padding:14px 16px}.shared-table .playerhead{grid-column:1/-1;margin:0;align-items:flex-start;gap:12px}.shared-table .playerhead h2{font-size:16px}.shared-table .playerhead small.pre-stats{font-size:9px;max-width:none}.shared-table .playerhead .f{white-space:nowrap}.shared-table .playerhead .f strong{font-size:25px}.shared-table .zones{display:block;grid-column:2;grid-row:2;min-width:0}.shared-table .zones>.stack{display:none}.shared-table .ringlabel{padding:0 0 10px;border-bottom:1px solid #65738b80;color:#c1ccdc;gap:10px;flex-wrap:wrap;line-height:1.5}.shared-table .ring{min-height:144px;border:0;padding:4px 0;gap:12px}.shared-table .aux{display:contents}.shared-table .aux>.identity-zone[data-identity-zone="superstar"]{grid-column:1;grid-row:2/4;align-self:start}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:150px;max-width:100%;min-height:0}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card:not(.real){min-height:200px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]{grid-column:2;grid-row:3;border-top:1px solid #56658070;padding-top:10px;gap:7px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]::before{content:"BACKSTAGE";display:block;width:100%;color:#aebcd0;font-size:9px;letter-spacing:1px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:70px;min-height:0}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card:not(.real){min-height:90px}.shared-table .aux>button{display:none}.shared-table .hand{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid #58688380;gap:8px}.shared-table .player[data-self="false"][data-hand-visible="false"]>.hand{display:none}.shared-table .player[data-self="true"]{border-bottom:4px solid #4d7ccb}.shared-table .player[data-self="false"]{border-top:4px solid #cc514c}.shared-table .hand .card.real{width:90px}.table-divider{height:1px;margin:0 16px;background:linear-gradient(90deg,transparent,#74809980,transparent)}.shared-table .match-stack{width:126px}.shared-table .match-stack-card:not(:last-child){height:27px}.shared-table .match-stack-label{padding-bottom:7px}.table-rules{margin-top:12px;color:#9da9ba;font-size:11px}.table-rules summary{cursor:pointer}.table-rules .training{padding-bottom:0}.card-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:110px}.card-preview>.card.real{width:165px;max-width:100%}.card-preview>b{font-size:14px;align-self:stretch;overflow-wrap:anywhere}.card-preview>small{font-size:11px;color:#aaa5b3;line-height:1.6;align-self:stretch}.game .side .panel{padding:14px}.game .side .log{max-height:240px}
@media(min-width:1500px){.wrap{max-width:1680px}.shared-table .player{grid-template-columns:180px minmax(0,1fr)}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:175px}.shared-table .match-stack{width:145px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:80px}}
@media(max-width:1100px){.game .layout{grid-template-columns:minmax(0,1fr)}.game .side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game .side .activity{grid-column:1/-1}.card-preview-panel{grid-row:span 2}.card-preview>.card.real{width:150px}}
@media(max-width:650px){.shared-table .player{grid-template-columns:106px minmax(0,1fr);gap:10px;padding:12px 9px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:105px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card:not(.real){min-height:140px}.shared-table .ring{gap:8px}.shared-table .match-stack{width:105px}.shared-table .match-stack-card:not(:last-child){height:24px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:60px}.table-zone-owner{width:100%;font-size:11px}.table-zone-tab{font-size:10px;padding:8px}.shared-table .playerhead h2{font-size:14px}.shared-table .playerhead .f{font-size:9px;gap:5px}.shared-table .playerhead .f strong{font-size:23px}.shared-table .hand .card.real{width:78px}.game .side{display:block}.game .side .panel{margin-bottom:12px}}
@media(max-width:380px){.shared-table .player{grid-template-columns:86px minmax(0,1fr);gap:8px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:85px}.shared-table .match-stack{width:87px}.shared-table .ring .card.real{width:75px}}
/* Keep both Ring Areas in the same compact plane during ordinary play. */
header{padding:14px 24px}.game .top h1{font-size:24px;margin:4px 0}.game .statusline{font-size:10px}.game .roomname{font-size:13px}#prematchPanel[data-finished="true"]{display:none}
@media(min-width:851px){.shared-table .player{grid-template-columns:154px minmax(0,1fr) 148px;column-gap:14px;row-gap:9px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"]{grid-row:2}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]{grid-column:3;grid-row:2;border-top:0;border-left:1px solid #56658070;padding:0 0 0 10px;align-content:start}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:62px}.shared-table .hand{grid-row:3}.shared-table .playerhead small.pre-stats{margin-top:3px}}
@media(min-width:1500px){.shared-table .player{grid-template-columns:180px minmax(0,1fr) 174px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:76px}}

/* v1.41 — Physical piles beside the Superstar and the common Backlash caption. */
.shared-table .player{grid-template-columns:150px 76px minmax(0,1fr) 92px 138px;column-gap:12px;row-gap:10px}.shared-table .zones{display:contents}.shared-table .zones>.stack{display:block;grid-column:2;grid-row:2;align-self:start;min-height:112px;background:repeating-linear-gradient(135deg,#202b3d,#202b3d 5px,#27344a 5px,#27344a 7px);border-color:#6e7890}.shared-table .zones>.stack .symbol{font-size:26px;color:#b9c7dd}.shared-table .ring-area{grid-column:3;grid-row:2;min-width:0}.shared-table .pile-zones{grid-column:4;grid-row:2;display:flex;flex-direction:column;gap:10px;align-self:start;min-width:0}.shared-table .pile-zones .stack{min-height:104px;background:#182333;border-color:#58667e}.shared-table .pile-zones .stack .symbol{font-size:20px;margin-bottom:2px}.shared-table .pile-zones .stack small{color:#c0ccde;font-size:9px;line-height:1.4}.shared-table .pile-zones .stack strong{font-size:23px}.shared-table .stack:hover,.shared-table .stack:focus-visible{border-color:#f5c96a;box-shadow:0 0 15px #f5c96a44}.shared-table .stack.arsenal-draw{border-color:#f5c96a;box-shadow:0 0 0 1px #f5c96a55}.shared-table .aux>.identity-zone[data-identity-zone="superstar"]{grid-column:1;grid-row:2;align-self:start}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]{grid-column:5;grid-row:2;border-top:0;border-left:1px solid #56658070;padding:0 0 0 10px;align-content:start}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:58px}.shared-table .hand{grid-column:1/-1;grid-row:3}.shared-table .ring{align-items:start}.shared-table .ring-backlash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:8px;width:236px;max-width:100%;min-width:0;align-items:start}.shared-table .ring-backlash[data-count="1"]{width:112px;grid-template-columns:minmax(0,1fr)}.shared-table .ring-backlash-label{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:#d3c199;padding-bottom:6px;border-bottom:1px solid #c8ad7255}.shared-table .ring-backlash .match-stack{width:100%;min-width:0}.shared-table .ring-backlash .match-stack-label{font-size:9px;overflow-wrap:anywhere}
@media(min-width:1500px){.shared-table .player{grid-template-columns:170px 85px minmax(0,1fr) 100px 160px;column-gap:14px}.shared-table .ring-backlash{width:278px}.shared-table .ring-backlash[data-count="1"]{width:133px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:70px}}
@media(max-width:950px){.shared-table .player{grid-template-columns:130px 70px minmax(0,1fr) 86px;column-gap:10px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"]{grid-row:2/4}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]{grid-column:2/5;grid-row:3;border-left:0;border-top:1px solid #56658070;padding:10px 0 0}.shared-table .hand{grid-row:4}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:130px}.shared-table .ring-backlash{width:222px;column-gap:10px}}
@media(max-width:650px){.shared-table .player{grid-template-columns:90px 62px minmax(0,1fr);gap:9px;padding:12px 9px}.shared-table .zones>.stack{min-height:100px}.shared-table .zones>.stack strong{font-size:21px}.shared-table .zones>.stack small{font-size:9px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:90px}.shared-table .pile-zones{grid-column:2;grid-row:3;gap:8px}.shared-table .pile-zones .stack{min-height:90px;padding:8px 3px}.shared-table .pile-zones .stack small{font-size:8px}.shared-table .pile-zones .stack strong{font-size:20px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"]{grid-column:3;grid-row:3;align-self:start;gap:5px}.shared-table .ring-backlash{width:100%;column-gap:7px}.shared-table .ring-backlash[data-count="1"]{width:100px}.shared-table .ring-backlash-label{font-size:9px}.shared-table .ringlabel{font-size:9px}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:55px}}
@media(max-width:380px){.shared-table .player{grid-template-columns:78px 56px minmax(0,1fr);gap:7px}.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card,.shared-table .aux>.identity-zone[data-identity-zone="superstar"] .card.real{width:78px}.shared-table .ring-backlash{grid-template-columns:minmax(0,1fr);width:100px}.shared-table .ring-backlash-label{grid-column:1}.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card,.shared-table .aux>.identity-zone[data-identity-zone="backstage"] .card.real{width:50px}}
/* v1.42 — The Ring's Backlash caption opens the private full-card viewer. */
.shared-table button.ring-backlash-label{font-family:inherit;background:transparent;border:0;border-bottom:1px solid #c8ad7255;border-radius:4px;padding:5px 2px 7px;text-align:left;cursor:pointer;min-height:30px;width:100%;transition:color .14s,border-color .14s,box-shadow .14s}.shared-table button.ring-backlash-label::after{content:" ↗";font-size:12px}.shared-table button.ring-backlash-label:hover,.shared-table button.ring-backlash-label:focus-visible{color:#ffe3a0;border-color:#f5c96a;box-shadow:0 0 12px #f5c96a33;outline-color:#f5c96a}.shared-table .ring-backlash[data-count="0"]{grid-template-columns:minmax(0,1fr);width:236px}

/* v1.75 — Give the shared table the space previously used by match metadata. */
#matchMeta[hidden]{display:none}
.wrap.playing{max-width:none;padding:12px 16px 24px}
.toplinks{align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.toplinks .nav-action,.toplinks .exit-game{font-size:12px;padding:9px 12px;white-space:nowrap}
.toplinks .exit-game{border-color:#9e594f;color:#ffc4ba}
.toplinks .exit-game:hover,.toplinks .exit-game:focus-visible{border-color:#f5c96a;color:#ffe3a0}
.exit-dialog{width:min(420px,calc(100% - 32px));padding:26px;border:1px solid #68606f;border-radius:12px;background:#222129;color:var(--text);box-shadow:0 18px 70px #0008}
.exit-dialog::backdrop{background:#0009}
.exit-dialog h2{font-size:19px;line-height:1.5;margin:0 0 24px}
.exit-dialog .btn-row{justify-content:flex-end}
@media(max-width:850px){header{align-items:flex-start;gap:14px;flex-wrap:wrap}.toplinks{gap:10px}.wrap.playing{padding:10px 10px 20px}}
@media(max-width:500px){.toplinks{justify-content:flex-start}.toplinks .exit-game{padding:8px 10px}.exit-dialog{padding:22px}.exit-dialog .btn-row .btn{flex:1}}

/* Selected-card preview follows the original artwork dimensions. */
.card-preview>.card.real{height:auto;min-height:0;align-self:center}
.card-preview>.card.real img:not(.landscape-crop){height:auto;aspect-ratio:auto}

/* Keep the existing Underrated artwork crop in every card dialog. */
.dialog .card.real img.landscape-crop{aspect-ratio:600/432;object-fit:cover}
.dialog.backlash-dialog .card.real,.dialog.prematch-dialog .card.real{height:auto;min-height:0;align-self:start}
.dialog.backlash-dialog .card.real:hover,.dialog.backlash-dialog .card.real:focus-visible,.dialog.prematch-dialog .card.real:hover,.dialog.prematch-dialog .card.real:focus-visible{border-color:#f5c96a;outline:2px solid #f5c96a;outline-offset:0;box-shadow:0 0 18px #f5c96a66}

/* The controls and card inspector belong to the shared tabletop. */
.wrap.playing{padding:6px 6px 16px}
.game .layout{display:block}
.game .shared-table{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:start}
.shared-table>.center,.shared-table>.table-zone-bar,.shared-table>#opponent,.shared-table>.table-divider,.shared-table>#self{grid-column:1;min-width:0}
.game .shared-table>.side{grid-column:2;grid-row:1/6;display:block;align-self:stretch;min-width:0;padding:12px;border-left:1px solid #46536a;background:#141a24}
.game .shared-table>.side .panel{margin:0 0 12px;padding:12px}
.game .shared-table>.side .panel:last-child{margin-bottom:0}
@media(max-width:850px){.game .shared-table{grid-template-columns:minmax(0,1fr)}.game .shared-table>.side{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #46536a;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game .shared-table>.side .panel{margin:0}.game .shared-table>.side .activity{grid-column:1/-1}}
@media(max-width:500px){.game .shared-table>.side{display:block}.game .shared-table>.side .panel{margin-bottom:12px}}

.card-title-filter,.card-title-select{width:100%;min-width:0;box-sizing:border-box;background:#24252c;color:var(--text);border:1px solid #50505b;border-radius:7px;padding:10px;font:inherit}.card-title-filter:focus-visible,.card-title-select:focus-visible{outline:2px solid #f5c96a;outline-offset:3px}

.voice-panel{border:1px solid #5d5269;border-radius:12px;background:#18141f;padding:12px 16px;margin:12px 0;color:#f4eef9}.voice-panel[hidden]{display:none}.voice-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.voice-heading span{font-size:13px;color:#c6bdd1}.voice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.voice-panel small{display:block;color:#b9b0c6}.voice-panel .error{margin:8px 0 0}.voice-panel .btn[aria-pressed="true"]{border-color:#4bca90;color:#a2e4bf}.voice-panel audio{display:none}@media(max-width:600px){.voice-panel{padding:10px 12px}.voice-buttons .btn{flex:1 1 auto;min-height:42px}}

/* Dragging is an additional way to submit a legal card play. */
#self .hand .drag-playable{cursor:grab}#self .hand .drag-playing{opacity:.45;cursor:grabbing}#self .ring-area.drop-ready{outline:2px dashed #f5c96a;outline-offset:5px;border-radius:6px;background:#f5c96a0d}#self .ring-area.drop-over{outline-style:solid;background:#f5c96a26;box-shadow:0 0 22px #f5c96a33}#self .ring-area.drop-ready .ringlabel{color:#f5c96a}#self .ring-area.drop-ready .ringlabel::after{content:'Suelta aquí para jugar';font-size:11px;margin-left:auto}

.match-clock{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 14px;border:1px solid #46536a;border-radius:8px;background:#141a24}.match-clock strong{font-size:11px;letter-spacing:1px;color:#c1ccdc}.match-clock small{display:block;color:#a9bde1;font-size:11px;margin-top:4px}.match-clock output{font-size:25px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#f5c96a}

/* Backlash stays beside the table without a modal backdrop. */
#overlay{background:transparent;backdrop-filter:none}
.backlash-drawer{position:fixed;right:14px;top:80px;bottom:18px;width:min(340px,calc(100vw - 28px));z-index:8;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #6e7890;border-radius:12px;background:#171d28;box-shadow:0 8px 28px #0006;overflow:hidden}.backlash-drawer[hidden]{display:none}.backlash-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.backlash-drawer-head h2{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.backlash-drawer-head .btn{white-space:nowrap;padding:7px 9px}.backlash-drawer>p{font-size:12px;line-height:1.5;color:#b7c3d9;margin:0}.backlash-drawer-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;overflow-y:auto;min-height:0;padding:4px 6px 12px;align-content:start}.backlash-drawer-cards .card,.backlash-drawer-cards .card.real{width:100%;max-width:100%;height:auto;min-height:0}.backlash-drawer-cards .card:not(.real){min-height:180px}.backlash-drawer-cards .card.real img{aspect-ratio:auto}.backlash-drawer-cards .drag-playable{cursor:grab}.card-drag-active .backlash-drawer{opacity:.18;pointer-events:none}.backlash-drawer-cards .drag-playing{opacity:.45}
/* Superstar and Backstage share one vertical column at every table size. */
.shared-table .player{grid-template-columns:150px 76px minmax(0,1fr) 92px}.shared-table .identity-column{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:12px;align-self:start;min-width:0}.shared-table .identity-column .identity-zone{width:100%;gap:6px}.shared-table .identity-column [data-identity-zone="superstar"] .card,.shared-table .identity-column [data-identity-zone="superstar"] .card.real{width:100%;max-width:100%;min-height:0}.shared-table .identity-column [data-identity-zone="superstar"] .card:not(.real){min-height:190px}.shared-table .identity-column [data-identity-zone="backstage"]{border-top:1px solid #56658070;padding-top:9px}.shared-table .identity-column [data-identity-zone="backstage"]::before{content:'BACKSTAGE';width:100%;font-size:9px;letter-spacing:1px;color:#aebcd0}.shared-table .identity-column [data-identity-zone="backstage"] .card,.shared-table .identity-column [data-identity-zone="backstage"] .card.real{width:calc(50% - 3px);max-width:100%;min-height:0}.shared-table .identity-column [data-identity-zone="backstage"] .card:not(.real){min-height:80px}
@media(min-width:1500px){.shared-table .player{grid-template-columns:170px 85px minmax(0,1fr) 100px}}
@media(max-width:950px){.shared-table .player{grid-template-columns:130px 70px minmax(0,1fr) 86px}.shared-table .identity-column{grid-row:2/4}}
@media(max-width:650px){.shared-table .player{grid-template-columns:90px 62px minmax(0,1fr)}.shared-table .identity-column [data-identity-zone="superstar"] .card:not(.real){min-height:125px}.shared-table .identity-column [data-identity-zone="backstage"] .card,.shared-table .identity-column [data-identity-zone="backstage"] .card.real{width:100%}.backlash-drawer{right:8px;top:70px;bottom:10px;width:min(290px,calc(100vw - 35px))}}
@media(max-width:380px){.shared-table .player{grid-template-columns:78px 56px minmax(0,1fr)}}

header .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}header .brand-logo{display:block;width:126px;height:auto;object-fit:contain}header .brand-game{font-size:10px;letter-spacing:2px;color:#8e8696}header .toplinks{flex-wrap:wrap;justify-content:flex-end}@media(max-width:650px){header{flex-wrap:wrap;gap:12px}header .brand-logo{width:100px}header .toplinks{justify-content:flex-start;gap:10px}}

/* Backlash is a window in the table's own right column. */
.shared-table .backlash-drawer{position:relative;inset:auto;width:100%;height:auto;max-height:none;z-index:auto;overflow:visible;margin-bottom:14px;padding:12px;box-shadow:none}.shared-table .backlash-drawer-head{flex-wrap:wrap}.shared-table .backlash-drawer-cards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-items:start;align-content:start;max-height:72vh;overflow-y:auto;padding:6px 5px 12px;scrollbar-gutter:stable}.shared-table .backlash-drawer-cards .card,.shared-table .backlash-drawer-cards .card.real{display:block;align-self:start;width:100%;height:auto;max-height:none;min-height:0;flex-shrink:0}.shared-table .backlash-drawer-cards .card.real img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.shared-table .backlash-drawer-cards .card:not(.real){min-height:180px}

/* Crop only the outer white margin; preserve the black frame and original colors. */
header .brand-logo-frame{display:block;position:relative;width:104px;aspect-ratio:1800/870;overflow:hidden;flex-shrink:0;background:#000}header .brand-logo-frame .brand-logo{position:absolute;left:-6.8889%;top:-14.2529%;width:113.7223%;max-width:none;height:auto;transform:none;filter:none;mix-blend-mode:normal}@media(max-width:650px){header .brand-logo-frame{width:84px}}

/* Backlash belongs to the lower player's zone, after Ringside and Removed. */
.shared-table .backlash-dock{display:none;min-width:0;grid-column:5;grid-row:2;align-self:start}.shared-table .player.has-backlash-window>.backlash-dock{display:block}.shared-table #self .player.has-backlash-window{grid-template-columns:130px 62px minmax(130px,1fr) 76px minmax(180px,220px);column-gap:10px}.shared-table .backlash-dock .backlash-drawer{margin:0}.shared-table .backlash-dock .backlash-drawer-cards{max-height:55vh}
@media(min-width:1500px){.shared-table #self .player.has-backlash-window{grid-template-columns:150px 76px minmax(160px,1fr) 85px minmax(200px,250px)}}
@media(max-width:950px){.shared-table #self .player.has-backlash-window{grid-template-columns:100px 58px minmax(100px,1fr) 70px minmax(160px,190px);column-gap:8px}}
@media(max-width:650px){.shared-table #self .player.has-backlash-window{grid-template-columns:78px minmax(62px,1fr) minmax(150px,42%);gap:8px}.shared-table #self .has-backlash-window .identity-column{grid-column:1;grid-row:2/4}.shared-table #self .has-backlash-window .zones>.stack{grid-column:2;grid-row:2}.shared-table #self .has-backlash-window .pile-zones{grid-column:2;grid-row:3}.shared-table #self .has-backlash-window .ring-area{grid-column:1/3;grid-row:4}.shared-table #self .has-backlash-window .backlash-dock{grid-column:3;grid-row:2/5}.shared-table #self .has-backlash-window .hand{grid-row:5}.shared-table .backlash-dock .backlash-drawer{padding:8px}.shared-table .backlash-dock .backlash-drawer-cards{max-height:60vh;padding:4px 2px 8px}.shared-table .backlash-dock .backlash-drawer-head h2{font-size:13px}}

/* Zone shortcuts travel with the corresponding Superstar heading. */
#zoneBar{display:none}.shared-table .playerhead>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0;flex:1}.shared-table .playerhead>div:first-child>h2{margin:0}.shared-table .playerhead>div:first-child>small,.shared-table .playerhead>div:first-child>.connected{flex-basis:100%;margin:0}.player-zone-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;flex:1 1 420px}.player-zone-controls .table-zone-tab{font-size:9px;padding:6px 7px}.player-zone-controls .table-hand-count{font-size:9px}.shared-table .playerhead .f{align-self:flex-start}.game .shared-table>.side{grid-row:1/5}
/* Only public pile tops are shown; Arsenal always uses the same genuine back. */
.shared-table .stack.has-pile-art{padding:5px;min-height:0;height:auto;background:#151d2a}.pile-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:5/7;overflow:hidden;border-radius:4px;background:#10151d}.pile-visual .pile-art{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;pointer-events:none}.pile-visual.arsenal-back .pile-art{position:absolute;left:50%;top:50%;width:116%;height:auto;max-width:none;transform:translate(-50%,-50%) rotate(1.1deg)}.pile-fallback{padding:6px;font-size:9px;line-height:1.35;overflow-wrap:anywhere;color:#e4d8b7}.shared-table .stack.has-pile-art>strong{display:block;font-size:15px;line-height:1.25;margin-top:5px}.shared-table .stack.has-pile-art>small{display:block;font-size:9px;line-height:1.35;margin-top:3px}
@media(max-width:850px){.game .shared-table>.side{grid-row:auto}}
@media(max-width:650px){.player-zone-controls{flex-basis:100%;gap:5px}.player-zone-controls .table-zone-tab{padding:7px 6px}.shared-table .playerhead{gap:8px}.shared-table .stack.has-pile-art>strong{font-size:14px}}

.account-checking>header,.account-checking>#appWrap,.account-checking>#backlashParking{visibility:hidden}#accountLoading{padding:60px 24px;text-align:center;color:#c9bdc6;font-size:14px}#accountLoading a{display:inline-block;padding:12px}

.saved-deck-entry{margin:18px 0 24px;padding:16px;border:1px solid #665047;border-radius:9px;background:#2a2020}.saved-deck-entry .note{margin-bottom:0}.cloud-decks-dialog{color:#eee8df;background:#171c25;border:1px solid #67718a;border-radius:12px;width:min(940px,calc(100vw - 28px));max-height:88vh;padding:24px;overflow:auto}.cloud-decks-dialog::backdrop{background:transparent}.cloud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cloud-head h2{margin:6px 0 8px}.cloud-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:11px}.cloud-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;margin-top:16px}.cloud-list{display:grid;gap:8px;align-content:start}.cloud-list-section{max-height:60vh;overflow:auto;padding-right:6px}.cloud-deck{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:13px;border:1px solid #485469;border-radius:8px;text-align:left;background:#202a39;color:#eee8df;overflow-wrap:anywhere}.cloud-deck[aria-pressed="true"]{border-color:#f5c96a;background:#373126}.cloud-deck strong{font-size:13px}.cloud-deck span{font-size:11px;color:#c0c9d8}.cloud-deck small{font-size:10px;color:#96a4bb}.cloud-review{border-left:1px solid #45516a;padding-left:22px;min-width:0}.cloud-review label{display:block;margin:14px 0 6px;font-size:11px;color:#c0c9d8}.cloud-review select{width:100%}.cloud-review details{font-size:11px;line-height:1.7;margin:16px 0}.cloud-review details ul{padding-left:18px;max-height:220px;overflow:auto}.cloud-review .btn.primary{margin-top:18px;width:100%}.cloud-review .error{line-height:1.6;overflow-wrap:anywhere}.cloud-ready{color:#8edbb6;font-size:12px}.cloud-counts{font-size:11px;line-height:1.7;color:#b7c9e2}.cloud-decks-dialog #cloudError:empty{display:none}#cloudMore{margin-top:12px}.cloud-decks-dialog button[hidden],.cloud-decks-dialog [hidden]{display:none!important}@media(max-width:650px){.cloud-decks-dialog{padding:16px}.cloud-columns{grid-template-columns:1fr}.cloud-list-section{max-height:32vh}.cloud-review{border-left:0;border-top:1px solid #45516a;padding:15px 0 0}}

.normal-format{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #46536a;border-radius:8px;margin:22px 0;background:#18202c}.normal-format span{font-size:9px;letter-spacing:1.5px;color:#9aa8be}.normal-format strong{font-size:13px;color:#e3d5b5}.excel-entry{padding-top:4px;margin-bottom:20px}.excel-entry .note{margin:0 0 10px}

.tie-break{padding:14px 18px;border-bottom:1px solid #665432;background:#242018;color:#f4e6c9;text-align:center}.tie-break>strong{font-size:12px}.tie-break-result p{font-size:11px;margin:10px 0 4px}.dice-row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.dice-player{display:flex;align-items:center;gap:8px;font-size:12px}.tie-die{font-size:44px;line-height:1.2;color:#ffe2a3}.tie-break-result small{display:block;color:#c9b68f}.tie-break-result>b{display:block;font-size:12px;margin:6px 0}@media(prefers-reduced-motion:no-preference){.tie-die{animation:die-reveal .45s ease-out}@keyframes die-reveal{from{opacity:0;transform:rotate(-15deg) scale(.6)}to{opacity:1;transform:none}}}