/* Approved alliance screens retain the game's parchment and live controls. */
.progression-mode .main-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.progression-mode .main-nav .nav-button{min-width:52.8px}
.action-sheet[data-view='alliance']{inset:0;width:100%;max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto}
.action-sheet[data-view='alliance'] .sheet-handle{display:none}
.action-sheet[data-view='alliance'] .sheet-content{grid-column:1/-1;grid-row:3;min-height:0;padding:0 7.2px 14.4px}
.action-sheet[data-view='alliance'] #sheet-footer{grid-column:1/-1;grid-row:4}
.action-sheet[data-view='alliance'] .sheet-navigation{grid-column:1;grid-row:1;height:auto;padding:var(--space) var(--space) var(--space) 7.2px}
.action-sheet[data-view='alliance'] .sheet-navigation #back-sheet{width:auto;gap:4.8px}
.action-sheet[data-view='alliance'] .sheet-navigation #back-sheet .icon{width:19.2px;height:19.2px}
.action-sheet[data-view='alliance'] .sheet-navigation>.progression-tutorial-review{flex:1;justify-content:center}
/* The close control shares the actual navigation row, including wrapped labels. */
.action-sheet[data-view='alliance'] .sheet-heading{display:contents}
.action-sheet[data-view='alliance'] .sheet-heading::after{display:none}
.action-sheet[data-view='alliance'] .sheet-heading>div{grid-column:1/-1;grid-row:2;position:relative;min-width:0;padding:0 7.2px 4.8px;border-bottom:1.2px solid #79572965}
.action-sheet[data-view='alliance'] .sheet-heading>div::after{content:'◆';position:absolute;bottom:-6px;left:50%;font-size:9.6px;line-height:9.6px;color:#7f4e25;text-shadow:0 1.2px #e9d6ad;pointer-events:none}
.action-sheet[data-view='alliance'] #close-sheet{grid-column:2;grid-row:1;position:static;align-self:center;justify-self:end;flex:none;width:52.8px;min-width:52.8px;height:52.8px;min-height:52.8px;margin:var(--space) var(--sheet-close-inset) var(--space) 0;z-index:4}
.action-sheet[data-view='alliance'] .sheet-heading .eyebrow{display:block;line-height:1.2}
.action-sheet[data-view='alliance'] .sheet-heading h2{font-size:24px;line-height:1.1}
.alliance-panel{min-width:0;color:var(--antique-ink)}
.alliance-panel .sr-only{position:absolute;width:1.2px;height:1.2px;padding:0;margin:-1.2px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alliance-heading{display:grid;grid-template-columns:100.8px minmax(0,1fr);gap:9.6px;align-items:center;min-height:160.8px;margin:0 -7.2px 7.2px;padding:0 7.2px;border-block:1.2px solid var(--antique-gold);background:linear-gradient(90deg,#f0e5cf12,#f0e5cff5 20%,#f0e5cff5 58%,#f0e5cfb3 76%,#f0e5cf00 98%),var(--alliance-hero) right center/cover}
.alliance-heading--members{min-height:134.4px;grid-template-columns:100.8px minmax(0,1fr);background:linear-gradient(90deg,#f0e5cf12,#f0e5cff5 20%,#f0e5cff5 76%,#f0e5cfb3 88%,#f0e5cf00),var(--alliance-hero) right center/cover}
.alliance-standard-window{display:block;width:100.8px;height:160.8px;overflow:hidden;pointer-events:none}
.alliance-standard{position:relative;display:block;width:163.2px;height:244.8px;max-width:none;left:-37.2px;top:-10.8px;object-fit:contain;filter:drop-shadow(0 2.4px 1.2px #37291744);pointer-events:none}
.alliance-heading--members .alliance-standard-window{height:134.4px}
.alliance-heading--members .alliance-standard{top:-19.2px}
/* The existing wash stays strong through the copy before fading into the artwork. */
.alliance-heading>div{display:grid;grid-template-columns:minmax(0,1fr);gap:3.6px;min-width:0;max-width:177.6px;padding-block:2.4px;color:var(--antique-ink)}
.alliance-heading h3{min-width:0;max-width:100%;font:700 26.4px/1.05 var(--serif);color:var(--green);overflow-wrap:break-word;word-break:normal;margin:0}
.alliance-heading small{display:block;font:700 12px/1.3 var(--sans);letter-spacing:1.2px;color:var(--antique-muted);overflow-wrap:anywhere}
.alliance-heading>div>p{font:14.4px/1.3 var(--sans);margin:0;overflow-wrap:break-word}
.alliance-heading--members>div{max-width:276px}
.alliance-heading--members h3{font-size:24px}
.alliance-heading .secondary-button{width:auto;max-width:100%;margin:0;padding:7.2px 16.8px;font-size:15.6px;--button-overhang:-6px}
.alliance-facts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:7.2px;margin:2.4px 0;padding:0 0 2.4px;border-bottom:1.2px solid #b3965a66}
.alliance-facts>div{min-width:0}
.alliance-facts>div+div{border-left:1.2px solid #b3965a66;padding-left:9.6px}
.alliance-facts dt{font:12px var(--sans);color:var(--antique-muted)}
.alliance-facts dd{display:flex;align-items:center;gap:4.8px;margin:2.4px 0 0;font:700 20.4px/1.2 var(--serif);overflow-wrap:anywhere}
.alliance-facts dd>.icon{width:26.4px;height:26.4px;flex:none;color:#896030}
.alliance-facts .alliance-fact-icon{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alliance-fact-people{fill:currentColor;stroke:none}
.alliance-leader dd{align-items:flex-start;font-size:15.6px}
.alliance-leader dd>span:last-child{min-width:0}
.alliance-leader dd strong{display:block;font:inherit}
.alliance-leader .alliance-portrait{width:31.2px;height:36px}
.alliance-leader .alliance-rank{font-size:10.8px;margin-top:0;padding:0 3.6px}
.alliance-description{margin:7.2px 0;padding:7.2px 0;border-block:1.2px solid #b3965a66}
.alliance-description header{display:flex;align-items:center;justify-content:space-between;gap:7.2px;margin:0 0 4.8px}
.alliance-description h4{margin:0;font:700 24px var(--serif)}
.alliance-description p{font:16.8px/1.5 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.alliance-edit-description{display:grid;place-items:center;width:52.8px;height:52.8px;flex:none;padding:9.6px;border:1.2px solid var(--antique-gold);background:#c5a46418;color:#7b5028}
.alliance-edit-description>.icon{width:28.8px;height:28.8px}
.alliance-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:16.8px 14.4px;margin:21.6px 2.4px}
.alliance-panel :is(.primary-button,.secondary-button){min-width:0;min-height:52.8px;white-space:normal;overflow-wrap:anywhere;--button-overhang:-6px}
.alliance-main-actions button{font-size:20.4px;margin:0;padding-inline:9.6px}
.alliance-panel .alliance-extra-actions>div>:is(.primary-button,.secondary-button){--button-overhang:-14.4px}
.alliance-manage-actions{grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 4px}
/* Match the slim alliance-construction actions while keeping 44px touch targets. */
.alliance-panel .alliance-manage-actions>button{min-height:44px;margin:0;line-height:1.15;padding:8px 19px;font-size:17px;--button-overhang:-7px}
.alliance-manage-actions>button::before{border-width:18px;border-image-width:18px 24px}
.alliance-feature-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4.8px 7.2px;margin:7.2px 0}
.alliance-feature-action{display:grid;grid-template-columns:48px minmax(0,1fr) 14.4px;align-items:center;gap:4.8px;min-width:0;min-height:52.8px;margin:0;padding:3.6px 7.2px 3.6px 3.6px;border:1.2px solid #b3965a99;border-radius:0;color:var(--antique-ink);background:linear-gradient(125deg,#fff8e67d,#c6aa701a);box-shadow:inset 0 0 0 2.4px #f8ebcd66,inset 0 0 14.4px #c5a97030,0 1.2px 2.4px #5037191a;cursor:pointer;text-align:left}
.alliance-feature-action:hover:not(:disabled){border-color:var(--green);background-color:#b8c29330}
.alliance-feature-action:disabled{opacity:.72;cursor:default}
.alliance-feature-art{display:grid;place-items:center;width:48px;height:43.2px;pointer-events:none;background-repeat:no-repeat;filter:drop-shadow(0 2.4px 1.2px #37291733)}
.alliance-feature-art>.icon{display:none;width:38.4px;height:38.4px}
.alliance-feature-label{min-width:0;font:700 18px/1.1 var(--serif);overflow-wrap:normal;word-break:normal;hyphens:none}
.alliance-feature-label>small{display:block;margin-top:2.4px;font:12px/1.1 var(--sans);color:var(--antique-muted)}
.alliance-feature-arrow{display:grid;place-items:center;width:14.4px;color:#805528}.alliance-feature-arrow>.icon{width:14.4px;height:21.6px;stroke-width:2.6}
.alliance-extra-actions{margin:9.6px 0;border-top:1.2px solid #b3965a66}
.alliance-extra-actions summary{display:flex;align-items:center;min-height:52.8px;color:var(--green);font:19.2px var(--serif);cursor:pointer}
.alliance-extra-actions summary::before{content:'▸';margin-right:9.6px}.alliance-extra-actions[open] summary::before{content:'▾'}
.alliance-extra-actions>div{display:grid;gap:4.8px;padding:4.8px}
.alliance-extra-actions>div>:is(.primary-button,.secondary-button){margin:0}
.alliance-form{margin-block:19.2px;gap:16.8px}
.alliance-form label{font:700 22.8px/1.2 var(--serif)}
.alliance-form :is(input:not([type='radio']),select,textarea),.alliance-search input{width:100%;min-width:0;min-height:57.6px;padding:12px;border:1.2px solid #a58755;border-radius:3.6px;background:linear-gradient(110deg,#f9f2e4,#e8d7b5);color:#493a20;font:19.2px/1.35 var(--sans)}
.alliance-form textarea{min-height:134.4px;resize:vertical}
.alliance-form small{font:14.4px/1.4 var(--sans);color:var(--antique-muted)}
.alliance-flag-picker{margin:0;padding:12px 0 16.8px;border:0;border-bottom:1.2px solid #b3965a66;min-width:0}
.alliance-flag-picker legend{padding:0;font:700 26.4px var(--serif)}
.alliance-flag-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9.6px;margin-top:9.6px}
.alliance-form .alliance-flag-choice{position:relative;display:grid;justify-items:center;gap:4.8px;min-width:0;padding:7.2px 3.6px;border:1.2px solid #b3965a66;background:#ffffff18;font:14.4px/1.3 var(--sans);cursor:pointer;text-align:center;overflow-wrap:anywhere}
.alliance-flag-choice input{position:absolute;left:4.8px;top:4.8px;width:16.8px;height:16.8px;min-height:0;margin:0;accent-color:var(--green)}
.alliance-flag-choice img{width:100%;height:105.6px;object-fit:contain;pointer-events:none}
.alliance-flag-choice:has(input:checked){border:2.4px solid var(--green);padding:6px 2.4px;background:#78945824;box-shadow:inset 0 0 0 1.2px var(--antique-gold)}
.alliance-flag-choice:has(input:focus-visible){outline:2.4px solid var(--antique-gold);outline-offset:2.4px}
.alliance-flag-picker:disabled{opacity:.65}
.alliance-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9.6px 12px;margin:19.2px 0}
.alliance-search label{grid-column:1/-1;font:700 24px var(--serif)}
.alliance-search button{margin:0;padding-inline:14.4px;font-size:20.4px}
.alliance-results{display:grid;gap:12px;margin-block:19.2px}
.alliance-result{width:100%;grid-template-columns:40.8px minmax(0,1fr) 24px;text-align:left;gap:12px;min-height:96px}
.alliance-result>span{grid-column:auto;font-size:inherit}
.alliance-result strong{display:block;font:700 22.8px/1.2 var(--serif);overflow-wrap:anywhere}
.alliance-result small{display:block;margin-top:8.4px;font:14.4px/1.4 var(--sans)}
.alliance-result>.icon{width:24px;color:var(--green)}
.alliance-portrait{position:relative;display:block;width:74.4px;height:91.2px;overflow:hidden;border:2.4px ridge #b79856;border-radius:0;background:radial-gradient(ellipse at 50% 24%,#b3965a40,transparent 75%);box-shadow:inset 0 0 0 2.4px #392b18,0 1.2px 2.4px #50371944}
.alliance-portrait::after{content:'';position:absolute;inset:0;border:2.4px solid #69482177;pointer-events:none}
.alliance-portrait img{position:absolute;display:block;top:0;left:50%;width:260%;height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
.alliance-portrait.is-custom-avatar img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:none}
.alliance-rank{display:inline-block;max-width:100%;padding:3.6px 12px;border:2.4px ridge var(--antique-gold);background:linear-gradient(#17492fe6,#082a1eeb),url('./art-web/wood-dark-v3-331b77e862.webp') center/288px;color:#f4dfab;font:700 18px/1.1 var(--serif);overflow-wrap:anywhere;text-align:center;box-shadow:inset 0 0 0 1.2px #e3c78944}
.alliance-rank[data-rank='5']{background:linear-gradient(#7f281de6,#431108eb),url('./art-web/wood-dark-v3-331b77e862.webp') center/288px}
.alliance-rank[data-rank='4']{background:linear-gradient(#244866e6,#10293eeb),url('./art-web/wood-dark-v3-331b77e862.webp') center/288px}
.alliance-members{display:grid;gap:4.8px;margin:7.2px 0}
.alliance-member:not([data-alliance-member]){display:block}.alliance-member:not([data-alliance-member]) .room-participant-name{font:700 24px/1.2 var(--serif)}.alliance-member:not([data-alliance-member])>small{display:block;margin:8.4px 0 0 49.2px;font:14.4px/1.5 var(--sans);overflow-wrap:anywhere}
.alliance-members [data-alliance-member]{position:relative;display:grid;grid-template-columns:64.8px minmax(0,1fr) minmax(103.2px,1.1fr) 52.8px;gap:7.2px;padding:7.2px;border:1.2px solid #b3965a88;background:linear-gradient(125deg,#fff8e65c,#c6aa7015);box-shadow:inset 0 0 0 2.4px #f8ebcd66;align-items:center}
.alliance-member>.alliance-portrait{grid-column:1;grid-row:1;width:64.8px;height:79.2px;align-self:start}
.alliance-member-identity{grid-column:2;display:grid;gap:2.4px;min-width:0;align-self:start}
.alliance-member-location{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;border-top:1px solid #9b7b453d;padding-top:6px}
.alliance-member-location>small{font:12px/1.4 var(--sans);color:var(--antique-muted);overflow-wrap:anywhere}
.alliance-member-location .small-button{width:auto;flex:none;margin:0;min-height:44px;font-size:15px}
.alliance-member-identity>strong{display:block;font:700 20.4px/1.15 var(--serif);overflow-wrap:anywhere}
.alliance-member-identity>strong>.icon{width:16.8px;height:16.8px;vertical-align:middle;margin-right:3.6px;color:#997238}
.alliance-member-identity>small{display:block;margin:0;font:14.4px/1.2 var(--serif);color:var(--antique-muted);overflow-wrap:anywhere}
.alliance-member-identity>.alliance-rank{justify-self:start;max-width:100%;padding:2.4px 9.6px;font-size:14.4px;clip-path:polygon(7.2px 0,calc(100% - 7.2px) 0,100% 50%,calc(100% - 7.2px) 100%,7.2px 100%,0 50%)}
.alliance-member-stats{display:grid;grid-column:3;gap:6px;min-width:0;margin:0;font:13.2px/1.25 var(--serif)}
.alliance-member-stats>div{display:flex;align-items:center;gap:3.6px;min-width:0;flex-wrap:wrap}
.alliance-member-stats dt{display:inline-flex;align-items:center;gap:3.6px;min-width:0;color:var(--antique-muted)}
.alliance-member-stats dt>.icon{width:16.8px;height:19.2px;flex:none;color:#896030}
.alliance-member-stats dd{min-width:0;max-width:100%;margin:0;font-weight:700;overflow-wrap:anywhere}
.alliance-member-stats>div:last-child dd{white-space:nowrap}
.alliance-member-you{grid-column:4;grid-row:1;align-self:center;text-align:center;padding:3.6px 1.2px;border:1.2px solid #b3965a88;background:#c6aa7020;font:12px var(--serif);color:var(--antique-muted)}
.alliance-member-actions{grid-column:4;grid-row:1;border-top:0;min-width:0}
.alliance-member-actions[open]{grid-column:1/-1;grid-row:2}
.alliance-member-actions summary{position:absolute;right:7.2px;top:21.6px;display:grid;place-items:center;width:52.8px;height:52.8px;min-height:52.8px;color:#e8d4a8;cursor:pointer;list-style:none}
.alliance-member-actions summary::-webkit-details-marker{display:none}
.alliance-member-actions summary::before{content:'';position:absolute;width:31.2px;height:31.2px;border:2.4px ridge #b79856;border-radius:50%;background:linear-gradient(#866034,#4d3018)}
.alliance-member-actions summary>.icon{position:relative;width:16.8px;height:16.8px;stroke-width:2.4;transform:rotate(90deg)}
.alliance-member-actions[open] summary>.icon{transform:rotate(-90deg)}
.alliance-member-actions>div{display:grid;gap:4.8px;margin-top:7.2px;padding:7.2px 4.8px 4.8px;border-top:1.2px solid #b3965a66}
.alliance-member-actions label{display:grid;gap:7.2px;font:19.2px var(--serif)}
.alliance-member-actions select{width:100%;min-width:0;min-height:52.8px;color:var(--antique-ink);background:#fff9e9;border:1.2px solid var(--antique-gold);font:19.2px var(--sans)}
.alliance-member-actions button{font-size:20.4px;margin:0}
.alliance-members-hint{display:flex;align-items:center;justify-content:center;gap:7.2px;font:14.4px var(--sans)}
.alliance-members-hint>.icon{width:21.6px;height:21.6px;flex:none}
.alliance-feedback{overflow-wrap:anywhere;white-space:pre-wrap}
.alliance-panel :focus-visible{outline:2.4px solid var(--antique-gold);outline-offset:2.4px}
@media(max-width:390px){.progression-mode .main-nav .nav-button{font-size:14.4px}.alliance-heading{grid-template-columns:96px minmax(0,1fr)}.alliance-standard-window{width:96px}.alliance-heading h3{font-size:25.2px}.alliance-heading--members h3{font-size:22.8px}.alliance-facts{gap:7.2px}.alliance-facts>div+div{padding-left:7.2px}.alliance-facts dd{font-size:20.4px}.alliance-leader dd{font-size:15.6px}.alliance-leader .alliance-portrait{width:31.2px;height:36px}.alliance-leader .alliance-rank{font-size:10.8px}.alliance-feature-label{font-size:16.8px}.alliance-main-actions button{font-size:19.2px}.alliance-flag-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7.2px}.alliance-flag-choice img{height:91.2px}.alliance-members [data-alliance-member]{grid-template-columns:57.6px minmax(0,1fr) minmax(108px,1.1fr) 52.8px;gap:4.8px;padding:6px}.alliance-member>.alliance-portrait{width:57.6px;height:72px}.alliance-member-identity>strong{font-size:19.2px}.alliance-member-identity>small{font-size:13.2px}.alliance-member-identity>.alliance-rank{font-size:13.2px;padding-inline:7.2px}.alliance-member-stats{font-size:13.2px}.alliance-member-actions summary{right:6px;top:16.8px;width:52.8px}.alliance-rank{font-size:15.6px;padding-inline:9.6px}}
@media(min-width:440px){.alliance-members [data-alliance-member]{grid-template-columns:74.4px minmax(0,1fr) minmax(124.8px,1.1fr) 52.8px;gap:9.6px;padding:9.6px}.alliance-member>.alliance-portrait{width:74.4px;height:91.2px}.alliance-member-identity>strong{font-size:24px}.alliance-member-identity>small{font-size:16.8px}.alliance-member-identity>.alliance-rank{font-size:16.8px}.alliance-member-stats{font-size:15.6px}.alliance-member-stats dt>.icon{width:20.4px;height:21.6px}.alliance-member-you{font-size:14.4px}.alliance-member-actions summary{right:9.6px;top:31.2px}}
@media(min-width:700px){.action-sheet[data-view='alliance']{left:auto;right:21.6px;top:21.6px;bottom:21.6px;width:576px;max-width:calc(100% - 43.2px);max-height:calc(100% - 43.2px)}}
@media(max-width:699px){.alliance-heading,.alliance-heading--members{background:linear-gradient(90deg,#f0e5cf66,#f0e5cff5 28%,#f0e5cff5 78%,#f0e5cfeb),var(--alliance-hero) right center/cover}}
@media(forced-colors:active){.alliance-heading,.alliance-heading>div,.alliance-form :is(input,select,textarea),.alliance-search input,.alliance-member,.alliance-rank,.alliance-flag-choice{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.alliance-heading h3,.alliance-heading small,.alliance-facts dt,.alliance-member-stats dt{color:CanvasText}.alliance-feature-action,.alliance-edit-description,.alliance-member-actions summary::before{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.alliance-feature-art{background:none!important;filter:none}.alliance-feature-art>.icon{display:block}.alliance-feature-label>small{color:CanvasText}.alliance-flag-choice:has(input:checked){outline:2.4px solid Highlight;border-color:Highlight}.alliance-member-actions summary{color:ButtonText}.alliance-portrait{border-color:CanvasText}}

/* Larger council elements reflow within narrow viewports without scaling the page. */
@media(max-width:430px){
 .alliance-members [data-alliance-member]{grid-template-columns:58px minmax(0,1fr) 53px;gap:7px;padding:7px}
 .alliance-member>.alliance-portrait{width:58px;height:72px}
 .alliance-member-identity{grid-column:2}
 .alliance-member-stats{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;font-size:13.2px}
 .alliance-member-you,.alliance-member-actions{grid-column:3;grid-row:1}
 .alliance-member-actions[open]{grid-column:1/-1;grid-row:3}
 .alliance-member-actions summary{right:7px;top:16px;width:53px;height:53px}
 .alliance-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .alliance-facts>.alliance-leader{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-bottom:6px}
 .alliance-facts>div:nth-child(2){border-left:0;padding-left:0}
 .alliance-leader dd{align-items:center}
 .alliance-leader dd>span:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .alliance-heading>div{max-width:none}
 .alliance-feature-action{grid-template-columns:42px minmax(0,1fr) 12px;gap:5px}
 .alliance-feature-art{width:42px;height:43px}
}
@media(max-width:330px){
 .alliance-feature-actions{grid-template-columns:minmax(0,1fr)}
 .alliance-feature-action{grid-template-columns:48px minmax(0,1fr) 14px;min-height:58px}
 .alliance-feature-label{font-size:18px}
 .alliance-main-actions{grid-template-columns:minmax(0,1fr)}
 .alliance-flag-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}
 .alliance-heading{grid-template-columns:80px minmax(0,1fr)}
 .alliance-standard-window{width:80px}
}
@media(max-width:370px){.alliance-feature-actions{grid-template-columns:minmax(0,1fr)}.alliance-feature-label{font-size:18px}}
/* Council sheets use the viewport, as the governor does, rather than the scene's height. */
#action-sheet[data-view='alliance']{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;min-height:0;margin:0;z-index:60}
@media(min-width:700px){#action-sheet[data-view='alliance']{inset:18px 18px 18px auto;width:576px;height:calc(100dvh - 36px);max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px)}}
