/* One table, explicit tabs. Compact controls keep the board in view. */
.app-shell{height:100dvh;min-height:0;grid-template-rows:64px minmax(0,1fr) 62px;overflow:hidden}
.game-layout{display:block;position:relative;min-height:0;overflow:hidden}
.game-layout>.center{height:100%;min-height:0;display:grid;grid-template-rows:56px auto minmax(0,1fr) auto;visibility:visible!important}
.hand-dock{display:none!important}.board-top{padding:10px 25px}.board-top h2{font-size:24px}.board-top .tag{font-size:9px}
.game-layout>.sidebar,.game-layout>.right-panel{display:none;position:absolute;inset:0 0 0 auto;width:min(430px,100%);padding:22px;overflow:auto;z-index:8;background:linear-gradient(140deg,#26231d,#15191c);border-left:1px solid #897048;box-shadow:-16px 0 45px #0007}
.game-layout[data-tab=actions]>.right-panel,.game-layout[data-tab=players]>.sidebar{display:block}
.game-layout[data-tab=actions]>.center,.game-layout[data-tab=players]>.center{margin-right:min(430px,50%);width:auto}
.table-tabs{display:flex;justify-content:center;gap:5px;align-items:stretch;position:relative;background:#141719;border-top:1px solid #665236;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:10}
.table-tabs button{display:flex;flex:0 1 135px;min-width:55px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;color:#b9b2a5;border:0;border-top:2px solid transparent;font-size:11px;padding:7px 10px;min-height:46px}
.table-tabs button svg{width:20px;height:20px}.table-tabs button:hover,.table-tabs button.active{color:#f1cf8e;background:#d7ae5911;border-color:#d7ae59}
.resource-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.resource-chips>span{border:1px solid #6d6046;background:#d9b66c0b;border-radius:3px;padding:8px 12px;font-size:12px;color:#ecd4a5}
.panel-heading{margin-bottom:8px!important}.panel-heading h2{font-size:23px}.panel-heading>span{font-size:12px;color:#c3b395}
.turn-banner{min-height:50px;padding:10px 22px}.table-wallet{margin-left:auto;white-space:nowrap;color:#efcd89;font-size:19px;line-height:1.3}.table-wallet small{display:block;font-size:10px;color:#d3c0a0}
.illustrated-pyramid{margin-top:14px}.action-hint{font-size:11px}.pyramid-portraits{margin:10px 0}.council-market{margin:12px 0}
#market-dialog{width:calc(100vw - 24px);max-width:1600px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:24px 32px;border-color:#a38249;scroll-padding-top:60px}
#market-dialog>.modal-close{position:sticky;top:0;float:right;right:0;z-index:5;background:#1a1b1d;border:1px solid #ac8b50}
.market-heading h2{font-size:30px}.market-intro{margin:6px 0 12px}.market-access-grid{max-width:850px;margin:12px 0}.market-access{min-height:78px}.market-notice{padding:9px 12px;margin:8px 0;font-size:12px}
.market-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.power-tile{transition:filter .2s,opacity .2s,transform .2s}.power-tile.locked{filter:grayscale(.92);opacity:.66}.power-tile.locked:hover,.power-tile.locked:focus-within{opacity:1;filter:grayscale(.5)}.power-tile.can-buy{border-color:#cba767;box-shadow:0 0 0 1px #cba76722}.power-tile.can-buy:hover{transform:translateY(-2px)}
.power-art-wrap{height:92px}.power-content{padding:12px}.power-content h3{font-size:17px}.power-content>p{font-size:11px;line-height:1.5;min-height:0}.power-details{font-size:11px}.power-level{font-size:9px}.power-cost{font-size:17px}.power-cost span{font-size:9px}
.market-filters{position:sticky;top:0;background:#20201e;z-index:3;padding:9px 12px;border:1px solid #665236;box-shadow:0 8px 16px #0004}.market-footnote{font-size:10px}
#help-dialog{max-width:660px}.purchase-requirements{font-size:12px}#buy-power-form{margin:20px 0}#buy-power-form select{margin-bottom:15px}#buy-power-form button{margin-top:12px}
.owned-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.owned-grid article{padding:20px;position:relative;border:1px solid #89704a;background:linear-gradient(140deg,#6a4f2b44,#15191c)}.owned-grid article[data-tone=ruby]{border-color:#b46c55}.owned-grid article[data-tone=sapphire]{border-color:#5f90ae}.owned-grid h3{margin:10px 22px 10px 0;font-size:21px}.owned-grid p{font-size:13px;line-height:1.6}.owned-grid .info-button{position:absolute;top:10px;right:10px}.owned-grid small{color:#bcb09a}
.creature-row{display:flex;align-items:center;gap:16px;border-block-start:1px solid #5c513b;padding:14px 0;font-size:12px}.creature-row span{flex:1}.creature-row strong{font-family:Georgia,serif;font-size:17px}
.divine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.divine-card{display:flex;flex-direction:column;text-align:left;padding:18px;gap:10px;border:1px solid #736349;border-radius:4px;background:radial-gradient(ellipse at 90% 0,#90743d44,transparent 70%),#191d20;color:#ddd4c0;min-height:150px}.divine-card strong{font-family:Georgia,serif;font-size:21px;color:#e7c98e}.divine-card small{font-size:9px;letter-spacing:.06em}.divine-card span{font-size:12px;line-height:1.6;flex:1}.divine-card em{font-size:10px;color:#b9a580;font-style:normal}.divine-card.selected{border:2px solid #e8c577;background:#67502c66;box-shadow:0 0 20px #cda85222}.checkline{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px}.checkline input{width:19px;height:19px;min-height:19px;accent-color:#dfbc78}
.recruit-row small{display:block;line-height:1.5}.plan-row{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-bottom:14px}.route-list{padding-left:24px}.route-list>li{padding:12px 0;border-bottom:1px solid #68573e}.route-list details,.route-extras{font-size:12px;margin:8px 0}.route-list summary,.route-extras summary{cursor:pointer;padding:7px 0;color:#c9bda8}.route-list .form-grid{margin-top:10px}.route-footer{position:sticky;bottom:-30px;background:#191b1df5;padding:15px 0;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #715c3c}
#modal[data-kind=battle]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:24px max(28px,calc((100vw - 1280px)/2));border:0;border-radius:0;background:radial-gradient(ellipse at 25% 20%,#682e1938,transparent 55%),radial-gradient(ellipse at 75% 30%,#193c5938,transparent 50%),#101315}
#modal[data-kind=battle]>.modal-close{position:fixed;top:18px;right:20px;z-index:9;background:#111c;border:1px solid #806540}#modal[data-kind=battle] .modal-market-link{display:none}
.war-heading{text-align:center;margin-bottom:20px}.war-heading h2{font-size:32px;margin:10px 0}.war-heading p{font-size:12px;color:#bbac92}.war-arena{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:20px}.war-army{position:relative;overflow:hidden;min-height:210px;border:1px solid color-mix(in srgb,var(--owner),#252525 40%);background:#1c2021;display:flex}.war-portrait{position:absolute;inset:0 45% 0 0;background-image:linear-gradient(90deg,transparent,#1c2021),url('../assets/epic/battle-atlas.png');background-size:100% 100%,600% 100%;background-position:0 0,var(--war-art) 50%;opacity:.8}.war-army-content{position:relative;padding:20px 20px 18px 38%;width:100%}.war-army small{font-size:9px;letter-spacing:.15em;color:var(--owner)}.war-army h3{font-size:25px;margin:8px 0}.war-force{font:42px Georgia,serif;color:#eace94}.war-force span{display:inline-block;font:9px Arial,sans-serif;letter-spacing:.1em;max-width:55px;margin-left:9px;color:#c5bda9}.war-army p{font-size:11px;color:#c8bba5}.war-army details{font-size:11px;color:#c1b69e}.war-army details>div{margin-top:7px}.war-seal{position:absolute;top:10px;left:12px;font-size:8px;letter-spacing:.08em;background:#12181be0;border:1px solid #806b43;padding:5px 8px}.war-versus{text-align:center;font:24px Georgia,serif;color:#c79f56}.war-instructions{display:flex;justify-content:space-between;gap:15px;color:#d6c4a2;font-size:12px;margin-bottom:12px}.war-hand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1060px;margin:0 auto}.war-hand .battle-card{min-height:205px;width:auto}.war-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;bottom:-24px;padding:18px 0;background:#101315f5;border-top:1px solid #635133;margin-top:18px;font-size:12px}.war-wait{text-align:center;padding:20px;color:#ccb995}.war-divine,.war-events{font-size:12px;margin:20px 0;color:#c7b99e}.war-divine summary,.war-events summary{cursor:pointer;padding:10px;background:#d2b0630b;border-bottom:1px solid #665437}.war-events p{margin:8px 0}
@media(max-width:1200px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-layout[data-tab=actions]>.center,.game-layout[data-tab=players]>.center{margin-right:360px}.game-layout>.sidebar,.game-layout>.right-panel{width:360px}.war-hand .battle-card{min-height:180px}.war-hand{gap:9px}}
@media(max-width:700px){.app-shell{grid-template-rows:54px minmax(0,1fr) 62px}.table-tabs{overflow-x:auto;justify-content:flex-start}.table-tabs button{min-width:66px;font-size:9px}.header-right .connection{display:none}.game-header{padding-inline:12px}.game-layout[data-tab=actions]>.center,.game-layout[data-tab=players]>.center{margin-right:0}.game-layout>.right-panel,.game-layout>.sidebar{width:100%}.board-top{padding:8px 14px}.board-top h2{font-size:21px}.turn-banner{padding:10px 12px}.turn-banner small{max-width:240px}.table-wallet{font-size:17px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#market-dialog{padding:16px;width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;margin:0}.market-access-grid{gap:6px}.market-access{padding:5px}.market-access .council-art{width:36px}.market-access b{font-size:12px}.market-access small{font-size:9px}.market-heading h2{font-size:25px}.market-resources{font-size:10px}.market-filters{gap:8px}.owned-grid,.divine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.divine-card{padding:12px;min-height:150px}.divine-card strong{font-size:18px}.war-arena{grid-template-columns:1fr 20px 1fr;gap:6px}.war-army-content{padding:30px 10px 12px}.war-army h3{font-size:19px}.war-portrait{inset:0;opacity:.25}.war-hand{grid-template-columns:repeat(3,minmax(0,1fr))}.war-instructions{font-size:11px}.war-heading h2{font-size:25px}#modal[data-kind=battle]{padding:20px 12px}.war-footer{bottom:-20px}.war-army{min-height:170px}}
@media(orientation:landscape) and (max-height:600px){.app-shell{grid-template-columns:64px 1fr;grid-template-rows:44px minmax(0,1fr);height:100dvh}.game-header{grid-column:1/3;height:44px;padding:0 12px}.game-header .brand{font-size:18px}.game-header .brand img{width:24px;height:30px}.game-header .brand small{display:none}.game-header .room-code{font-size:9px}.header-right .connection{display:none}.header-right .btn{min-height:30px;padding:5px 10px}.table-tabs{grid-column:1;grid-row:2;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:0;border-right:1px solid #665236;border-top:0;justify-content:flex-start}.table-tabs button{min-width:0;min-height:48px;flex:0 0 48px;font-size:8px;gap:2px;padding:4px;border-top:0;border-left:2px solid transparent}.table-tabs button svg{height:17px;width:17px}.game-layout{grid-column:2;grid-row:2}.game-layout>.center{grid-template-rows:0 auto minmax(0,1fr) 42px}.board-top{display:none}.turn-banner{padding:5px 14px;min-height:42px}.turn-banner strong{font-size:12px}.turn-banner small{font-size:9px}.map-legend{display:none}.day-clock{padding:5px 9px}.day-clock svg{width:18px}.day-clock small{display:none}.ambience-tools{top:8px;left:10px}.game-layout>.right-panel,.game-layout>.sidebar{width:min(370px,70vw);padding:14px}.game-layout[data-tab=actions]>.center,.game-layout[data-tab=players]>.center{margin-right:min(370px,70vw)}.panel-heading{display:none}.right-panel .resource-chips{margin:0}.resource-chips>span{padding:5px 9px}.right-panel .action-pyramid{max-width:300px}.illustrated-pyramid .action-art-button{height:72px;min-height:72px}.action-hint{margin:5px 0}.pyramid-portraits{display:none}.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#market-dialog{padding:12px 20px}.market-intro,.market-notice,.market-access-grid{display:none}.market-heading h2{font-size:25px;margin:5px 0}.market-resources{margin:7px 0;font-size:11px}.power-art-wrap{height:70px}.power-content{padding:10px}.market-filters{padding:5px 10px}.market-filters select{min-height:30px;padding:4px 8px}.power-content h3{font-size:16px}.power-content>p{font-size:10px}#modal[data-kind=battle]{padding:12px 24px}.war-heading{margin-bottom:10px}.war-heading h2{font-size:24px;margin:6px}.war-heading p{margin:5px}.war-arena{grid-template-columns:1fr 28px 1fr;gap:10px;margin-bottom:12px}.war-army{min-height:130px}.war-army-content{padding:12px 12px 10px 30%}.war-army h3{font-size:19px;margin:4px 0}.war-force{font-size:29px}.war-army p{margin:5px 0}.war-hand{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.war-hand .battle-card{min-height:150px}.war-hand .battle-card h3{font-size:14px}.war-footer{bottom:-12px;padding:9px 0}.war-instructions{font-size:11px}.divine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.power-tile{transition:none}}
@media(orientation:landscape) and (max-height:600px){.game-layout>.center{grid-template-rows:auto minmax(0,1fr) 42px}}
.zone-creature{display:block;background:#1b1c1de8;color:#f1d69f;border:1px solid #a68a52;padding:3px 5px;margin-top:3px;font-size:8px;white-space:nowrap}
.war-market{position:absolute;top:22px;left:26px;font-size:11px;color:#d3b579;padding:7px 12px;border:1px solid #796342;background:#141719}
@media(min-width:701px) and (min-height:601px){.market-intro{display:none}.market-resources{padding:4px 0}.market-access{padding:9px 13px;min-height:82px}.market-access b{font-size:18px}.market-access small{margin:3px 0 6px}.market-notice{padding:6px 12px}.market-filters{padding:7px 12px}.market-filters select{min-height:34px;padding:5px 12px}.market-heading{margin:8px 0}.market-access-grid{margin:8px 0}}
@media(orientation:landscape) and (max-height:600px){#market-dialog{margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:10px 16px}.market-heading{display:inline-flex;margin:6px 0 8px}.market-heading h2{font-size:23px}.market-resources{display:inline-flex;margin:0 0 0 20px;padding:0;gap:12px;font-size:10px}.market-grid{gap:10px}.power-art-wrap{height:58px}.power-content{padding:8px 10px}.power-content h3{margin:5px 0;font-size:16px}.power-content>p{margin:0 0 7px;line-height:1.4}.power-details{margin-top:6px;padding-top:7px;min-height:28px}.market-filters{margin-bottom:8px}.war-market{position:static;margin-top:5px}}