.tables-page{padding-top:42px;padding-bottom:60px;min-height:calc(100vh - 95px)}
.tables-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.tables-heading h1{font:40px var(--serif);margin:0}.tables-heading>div{display:flex;align-items:center;gap:20px}.table-code{font:13px monospace;letter-spacing:2px;color:#b9a785}
.row-actions{display:flex;gap:12px}.table-signin{padding:50px 0}.table-signin h2{font:28px var(--serif);margin-bottom:25px}
.table-join,.table-invite{display:flex;align-items:center;gap:14px;margin-bottom:30px;padding:18px 20px;background:#182024;border:1px solid #77644755;border-radius:7px}.table-join label,.table-invite label{font-size:12px;color:#c8b68e;white-space:nowrap}.table-join input,.table-invite input{flex:1;min-width:0}.table-invite input{font-family:monospace;font-size:13px}
.table-list{display:grid;gap:14px}.table-list-item{display:flex;align-items:center;gap:25px;padding:22px 24px;background:linear-gradient(125deg,#252b2f,#182023);border:1px solid #6b5c444f;border-radius:8px}.table-list-item>div{flex:1;min-width:0}.table-list-item h2{font:24px var(--serif);margin:0 0 8px}.table-list-item p{font-size:12px;color:#b9b3a1;margin:0}.table-state{color:#c9b48c;font-size:12px}
.table-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:30px 0}.table-seat{position:relative;overflow:hidden;border-radius:9px;background:#1c262b;border:1px solid #84745455;min-height:275px}.table-seat.yours{border-color:#d2b274;box-shadow:0 0 18px #cfaa5422}.table-seat.empty{background:#b5aa8e05;border-style:dashed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.table-seat.empty h2{color:#a8a18e;font:22px var(--serif)}.seat-number{position:absolute;top:10px;left:10px;border-radius:50%;background:#101d25d9;border:1px solid #b4a27677;z-index:1;width:25px;height:25px;text-align:center;line-height:23px;font-size:12px}.seat-art{height:140px;width:100%;object-fit:cover;object-position:center 30%;display:block}.empty-art{background:radial-gradient(ellipse at 50% 120%,#53666e88,#151f24)}.seat-details{padding:18px}.seat-details h2{font:23px var(--serif);margin:0 0 9px;overflow-wrap:anywhere}.seat-details h2 small{font:9px var(--sans);color:#cbb88f}.seat-details p{color:#b2b7b6;font-size:11px;min-height:16px}.seat-ready{display:inline-block;color:#a2a9a9;font-size:11px;margin-right:15px}.seat-ready.ready{color:#abcf9f}.seat-details .text-btn{font-size:11px}
.lobby-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding-top:20px;border-top:1px solid #92806644}.lobby-controls label{font-size:11px;color:#c6b591;display:flex;flex-direction:column;gap:8px}.lobby-controls select{max-width:230px}.lobby-controls .text-btn{margin:auto 0 12px auto}.account-button{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.modal #account-form input{margin-bottom:22px}.modal #table-name{margin-bottom:22px}
.payment-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.payment-card{display:flex;align-items:center;flex-direction:column;gap:7px;padding:9px;border:1px solid #7c8c8b66;border-radius:7px;background:#101d25;color:#ece3cd}.payment-card img{width:95px;height:132px;object-fit:contain}.payment-card strong{font-size:11px;line-height:1.3}.payment-card span{font-size:10px;color:#bebaa8}.payment-card.selected{border-color:#efc377;box-shadow:0 0 9px #deb97066}.payment-card.selected span{color:#efcf93}.payment-mana-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-mana-actions .btn{font-size:11px}.engine-choice:has(.payment-card-grid){width:min(680px,65vw);left:15%;top:14%;max-height:73vh}
.opponent-grid{position:absolute;top:76px;left:16px;right:8px;height:37%;display:grid;grid-template-columns:repeat(var(--opponents),minmax(0,1fr));gap:12px}.opponent-sector{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #a4ad9760;border-radius:8px;background:#14282e6e;overflow:hidden;box-shadow:0 4px 15px #0004}.opponent-sector.active{border-color:#e4bd7c;box-shadow:0 0 16px #e4bd7c44}.opponent-sector.eliminated{opacity:.55}.opponent-sector-header{display:flex;align-items:center;gap:8px;padding:9px;background:#122128d9;min-height:63px}.sector-avatar{border:1px solid #c5af78;border-radius:50%;padding:2px;background:#1b3238;flex:0 0 38px;height:38px}.sector-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.opponent-sector-header>div{flex:1;min-width:0}.opponent-sector-header strong{display:block;font:15px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-sector-header span{display:block;font-size:9px;color:#cccfbf;margin-top:4px}.sector-commander{width:30px;padding:0;flex-shrink:0;background:none;border:0}.sector-commander img{display:block;width:100%;border-radius:3px}.opponent-sector-board{flex:1;min-height:0;overflow:auto;padding:0 18px;scrollbar-width:thin}.opponent-sector-board .board-half{position:relative;inset:auto;display:flex;flex-direction:column;gap:4px}.opponent-sector-board .creature-lanes,.opponent-sector-board .land-lanes,.opponent-sector-board .support-lanes,.opponent-sector-board .strategic-lanes{position:relative;inset:auto!important;width:auto;display:flex;flex-direction:column;gap:3px}.opponent-sector-board .battle-lane{margin:10px 0 4px}.opponent-sector-board .lane-track{justify-content:flex-start}.opponent-sector>footer{display:flex;gap:14px;padding:7px 10px;background:#122128d9}.opponent-sector>footer button{font-size:9px;color:#c8cbbd}.multiplayer-battlefield{--permanent-width:112px}.multiplayer-battlefield .phase-track{top:49%}.multiplayer-battlefield .you .creature-lanes{top:53%}.multiplayer-battlefield .you .strategic-lanes{top:53%}.multiplayer-battlefield .turn-indicator{top:56px}
@media(max-width:1100px){.table-seats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tables-heading h1{font-size:32px}.table-list-item{gap:13px;padding:17px}.opponent-grid{gap:5px;left:7px}.opponent-sector-header{gap:5px;padding:7px 5px}.sector-avatar{flex-basis:29px;height:29px}.opponent-sector-header strong{font-size:12px}.opponent-sector-header span{font-size:8px}.sector-commander{width:25px}.opponent-sector>footer{gap:6px;padding:6px 4px}}
@media(max-width:750px){.table-join,.table-invite{flex-wrap:wrap}.table-join label,.table-invite label{width:100%}.table-list-item{flex-wrap:wrap}.table-list-item>div{flex-basis:65%}.lobby-controls label{width:100%}.lobby-controls select{max-width:100%}.account-button{max-width:100px;padding:8px}.opponent-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:38%}.opponent-sector-header{min-height:40px}.opponent-sector-board .battle-lane{margin:3px 0}.sector-avatar{display:none}.opponent-sector>footer{display:none}}

.opponent-sector-board{overflow-x:hidden}.opponent-sector-board .lane-viewport{padding-bottom:40px}

.stack-caster{position:absolute;left:5px;right:5px;bottom:6px;background:#102028ed;padding:4px;color:#e5d3ad;font-size:10px;text-align:center;border-radius:3px;pointer-events:none}