/* Arena: hands/history, mirrored playmat, inspection and decisions. */
.table-active .site-header{flex-wrap:nowrap!important}.table-active .site-header nav{position:static;order:0;flex:0 1 auto;width:auto;min-width:0;margin-left:auto;transform:none}.table-active .site-header nav a{white-space:nowrap}
.table-active #play-view{background:#e8e9e2}.table-active .table-layout{grid-template-columns:minmax(210px,23fr) minmax(440px,54fr) minmax(235px,25fr);gap:14px}
.table-active #match-table{padding:0 16px 8px;grid-template-rows:44px minmax(0,1fr) 18px}.table-active .table-topbar h2{font-size:16px!important;letter-spacing:-.02em}.table-topbar small{font-size:11px;font-weight:400;margin-left:8px;color:#718276}
.table-sidebar{display:grid;grid-template-rows:105px minmax(85px,1fr) 225px;gap:12px;min-height:0;min-width:0}.opponent-cards,.table-active .table-hand{background:#fafbf7;border:1px solid #d1d7cb;border-radius:12px;padding:10px;min-width:0;overflow:hidden}.opponent-cards .table-hand-heading{font-size:10px;color:#53695a}.concealed-fan{display:flex;justify-content:center;height:62px;padding-top:6px}.concealed-fan img{height:100%;width:auto;max-width:19%;object-fit:contain;margin-left:-12px;filter:drop-shadow(1px 3px 2px #142d2d35)}.concealed-fan img:first-child{margin-left:0}
.table-active .table-sidebar .table-hand{border-top:3px solid #b58b46;margin:0}.table-active .table-hand-heading{font-size:11px;letter-spacing:.07em;flex-basis:25px}.table-active .table-hand-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;align-items:center;justify-items:center;padding-top:4px}.table-active .table-hand-cards .table-card{height:100%;width:auto;max-width:100%;aspect-ratio:63/88;flex:none}
.table-active .table-communication{border-radius:12px;border-color:#d1d7cb;background:#f7f9f3}.table-active .table-events{font-size:12px;padding:12px}.table-active .table-events li{border-bottom:1px solid #e0e6da;padding:8px 0;color:#647268}.table-active .table-events li:first-child{color:#253f32}.table-active .table-events li strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.table-active .table-rail-tabs button{font-size:12px!important}.table-active .table-rail-tabs{flex-basis:35px}
.table-active .table-board{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) 34px minmax(0,1fr);background:#203d39;border:1px solid #668377;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #17383120}
.table-active .auto-player{padding:10px 16px;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 0,#dce9d5,#c2d6c7);gap:6px}.table-active .auto-player.opponent{background:radial-gradient(ellipse at 50% 100%,#28544e,#193933);color:#eef4e7}.table-active .auto-player .table-player-heading{flex-basis:22px;min-height:22px;gap:6px}.table-active .auto-player .table-player-heading strong{font-size:12px;letter-spacing:.02em}.table-active .auto-player .table-player-heading>span{font-size:11px;color:inherit;opacity:.8}
.table-active .auto-public{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:8px 10px;padding:0}.table-active .auto-player.own .auto-characters{grid-row:1}.table-active .auto-player.own .auto-leader{grid-row:2}.table-active .auto-player.opponent .auto-characters{grid-row:2}.table-active .auto-player.opponent .auto-leader{grid-row:1}
.table-active .auto-characters{position:relative;grid-column:1/-1;gap:10px;padding:10px 8px 3px;border:1px solid #78978850;border-radius:9px;background:repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 10px)}.zone-caption{position:absolute;top:-6px;left:12px;background:#cbded0;padding:0 6px;font-size:8px;letter-spacing:.17em;color:#4f6e5d}.opponent .zone-caption{background:#234a43;color:#adc5b6}
.table-active .auto-characters .table-card,.table-active .auto-characters .table-slot{height:100%;width:auto;max-height:150px;max-width:18%;flex:0 1 auto;aspect-ratio:63/88}.table-active .table-slot{font-size:0;border:1px dashed #78978865;background:#ffffff06;min-width:35px}.table-active .table-slot:after{content:'+';font-size:20px;font-weight:300;color:#809c89}
.table-active .auto-leader .table-card{max-height:145px;height:100%;width:auto;aspect-ratio:63/88}.table-active .auto-leader>small{font-size:8px;letter-spacing:.12em;color:inherit;opacity:.7;left:calc(100% + 4px)}
.table-active .auto-resources{grid-row:2;align-self:center;max-width:190px;width:100%;pointer-events:auto}.table-active .opponent .auto-resources{grid-row:1;align-self:center}.table-active .auto-don{max-width:none}.table-active .auto-don>span{font-size:10px;line-height:1.6}.table-active .auto-don>span strong{font-size:17px}.table-active .auto-don>div{flex-wrap:nowrap;gap:0;padding:5px 0}.table-active #match-table .don-card{width:25px;height:35px;flex-shrink:0;margin-right:-7px;border:1px solid #a3b4a4;border-radius:3px;background:#faf9ed;color:#294439;font-size:8px;box-shadow:0 2px 4px #12332922}.table-active #match-table .don-card.picked{border-color:#b18237;box-shadow:0 0 0 1px #c4a467;transform:translateY(-3px)}.table-active #match-table .don-card.rested{transform:rotate(90deg) scale(.8);opacity:.55}.table-active .don-card small{display:block;font-size:5px}.table-active .auto-stage{height:34px;display:flex;align-items:center;margin-top:4px}.stage-placeholder{border:1px dashed #869e8955;padding:7px 15px;border-radius:5px;font-size:8px;letter-spacing:.15em}
.table-active .auto-piles{grid-row:2;align-self:center;grid-template-columns:74px 42px;gap:8px}.table-active .opponent .auto-piles{grid-row:1;align-self:center}.table-active .auto-piles img{height:43px;width:31px;filter:drop-shadow(1px 2px 1px #122c3333)}.table-active .life-stack img{margin-right:-19px}.table-active .auto-piles strong{font-size:9px;letter-spacing:.04em}.table-active .auto-piles button{font-size:10px!important;background:#f3f6edbb;color:#35533d;padding:5px}.table-active .opponent-hand{display:none}
.table-active .table-turn-line{justify-content:center;background:#193e35;border-color:#8eab7855;color:#e4ecd8;padding:0 12px;gap:10px}.table-active .table-turn-indicator{color:#eff4de;font-size:11px;font-weight:600;letter-spacing:.04em}.turn-dot{width:6px;height:6px;border-radius:50%;background:#d4b06c;box-shadow:0 0 10px #d4b06c66}.turn-number{margin-left:auto;color:#9fb9a6;font-size:9px;white-space:nowrap}
.table-active .table-card{padding:0;border-radius:5px;border:1px solid #8ba48b;box-shadow:0 3px 7px #16382d30;transition:box-shadow .15s,border-color .15s;overflow:visible}.table-active .table-card img{border-radius:4px;width:100%;height:100%;object-fit:contain}.table-active .table-card.selected{outline:2px solid #c19b50!important;outline-offset:3px}.table-active .table-card.legal{border-color:#dfbf72;box-shadow:0 0 0 1px #eacb8166,0 3px 7px #16382d30}.table-active .table-card b{font-size:9px!important;background:#f9f4dfeb;border-top:1px solid #d9cba8;padding:3px 0;color:#203d2e}.table-active .table-card:hover{box-shadow:0 0 0 2px #d1b472,0 6px 12px #16382d44;z-index:3}.table-active .table-card.rested img{transform:rotate(90deg) scale(.70)}
.table-active .table-rail{gap:9px;min-width:0}.table-active .table-detail{display:flex;flex:1;min-height:140px;gap:5px;padding:10px;background:#f9faf6;border-color:#d1d7cb;border-radius:12px;align-items:center;text-align:center}.table-active .table-art-button{width:100%;display:flex;justify-content:center;min-height:0;max-height:none}.table-active .table-art-button img{width:100%;height:100%;filter:drop-shadow(0 4px 6px #1d352226)}.table-active .table-detail h3{font-size:14px;margin:2px 0}.table-active .table-detail p{margin:0;font-size:10px;line-height:1.4}.table-active .table-detail>button:not(.table-art-button){font-size:11px;padding:3px}.table-active #table-actions{background:#f9faf6;border-color:#d1d7cb;padding:10px}.table-active #table-actions h3{font-size:12px;margin-bottom:6px}.table-active #match-table .button{min-height:33px;font-size:12px!important;padding:7px 9px!important}.table-active .auto-prompt{background:#244e3f;border-color:#244e3f;color:#edf2df;padding:11px}.table-active .auto-prompt h3{font-size:13px}.table-active .auto-prompt p{font-size:11px;color:#cfdec9}.table-active .auto-prompt>.button{background:#e9d8ad!important;color:#283d30!important;border-color:#e9d8ad!important;font-weight:650}.table-active .auto-prompt select{color:#243b2e}.table-active .table-hint{font-size:11px}.table-active .battle-power b{font-size:26px}.table-active .battle-power span{font-size:8px}
.battle-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;filter:drop-shadow(0 1px 3px #142822aa)}.table-motion-ghost{position:fixed;pointer-events:none;z-index:90}.table-motion-ghost>.table-card{width:100%;height:100%;max-width:none}.table-motion-ghost .table-card>span{display:none}
@media(min-width:1700px){.table-active .table-layout{grid-template-columns:minmax(260px,24fr) minmax(0,52fr) minmax(300px,24fr);gap:20px}.table-sidebar{grid-template-rows:140px minmax(100px,1fr) 300px}.concealed-fan{height:94px}.table-active .auto-public{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr)}.table-active .auto-characters .table-card,.table-active .auto-characters .table-slot,.table-active .auto-leader .table-card{max-height:195px}.table-active .table-card b{font-size:11px!important}.table-active .auto-player{padding:14px 24px}}
@media(max-width:1150px){.table-active .table-layout{grid-template-columns:185px minmax(0,1fr) 215px;gap:8px}.table-active #match-table{padding:0 8px 4px}.table-sidebar{grid-template-rows:95px minmax(60px,1fr) 205px}.table-active .auto-player{padding:8px}.table-active .auto-public{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:6px}.table-active .auto-piles{grid-template-columns:48px 30px;gap:3px}.table-active .auto-piles img{width:24px;height:33px}.table-active .life-stack img{margin-right:-17px}.table-active #match-table .don-card{width:20px;height:29px;margin-right:-8px}.table-active .auto-don>span{font-size:8px}.table-active .auto-characters{gap:5px}.table-active .auto-player .table-player-heading>span{font-size:9px}}
@media(max-height:730px){.table-sidebar{grid-template-rows:90px minmax(65px,1fr) 200px}.concealed-fan{height:53px}.table-active .table-detail p:not(.table-stats){display:none}.table-active .table-detail h3{font-size:12px}.table-active .auto-stage{height:24px}.table-active .auto-stage .table-card{height:24px!important}.table-active .table-hint{font-size:10px;margin:4px 0}.table-active .auto-prompt{padding:8px}.table-active #match-table .button{min-height:28px;font-size:11px!important;padding:5px 7px!important}.table-active #table-actions{padding:8px}.table-active .table-detail{padding:8px}}
@media(max-width:850px){.table-active .table-layout{grid-template-columns:minmax(0,1fr) 185px;grid-template-rows:minmax(0,1fr) 122px}.table-sidebar{grid-column:1;grid-row:2;display:flex}.table-sidebar>.opponent-cards,.table-sidebar>.table-communication{display:none}.table-sidebar>.table-hand{width:100%;padding:4px 8px}.table-active .table-hand-cards{display:flex;gap:5px;padding:0}.table-active .table-hand-cards .table-card{max-width:13%;height:100%}.table-active .table-board{grid-row:1;grid-column:1}.table-active .table-rail{grid-column:2;grid-row:1/3}.table-active .table-detail{display:flex}.table-active .table-mobile-read{display:none}.table-active .auto-player .table-player-heading{flex-wrap:nowrap;flex-direction:row}.table-active .auto-player .table-player-heading>span{width:auto}.table-active .auto-public{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr)}}
@media(max-width:560px){.table-active .table-layout{grid-template-columns:minmax(0,1fr) 135px;gap:5px}.table-active .table-topbar h2{font-size:11px!important}.table-active .auto-piles{grid-template-columns:28px 22px}.table-active .auto-piles img{height:24px;width:17px}.table-active .life-stack img{margin-right:-13px}.table-active .auto-piles strong{font-size:6px}.table-active #match-table .don-card{width:13px;height:19px;margin-right:-7px;font-size:4px}.table-active .auto-don>span{font-size:6px}.table-active .auto-don>span strong{font-size:10px}.table-active .auto-public{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.table-active .auto-player .table-player-heading strong{font-size:8px}.table-active .auto-player .table-player-heading>span{font-size:7px}.table-active .table-card b{font-size:5px!important}.table-active .table-slot{min-width:15px}.table-active .table-turn-indicator{font-size:8px}.turn-number{display:none}.table-active .table-detail{padding:5px}.table-active .table-detail h3{font-size:10px}.table-active #match-table .button{font-size:9px!important}.table-active .auto-prompt h3{font-size:10px}.table-active .battle-power b{font-size:18px}.table-active .table-card-actions{grid-template-columns:1fr}.table-active .table-hint{font-size:8px}.table-active .table-detail .table-stats{font-size:8px!important}.table-active .auto-piles button{font-size:7px!important}}
.table-active .table-player.own{background:radial-gradient(ellipse at 50% 0,#e1ebd8,#c1d4c4);color:#304d3b}.table-active .auto-characters .table-slot{font-size:0}.table-active .auto-stage .table-card b{display:none}.table-active .auto-stage .table-card{min-width:22px}.table-active .auto-stage{height:34px}.table-active .table-rail{overflow:auto;scrollbar-width:thin}.table-active .table-detail{flex-shrink:1}.table-motion-ghost>img{width:100%;height:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.table-active .table-card,.table-active .table-card img{transition:none!important}}