.tabletop{height:100dvh;overflow:hidden}.tabletop>header{height:62px;padding:6px 18px;box-sizing:border-box}.tabletop header h1{font-size:25px}.tabletop header small,.tabletop header p,.tabletop .brand-seal{display:none}.tabletop nav{display:flex;gap:8px;align-items:center}.tabletop nav button{padding:4px 8px;min-height:26px;font-size:12px}
#game{height:calc(100dvh - 62px);max-width:none;padding:6px 12px;display:grid;grid-template-rows:24px 32px minmax(110px,1fr) 22px 80px minmax(140px,1.2fr) 22px minmax(80px,.8fr) 24px;gap:4px;box-sizing:border-box}#game[hidden]{display:none}#game>.bar{margin:0;padding:0;min-height:0}#game h2{font-size:15px;margin:0}#game .eyebrow{font-size:10px;margin:0}#game .notice{padding:5px 10px;margin:0;font-size:12px;overflow:auto}#game>.zone{padding:6px;margin:0;min-height:0}#game .player-zone{display:grid;grid-template-columns:230px 110px minmax(100px,.7fr) minmax(250px,2fr);gap:6px;position:relative}#game .own-zone{padding-bottom:34px}#game .own-zone>.bar{position:absolute;bottom:3px;left:8px;right:8px;margin:0}#game .status{display:flex;align-content:flex-start;align-items:flex-start;gap:3px 8px;flex-wrap:wrap;font-size:11px;margin:0;overflow:auto}#game .status h2{width:100%;font-size:13px}#game .pioneer-panel{width:100%;order:8;border-top:1px solid #98805b;padding:4px 0}#game .pioneer-panel b{font:14px Georgia}#game .pioneer-panel small{display:block;font-size:10px}#game .pioneer-panel p{font-size:11px;margin:3px 0}#game .status>.muted{display:none}#game .board,#game .relic-zone .board{display:flex;flex-wrap:nowrap;gap:5px;max-width:none;overflow:auto;align-items:stretch;min-height:0;height:100%}#game .relic-zone{max-width:none;min-width:0;overflow:hidden}#game .relic-zone>small{font-size:9px}#game .relic-zone .board{height:calc(100% - 15px)}#game .sites{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;min-height:0}#game .hand{display:flex;gap:6px;overflow:auto;min-height:0;padding:0;margin:0}#game button{font-size:10px;padding:3px 5px;min-height:22px;margin:0}#game .table-card{position:relative;flex:1 0 105px;max-width:180px;min-width:0;overflow:auto;border:1px solid #aa9772;border-radius:5px;padding:5px;background:linear-gradient(#101f18c9,#101913ed),var(--thumb) center 35%/cover;color:#eee2bf;font:11px Georgia}#game .table-card>b,#game .table-card>small{display:block}#game .table-card>b{font-size:12px;line-height:1.15}#game .table-card>small{font:10px system-ui;margin:3px 0}#game .compact-actions{display:flex;gap:3px;flex-wrap:wrap}#game .compact-actions p,#game .compact-actions small{font-size:9px;margin:0}#game .table-site{padding:5px 10px;border:1px solid #aa9772;border-radius:5px;background:linear-gradient(90deg,#132019e8,#1320198c),var(--thumb) center/cover;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between;gap:4px}#game .table-site b{width:100%;font:14px Georgia}#game .table-site small{font-size:10px}#game .piles{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}.pile-back{background:repeating-linear-gradient(45deg,#24352d 0 4px,#1c2923 4px 8px);border:2px double #c1a76e;border-radius:4px;padding:5px 2px;text-align:center;font:10px Georgia;min-height:40px}.pile-back b{display:block;font-size:17px}#game>details{overflow:auto}#game>details[open]{position:fixed;inset:15% 15%;z-index:50;background:#14221e}#game .location-picker{position:fixed;inset:75px 4% 20px;z-index:30;overflow:auto;background:#14251f;padding:15px;border:1px solid #b8a374}.location-options{display:flex;flex-wrap:wrap}#cardPreview{position:fixed;right:14px;top:85px;z-index:100;pointer-events:none;filter:drop-shadow(0 6px 18px #000);padding:0}#cardPreview[hidden]{display:none}#cardPreview .card-actions,#cardPreview .site-controls{display:none}#pileDialog{width:85vw;max-width:1100px}#pileCards{display:flex;gap:14px;flex-wrap:wrap}#pileCards .card-actions{display:none}abbr{cursor:help;text-decoration:underline dotted}
@media(max-width:950px){#game .player-zone{grid-template-columns:180px 85px minmax(85px,.5fr) minmax(160px,1fr)}#game .table-card{flex-basis:92px}#game .status{font-size:10px}.tabletop nav a{font-size:11px}}@media(max-height:720px){#game{grid-template-rows:20px 28px minmax(95px,1fr) 18px 65px minmax(120px,1fr) 18px minmax(70px,.7fr) 20px;gap:2px}.tabletop>header{height:48px}#game{height:calc(100dvh - 48px)}}
#game .player-zone{grid-template-rows:minmax(0,1fr)}#game .player-zone>.status{grid-column:1;grid-row:1;padding:0;border:0;display:flex}#game .player-zone>.piles{grid-column:2;grid-row:1}#game .player-zone>.relic-zone{grid-column:3;grid-row:1;padding:0;border:0;margin:0}#game .player-zone>.board{grid-column:4;grid-row:1;margin:0}#game .status>span{padding:2px;background:none;border:0}#game .pioneer-panel small{letter-spacing:0}#game .hand small,#game .table-site small{letter-spacing:0}
#game .player-zone>.status{display:block;line-height:1.2}#game .status h2{display:none}#game .status>span{display:inline-block;margin:0 5px 2px 0;font-size:10px;line-height:1.2}#game .status>.pioneer-panel{padding:3px 0;margin:2px 0;line-height:1.2}#game .pioneer-panel p{line-height:1.2;margin:2px 0}#game .essence-pool{display:block!important}#game .piles{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#game .piles>*{min-width:0;width:auto;box-sizing:border-box;overflow-wrap:anywhere;padding:3px 1px}#game .relic-zone>small{letter-spacing:0}#game .player-zone>.board{align-items:stretch}.table-card:focus{outline:2px solid #efd797}
#game .status,#game .status span,#game .status strong{font-size:10px!important;line-height:1.15!important;letter-spacing:0!important}#game .pioneer-panel{border-top:0!important}#game .pioneer-panel b{font-size:12px!important;line-height:1.1}#game .pioneer-panel p{font-size:10px!important;line-height:1.15!important}#game .pioneer-panel small{font-size:9px!important}#game .status>.essence-pool{font-size:9px!important}#game .status>span{padding:0!important;margin:0 3px 2px 0!important}#game .player-zone>.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);overflow:hidden}#game .relic-zone .board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);overflow:auto}#game .player-zone .table-card{max-width:none;min-height:0;padding:3px;overflow:auto}#game .player-zone .table-card>b{font-size:10px}#game .player-zone .table-card>span,#game .player-zone .compact-actions .card-state{display:none}#game .relic-zone .table-card>small,#game .relic-zone .compact-actions>small,#game .relic-zone .compact-actions>p{display:none}#game .relic-zone .table-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#game .relic-zone .table-card button{font-size:8px;padding:1px;min-height:18px}#game .piles .pile-back{font-size:9px;overflow-wrap:normal}#game .piles button{font-size:8px;overflow-wrap:normal}

#game .pile-back{background:linear-gradient(#0002,#0002),url(assets/card-back.webp) center/cover;aspect-ratio:63/88;height:auto;min-height:46px;color:#fff4ce;text-shadow:0 1px 3px #000;border-color:#9a7438}#game .pile-back.horizontal{background-image:linear-gradient(#0002,#0002),url(assets/location-back.webp);aspect-ratio:88/63;align-self:start}#game .pile-back b{background:#12221ccc;border-radius:3px;margin-top:4px}

#game .pioneer-panel{padding-left:43px!important;min-height:42px;background:var(--pioneer-art) left 30%/38px auto no-repeat;cursor:help}#cardPreview .portrait-card{max-height:calc(100dvh - 100px)}

#game .relic-zone:has(.board>.muted){display:block;width:auto}#game .relic-zone>.board>.muted,#game .player-zone>.board>.muted{grid-column:1/-1;font-size:11px;line-height:1.4;margin:5px}#game .relic-zone>small{display:block}

#game .player-zone .table-card>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}#game .table-card small{letter-spacing:0!important;line-height:1.1!important}#game .player-zone .table-card>small:nth-of-type(2){display:none}#game .player-zone .table-card>small{margin:2px 0}#game .player-zone .compact-actions{gap:1px}#game .player-zone .compact-actions button{padding:1px 3px;min-height:19px;font-size:9px}#game .table-card{scrollbar-width:thin}

#game .board,#game .relic-zone .board{padding:0!important;box-sizing:border-box}#game .player-zone .table-card{box-sizing:border-box}#game .player-zone .compact-actions button{font-size:8px;min-height:17px;padding:1px 2px}#game .pioneer-panel b{font-size:11px!important}#game .pioneer-panel p{font-size:9px!important}#game .pioneer-panel small{display:none}#game .pioneer-panel{padding-top:1px!important;padding-bottom:1px!important}

.phase-bar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.phase-bar span{padding:7px 12px;border:1px solid #88764d;border-radius:3px;font:12px Georgia;color:#c5bea9}.phase-bar [aria-current]{background:#d7b779;color:#19251e;font-weight:bold}
/* A barra de fases ocupa uma linha própria na mesa compacta. */
#game{grid-template-rows:24px 32px 30px minmax(110px,1fr) 22px 80px minmax(140px,1.2fr) 22px minmax(80px,.8fr) 24px}
#game>.phase-bar{margin:0;min-height:0;gap:6px;flex-direction:row;flex-wrap:nowrap;overflow:auto}
#game>.phase-bar span{padding:4px 10px;white-space:nowrap;font-size:11px}
@media(max-height:720px){#game{grid-template-rows:20px 28px 28px minmax(95px,1fr) 18px 65px minmax(120px,1fr) 18px minmax(70px,.7fr) 20px}}

/* Estado e anexos sempre visíveis, sem depender da prévia. */
#game .unit-indicators{display:flex;flex-wrap:wrap;gap:2px;margin:3px 0}
#game .state-badge{display:inline-block;border-radius:2px;padding:2px 4px;font:9px/1.1 system-ui;font-weight:700;color:#fff}
#game .state-badge.exhausted{background:#793f39;border:1px solid #ca8d7d}
#game .state-badge.summoned{background:#34556d;border:1px solid #88aec5}
#game .equipment-link{display:block;width:100%;font:9px/1.2 system-ui;color:#f5d999;overflow-wrap:anywhere}
#game .relic-zone .table-card .equipment-link{white-space:normal}

.reaction-panel{border:2px solid #d7be79;padding:12px!important}.reaction-panel>div{display:inline-block;vertical-align:top;max-width:280px;padding:8px}.reaction-panel p{font-size:12px}
/* Reaction windows add a row without compressing the battlefield. */
body.tabletop:has(.reaction-panel){overflow:auto}
#game:has(.reaction-panel){height:auto;min-height:calc(100dvh - 62px);grid-template-rows:24px 32px 30px auto 150px 22px 80px 180px 22px 120px 24px}
#game>.reaction-panel{min-height:0;margin:0;overflow:auto}