.roster-detail-modal.town-screen-modal{width:min(900px,calc(100cqw - 24px),calc((100cqh - 100px) * 1.2261));background:#241b12}.roster-detail-modal.town-screen-modal[data-resized] .roster-detail-frame,.town-screen-modal .roster-detail-frame{height:auto;background:#241b12}.roster-detail-modal.town-screen-modal[data-resized] .town-screen,.town-screen-modal .town-screen{flex:none;min-height:0;overflow:auto;container-type:inline-size}.town-scene{position:relative;aspect-ratio:640/256;overflow:hidden;background:#181c1b}.town-lower img,.town-scene img{image-rendering:pixelated;user-select:none}.town-landscape{width:100%;height:100%;display:block}.town-building{position:absolute;height:auto}.town-building-layer{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.town-lower{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 16px;border-top:1px solid #b99a57;background:linear-gradient(#3b2b19,#241b12)}.town-crest,.town-visitor-portrait{width:100%;height:100%;min-height:0;object-fit:cover;overflow:hidden;border:1px solid #5a4020;border-radius:4px}.town-visitor-portrait:has(.town-visitor-none){display:flex;align-items:center;justify-content:center;padding:6px;border-style:dashed;background:#1b140d80}.town-visitor-none{font-size:11px;line-height:1.2;text-align:center;color:#bdaa8c}.town-visitor-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.town-garrison,.town-visiting-army{display:grid;grid-column:span 5;grid-template-columns:subgrid;gap:8px;min-height:0;min-width:0}.town-garrison>button,.town-visiting-army>button{aspect-ratio:21/20}.town-garrison:empty,.town-visiting-army:empty{min-height:clamp(48px,14cqw,120px)}.town-garrison img{width:100%;height:100%;min-height:0}.town-empty-slot{aspect-ratio:21/20;border:1px dashed #5a4020;border-radius:4px;background:#1b140d80}.town-army-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;font-size:clamp(8px,1.6cqw,14px)}.town-army-stack small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.town-dwelling-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;border-top:1px solid #b99a57;background:linear-gradient(#3b2b19,#241b12)}.town-dwellings{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px;margin:0;padding:0;list-style:none}.town-dwelling{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:100%;height:clamp(88px,9cqw,112px);padding:4px 4px 3px;border:1px solid #5a4020;border-radius:4px;background:linear-gradient(#3b2b19,#120d08);box-shadow:inset 0 0 0 1px #00000080;color:var(--color-parchment-light,#fbe9db)}.town-dwelling-creature{display:flex;flex:1;align-items:flex-end;justify-content:center;width:100%;min-height:0;overflow:hidden}.town-dwelling-count{font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums}.town-dwelling:not(:disabled):hover{border-color:#c49c53}.town-dwelling:focus-visible{outline:2px solid #f0d674;outline-offset:1px}.town-dwelling:disabled{cursor:default}.town-dwelling-empty{margin:auto;font-size:11px;color:#a1844999}.town-actions{display:flex;flex-direction:column;justify-content:center;gap:4px}.town-actions .h2-button{min-width:6rem}.town-recruit-all{display:flex}.town-recruit-all .h2-button{flex:1}@container (max-width: 520px){.town-dwelling-bar{grid-template-columns:minmax(0,1fr)}.town-dwellings{grid-template-columns:repeat(3,minmax(64px,1fr))}.town-dwelling{height:clamp(64px,15cqw,96px)}.town-actions{flex-direction:row}.town-actions .h2-button,.town-recruit-all{flex:1}}@container (max-width: 420px){.town-lower{gap:4px;padding:8px}.town-garrison,.town-visiting-army{gap:4px}}.roster-detail-modal.battle-screen-modal{width:min(1280px,calc(100cqw - 24px),calc((100cqh - 24px - 122px) * 1.3169 + 36px));background:#241b12}.battle-screen-modal .roster-detail-frame,.roster-detail-modal.battle-screen-modal[data-resized] .roster-detail-frame{height:auto}.battle-screen-modal .roster-detail-footer{padding:6px 10px}.battle-screen-modal .battle-action{flex-shrink:0}.battle-screen-modal .roster-detail-footer .battle-action{padding:0 8px;font-size:13px}.battle-screen-modal .roster-detail-footer .battle-action,.battle-screen-modal .roster-detail-header .battle-action{width:auto;height:26px;padding:0 10px;font-size:14px}.battle-turn-hex{animation:battle-turn-pulse 1.2s ease-in-out infinite}@keyframes battle-turn-pulse{50%{fill-opacity:.2}}@media (prefers-reduced-motion:reduce){.battle-turn-hex{animation:none}}.battle-loss{transform:translateX(-50%);text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;animation:battle-loss-rise 1.1s ease-out forwards}@keyframes battle-loss-rise{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1}to{opacity:.85;transform:translate(-50%,-14px)}}@media (prefers-reduced-motion:reduce){.battle-loss{animation:none}}.game-loader-glass{transform-origin:50% 50%;animation:game-loader-turn 2.4s cubic-bezier(.65,0,.35,1) infinite}.game-loader-sand-top{animation:game-loader-drain 2.4s linear infinite}.game-loader-sand-bottom,.game-loader-sand-top{transform-box:fill-box;transform-origin:50% 100%}.game-loader-sand-bottom{animation:game-loader-fill 2.4s linear infinite}.game-loader-stream{animation:game-loader-stream 2.4s linear infinite}@keyframes game-loader-turn{0%,80%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes game-loader-drain{0%{transform:scaleY(1)}78%,to{transform:scaleY(0)}}@keyframes game-loader-fill{0%{transform:scaleY(0)}78%,to{transform:scaleY(1)}}@keyframes game-loader-stream{0%,76%{opacity:1}78%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.game-loader-glass,.game-loader-sand-bottom,.game-loader-sand-top,.game-loader-stream{animation:none}.game-loader-sand-bottom,.game-loader-sand-top{transform:scaleY(.5)}.game-loader{animation:game-loader-breathe 2s ease-in-out infinite}@keyframes game-loader-breathe{50%{opacity:.6}}}.game-toast{display:flex;align-items:flex-start;gap:10px;width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid #b6860a;border-radius:4px;background:linear-gradient(180deg,#2c2116,#1b1610);box-shadow:0 8px 24px #000c,inset 0 1px 0 #f0d67422;color:#fff0d5;font-family:var(--font-body);font-size:13px;line-height:1.4}.game-toast [data-title]{color:#f0d674;font-weight:700}.game-toast [data-description]{color:#dec29b}.game-toast[data-type=error]{border-color:#a8321f}.game-toast[data-type=error] [data-title]{color:#f0b8a8}.game-toast[data-type=success]{border-color:#6f8f3f}.game-toast [data-button]{margin-left:auto;padding:3px 8px;border:1px solid #b6860a;border-radius:3px;background:#b6860a33;color:#f0d674;font:inherit;font-size:12px;cursor:pointer}.game-toast [data-close-button]{position:absolute;top:-8px;left:-8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid #b6860a;border-radius:50%;background:#1b1610;color:#dec29b}.side-panel{animation:side-panel-in .22s cubic-bezier(.2,.8,.2,1)}.side-panel-backdrop{animation:side-panel-fade .22s ease-out}@keyframes side-panel-in{0%{transform:translateX(100%);opacity:.6}}@keyframes side-panel-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.side-panel,.side-panel-backdrop{animation:none}}.lander-marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lander-marquee-track{display:flex;width:max-content;animation:lander-marquee 48s linear infinite}.lander-marquee:focus-within .lander-marquee-track,.lander-marquee:hover .lander-marquee-track{animation-play-state:paused}@keyframes lander-marquee{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.lander-marquee{mask-image:none}.lander-marquee-track{width:auto;flex-wrap:wrap;justify-content:center;animation:none}.lander-marquee-track>[aria-hidden=true]{display:none}}