.table3d-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.table3d-tooltip{position:fixed;z-index:43;pointer-events:none;max-width:260px;padding:10px 14px;border:1px solid #b5d7dd40;border-radius:7px;background:#101d2aed;box-shadow:0 12px 30px #0006;color:#eaf0ec;font:500 13px 'Barlow',sans-serif;line-height:1.5;backdrop-filter:blur(12px)}.table3d-tooltip[hidden]{display:none}.table3d-tooltip small{display:block;color:#a9bdc7;font:10px 'IBM Plex Mono',monospace;margin-top:3px}.table3d-active .scene3d-stage{background:#060b12}.table3d-active .cine-context{box-shadow:0 15px 40px #0008}.table3d-active .cine-roll-prompt{z-index:4}.table3d-active #toasts .toast{background:#182c34ee;border:1px solid #82aaa66b;color:#d7e8e1;border-radius:8px;backdrop-filter:blur(15px)}
@media(max-width:600px){.table3d-tooltip{max-width:180px;font-size:11px;padding:8px 10px}.table3d-tooltip small{font-size:8px}}
/* Card reading is a temporary focus view, with text sized for reading. */
.in-encounter .card-detail .card-text{font-size:16px!important;line-height:1.65!important;color:#e0e7eb}
.in-encounter .card-detail .card-stats{font-size:12px;gap:12px;flex-wrap:wrap}
@media(max-width:600px){.in-encounter .card-detail{grid-template-columns:105px minmax(0,1fr);gap:16px}.in-encounter .card-detail h2{font-size:25px}.in-encounter .card-detail .card-text{font-size:15px!important}.in-encounter .card-detail .card-stats{font-size:10px}}
/* A separate hand row leaves every printed playmat zone clear. */
.table3d-hand-nav{position:absolute;left:18px;right:18px;height:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2;color:#9ab8c3}
.table3d-hand-nav[hidden]{display:none}
.table3d-hand-nav button{pointer-events:auto;width:40px;height:50px;border:1px solid #80b0bb50;border-radius:9px;background:#0e1e2be8;color:#d3e7e9;font:300 36px/1 'Barlow',sans-serif;cursor:pointer;box-shadow:0 6px 18px #0007}
.table3d-hand-nav button:hover{border-color:#e6ee57a0;color:#f1f8b8;background:#21313d}
.table3d-hand-nav button:disabled{opacity:.23;cursor:default}
.table3d-hand-nav>span{position:absolute;left:50%;top:100px;transform:translateX(-50%);font:9px 'IBM Plex Mono',monospace;color:#8da9b8;letter-spacing:1px;white-space:nowrap}
@media(max-width:759px){.table3d-hand-nav{left:9px;right:9px}.table3d-hand-nav button{width:33px;height:44px;font-size:29px}.table3d-hand-nav>span{top:94px}}