/* Information belongs next to its owner; action history stays on the table. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.in-game .game{position:relative}
.in-game .game-heading{grid-template-columns:auto minmax(0,1fr) auto}
.live-activity{display:flex;align-items:center;gap:10px;min-width:0;max-width:650px;justify-self:center;width:100%;padding:4px 14px;border-left:1px solid #b2c69930;color:#c1cfb9;text-align:left;font-size:12px;line-height:1.5}
.live-activity>span[role=log]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.live-activity>span:first-child{color:#d7c99c;font-size:19px}.live-activity>span:last-child{color:#849a7b}
.mobile-table-menu{display:inline-grid}.in-game .game-heading-right{gap:9px}
.opponent{position:relative}.rival-person{padding:0;text-align:left}.rival-person .avatar{position:relative}
.turn-beacon{position:absolute;display:flex;align-items:center;justify-content:center;gap:3px;bottom:-5px;left:50%;transform:translateX(-50%);padding:3px 5px;border-radius:8px;background:#d1de9d;box-shadow:0 0 13px #d3e09c44;z-index:4}
.turn-beacon i{height:3px;width:3px;background:#385029;border-radius:50%;animation:thinking-dots 1.3s ease-in-out infinite}.turn-beacon i:nth-child(2){animation-delay:.16s}.turn-beacon i:nth-child(3){animation-delay:.32s}
.opponent.is-turn{border-color:#d8e5a4;background:#36492e;box-shadow:inset 3px 0 #d8e5a4,0 0 18px #bccb782a}
.opponent.is-turn .avatar{outline:2px solid #d9e5a8;outline-offset:3px}
.my-dock{position:relative;transition:border-color .25s,box-shadow .25s;background:#1b3027;border-color:#93a87855;border-top:1px solid #93a87855}
.my-dock.is-turn{border:2px solid #d1e394;background:#2c422d;box-shadow:0 0 24px #bdd48230,inset 0 2px #eef2b743}
.my-dock.turn-arrived{animation:turn-arrival 1.6s ease-out 1}
.my-identity{position:relative}.my-identity>.turn-beacon{left:15px;top:4px;bottom:auto;transform:none}.my-identity:has(.turn-beacon){padding-top:14px}
.rival-reserved{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;border-top:1px solid #b0c19b23;padding-top:7px;color:#b7c5a8;font-size:10px;width:100%}.rival-reserved>span:first-child{white-space:nowrap}.rival-reserved b{font-weight:500;margin-left:4px}
.reserved-backs{display:flex;gap:5px;align-items:center}.reserved-back{display:grid;place-items:center;width:21px;height:27px;border:1px solid #a5ba8999;border-radius:3px;color:#e2e9c4;background:repeating-linear-gradient(45deg,#cde0af14 0 1px,transparent 1px 5px),#365340;font-family:var(--display);font-size:13px;box-shadow:2px 1px #0a1d17}.reserved-back.tier-2{background-color:#645433;border-color:#c4ad70}.reserved-back.tier-3{background-color:#324e67;border-color:#90b5d0}.reserved-back.vacant{background:transparent;border:1px dashed #9eaf7e44;box-shadow:none}
.opponent-hand{padding:13px 0 22px}.opponent-hand h3{font-size:13px;margin-bottom:15px}.opponent-hand .reserved-backs{gap:14px}.opponent-hand .reserved-back{width:74px;height:95px;font-size:28px}.opponent-hand .muted{font-size:11px;margin-top:15px}
.my-assets{gap:5px;justify-content:center}.resource-matrix{display:grid;grid-template-columns:45px repeat(6,minmax(0,1fr));gap:7px;min-height:0}.resource-labels,.resource-column{display:grid;grid-template-rows:26px 30px 30px;gap:5px;min-width:0}.resource-labels{align-items:center;text-align:right;padding-right:4px;font-size:10px;color:#d2dfc4}.resource-labels strong{font-weight:500;white-space:nowrap}
.resource-color{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.resource-color>.gem{width:23px;height:23px}.resource-color>span{font-size:9px;color:#bccdb4;white-space:nowrap}
.resource-cards,.resource-tokens{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;width:100%;min-width:0;padding:0;border-radius:4px;background:#2b6244;border:1px solid #9ed1a96b;color:#f0f6dc;line-height:1}
.resource-cards{border-radius:3px;box-shadow:2px -2px #b4c99a66;cursor:pointer}.resource-cards:disabled{opacity:1!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:#73886a!important}
.resource-cards>b,.resource-tokens>b{font-family:var(--display);font-weight:500;font-size:25px;line-height:1}.resource-tokens{border-radius:15px;background:#204b33}
.resource-column.white .resource-cards,.resource-column.white .resource-tokens{background:#eef1df;border-color:#fff;color:#26352a}.resource-column.blue .resource-cards,.resource-column.blue .resource-tokens{background:#245d81;border-color:#80b5d6}.resource-column.red .resource-cards,.resource-column.red .resource-tokens{background:#884339;border-color:#dba18c}.resource-column.black .resource-cards,.resource-column.black .resource-tokens{background:#0a1017;border-color:#abb9c5}.resource-column.gold .resource-tokens{background:#796132;border-color:#d8bd71;color:#fff6ca}
.stack-symbol{display:block;width:13px;height:15px;border:1px solid currentColor;box-shadow:2px -2px 0 -1px currentColor;border-radius:2px;opacity:.75}.token-symbol{display:block;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;box-shadow:0 2px 0 -1px currentColor;opacity:.75}
.resource-gained .resource-cards{animation:card-gained 1.8s ease-out}.resource-needed .resource-color{color:#e9ce88}.resource-needed .resource-tokens{border-color:#f1d797;box-shadow:0 0 0 1px #e3c789}
.development.target-card{outline:2px solid #f0d695;outline-offset:2px}.target-needed:not(:disabled) .token-disc{outline:2px dashed #edca80;outline-offset:4px}.target-button{display:block;margin:16px auto 0;font-size:11px}.in-game .market .development.affordable{border-color:#d6ec9c;box-shadow:0 0 0 1px #d2e99366,0 4px 9px #0003}
.purchase-state{position:absolute;right:7px;bottom:7px;color:#c5cabe;font-size:10px;padding:3px 5px;line-height:1;border:1px solid #dce6cf3b;border-radius:3px;background:#0b181cdc;white-space:nowrap}.purchase-state.ready{background:#d7e7a6;color:#263b24;border-color:#e0eab5;font-weight:600}.in-game .market .cost-chip.covered{border-color:#dceec1;box-shadow:inset 0 0 0 1px #d4eabc70}
.target-plan{position:absolute;bottom:154px;left:270px;right:180px;height:28px;z-index:5;display:flex;align-items:center;gap:8px;border:1px solid #ceb97670;border-radius:5px;padding:4px 10px;background:#21372bf5;box-shadow:0 3px 8px #0003;font-size:10px}.target-plan>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.target-plan>span .gem{width:19px;height:19px}.target-plan strong{font-size:10px;white-space:nowrap}.target-plan small{font-size:9px}.target-plan .cost-chip{height:20px}.target-plan .text-button{margin-left:auto;font-size:10px;white-space:nowrap}
.noble.illustrated{position:relative;isolation:isolate}.noble-art{position:absolute;z-index:-2;left:0;top:0;width:100%;aspect-ratio:4/5;background-image:url('/assets/art/noble-atlas.png');background-size:500% 200%;background-repeat:no-repeat;pointer-events:none}
.noble.illustrated:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#08151066,transparent 60%),linear-gradient(transparent 40%,#08120aed 98%);pointer-events:none}
.noble.illustrated .noble-title>span{color:#fff5d1;text-shadow:0 2px 4px #000,1px 0 2px #000}.in-game .arena .noble.illustrated{border-color:#c3ab76cc}.in-game .arena .noble .cost-chip{background:#13251ddd}.in-game .arena .noble .cost-chip.white{background:#e7ebda}.in-game .arena .noble .cost-chip.black{background:#080d13}
.modal-noble-info>.noble.illustrated{width:180px;height:225px;margin:20px auto;display:block;padding:12px}.modal-noble-info>.noble .noble-title{font-size:0}.modal-noble-info>.noble .noble-title>span{font-size:35px}.modal-noble-info>.noble .costs{position:absolute;bottom:12px;left:12px}.noble-choices .noble.illustrated{min-height:100px}.noble-choices .noble-art{top:-5px}
@keyframes thinking-dots{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@keyframes turn-arrival{0%{box-shadow:0 0 0 5px #dfed9d88,0 0 40px #dbe79c66}100%{box-shadow:0 0 24px #bdd48230}}
@keyframes card-gained{0%,20%{transform:translateY(-7px) scale(1.14);background:#f4e9ae;color:#344726;box-shadow:0 0 20px #f1e8a7}100%{transform:none}}
@media(min-width:1001px) and (min-height:600px){
 .in-game .game{--rail:230px;grid-template-rows:30px minmax(0,1fr) 138px;gap:12px 18px}.in-game .arena{grid-template-columns:minmax(0,max-content) 84px 114px;gap:17px}.in-game .market{width:calc(119cqh + 58px)}
 .opponents{gap:10px;padding:0}.opponent{width:100%;gap:7px;padding:10px 9px}.rival-person{gap:9px}.rival-person .avatar{width:32px;height:32px;font-size:16px}.rival-name>strong{font-size:14px}.rival-name>small{font-size:9px}.rival-score{font-size:30px}
 .rival-resources{gap:5px}.rival-resources>div{display:grid;grid-template-columns:17px repeat(6,minmax(0,1fr));gap:4px;align-items:center}.rival-resources>div>small{grid-column:auto;margin:0;font-size:9px;display:block}.rival-resources .cost-chip{height:26px;min-width:0}.rival-resources .cost-chip .gem{width:11px;height:11px}.rival-resources .cost-chip b{font-size:14px}.rival-nobles{font-size:10px}
 .rival-reserved{padding-top:5px}.reserved-back{height:22px;width:20px;font-size:12px}
 .my-dock{grid-template-columns:120px minmax(0,1fr) 220px;padding:9px 12px;gap:14px;grid-row:3}.my-identity{padding:0 8px}.my-identity strong{font-size:13px}.my-identity>.text-button{font-size:9px;white-space:normal}.my-identity:has(.turn-beacon){padding-top:12px}.my-label{font-size:9px}
 .my-reserves{padding-left:12px}.dock-cards .development{min-height:0}.dock-cards .card-top{padding-top:4px}.dock-cards .card-bottom{padding:15px 3px 4px}.my-assets .dock-caption>span{font-size:9px}.my-assets .dock-caption strong{font-size:11px}.resource-color>span{font-size:10px}
 .in-game .market .cost-chip{height:clamp(25px,5.3cqh,33px);width:clamp(25px,5.3cqh,33px)}.in-game .market .cost-chip b{font-size:clamp(21px,4.5cqh,28px)}.in-game .market .prestige{font-size:clamp(27px,5.7cqh,39px)}
 .in-game .bank{grid-template-rows:14px minmax(0,1fr) 59px;gap:5px}.in-game .token-disc{width:clamp(35px,8.2cqh,59px);height:clamp(35px,8.2cqh,59px)}.in-game #toast{bottom:165px}
}
@media(min-width:1001px) and (max-width:1200px) and (min-height:600px){
 .in-game .game{--rail:200px;gap:10px 13px;padding-left:12px;padding-right:12px;grid-template-rows:28px minmax(0,1fr) 132px}.in-game .arena{grid-template-columns:minmax(0,max-content) 68px 90px;gap:12px}.rival-name>strong{font-size:12px}.rival-person .avatar{width:28px;height:28px}.rival-resources>div{gap:3px;grid-template-columns:13px repeat(6,minmax(0,1fr))}.rival-resources .cost-chip{height:24px}.rival-resources .cost-chip b{font-size:12px}.rival-resources .cost-chip .gem{width:9px;height:9px}
 .my-dock{grid-template-columns:95px minmax(0,1fr) 174px;gap:10px}.resource-matrix{grid-template-columns:37px repeat(6,minmax(0,1fr));gap:5px}.resource-cards,.resource-tokens{gap:6px}.resource-color>span{font-size:8px}.resource-labels{font-size:9px}.my-assets .dock-caption>span{font-size:8px}.my-identity strong{font-size:11px}.my-identity>.text-button{font-size:8px}.target-plan{left:230px;right:115px;bottom:148px}.in-game .market .cost-chip{width:25px;height:25px}.in-game .market .cost-chip b{font-size:21px}.purchase-state{font-size:9px;padding:2px 3px;right:5px}
}
@media(min-width:1001px) and (min-height:600px) and (max-height:690px){
 .in-game .game{grid-template-rows:26px minmax(0,1fr) 122px;gap:8px 13px;padding-top:5px;padding-bottom:8px}.opponents{gap:6px}.opponent{padding:6px 8px;gap:5px}.rival-person .avatar{width:26px;height:26px}.rival-name>strong{font-size:12px}.rival-name>small{font-size:8px}.rival-resources .cost-chip{height:21px}.rival-reserved{font-size:9px;padding-top:3px}.reserved-back{height:18px;width:17px;font-size:10px}.resource-labels,.resource-column{grid-template-rows:22px 27px 27px;gap:4px}.resource-cards>b,.resource-tokens>b{font-size:23px}.target-plan{bottom:139px}.in-game .arena .noble .costs{bottom:4px}
}
@media(max-width:1000px){
 .in-game .game{grid-template-rows:30px 88px minmax(0,1fr) 126px}.live-activity{font-size:10px;gap:6px;padding:3px 8px}.opponent{padding:6px;gap:3px;flex-direction:column}.rival-person{width:100%;justify-content:space-between}.rival-resources{display:flex;flex-direction:column;gap:3px;width:100%;align-items:center}.rival-resources>div{display:flex;gap:3px}.rival-resources>div>small{display:none}.rival-reserved{padding-top:3px;font-size:8px;gap:5px}.reserved-back{width:13px;height:16px;font-size:9px}.reserved-backs{gap:3px}.rival-resources .cost-chip{height:17px;min-width:19px}.rival-resources .cost-chip b{font-size:10px}
 .my-dock{grid-template-columns:95px minmax(0,1fr) 82px;grid-template-rows:minmax(0,1fr);gap:9px;padding:8px 10px}.resource-matrix{grid-template-columns:32px repeat(6,minmax(0,1fr));gap:5px}.resource-labels,.resource-column{grid-template-rows:20px 27px 27px;gap:4px}.resource-labels{font-size:8px}.resource-color>span{display:none}.resource-color>.gem{width:20px;height:20px}.resource-cards,.resource-tokens{gap:6px}.resource-cards>b,.resource-tokens>b{font-size:23px}.stack-symbol{height:12px;width:10px}.token-symbol{height:11px;width:11px}.my-assets .dock-caption>span{display:block;font-size:7px}.my-assets .dock-caption strong{font-size:9px}.my-identity:has(.turn-beacon){padding-top:12px}.my-reserves{padding-left:6px}.my-reserves .dock-caption small{display:inline}.purchase-state{font-size:8px;right:4px;bottom:4px;padding:2px 3px}.in-game .market .costs{padding-right:22px}.in-game .market .development.affordable .costs{padding-right:22px}.target-plan{left:22px;right:22px;bottom:146px}.target-plan small{display:none}
 .in-game .arena .noble.illustrated{padding:3px;min-width:0}.in-game .arena .noble>div{display:contents}.in-game .arena .noble-title{position:absolute;left:4px;top:4px;font-size:0}.in-game .arena .noble-title>span{font-size:17px}.in-game .arena .noble .costs{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);gap:2px}.in-game .arena .noble-art{top:-2px}
}
@media(max-width:520px){
 .in-game .game{grid-template-rows:44px 84px minmax(0,1fr) 124px;gap:5px}.in-game .game-heading{grid-template-columns:1fr auto;grid-template-rows:20px 19px;gap:3px}.table-title{grid-column:1;grid-row:1}.in-game .game-heading-right{grid-column:2;grid-row:1}.live-activity{grid-column:1/-1;grid-row:2;padding:0;font-size:9px;border:0;height:19px}.live-activity>span:first-child{font-size:15px}
 .opponent{padding:4px;gap:3px}.rival-person .avatar{width:17px;height:17px;font-size:10px}.rival-name>strong{font-size:10px;max-width:58px}.rival-name>small{display:none}.rival-score{font-size:18px}.rival-resources>div{gap:2px}.rival-resources .cost-chip{height:16px;min-width:15px;padding:0;gap:0}.rival-resources .cost-chip .gem{width:8px;height:8px}.rival-resources .cost-chip b{font-size:9px}.rival-nobles{min-width:15px;font-size:8px}.rival-reserved{font-size:7px;border:0;padding:0;gap:3px}.reserved-back{width:10px;height:13px;font-size:8px}.reserved-backs{gap:2px}.rival-reserved b{margin-left:1px}
 .my-dock{grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:18px minmax(0,1fr);gap:3px 8px;padding:5px 7px 6px}.my-identity{grid-column:1;grid-row:1;display:flex;gap:8px;padding:0!important}.my-identity>.turn-beacon{left:-4px;top:-11px;padding:2px 4px}.my-identity strong{font-size:10px}.my-score{font-size:20px}.my-identity>.text-button{font-size:7px}.my-assets{grid-column:1/-1;grid-row:2;gap:3px}.my-assets .dock-caption{height:12px}.my-assets .dock-caption strong{font-size:8px}.my-assets .dock-caption>span{font-size:6px}.my-reserves{grid-column:2;grid-row:1;padding:0;border:0;display:block}.my-reserves .dock-caption{border:0;background:none;display:flex;flex-direction:row;justify-content:flex-end;gap:3px;padding:0}.my-reserves .dock-caption strong,.my-reserves .dock-caption small{font-size:9px;margin:0}.my-reserves .dock-caption>span{display:none}
 .resource-matrix{grid-template-columns:30px repeat(6,minmax(0,1fr));gap:4px}.resource-labels,.resource-column{grid-template-rows:19px 24px 24px;gap:3px}.resource-labels{font-size:8px;padding-right:2px}.resource-color>.gem{width:20px;height:20px}.resource-cards,.resource-tokens{gap:3px}.resource-cards>b,.resource-tokens>b{font-size:21px}.stack-symbol{width:8px;height:11px}.token-symbol{width:9px;height:9px}
 .market-side{grid-template-rows:52px minmax(0,1fr)}.in-game .arena .noble.illustrated .noble-title{display:block}.in-game .arena .noble .cost-chip{min-width:16px;height:16px;padding:0}.in-game .arena .noble .cost-chip .gem{width:8px;height:8px}.in-game .arena .noble .cost-chip b{font-size:9px}.in-game .market .costs,.in-game .market .development.affordable .costs{padding-right:17px}.purchase-state{font-size:7px;padding:2px;right:3px;bottom:4px}.in-game .market .card-bottom{padding-left:3px;padding-right:2px}.in-game .market .cost-chip{min-width:18px;padding:0 1px}.target-plan{left:10px;right:10px;bottom:137px;height:25px;font-size:8px;gap:5px;padding:2px 5px}.target-plan .cost-chip{min-width:20px;height:18px}.target-plan strong,.target-plan .text-button{font-size:8px}.in-game #toast{bottom:143px}
}
@media(max-width:520px) and (max-height:700px){
 .in-game .game{grid-template-rows:24px 70px minmax(0,1fr) 105px;gap:4px;padding-top:4px;padding-bottom:5px}.in-game .game-heading{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px}.table-title{display:none}.live-activity{grid-column:1;grid-row:1;height:24px;font-size:8px}.in-game .game-heading-right{grid-column:2;grid-row:1}.in-game .arena{grid-template-rows:minmax(0,1fr) 80px;gap:4px}.in-game .bank{grid-template-rows:40px 24px;padding:4px 8px;gap:5px}.in-game .token-button>span{margin-top:4px;font-size:6px}.in-game .token-disc{height:27px;width:27px}.in-game .token-disc>.gem,.in-game .token-button.black .token-disc>.gem{width:20px;height:20px}.market-side{grid-template-rows:32px minmax(0,1fr);gap:4px}.in-game .arena .noble-art{top:-10px}.in-game .arena .noble-title{top:1px}.in-game .arena .noble-title>span{font-size:12px}.in-game .arena .noble .costs{bottom:2px}.in-game .arena .noble .cost-chip{height:14px}.rival-reserved{height:10px}.reserved-back{height:10px;width:9px;font-size:7px}.rival-person .avatar{height:15px;width:15px}.rival-resources .cost-chip{height:13px}.rival-resources .cost-chip b{font-size:8px}.rival-name>strong{font-size:9px}.rival-score{font-size:16px}.rival-resources{gap:2px}.resource-labels,.resource-column{grid-template-rows:16px 21px 21px;gap:2px}.resource-color>.gem{width:16px;height:16px}.resource-cards>b,.resource-tokens>b{font-size:19px}.my-dock{grid-template-rows:16px minmax(0,1fr);padding-top:4px;padding-bottom:4px}.my-assets .dock-caption{height:10px}.resource-labels{font-size:7px}.resource-matrix{gap:3px}.target-plan{bottom:118px}
 .in-game .market .card-top{padding:3px 4px 0}.in-game .market .card-bottom{padding-top:4px;padding-bottom:3px}.in-game .market .cost-chip{height:14px;min-width:17px}.in-game .market .cost-chip b{font-size:8px}.in-game .market .cost-chip .gem{width:8px;height:8px}.in-game .market .costs,.in-game .market .development.affordable .costs{padding-right:14px}.purchase-state{right:2px;bottom:3px;font-size:6px;padding:1px 2px}
}
@media(max-width:360px){.rival-person .avatar{display:none}.rival-resources .cost-chip{min-width:12px}.rival-resources .cost-chip .gem{width:6px;height:6px}.rival-resources .cost-chip b{font-size:7px}.rival-nobles{min-width:12px;font-size:7px}.rival-name>strong{max-width:55px}.my-identity>.text-button{font-size:6px}.resource-matrix{grid-template-columns:27px repeat(6,minmax(0,1fr))}.stack-symbol,.token-symbol{display:none}.resource-cards>b,.resource-tokens>b{font-size:20px}}
@media(min-width:521px) and (max-height:520px){
 .in-game .game{grid-template-rows:23px 55px minmax(0,1fr) 89px;gap:4px}.opponent{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;padding:3px 6px;gap:6px}.rival-person{grid-column:1;grid-row:1;gap:4px}.rival-name>strong{font-size:10px}.rival-person .avatar{width:18px;height:18px}.rival-resources{grid-column:2;grid-row:1;gap:2px}.rival-resources .cost-chip{height:14px;min-width:14px}.rival-resources .cost-chip .gem{width:7px;height:7px}.rival-resources .cost-chip b{font-size:8px}.rival-nobles{min-width:14px}.rival-reserved{display:none}.my-dock{grid-template-columns:94px minmax(0,1fr) 82px;grid-template-rows:minmax(0,1fr);padding:5px 8px}.resource-labels,.resource-column{grid-template-rows:16px 22px 22px;gap:2px}.resource-color>.gem{height:16px;width:16px}.resource-cards>b,.resource-tokens>b{font-size:20px}.my-assets>.dock-caption{display:none}.my-identity>.turn-beacon{top:-2px}.in-game .market .costs,.in-game .market .development.affordable .costs{padding-right:23px}.in-game .market .cost-chip{min-width:18px}.target-plan{bottom:101px;left:140px;right:170px}.live-activity{font-size:9px}.market-side{grid-template-rows:26px minmax(0,1fr)}.in-game .arena .noble-art{top:-25px}.in-game .arena .noble .costs{bottom:3px}
}
/* Keep target guidance within the personal header, never over market costs. */
.my-assets .target-plan{position:static;inset:auto;height:20px;width:100%;padding:0;border:0;background:none;box-shadow:none;gap:7px;min-width:0;font-size:9px}.my-assets .target-plan .cost-chip{height:18px;min-width:22px}.my-assets .target-plan strong{font-size:10px}.my-assets .target-plan .text-button{font-size:9px}.my-assets .target-plan>span .gem{width:16px;height:16px}
.rival-name>strong,.rival-name>small{line-height:1.25}
@media(min-width:1001px) and (min-height:600px){.in-game .arena .noble-art{top:-13px}}
@media(min-width:1001px) and (min-height:691px) and (max-height:740px){.opponent{padding:8px 9px;gap:5px}.rival-reserved{padding-top:4px}.reserved-back{height:20px}}
@media(max-width:520px){.my-assets .target-plan{height:13px;font-size:7px;gap:4px}.my-assets .target-plan .cost-chip{height:14px;min-width:17px;padding:0}.my-assets .target-plan .cost-chip .gem{height:8px;width:8px}.my-assets .target-plan .cost-chip b{font-size:8px}.my-assets .target-plan strong,.my-assets .target-plan .text-button{font-size:7px}.my-assets .target-plan small{display:none}.my-assets .target-plan>span .gem{width:12px;height:12px}}
@media(min-width:1001px) and (min-height:600px) and (max-height:690px){.opponent{padding-top:5px;padding-bottom:5px}}
@media(max-width:1000px){.dock-cards{display:none}.my-reserves{display:flex;align-items:center}.my-reserves .dock-caption{height:100%;width:100%;justify-content:center;flex-direction:column;gap:6px}.my-reserves .dock-caption small{display:inline}}
@media(max-width:520px){.my-reserves{display:block}.my-reserves .dock-caption{flex-direction:row;gap:3px;justify-content:flex-end}}
@media(min-width:521px) and (max-height:520px){.in-game .market .card-bottom{padding-top:0;padding-bottom:2px}}
.modal .holdings .cost-chip.white{background:#e7ecdb;color:#22332a;border-color:#d9e0ca}.modal .holdings .cost-chip.black{background:#080d14;color:#fff;border-color:#8b9cac}
@media(min-width:521px) and (max-height:520px){
 .my-assets:has(.target-plan)>.dock-caption{display:flex;height:14px}.my-assets:has(.target-plan){gap:2px}.my-assets .target-plan{height:14px}.my-assets:has(.target-plan) .resource-column,.my-assets:has(.target-plan) .resource-labels{grid-template-rows:13px 19px 19px;gap:2px}.my-assets:has(.target-plan) .resource-cards>b,.my-assets:has(.target-plan) .resource-tokens>b{font-size:18px}
}