@layer legacy{:root{--ui-text-xs:12px;--ui-text-sm:14px;--ui-text-md:16px;--ui-text-lg:18px;--ui-text-xl:24px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-radius-sm:3px;--ui-radius-md:6px;--ui-surface-raised:#2b4338;--ui-accent-strong:#f0ce8e;--ui-danger:#c87b68;--ui-shadow:0 18px 50px #06141180;--ui-motion-screen:.28s;--player:#4a9eff;--enemy:#ff4a4a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overflow:hidden}#game{cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;z-index:10;position:absolute;inset:0}#top-bar{outline-offset:1px;align-items:center;font-size:14px;display:flex;position:absolute}#civ-badge{border-right:1px solid #e8c54a40;align-items:center;gap:7px;padding:4px 12px 4px 6px;display:flex}#civ-badge .cb-emblem{font-size:20px}#civ-badge .cb-name{color:var(--gold);font-weight:700}.res{border-radius:8px;align-items:center;gap:6px;display:flex}#selection-info{color:var(--text-dim);min-width:130px;font-size:13px}#fps{color:#6c6450;font-size:11px}#hint-bar{color:var(--text-dim);text-align:center;position:absolute;left:50%;transform:translate(-50%)}#hint-bar b{color:var(--gold);font-weight:600}#hint-bar.armed{color:#ffb27a;border-color:#ff8a3d;font-weight:600}.hidden{display:none!important}#top-bar .res{color:var(--text);font-size:14px}#top-bar .res b{color:var(--gold);font-weight:700}#top-bar .res.supply b{color:#8fd0ff}#top-bar .res small{color:var(--text-dim);font-size:11px}#build-menu-container{pointer-events:auto;position:absolute;bottom:12px;left:12px}#build-menu-trigger{letter-spacing:1.6px;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 2px #000;align-items:center;gap:8px;min-height:46px;font-weight:700;transition:border-color .18s,transform .18s,background .18s;display:flex}#build-menu-trigger:hover{border-color:var(--gold);background:linear-gradient(180deg, #724d24fa, #2d1c0dfc), var(--panel);transform:translateY(-1px)}#build-menu-container.open #build-menu-trigger{border-color:var(--gold);box-shadow:0 12px 32px #000000a3,0 0 0 2px #d4af371f}.bm-trigger-arrow{color:#d4af3799;margin-left:auto;font-size:9px;transition:transform .3s;display:inline-block}#build-menu-container.open .bm-trigger-arrow{color:#f7ecd3;transform:rotate(180deg)}#build-menu{overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 100%;flex-direction:column;align-items:stretch;gap:9px;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .16s,visibility 0s linear .2s;display:flex;position:absolute;overflow:hidden auto;transform:translateY(8px)scale(.98)}#build-menu-container.open #build-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}button:focus-visible,input:focus-visible,#build-menu-trigger:focus-visible{outline-offset:2px;outline:3px solid #8fd0ff}.build-group{flex-direction:column;gap:6px;display:flex}.build-group-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.bcard{height:66px;color:var(--text);cursor:pointer;border:1px solid #e8c54a2e;justify-content:center;transition:transform .15s ease-out,border-color .15s,background .15s;position:relative}.bcard:hover{box-shadow:0 7px 16px #00000057,inset 0 1px #ffffff14}.bcard.active{background:linear-gradient(145deg,#8d2c28 0%,#451412 100%);border-color:#d99066;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d,inset 0 1px 3px #fff3}.bcard.disabled,.bcard:disabled{background:#0c0d11b8;border-color:#ffffff12}.bcard .ic{text-shadow:0 2px 4px #000000a6;font-size:21px}.bcard.active .ic{text-shadow:1px 1px 2px #0009}.bcard .nm{text-overflow:ellipsis;max-width:100%;overflow:hidden}.bcard.active .nm{color:#f7ecd3}.bcard .cost{font-weight:600}.bcard.active .cost{color:#f2d982}.bcard .hot{font-weight:600;position:absolute}.bcard.active .hot{color:#f2d982}#building-panel{border:1px solid var(--panel-border);pointer-events:auto;position:absolute}#bp-title{color:var(--gold);margin-bottom:8px;font-weight:700}#bp-trains{flex-wrap:wrap}.tcard{color:var(--text);cursor:pointer;border:1px solid #ffd7002e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tcard .ic{font-size:20px}.tcard .nm{color:var(--text-dim)}#bp-queue{align-items:center;min-height:26px;margin-top:8px}.qitem{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative;overflow:hidden}.qitem .prog{background:#5fd0ff59;position:absolute;top:0;bottom:0;left:0}#bp-hint{color:var(--text-dim);margin-top:6px}#minimap{pointer-events:auto;cursor:pointer;outline-offset:1px;background:#0b0e16;position:absolute;bottom:12px;right:12px}#building-panel{outline-offset:1px}@keyframes logo-glow{0%{filter:drop-shadow(0 4px 10px #0009)}to{filter:drop-shadow(0 4px 16px #e8c54a40)drop-shadow(0 4px 8px #0009)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;margin:-1px;padding:0}@keyframes mm-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mm-spin{to{transform:rotate(360deg)}}#gameover{pointer-events:auto;z-index:40;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#go-title{color:var(--gold);text-shadow:0 0 30px #e8c54a80}#go-title.lose{color:var(--enemy);text-shadow:0 0 30px #ff4a4a80}#go-restart{cursor:pointer;padding:14px 36px;font-size:18px;font-weight:700}#top-bar{flex-wrap:wrap;justify-content:center;max-width:96vw}@media (width<=640px){#top-bar{flex-wrap:nowrap;max-width:calc(100vw - 96px);font-size:12px}#civ-badge{gap:4px;padding:2px 7px 2px 3px}#civ-badge .cb-emblem{font-size:17px}#top-bar .res{gap:3px;padding:3px 6px;font-size:12px}#top-bar .res small{font-size:9px}#selection-info{text-align:center;background:#0e0b07eb;border-radius:6px;width:max-content;min-width:0;max-width:80vw;padding:3px 8px;font-size:11px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#hint-bar{display:none}#hint-bar.armed{z-index:30;width:calc(100vw - 24px);display:block}#build-menu-container{bottom:6px;left:6px}#build-menu{overscroll-behavior-x:contain}#minimap{width:144px;height:90px;bottom:6px;right:6px}}#help-container{z-index:25;position:absolute}#help-btn{border:1px solid var(--panel-border);background:var(--panel);width:28px;height:28px;color:var(--gold);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #0006}#help-btn:hover{background:var(--gold);color:#000;border-color:var(--gold)}#help-tooltip{background:var(--panel);border:1px solid var(--panel-border);width:280px;color:var(--text);pointer-events:auto;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5;position:absolute;top:35px;right:0;box-shadow:0 4px 15px #00000080}#help-tooltip h4{color:var(--gold);font-family:var(--font-display);border-bottom:1px solid var(--panel-border);margin:0 0 8px;padding-bottom:4px;font-size:14px}#help-tooltip ul{margin:0;padding-left:18px}#help-tooltip li{margin-bottom:6px}#pause-modal{pointer-events:auto;z-index:40;background:#05080eb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-box{text-align:center;flex-direction:column;gap:15px;width:320px;padding:30px;display:flex}.pause-box h2{color:var(--gold);margin-bottom:5px}.pause-btn{cursor:pointer;border:1px solid var(--panel-border);color:var(--text);background:#ffffff14;border-radius:8px;padding:12px;font-size:15px;font-weight:600;transition:all .15s}.pause-btn:hover{background:var(--gold);color:#000;border-color:var(--gold)}.pause-btn.danger{color:#ff6b6b;background:#dc354533;border-color:#dc354566}.pause-btn.danger:hover{color:#fff;background:#dc3545;border-color:#dc3545}#selection-panel{background:var(--panel);border:1px solid var(--panel-border);outline-offset:1px;pointer-events:auto;z-index:10;display:flex;position:absolute;bottom:12px;transform:translate(-50%)}.sel-mode{align-items:center;width:100%;height:100%;display:flex}#sel-portrait{flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:32px;display:flex}#sel-details{flex-direction:column;flex-grow:1;justify-content:center;display:flex}#sel-name{color:var(--gold);margin-bottom:2px;font-weight:700}#sel-stats{margin-bottom:4px;font-size:11px}#sel-desc{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}#sel-grid{flex-wrap:wrap;flex-grow:1;padding-right:4px;display:flex;overflow-y:auto}#sel-grid::-webkit-scrollbar{width:4px}#sel-grid::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:2px}.sel-grid-item{justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}#sel-multi-summary{color:var(--gold);flex-shrink:0;margin-left:8px;font-size:10px;font-weight:600}#formation-stance-panel{pointer-events:auto;z-index:100;border:2px solid #8b5a2b;border-width:2px 5px;align-items:center;gap:12px;transition:bottom .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:12px}#formation-stance-panel.hidden{display:none!important}.hud-group{align-items:center;gap:6px;display:flex}.hud-group-label{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-right:4px;font-size:10px}.hud-btn{color:#f7ecd3;cursor:pointer;text-shadow:1px 1px 2px #000;justify-content:center;align-items:center;padding:5px 9px;font-size:14px;transition:all .2s;display:flex}.hud-btn:hover{border-color:var(--gold);background:#ffd70026}.hud-sep-v{background:#e8c54a40;width:1px;height:20px;margin:0 4px}@media (width<=900px){#top-bar{flex-wrap:nowrap;max-width:calc(100vw - 96px)}#selection-info{text-align:center;background:#0e0b07eb;border-radius:6px;width:max-content;min-width:0;max-width:80vw;padding:3px 8px;font-size:11px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#hint-bar{display:none}#hint-bar.armed{z-index:30;width:calc(100vw - 24px);display:block}#minimap,#building-panel,#selection-panel{bottom:68px}#sel-portrait{margin-right:8px;font-size:26px}#formation-stance-panel{gap:5px;max-width:calc(100vw - 24px)}.hud-group{gap:4px}.hud-group-label{display:none}.hud-btn{min-width:36px;min-height:36px;padding:5px 7px}}@media (width<=640px){#help-btn{width:36px;height:36px}#minimap{bottom:56px}#selection-panel{bottom:56px;transform:none}#sel-desc{display:none}#formation-stance-panel{bottom:6px!important}.hud-btn{min-width:40px;min-height:40px}#build-menu-container{bottom:6px;left:6px}#build-menu-trigger{min-height:44px}#build-menu{gap:8px;overflow-x:hidden}.build-group-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bcard{height:62px}}:root{--gold:#d8b27a;--gold-dim:#a78d65;--bg:#122124;--panel:#17282b;--panel-border:#405052;--text:#e8e5d7;--text-dim:#a7b4ae}button{touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:2px solid #e2c48b}.piece-portrait{object-fit:contain;pointer-events:none;width:48px;height:48px}#top-bar{outline:0;top:14px;left:16px;transform:none}#civ-badge .cb-name{font-family:inherit;font-size:12px}.res{background:0 0;border:0;padding:4px 8px}#selection-info,#fps{display:none}#attack-alert{z-index:150;pointer-events:auto;color:#ffe2d6;background:linear-gradient(100deg,#4c1a12f7,#2b1612f7);border:1px solid #d9765c;border-radius:4px;align-items:stretch;width:max-content;max-width:calc(100vw - 32px);animation:.28s ease-out attack-alert-in;display:flex;position:absolute;top:max(64px,9vh);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #000a,0 0 0 1px #0007}#attack-alert[hidden]{display:none}#attack-alert.alert-castle{background:linear-gradient(100deg,#6c160ff9,#3c120ef9);border-color:#ff8a6a}#attack-alert button{color:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0}#attack-alert button:hover{background:#ffffff12}#attack-alert button:focus-visible{outline-offset:-3px;outline:2px solid #ffcbbb}#attack-alert .alert-look{text-align:left;min-height:52px;font:600 15px/1.25 var(--font-ui);align-items:center;gap:12px;padding:8px 14px 8px 10px;display:flex}#attack-alert .alert-icon{background:#d9765c38;border:1px solid #ff9a7a99;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:grid}#attack-alert .alert-text{min-width:0}#attack-alert .alert-action{color:#ffcbbb;font:600 12px var(--font-ui);white-space:nowrap;align-items:center;gap:6px;margin-left:8px;display:flex}#attack-alert kbd{font:600 11px var(--font-ui);color:#ffcbbb;border:1px solid #ffb59f88;border-radius:2px;padding:1px 5px}#attack-alert .alert-close{color:#ffcbbb;border-left:1px solid #d9765c55;flex:none;width:40px;font-size:20px;line-height:1}#attack-alert .alert-timer{transform-origin:0;pointer-events:none;background:#ff9a7a;width:100%;height:2px;animation:8s linear forwards attack-alert-timer;position:absolute;bottom:0;left:0}@keyframes attack-alert-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes attack-alert-timer{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){#attack-alert{animation:none}}@media (width<=700px){#attack-alert .alert-look{min-height:44px;font-size:13px}#attack-alert .alert-action{display:none}}#match-status{background:var(--panel);border:1px solid var(--panel-border);pointer-events:auto;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#match-status>.mode-label{display:none}#match-status>small{text-align:center;color:#a9b6aa;width:100%;font-size:10px}#match-clock{font:500 13px var(--font-ui);font-variant-numeric:tabular-nums;color:#bac6b8}kbd{font:500 10px var(--font-ui);color:#a6b5a4}#hint-bar{white-space:nowrap;background:#16282be8;border:0;border-radius:0;width:auto;max-width:95vw;padding:3px 10px;font-size:10px;top:auto;bottom:5px}#hint-bar.armed{white-space:normal;padding:10px 20px;font-size:12px}#minimap{border-radius:3px;outline:0;width:208px;height:130px;bottom:34px;left:16px;right:auto}#build-menu-container{max-width:calc(100vw - 32px);bottom:174px;left:16px}#build-menu-trigger{outline:0;width:100%;font-size:11px}#build-menu{outline:0;width:530px;max-width:calc(100vw - 32px);max-height:55vh;left:0;overflow:auto}.bcard,.tcard{box-shadow:none;background:#243837;border-color:#4c6154;border-radius:3px;font-family:inherit}.bcard .ic,.tcard .ic{display:block}.bcard .nm,.tcard .nm{letter-spacing:0}.bcard .cost,.tcard .cost{color:#d1b881}.bcard:hover,.tcard:hover{background:#3d5143;border-color:#d1b881;transform:none}#building-panel{box-shadow:none;outline:0}#bp-title{font:650 14px var(--font-body);letter-spacing:0}#bp-hint{font-size:10px;line-height:1.5}.qitem .piece-portrait{width:28px;height:28px}#selection-panel{width:405px;box-shadow:none;border-radius:3px;outline:0;padding:10px;bottom:105px;left:50%}#sel-name{letter-spacing:0}#sel-desc{font-size:10px;line-height:1.4}#sel-portrait{background:#253936;border:0;border-radius:2px;width:59px;height:64px}#sel-portrait .piece-portrait{width:64px;height:64px}#sel-grid{overflow:auto}.sel-grid-item{border-radius:2px}.sel-grid-item .piece-portrait{width:29px;height:29px}#formation-stance-panel{border-radius:3px;outline:0;padding:5px 8px;left:50%;transform:translate(-50%);bottom:207px!important}.hud-group-label{font:9px var(--font-body)}.hud-btn{border-radius:2px;width:29px;height:27px}#help-container{top:15px;right:16px}.pause-box{background:#172a2c;border:1px solid #68715b;border-radius:4px;box-shadow:0 15px 70px #0006}.pause-box h2,#go-title{letter-spacing:-.4px}#gameover{background:#112225ed;gap:20px}#go-title{text-align:center;max-width:90vw}#match-summary{color:#b7c2ad;font-size:16px}#go-restart{color:#18292b;background:#d6b17a;border:0;border-radius:3px;font-family:inherit}@media (width>=1050px) and (width<=1400px){#match-status{left:auto;right:65px;transform:none}}@media (width<=1049px){#match-status{top:67px}#selection-panel{width:300px}#minimap{width:175px;height:110px}#build-menu-container{bottom:154px}#building-panel{width:180px}}@media (width<=849px){#top-bar{top:8px;left:8px}#civ-badge{padding:3px}.cb-emblem{display:none}#minimap{width:128px;height:80px;bottom:100px;left:8px}#build-menu-container{bottom:188px;left:8px}#selection-panel{min-width:0;bottom:100px}#formation-stance-panel{display:none}#hint-bar{max-width:100%;font-size:8px;overflow:hidden}#hint-bar.armed{font-size:10px}#build-menu{width:calc(100vw - 16px)}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) *,:root:not([data-reduced-motion=false]) :before,:root:not([data-reduced-motion=false]) :after{transition:none!important;animation:none!important}}#formation-stance-panel{box-shadow:none;background:#172a2c;border:1px solid #435a50}.hud-btn{box-shadow:none;background:#283e3a;border:1px solid #4b5c4e}.hud-btn.active{box-shadow:none;background:#657451;border-color:#b0b388}#sel-multi-summary,#sel-name{font-family:inherit}.sel-grid-item{cursor:pointer;background:#2b413d;border:1px solid #53675a;padding:0}.sel-grid-item:hover{background:#4e624a;border-color:#ddc293}#hint-bar.armed{max-width:420px;left:50%;transform:translate(-50%)}@media (width<=849px){#selection-panel{padding:8px;bottom:100px}#sel-single{gap:7px}#sel-details{display:flex}#sel-portrait{width:42px;min-width:42px;height:60px;display:flex}#sel-portrait .piece-portrait{width:48px;height:58px}#sel-stats{font-size:9px}#sel-desc{display:none}#sel-multi-summary{font-size:11px}.sel-grid-item,.sel-grid-item .piece-portrait{width:29px;height:29px}#hint-bar.armed{max-width:95vw}}#heritage-bar{pointer-events:auto;flex-direction:column;gap:6px}#heritage-bar>span{color:#ddd9bd;font-size:12px;font-weight:650}#age-research{text-align:left;color:#18292b;cursor:pointer;background:#d6b17a;border:1px solid #917f5c;font-weight:600}#age-research:disabled{color:#a7b19e;cursor:default;background:#33463c;border-color:#4d5e4e}#heritage-dialog.hidden{display:none}.heritage-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 18px;display:grid}.heritage-card{text-align:left;color:#e7e4ce;border:1px solid #5a6b55;border-top:4px solid var(--civ-accent);cursor:pointer;background:#263b36;border-radius:3px;flex-direction:column;align-items:stretch;padding:18px;transition:background .15s,transform .15s;display:flex;position:relative}.heritage-card:hover,.heritage-card:focus-visible{background:#3a4f3e;transform:translateY(-4px)}.heritage-card .piece-portrait{width:100%;height:150px}.heritage-card small{color:#c9b793;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-family:var(--font-display)}.heritage-card strong{margin:10px 0;font-size:21px}.heritage-card>span{color:#dcbe80;font-size:13px}.heritage-card em{color:#a4b5a4;margin-top:18px;font-size:11px;font-style:normal;line-height:1.6}@media (width<=849px){#heritage-bar{gap:4px}.heritage-cards{grid-template-columns:1fr;gap:9px;margin:16px 0}.heritage-card{grid-template-columns:75px 1fr;gap:4px 12px;padding:12px;display:grid}.heritage-card .piece-portrait{grid-row:span 4;align-self:center;width:75px;height:110px}.heritage-card strong{margin:3px 0;font-size:18px}.heritage-card em{margin-top:4px}}@media (prefers-reduced-motion:reduce){.heritage-card{transition:none}}.heritage-bar-heading{color:#ded8bd;justify-content:space-between;align-items:center;gap:8px;font-weight:650;display:flex}#heritage-toggle{color:#d8b27a;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:3px;font-size:11px}#age-research.choice-ready{background:#ddbd85;box-shadow:inset 3px 0 #f1dfb6}#heritage-dialog{z-index:70;pointer-events:auto;background:#172a2bf7;flex-direction:column;width:420px;max-width:calc(100vw - 32px);padding:0;display:flex;position:absolute;inset:108px 16px 24px auto;overflow:hidden}#heritage-dialog>header{flex:none;justify-content:space-between;align-items:center;padding:17px 20px 13px;display:flex}#heritage-dialog>header small{color:#c8ad7b;letter-spacing:1.6px;font-size:9px}#heritage-dialog h2{letter-spacing:-.4px;margin:5px 0 0}#heritage-close{color:#d9dfc9;cursor:pointer;background:#273e35;border:1px solid #56694f;border-radius:3px;width:32px;height:32px;font-size:20px}.heritage-content{overscroll-behavior:contain;padding:13px 20px 20px;overflow:auto}.heritage-content h3{color:#e3d6b7;margin:18px 0 10px;font-size:15px}#heritage-dialog .heritage-cards{flex-direction:column;gap:9px;margin:0;display:flex}#heritage-dialog .heritage-card{border-top:1px solid #5a6b55;border-left:3px solid var(--civ-accent);flex-direction:row;align-items:center;gap:10px;padding:9px 12px 9px 3px;display:flex}#heritage-dialog .heritage-card:hover{transform:translate(-2px)}#heritage-dialog .heritage-card .piece-portrait{flex:none;width:68px;height:84px}.heritage-card-copy{flex-direction:column;gap:4px;display:flex}.heritage-card-copy strong{margin:0;font-size:16px}.heritage-card-copy span{color:#dcc08b;font-size:11px}.heritage-card-copy em{margin:2px 0 0;font-size:10px}@media (width<=849px){#heritage-dialog{width:auto;max-width:none;inset:auto 8px 8px}.heritage-content,#heritage-dialog>header{padding:12px 16px}}#heritage-dialog{justify-content:flex-start;align-items:stretch}.heritage-content{min-height:0}#hint-bar.armed{top:auto;bottom:108px}@media (width<=849px){#hint-bar.armed{top:auto;bottom:80px}}#battle-menu{color:#d8c799;pointer-events:auto;cursor:pointer;background:#192e2f;border:1px solid #536658;border-radius:50%;width:34px;height:34px;position:fixed;top:16px;right:60px}#selection-panel{bottom:26px}#formation-stance-panel{bottom:132px!important}#resource-wood{color:#d1b48b}#heritage-dialog{border:1px solid #b29a68;border-radius:8px 2px;box-shadow:inset 0 0 0 4px #233b35,0 15px 45px #081c22aa}#heritage-dialog>header{background:linear-gradient(110deg,#384639,#182e30);border-bottom:1px solid #9f895b}#heritage-dialog h2{font:26px var(--font-body);color:#ecd8aa}.culture-dossier{color:#e3c995;border-block:1px solid #7e735246;margin-top:16px;padding:12px 0;font-size:12px;line-height:1.65}.culture-dossier summary{cursor:pointer}.legacy-choice{text-align:left;color:#e6dbc0;cursor:pointer;background:#283e34;border:1px solid #6f785b;border-radius:3px;flex-direction:column;gap:5px;width:100%;margin-top:8px;padding:12px;display:flex}.legacy-choice span{font-size:11px}.legacy-choice small{color:#c9b384;font-size:10px}.legacy-choice:disabled{opacity:.45;cursor:default}.legacy-choice:not(:disabled):hover{background:#43523b;border-color:#d8b77f}.heritage-card-copy span{line-height:1.55}.culture-choice{border:1px solid #50634f;border-left:3px solid var(--civ-accent);background:#203632;border-radius:3px;min-width:0;overflow:hidden}#heritage-dialog .culture-choice .heritage-card{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;padding:10px 12px 8px 3px}#heritage-dialog .culture-choice .heritage-card:hover{background:#324a3b;transform:none}#heritage-dialog .culture-choice .heritage-card:focus-visible{outline-offset:-3px;outline:2px solid #e2c48b;transform:none}#heritage-dialog .culture-choice .heritage-card .piece-portrait{width:62px;height:84px}.culture-choice .heritage-card-copy{overflow-wrap:anywhere;gap:3px;min-width:0}.culture-choice .heritage-card-copy>small{letter-spacing:.6px;font-size:9px}.culture-choice .heritage-card-copy .choice-unit{color:#e4d6b7;font-size:11px}.culture-choice .heritage-card-copy .choice-unit-stats{color:#b8c5ad;font-size:10px}.culture-choice .heritage-card-copy .choice-action{color:#e6c589;margin-top:5px;font-size:10px;font-style:normal}.choice-facts{padding:0 12px 10px}.choice-legacy{color:#e2c98f;background:#132b29;border-left:2px solid #af9867;margin:0 0 9px;padding:7px 8px;font-size:11px;line-height:1.45}.choice-era{color:#a6b4a4;font-size:9px}.choice-effects{flex-wrap:wrap;gap:5px;margin:5px 0 0;padding:0;list-style:none;display:flex}.choice-effects li{color:#c8d5ac;overflow-wrap:anywhere;border:1px solid #526348;border-radius:2px;padding:4px 6px;font-size:10px;line-height:1.4}.choice-effects .tradeoff{color:#e0b3a3;background:#452e251f;border-color:#79594b}.choice-details{border-top:1px solid #465b47;padding:0 12px}.choice-details summary{cursor:pointer;color:#bfc4ad;padding:8px 0;font-size:10px}.choice-details summary:focus-visible{outline-offset:2px;outline:2px solid #e2c48b}.choice-details>p{color:#c7cbb6;margin:3px 0 8px;font-size:11px;line-height:1.65}.choice-monument{color:#d9c18f;align-items:center;gap:9px;padding-bottom:10px;font-size:11px;display:flex}.choice-monument .piece-portrait{width:48px;height:48px;display:block}@media (width<=400px){.choice-facts{padding-inline:9px}#heritage-dialog .culture-choice .heritage-card{gap:6px;padding-right:8px}#heritage-dialog .culture-choice .heritage-card .piece-portrait{width:52px}}@media (width<=849px){#selection-panel,#minimap{bottom:18px!important}#build-menu-container{bottom:108px!important}#formation-stance-panel{bottom:126px!important}}@media (width<=600px){#selection-panel{bottom:84px!important}}@media (width<=360px){#selection-panel{bottom:70px!important}}#selection-info,#sel-desc{display:none!important}#match-status{gap:9px;width:276px;padding:7px 10px}.heritage-bar-heading{font-size:11px}#age-research{padding:6px 8px;font-size:11px}#build-menu-container.hidden{display:none!important}#build-menu-container{z-index:90}#build-menu{padding:14px}.bcard{min-height:116px}.bcard .ic{width:68px}.bcard .ic .piece-portrait{width:68px;height:58px}.bcard .nm{color:#e0dbc5;text-align:center;width:100%;display:block!important}.bcard .cost{font-size:10px}.bcard .hot{font-size:8px}.bcard[hidden]{display:none!important}.heritage-bar-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resource-food{color:#bdca87}.tcard .cost{font-size:10px}@media (width>=1050px) and (width<=1400px){#match-status{width:276px}}@media (width>=850px) and (width<=1049px){#match-status{top:66px}}@media (width<=849px){#match-status{width:calc(100% - 16px);top:52px}#income{display:none}#build-menu{max-height:52vh;overflow:auto}#heritage-dialog{max-height:55vh}}@media (width>=850px){#match-status{right:104px}}@media (width<=849px){#top-bar{max-width:calc(100% - 105px);font-size:9px}#civ-badge{display:none}#battle-menu{right:51px}}#match-status.conquest-status>.mode-label{display:inline}#match-status.conquest-status time{color:#e0ddcb}#match-failure{z-index:10000;color:#e8dfc6;text-align:center;background:#142623f5;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}#match-failure p{max-width:440px;line-height:1.6}#match-failure button{border-radius:3px;font-family:inherit;font-size:14px;font-weight:600}.seat-controls label{gap:5px;font-size:11px;display:grid}.seat-controls select{color:#eee4c9;width:100%;min-width:0;min-height:36px;font:12px var(--font-body);background:#142823;border:1px solid #74816a;border-radius:3px;padding:7px}.seat-controls select:disabled{opacity:.65}.seat-controls select:focus-visible{outline-offset:2px;outline:2px solid #d0b679}#match-roster{z-index:25;pointer-events:auto;color:#e6dfc7;font:12px var(--font-body);position:absolute;top:74px;right:16px}#match-roster summary{cursor:pointer;background:#162b27ed;border:1px solid #877f5e;border-radius:3px;width:max-content;margin-left:auto;padding:8px 12px}#match-roster summary:focus-visible{outline-offset:3px;outline:2px solid #d0b679}#match-roster ol{box-sizing:border-box;background:#142722f5;border:1px solid #877f5e;border-radius:3px;width:min(285px,100vw - 32px);max-height:min(470px,55vh);margin:6px 0 0;padding:7px 12px;list-style:none;overflow:auto;box-shadow:0 10px 30px #0006}#match-roster li{border-bottom:1px solid #8c956330;align-items:center}#match-roster li:last-child{border-bottom:0}#match-roster li>b{border:1px solid var(--seat-color);width:25px;height:25px;color:var(--seat-color);border-radius:50%;flex:none;place-items:center;display:grid}#match-roster li>div{gap:4px;min-width:0;display:grid}#match-roster strong{font:500 14px var(--font-body);overflow-wrap:anywhere}#match-roster small{color:#b9c4ac;font-size:10px}#match-roster .is-defeated{opacity:.6}@media (width<=600px){#match-roster{top:108px;right:8px}}#performance-report{z-index:26;pointer-events:auto;color:#e5ddc8;font:11px var(--font-body);cursor:pointer;background:#182b25ed;border:1px solid #938364;border-radius:3px;padding:7px 11px;position:absolute;top:115px;left:50%;transform:translate(-50%)}#performance-report:focus-visible{outline-offset:3px;outline:2px solid #d0b679}html,body,#app,button,input,select,textarea{font-family:var(--font-body)}#heritage-dialog h2,.pause-box h2,#go-title{font-family:var(--font-display);font-size:32px;line-height:1.15}#bp-title,#sel-name{font-family:var(--font-display);font-size:23px;line-height:1.15}.bcard .nm,.tcard .nm{font-family:var(--font-body);font-size:12px;line-height:1.25}.culture-manuscript{color:#cbbb98;text-align:left;background:linear-gradient(110deg,#28271f,#191e1a);border:1px solid #a38b59;padding:19px 23px;position:relative;box-shadow:inset 0 0 0 3px #191e1a,inset 0 0 0 4px #a991622b}.culture-manuscript>small{color:#ac9870;font:11px/1.4 var(--font-body);letter-spacing:.06em;display:block}.culture-manuscript h3{color:#d6bb7f;font:400 34px/1.1 var(--font-display);margin:6px 0 10px}.culture-manuscript .manuscript-intro{font:italic 14px/1.55 var(--font-body);color:#b9ac91;margin:0 0 12px}.culture-manuscript .manuscript-intro:first-letter{float:left;font:34px/.9 var(--font-body);color:#c0a371;padding:4px 6px 0 0}.culture-manuscript ul{font:12px/1.65 var(--font-body);margin:10px 0;padding:0 0 0 16px}.culture-manuscript li{margin:5px 0;padding-left:3px}.culture-manuscript li::marker{color:#956f36}.culture-manuscript .manuscript-legacy{color:#c9b584;font:13px/1.45 var(--font-body);border-bottom:1px solid #9e865b44;margin:0 0 12px;padding:8px 0}.manuscript-benefits h4{color:#d6bb7f;font:400 24px/1.1 var(--font-display);margin:0 0 5px}.manuscript-benefits ul{margin:5px 0 10px}.culture-manuscript dl{font:12px/1.45 var(--font-body);border-top:1px solid #9e865b66;grid-template-columns:110px 1fr;gap:7px 12px;margin:14px 0 0;padding-top:12px;display:grid}.culture-manuscript dt{color:#a89164}.culture-manuscript dd{color:#d5c5a3;margin:0}.manuscript-doctrine{border-top:1px solid #9e865b44;margin-top:12px;padding-top:8px}.manuscript-doctrine summary{cursor:pointer;color:#bba475;font-size:13px}.manuscript-doctrine .manuscript-intro{margin:10px 0 0}.manuscript-doctrine summary:focus-visible{outline-offset:3px;outline:1px solid #c7a667}#heritage-dialog .culture-manuscript p,#heritage-dialog .culture-manuscript h3{color:#d6bb7f}#top-bar{background:#192b28f5;border:1px solid #837659;border-radius:2px;box-shadow:0 3px 12px #08171140}#top-bar .res{border-left:1px solid #b0a07830;border-radius:0;padding-inline:10px}#match-status.conquest-status{background:#192b28ed;border:1px solid #837659;border-radius:2px;gap:9px;min-width:0;padding:9px 13px;left:auto;right:112px;transform:none}#match-status.conquest-status>.mode-label{font:400 12px var(--font-body);letter-spacing:0;text-transform:none;color:#cbb990}#match-status.conquest-status time{font:13px var(--font-body);font-variant-numeric:tabular-nums}#age-research,#heritage-toggle,#build-menu-trigger{box-shadow:none;font-family:var(--font-body);border-radius:2px}#build-menu-trigger{color:#e4d8bb}#build-menu{border-radius:3px}#build-menu button{box-shadow:none;border-radius:2px}#building-panel{scrollbar-color:#8f805b #192b28;background:#192b28f5;border-color:#837659;border-radius:3px}#landmark-studies{border-top:1px solid #b5a07255;gap:7px;margin-top:12px;padding-top:10px;display:grid}#landmark-studies[hidden],#legacy-ribbon[hidden]{display:none}#landmark-studies h3{color:#ead9b2;margin:0 0 4px}.monument-status{color:#c4b899;font:11px/1.5 var(--font-body);margin:3px 0}#legacy-ribbon{pointer-events:auto;background:#192b28d9;border:1px solid #83765980;border-radius:2px;align-items:start;gap:9px;padding:5px 10px;display:flex;position:absolute;top:68px;left:286px}.legacy-era{justify-items:center;gap:3px;min-width:30px;display:grid}.legacy-era>small{color:#c5b287;font:10px var(--font-body)}.legacy-shield{color:#e3d2a3;width:40px;height:40px;box-shadow:none;cursor:help;background:0 0;border:0;border-radius:0;flex:none;padding:0;display:inline-flex;position:relative}.legacy-shield svg{width:100%;height:100%;overflow:visible}.seal-body{fill:#283c33;stroke:var(--seal-color,#b49a66);stroke-width:1.6px}.legacy-shield:hover,.legacy-shield:focus-visible{color:#fff0c6;background:0 0;transform:none}.seal-tip{z-index:60;color:#d6c6a3;width:230px;font:12px/1.5 var(--font-body);text-align:left;pointer-events:none;background:#20271f;border:1px solid #a48b5d;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 5px 18px #0005}.legacy-shield:hover .seal-tip,.legacy-shield:focus-visible .seal-tip{display:block}#match-roster[data-expanded=true]{z-index:40;width:min(1000px,94vw);position:absolute;top:140px;left:50%;right:auto;transform:translate(-50%)}#match-roster[data-expanded=true] summary{width:auto;font:18px var(--font-body);color:#e4d1a3;border-color:#a18c60;margin:0;padding:13px 18px}#match-roster[data-expanded=true] ol{background:#172822f5;border-color:#a18c60;border-top-style:none;border-top-width:0;width:100%;max-height:65vh;margin:0;padding:0 15px}#match-roster li{grid-template-columns:28px minmax(130px,1fr) minmax(0,3fr);gap:13px;padding:12px 0;display:grid}#match-roster li>.roster-history{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.roster-era{justify-items:center;gap:4px;display:grid}.roster-era>small{text-align:center;font-size:10px;line-height:1.4}#match-roster .seal-tip{left:auto;right:0}#heritage-bar{border-left:3px solid #a68a51}.heritage-bar-heading>span{font:25px/1.1 var(--font-display);color:#d4bc88}#heritage-bar #age-research{position:relative}#heritage-bar.is-progressing #age-research:after{content:"";width:var(--heritage-progress,0%);background:#b89b60;height:2px;transition:width .15s linear;position:absolute;bottom:0;left:0}#heritage-bar #age-research.choice-ready{color:#e0c888;border-bottom:1px solid #a68a51}#civilization-council{z-index:155;pointer-events:auto;outline:5px solid #24271f;position:absolute;overflow:auto}#civilization-council>header{border-bottom:1px solid #9f855c;justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}#civilization-council h2{margin:0}#civilization-council>header button{color:#d9c697;cursor:pointer;background:0 0;border:1px solid #8d7855}#civilization-council .heritage-cards{display:grid}#civilization-council .culture-choice{box-shadow:inset 0 0 0 4px #161e1970,0 8px 20px #0004}#civilization-council .heritage-card{flex-direction:column}#civilization-council .piece-portrait{width:148px;height:148px}#civilization-council .choice-facts,#civilization-council .choice-details{padding:12px 18px}#civilization-council .heritage-card:focus-visible{outline-offset:-4px;outline:2px solid #e1c48d}#minimap{border:2px solid #8a7750;box-shadow:0 0 0 4px #20291f,0 4px 16px #0006;width:224px!important;height:140px!important;bottom:18px!important;left:auto!important;right:16px!important}#build-menu-container{width:210px;bottom:24px!important;left:16px!important}#build-menu-trigger{font:20px var(--font-display);background:linear-gradient(#3b3c2c,#202a22);border:1px solid #9b8355;padding:14px 18px;box-shadow:inset 0 0 0 3px #181f19}#build-menu{background:#202a22f7;border:1px solid #96825b;bottom:calc(100% + 8px);box-shadow:inset 0 0 0 4px #161e19,0 8px 25px #0006}#production-watch{position:absolute;overflow:auto}.production-watch-item{text-align:left;cursor:pointer;align-items:center}.production-watch-item img{grid-row:1/3;width:40px;height:40px}.production-watch-item span{text-overflow:ellipsis;white-space:nowrap;font:12px var(--font-body);overflow:hidden}.production-watch-item small{font-size:10px}.production-watch-item:hover{border-color:#dec58b}@media (width<=849px){#civilization-council h2{font-size:28px}#minimap{width:160px!important;height:100px!important;bottom:12px!important;right:8px!important}#build-menu-container{width:150px;bottom:14px!important;left:8px!important}#selection-panel{width:auto;bottom:14px;left:170px;right:180px;transform:none}}#civilization-decree{font:700 15px/1 var(--font-display);letter-spacing:.6px;transform-origin:0}#civilization-decree:before,#civilization-decree:after{content:"";background:linear-gradient(90deg,#60472c,#b58a53 48%,#6c4e2f);border-radius:50%;width:13px;height:70px;position:absolute;top:-6px;box-shadow:0 2px 4px #1b130c88}#civilization-decree:after{right:2px}#civilization-decree:focus-visible{outline-offset:3px;outline:2px solid #f0d49a}@keyframes decree-unfurl{0%{opacity:.2;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}@media (width<=849px){#civilization-decree{font-size:13px}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) #civilization-decree{animation:none}}.monument-age{color:#dec48a;font:15px/1.4 var(--font-body);cursor:pointer;background:#373b29;border:1px solid #9b824e;padding:12px 10px}.monument-age:disabled{cursor:default}.monument-age:focus-visible{outline-offset:2px;outline:2px solid #d6bd80}#match-roster:not([data-expanded=true]){top:auto;bottom:174px;right:16px}#match-roster:not([data-expanded=true]) summary{width:100%;font:18px/1.15 var(--font-display);border-bottom:0;margin:0}#match-roster:not([data-expanded=true]) ol{max-height:24vh;box-shadow:none;border-top:0;margin:0}#match-roster:not([data-expanded=true]) li>b{border-radius:2px;width:18px;height:18px;font-size:10px}#match-roster:not([data-expanded=true]) li>div>strong{font-size:12px}#match-roster:not([data-expanded=true]) .roster-history,#match-roster:not([data-expanded=true]) .roster-power>small{display:none}#match-roster .roster-power{text-align:right}#match-roster .roster-power:after{opacity:.65;transition:width .3s}#match-roster .roster-power strong{font-variant-numeric:tabular-nums;color:#dec58f}#match-roster[data-expanded=true]{background:#161e19;border:1px solid #a18c60;padding:4px;box-shadow:0 14px 60px #0009}#match-roster[data-expanded=true] summary{font:30px/1.2 var(--font-display);background:linear-gradient(90deg,#3c3827,#202c24);border:0}#match-roster[data-expanded=true] ol{border:0}#match-roster[data-expanded=true] li:nth-child(2n){background:#a7905410}#match-roster[data-expanded=true] .roster-era{border-left:1px solid #8b77452e}@media (width<=900px){#match-status.conquest-status>.mode-label{display:none}#legacy-ribbon{top:130px;left:16px}#match-roster[data-expanded=true]{top:90px}#match-roster[data-expanded=true] li>.roster-history{grid-column:1/-1}}@media (width<=600px){#match-roster:not([data-expanded=true]){top:auto;right:8px}#match-status.conquest-status{top:65px;right:10px}#legacy-ribbon{gap:5px;top:166px;left:8px}.culture-manuscript{padding:16px}.culture-manuscript dl{grid-template-columns:90px 1fr}}@media (width>=601px) and (width<=849px){#match-roster:not([data-expanded=true]){bottom:126px;right:8px}}}@layer interface{:root{--font-ui:"Cradlecrown Text", "Segoe UI", system-ui, sans-serif;--font-body:"Cradlecrown Text", "Segoe UI", system-ui, sans-serif;--font-display:"Cradlecrown Display", "Palatino Linotype", "Book Antiqua", Georgia, serif;--ui-surface-0:#12231f;--ui-surface-1:#1b2d26;--ui-surface-2:#293a30;--ui-ink:#e9e3d2;--ui-ink-muted:#b9c2b3;--ui-line:#687260;--ui-line-soft:#78816855;--ui-accent:#cfb47b;--ui-focus:#e7ce92;--ui-radius:3px;--ui-motion-fast:.16s;--ui-scroll-track:#12231f;--ui-scroll-thumb:#8e805b;--ui-scroll-hover:#cfb47b}#app,#app *{scrollbar-width:thin;scrollbar-color:var(--ui-scroll-thumb) var(--ui-scroll-track)}#app ::-webkit-scrollbar{width:10px;height:10px}#app ::-webkit-scrollbar-track{background:var(--ui-scroll-track)}#app ::-webkit-scrollbar-corner{background:var(--ui-scroll-track)}#app ::-webkit-scrollbar-thumb{background:var(--ui-scroll-thumb);border:2px solid var(--ui-scroll-track);border-radius:4px;min-height:32px}#app ::-webkit-scrollbar-thumb:hover{background:var(--ui-scroll-hover)}#app ::-webkit-scrollbar-button{display:none}#build-menu,#building-panel,.pause-box{scrollbar-gutter:stable}:root[data-high-contrast=true]{--ui-surface-0:#080e0e;--ui-surface-1:#101b1b;--ui-surface-2:#1a2928;--ui-ink:#fffdf2;--ui-ink-muted:#e3e9df;--ui-line:#c3d7d3;--ui-line-soft:#9fbab4;--ui-accent:#ffe293;--ui-focus:#fff;--ui-scroll-track:#080e0e;--ui-scroll-thumb:#c3d7d3;--ui-scroll-hover:#fff}:root[data-high-contrast=true] #hud :is(#top-bar,#selection-panel,#building-panel,#build-menu,#help-tooltip,.pause-box){color:var(--ui-ink);border-color:var(--ui-line);background:#0a1515}:root[data-high-contrast=true] #hud :is(button,input,summary):focus-visible{outline-offset:3px;outline:3px solid #fff}:root[data-high-contrast=true] #top-bar .res{color:#fffdf2}:root[data-high-contrast=true] #top-bar .res b{color:#fff}#pause-modal{box-sizing:border-box;padding:12px}#pause-modal .pause-box{box-sizing:border-box;background:var(--ui-surface-0);border:1px solid var(--ui-line);border-radius:var(--ui-radius);width:min(400px,100%);max-height:calc(100dvh - 24px);color:var(--ui-ink);gap:10px;padding:24px;overflow-y:auto}#pause-modal .pause-box h2{font:normal 28px/1.2 var(--font-display);letter-spacing:0;color:var(--ui-ink);margin:0 0 12px}#pause-modal .pause-btn{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface-2);min-height:44px;color:var(--ui-ink);font:600 14px/1.4 var(--font-ui);transition:background-color var(--ui-motion-fast),border-color var(--ui-motion-fast);padding:10px 16px}#pause-modal .pause-btn:hover{border-color:var(--ui-accent);background:#344937}#pause-modal .pause-btn.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-surface-0);margin-bottom:8px}#pause-modal .pause-btn.primary:hover{background:var(--ui-focus)}#pause-modal .pause-btn.danger{color:#f0b7a4;background:#392924;border-color:#9b6657}#pause-modal .pause-btn.danger:hover{background:#56352d;border-color:#d79983}#pause-modal .pause-btn.discard{background:0 0;margin-top:6px}#pause-modal :is(button,input):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}#pause-exit{margin-top:12px}:root[data-reduced-motion=true] #app *,:root[data-reduced-motion=true] #app :before,:root[data-reduced-motion=true] #app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.game-dialog{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface-0);width:min(580px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ui-ink);font:14px/1.5 var(--font-ui);scrollbar-gutter:stable;margin:auto;padding:24px;overflow:auto;box-shadow:0 20px 80px #0008}.game-dialog::backdrop{background:#071310cc}.game-dialog h2{font:normal 28px/1.2 var(--font-display);color:var(--ui-ink);letter-spacing:0;margin:0}.game-dialog header{z-index:1;background:var(--ui-surface-0);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex;position:sticky;top:-24px}.game-dialog p{color:var(--ui-ink-muted);margin:12px 0}.game-dialog button,.game-dialog select{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface-2);min-height:42px;color:var(--ui-ink);font:600 14px/1.4 var(--font-ui);cursor:pointer;padding:9px 16px}.game-dialog button:hover{border-color:var(--ui-accent);background:#344937}.game-dialog .dialog-danger{color:#f5c0ab;background:#422d26;border-color:#a56b58}.game-dialog .dialog-danger:hover{background:#56352d}.game-dialog :is(button,input,select):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.game-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.game-dialog fieldset{border:0;border-top:1px solid var(--ui-line-soft);min-width:0;margin:20px 0 0;padding:16px 0 0}.game-dialog legend{color:var(--ui-accent);padding:0 12px 0 0;font-weight:600}.preference-volume{grid-template-columns:1fr auto;gap:6px 16px;margin:0 0 16px;display:grid}.preference-volume output{color:var(--ui-accent);font-variant-numeric:tabular-nums}.preference-volume input{width:100%;accent-color:var(--ui-accent);cursor:pointer;grid-column:1/-1;margin:4px 0}.preference-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.preference-toggle input{appearance:none;box-sizing:border-box;border:1px solid var(--ui-line);background:var(--ui-surface-2);cursor:pointer;border-radius:12px;flex:none;width:38px;height:24px;margin:0;padding:3px}.preference-toggle input:before{content:"";background:var(--ui-ink-muted);border-radius:50%;width:16px;height:16px;display:block}.preference-toggle input:checked{background:var(--ui-accent);border-color:var(--ui-accent)}.preference-toggle input:checked:before{background:var(--ui-surface-0);transform:translate(14px)}@media (width<=480px){.game-dialog{padding:20px}.game-dialog footer{flex-direction:column-reverse}}@media (forced-colors:active){.preference-toggle input{appearance:auto}.preference-toggle input:before{display:none}}.culture-overview{min-height:100%;color:var(--ui-ink);border:1px solid var(--ui-line-soft);background:#12261d;grid-template-columns:minmax(160px,.8fr) minmax(0,1.3fr);align-items:center;gap:18px;padding:18px;display:grid}.culture-overview-copy{min-width:0}.culture-overview-scene{background:radial-gradient(#b1a06c24,#0000 70%);grid-template-columns:1fr 1fr;align-items:start;gap:8px;margin:0;display:grid}.culture-overview-scene figure{text-align:center;min-width:0;margin:0}.culture-overview-scene img{aspect-ratio:1;object-fit:contain;width:100%;max-width:128px;height:auto;margin:0 auto;display:block;position:static}.culture-overview-scene figcaption{font:13px/1.4 var(--font-ui);color:#ceceb8;overflow-wrap:anywhere}.culture-overview h3{color:#ddc698;margin:0 0 5px}.culture-overview-role{font:600 14px/1.4 var(--font-ui);color:#c3ceb8;margin:0 0 12px}.culture-overview-intro{color:var(--ui-ink-muted);font:14px/1.5 var(--font-ui);max-width:60ch;margin:0 0 16px}.culture-overview-strengths{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.culture-overview-strengths li{font:14px/1.4 var(--font-ui);border-left:2px solid #a38f60;justify-content:space-between;align-items:center;gap:10px;padding:5px 0 5px 10px;display:flex}.culture-overview-strengths strong{color:#e1ca91;font-variant-numeric:tabular-nums;flex:none}.culture-overview-strengths .tradeoff{border-color:#ab8068}.culture-overview-strengths .tradeoff strong{color:#dcb293}.culture-overview-details{border-top:1px solid var(--ui-line-soft);background:#10231c;grid-column:1/-1;min-width:0;margin-top:0}.culture-overview-details>summary{cursor:pointer;min-height:38px;color:var(--ui-accent);font:600 13px/1.35 var(--font-ui);padding:10px 36px 10px 12px;list-style:none;position:relative}.culture-overview-details>summary::-webkit-details-marker{display:none}.culture-overview-details>summary:after{content:"+";color:#d5c18f;font:20px/1 var(--font-ui);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.culture-overview-details[open]>summary:after{content:"−"}.culture-overview-details[open]>summary{border-bottom:1px solid var(--ui-line-soft);background:#1a2d24}.culture-overview-details>.culture-manuscript{color:#d6d3c3;background:linear-gradient(115deg,#24342b 0%,#182820 58%,#111e1a 100%);border:0;border-left:2px solid #877652;margin:0;animation:.16s ease-out culture-details-open;box-shadow:inset 0 1px #d8c99718,inset 0 0 28px #07110d38}.culture-overview-details>.culture-manuscript>small{color:#ad9c78}.culture-overview-details>.culture-manuscript h3,.culture-overview-details>.culture-manuscript h4{color:#dcc58e}.culture-overview-details>.culture-manuscript :is(p,li,dd){color:#cbcbbb}.culture-overview-details>.culture-manuscript dt{color:#b59f74}.culture-overview-details>.culture-manuscript .manuscript-legacy{color:#d2bc88;border-color:#98845b55}.culture-overview-details>.culture-manuscript :is(dl,.manuscript-doctrine){border-color:#98845b55}@keyframes culture-details-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.join-code-form{flex:none}.join-code-form label{font:14px var(--font-ui)}.create-room-body{flex:1;min-height:0;overflow:auto}.create-room-fields{flex-direction:column}.seat-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-controls label{min-width:0;font:12px/1.3 var(--font-ui);color:var(--ui-ink-muted)}.build-group-cards{flex-wrap:wrap;gap:7px;display:flex}.build-group[hidden]{display:none}.build-categories{gap:6px;margin-bottom:12px;display:flex}.build-categories button{border:1px solid var(--ui-line-soft);min-width:0;min-height:40px;color:var(--ui-ink-muted);font:600 13px var(--font-ui);cursor:pointer;background:#1b2d26;flex:1;padding:7px}.build-categories button[aria-pressed=true]{border-color:var(--ui-accent);color:var(--ui-ink);background:#3b4935}.build-categories button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (width>=1050px){#selection-panel{box-sizing:border-box;background:#192b28f5;border:1px solid #837659;border-radius:3px;width:min(520px,100vw - 540px);padding:12px;inset:auto auto 26px 50%;transform:translate(-50%)}#bp-trains{flex-wrap:wrap}}.bcard{flex-direction:column;align-items:center;gap:3px;width:102px;min-width:96px;padding:18px 6px 7px;display:flex}.bcard .ic,.tcard .ic{height:46px}.bcard .piece-portrait,.tcard .piece-portrait{object-fit:contain;width:48px;height:46px}.bcard .nm,.tcard .nm{font:500 11px/1.25 var(--font-ui);white-space:normal;overflow-wrap:anywhere;min-height:28px}.bcard .cost,.tcard .cost{font:600 11px/1.2 var(--font-ui);flex-wrap:wrap;justify-content:center;gap:3px 0;display:flex}.bcard .hot{font:600 9px var(--font-ui);color:#c9b990;opacity:1;top:4px;left:6px}.bcard .hot:empty{display:none}.bcard.disabled,.bcard:disabled,.tcard.disabled,.tcard:disabled{opacity:.76;filter:none;pointer-events:auto;cursor:not-allowed}.bcard:focus-visible,.tcard:focus-visible{outline-offset:2px;outline:2px solid #dcc38b}#top-bar{font:14px var(--font-ui);gap:4px;padding:6px 8px}#top-bar .res,#top-bar .res b{font:600 15px var(--font-ui);font-variant-numeric:tabular-nums}#top-bar .res small{font:12px var(--font-ui)}.hud-facts{border-top:1px solid var(--ui-line-soft);min-width:0;color:var(--ui-ink-muted);margin-top:7px}#sel-more,#bp-more{padding-top:7px}.hud-facts>summary{cursor:pointer;width:max-content;max-width:100%;color:var(--ui-accent);font:600 12px/1.3 var(--font-ui);padding:5px 0 2px}.hud-facts>summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}#selection-panel{flex-direction:column;align-items:stretch;gap:10px;max-width:calc(100vw - 24px);height:auto;min-height:80px;max-height:min(42vh,300px);overflow-y:auto}#selection-panel #formation-stance-panel{border:0;border-top:1px solid var(--ui-line-soft);width:100%;box-shadow:none;background:0 0;flex-wrap:wrap;flex:none;gap:8px 14px;margin:0;padding:8px 0 0;transition:none;display:flex;position:static;transform:none}#formation-stance-panel .hud-group{flex-wrap:wrap;gap:4px}#formation-stance-panel .hud-group-label{font:600 11px/1.3 var(--font-ui);letter-spacing:0;flex-basis:100%;display:block}#formation-stance-panel .hud-sep-v{display:none}#formation-stance-panel .hud-btn{min-width:36px;min-height:36px;padding:5px}#formation-stance-panel .hud-btn:focus-visible,.sel-kind-group:focus-visible,.sel-grid-item:focus-visible,.qitem:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}#sel-multi{flex-direction:column;align-items:stretch;gap:8px;height:auto}#sel-multi-summary{text-align:left;width:auto;font:600 13px/1.3 var(--font-ui);order:-1;margin:0}#sel-kind-groups{flex-wrap:wrap;gap:6px;display:flex}.sel-kind-group{border:1px solid var(--ui-line-soft);min-height:36px;color:var(--ui-ink);font:500 12px/1.3 var(--font-ui);cursor:pointer;text-align:left;background:#263b30;border-radius:3px;padding:6px 9px}.sel-kind-group:hover{border-color:var(--ui-accent);background:#3b4935}#sel-individuals{margin-top:0}#sel-grid{gap:5px;max-height:104px;padding:4px}.sel-grid-item{flex:none;width:36px;height:36px}#bp-queue{gap:6px}#bp-queue:empty,#bp-hint:empty{display:none}.qitem{flex:none;width:36px;height:36px}#sel-single{align-items:flex-start;height:auto;min-height:62px}#sel-details{min-width:0}#sel-glance{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}#sel-name{font:600 15px/1.3 var(--font-ui);margin:0}.sel-health{white-space:nowrap;color:#dce7ca;font:600 12px/1.3 var(--font-ui);font-variant-numeric:tabular-nums}#sel-stats{color:var(--ui-ink);font:12px/1.35 var(--font-ui);flex-wrap:wrap;gap:4px 12px;margin:6px 0;display:flex}#sel-stats span{align-items:baseline;gap:4px;display:inline-flex}#sel-stats b{font-variant-numeric:tabular-nums}#sel-desc{color:var(--ui-ink-muted);font:13px/1.4 var(--font-ui);display:block;overflow:visible}#building-panel{overflow-y:auto}#building-panel #bp-title{min-width:0;font:600 13.5px/1.3 var(--font-ui);letter-spacing:.01em;color:#e3c784;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin:0;display:flex;overflow:hidden}#building-panel #bp-title .civ-emblem{flex:none;width:20px;height:20px}#building-panel #bp-title .bp-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.tcard{gap:3px;width:96px;height:auto;min-height:108px;padding:8px 6px}#bp-facts{flex-wrap:wrap;gap:6px;padding:5px 0 2px;display:flex}#bp-facts>span{border:1px solid var(--ui-line-soft);color:var(--ui-ink);font:12px/1.3 var(--font-ui);font-variant-numeric:tabular-nums;background:#1b2d26;padding:4px 6px}.res-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.res.gold{color:#e7bd68}.res.food{color:#bdd18b}.res.wood{color:#d6ac7c}.res.supply{color:#9bc8d4}#production-watch{scrollbar-width:thin;pointer-events:auto;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:max-content;max-width:36vw;max-height:72px;padding:3px 3px 8px;display:flex;inset:70px 16px auto auto;overflow:auto hidden;transform:none}#production-watch[hidden]{display:none}.production-watch-item{color:#eadcbd;background:#25352a;border:1px solid #82745c;flex:0 0 182px;grid-template-rows:1fr 1fr;grid-template-columns:38px minmax(0,1fr);gap:0 5px;width:182px;height:60px;padding:5px 43px 7px 5px;display:grid;position:relative}.production-portrait{grid-row:1/3;align-self:center}.production-portrait img{object-fit:contain;width:38px;height:38px}.production-watch-item .production-name{font:600 13px/1.3 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;align-self:center;overflow:hidden}.production-next{gap:2px;display:flex;position:absolute;bottom:7px;right:5px}.production-next[hidden]{display:none}.production-next img{object-fit:contain;background:#19281f;border-bottom:1px solid #877451;width:17px;height:22px}.production-watch-item:focus-visible{outline-offset:1px;outline:2px solid #dcc38b}.production-watch-item small{font:11px var(--font-ui);color:#c3c8b4;font-variant-numeric:tabular-nums;align-self:center}.production-count{font:600 12px var(--font-ui);color:#e4c782;position:absolute;top:8px;right:6px}.production-watch-item i{width:var(--progress);background:#c9b075;height:3px;position:absolute;bottom:0;left:0}.production-watch-item.is-blocked{border-color:#c48b59}#match-roster li>b{position:relative}#match-roster:not([data-expanded=true]) h2{box-sizing:border-box;min-height:40px;font:600 13px/1.4 var(--font-ui);color:var(--ui-ink-muted);padding:10px 12px}#match-roster h2{background:#162b27ed;border:1px solid #877f5e;border-bottom:0;border-radius:3px 3px 0 0;margin:0;padding:10px 12px}#match-roster .roster-power>small{display:block}#match-roster[data-expanded=true]{box-sizing:border-box}#match-roster[data-expanded=true] h2{border:0}#match-roster ol:focus-visible,#minimap:focus-visible,#help-tooltip:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}#match-roster[data-expanded=true] h2{font:normal 24px/1.3 var(--font-display)}#match-roster li>b:after{content:"";background:var(--seat-color);border:1px solid #dfd3b2;width:7px;height:7px;position:absolute;bottom:-2px;right:-3px;box-shadow:0 0 0 1px #18271f}#match-roster li[data-relation=ally]>b:after{border-radius:50%}#match-roster li[data-relation=enemy]>b:after{transform:rotate(45deg)}.resource-cost{white-space:nowrap;font-variant-numeric:tabular-nums;color:#d2c5a7;align-items:center;gap:3px;display:inline-flex}.resource-cost+.resource-cost{margin-left:7px}.resource-cost svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.resource-cost.gold svg{color:#c6aa6b}.resource-cost.food svg{color:#a7b47b}.resource-cost.wood svg{color:#bba17c}.res.stone,.resource-cost.stone svg{color:#b9c4d0}.resource-cost.is-missing{color:#dfa389;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#match-failure{width:min(440px,100vw - 32px);padding:24px}#match-failure p{color:var(--ui-ink);font:15px/1.6 var(--font-ui);margin:0 0 20px}#match-failure button{border:1px solid var(--ui-accent);color:#142724;min-height:44px;font:600 14px var(--font-ui);cursor:pointer;background:#c6ac70;padding:10px 18px}#match-failure button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.monument-age .age-hint{font:12px/1.4 var(--font-ui);color:var(--ui-ink-muted);flex-basis:100%;display:block}.monument-age{flex-wrap:wrap;gap:6px}.monument-age:disabled{opacity:.8}#landmark-studies h3{font:600 14px/1.3 var(--font-ui)}@media (width>=1050px){#landmark-studies{grid-template-columns:repeat(2,minmax(0,1fr))}#landmark-studies>:is(h3,.monument-age,.monument-status,.legacy-shield){grid-column:1/-1}}.monument-age .age-cost{margin-left:8px}.monument-age .age-cost[hidden]{display:none}.production-watch-item.is-blocked small{color:#e2b38b;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#legacy-ribbon{max-width:max(80px,64vw - 320px);overflow-x:auto}#legacy-ribbon>*{flex-shrink:0}#civilization-decree{pointer-events:auto}#civ-badge .cb-name{font:600 13px/1.25 var(--font-ui);letter-spacing:0}#top-bar:has(#heritage-bar:not([hidden])) #civ-badge{display:none}#heritage-bar{width:auto;max-width:210px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-right:1px solid #e8c54a40;border-radius:0;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,auto);align-items:center;gap:0 8px;margin:0;padding:0 12px 0 0;display:grid;position:relative;top:auto;left:auto}#heritage-bar .heritage-bar-heading{display:contents}#heritage-bar .heritage-bar-emblem{grid-row:1/3}#heritage-bar .heritage-bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 13px/1.2 var(--font-display);color:#e8c878;letter-spacing:.02em;grid-area:1/2;overflow:hidden}#heritage-bar #heritage-toggle{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#heritage-bar #age-research{min-height:0;box-shadow:none;color:#b9c2b3;font:11px/1.3 var(--font-ui);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;grid-area:2/2;padding:0;overflow:hidden}#heritage-bar #age-research:hover{color:#f2ead8}#heritage-bar.is-progressing:after{content:"";background:linear-gradient(90deg,#d6b46c var(--heritage-progress,0%),#ffffff1c 0);height:2px;position:absolute;bottom:-5px;left:38px;right:12px}#heritage-bar #age-research:after{display:none}@media (height<=560px) and (width>=701px){.culture-overview{grid-template-columns:minmax(150px,.85fr) minmax(0,1.4fr);gap:12px;padding:10px}.culture-overview-role{margin-bottom:5px;font-size:12px}.culture-overview-strengths{gap:2px;margin-bottom:5px}.culture-overview-strengths li{padding-block:2px;font-size:12px}.culture-overview-scene img{max-width:76px}.culture-overview-scene figcaption{font-size:11px}.culture-overview-details>summary{min-height:30px;padding-block:6px;font-size:12px}}@media (width<=700px){.culture-overview{grid-template-columns:1fr;gap:10px;padding:12px}.culture-overview-scene img{max-width:76px}.join-code-form label{flex:1 0 100%}#production-watch{width:auto;max-width:none;top:68px;left:246px;right:8px}#legacy-ribbon{max-width:220px}}@media (width<=480px){#production-watch{top:104px;left:8px}#heritage-bar{top:180px}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) .culture-overview-details>.culture-manuscript{animation:none}}#pause-save-status{color:#e4c994;font:12px/1.4 var(--font-ui);display:block}#pause-save-status:empty,#mobile-command-bar{display:none}#hud #help-tooltip{box-sizing:border-box;background:var(--ui-surface-0);width:min(680px,100vw - 24px);max-height:calc(100dvh - 85px);color:var(--ui-ink);font:13px/1.55 var(--font-ui);padding:18px;overflow-y:auto}#help-tooltip .help-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}#help-tooltip .help-guide-card{border:1px solid var(--ui-line-soft);background:var(--ui-surface-1);min-width:0;padding:12px}#help-tooltip .help-guide-card h4{font:600 15px/1.4 var(--font-ui);color:var(--ui-accent)}#help-tooltip .help-guide-card ol{margin:8px 0 0;padding-left:20px}#help-tooltip .help-guide-card li{margin-bottom:8px}.help-guide-flow{justify-content:space-around;align-items:center;gap:4px;display:flex}.help-guide-flow figure{text-align:center;flex:1;min-width:0;margin:0;font-size:11px}.help-guide-flow img{object-fit:contain;width:64px;max-width:100%;height:64px;margin:auto;display:block}.help-guide-arrow{color:var(--ui-accent)}#help-tooltip details{border-top:1px solid var(--ui-line-soft);margin-top:14px;padding-top:12px}#help-tooltip summary{cursor:pointer;min-height:28px;color:var(--ui-accent)}@media (width<=600px){#help-tooltip .help-guide-grid{grid-template-columns:1fr}}@keyframes offering-glow{50%{opacity:.25;transform:translateY(-3px)}}.landmark-dialog progress{width:100%;accent-color:var(--ui-accent)}.landmark-dialog a{color:var(--ui-accent);overflow-wrap:anywhere;padding:12px 0;display:block}.landmark-dialog>button{margin-top:16px}.help-touch{display:none}#help-container:has(#help-tooltip:not(.hidden)){z-index:39}@media (width<=849px),(pointer:coarse){#help-tooltip{width:min(310px,100vw - 16px);max-height:calc(100dvh - 60px);overflow-y:auto}#help-tooltip .help-desktop{display:none}#help-tooltip .help-touch{display:block}#help-tooltip .help-touch ul{padding-left:18px}#help-tooltip .help-touch li{margin-bottom:8px}}@media (width<=849px){#mobile-command-bar{z-index:35;pointer-events:auto;gap:6px;width:150px;display:flex;position:absolute;bottom:194px;left:8px}#mobile-command-bar button{color:#f0e5cc;min-width:0;min-height:44px;font:600 13px var(--font-ui);touch-action:manipulation;background:#192f2ce8;border:1px solid #9d875f;border-radius:3px;flex:1;padding:5px 3px}#mobile-command-bar button:disabled{opacity:.46}#mobile-command-bar button.armed{color:#142725;background:#b99b63;border-color:#e5c789}}@media (width<=600px){#mobile-command-bar{width:160px;bottom:126px;left:auto;right:8px}#match-roster:not([data-expanded=true]){bottom:180px}}@media (width<=849px) and (height<=560px) and (width>=500px),(width<=499px) and (height<=500px){#mobile-command-bar{width:150px;bottom:10px;left:8px;right:auto}#hud:has(#build-menu-container:not(.hidden)) #mobile-command-bar{bottom:72px}}#match-status.conquest-status{flex-wrap:wrap;justify-content:space-between;width:310px;max-width:calc(100vw - 20px)}#match-status.conquest-status>small{color:#d9d0b4;width:100%;font:11px/1.35 var(--font-ui);text-align:left;display:block}@media (width>=850px){#production-watch{max-width:min(36vw,100vw - 620px);top:100px;right:282px}}@media (width>=850px) and (width<=1049px){#production-watch,#building-panel{top:160px}#legacy-ribbon{top:198px;left:16px}}@media (width<=849px){#production-watch{width:auto;max-width:none;inset:auto 180px 140px 8px}#legacy-ribbon{top:195px;left:8px}#hud:has(#building-panel:not(.hidden)) #match-roster:not([data-expanded=true]){top:160px;bottom:auto}#hud:has(#building-panel:not(.hidden)) #match-roster:not([data-expanded=true]) ol{max-height:120px}}@media (width<=480px){#legacy-ribbon{top:342px}}@media (width>=500px) and (width<=849px) and (height<=560px){#bp-trains{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}#bp-trains .tcard{flex:0 0 96px}#selection-panel{max-height:calc(100dvh - 190px)}#production-watch{width:150px;max-width:150px;left:8px;right:auto}#production-watch .production-watch-item{flex-basis:142px;width:142px}}@media (width<=600px){#selection-panel{width:auto;min-width:0;left:8px;right:176px}#sel-portrait{width:34px;min-width:34px;margin-right:6px}#sel-portrait .piece-portrait{width:34px}#hint-bar.armed{width:auto;max-width:none;font:11px/1.25 var(--font-ui);padding:6px 8px;inset:auto 176px 180px 8px;transform:none}}@media (width<=360px){#top-bar{justify-content:space-between;gap:0;padding:5px 3px}#top-bar .res{gap:2px;min-width:0;padding:2px 3px}#top-bar .res b{font:600 12px var(--font-ui)}#top-bar .res-icon{width:16px;height:16px}#sel-multi{flex-direction:column;align-items:stretch;gap:3px;height:auto}#sel-grid{flex:0 auto;width:100%;max-height:61px;padding-right:0}#sel-multi-summary{text-align:left;width:100%;font:600 10px/1.15 var(--font-ui);margin:0}}@media (width<=360px) and (height<=500px){#legacy-ribbon{display:none}}@media (width<=700px) and (height<=560px){#match-roster[data-expanded=true]{max-height:calc(100dvh - 66px);top:54px;overflow:hidden}#match-roster[data-expanded=true] ol{max-height:calc(100dvh - 146px);overflow-y:auto}}@media (width>=601px) and (width<=700px) and (height<=560px){#hint-bar.armed{width:auto;max-width:none;font:11px/1.25 var(--font-ui);padding:6px 8px;inset:172px 180px auto 245px;transform:none}}:root[data-guidance-conquest=false] #match-status .mode-label,:root[data-guidance-conquest=false][data-guidance-opening=false] #match-status>small,:root[data-guidance-hints=false] #hint-bar:not(.armed):not(.intro){display:none}:root[data-guidance-hints=false] #hint-bar.intro:not(.armed){animation:20s forwards hint-intro}@keyframes hint-intro{0%{opacity:0}5%,85%{opacity:1}to{opacity:0}}#match-status.conquest-status>time{margin-left:auto}#objective-close{color:#b9c2b3;width:22px;height:22px;font:16px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:2px;margin-left:-4px;padding:0}#objective-close:hover{color:#f2ead8;background:#ffffff14}:root[data-guidance-conquest=false][data-guidance-opening=false] #objective-close{display:none}:root[data-guidance-conquest=false][data-guidance-opening=false] #match-status.conquest-status{width:auto}:root[data-guidance-hints=true] #hint-bar:not(.armed){white-space:normal;text-align:center;display:block}.preference-toggle small{font:12px/1.45 var(--font-ui);color:var(--ui-ink-muted);margin-top:4px;display:block}.preference-help{color:var(--ui-ink-muted);font:12px/1.45 var(--font-ui);grid-column:1/-1}.preferences-dialog fieldset{border:1px solid #88775666;border-radius:4px;margin:14px 0;padding:14px}.preferences-dialog legend{color:#e1c58b;padding:0 6px}.preferences-dialog details summary{cursor:pointer;padding:8px 0}.preferences-dialog{width:min(640px,100vw - 32px)}.preference-tabs{border-bottom:1px solid var(--ui-line-soft);gap:4px;margin:6px 0 4px;display:flex}.game-dialog .preference-tab{min-height:40px;color:var(--ui-ink-muted);font:600 13px/1.3 var(--font-ui);letter-spacing:.04em;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px}.game-dialog .preference-tab:hover{color:var(--ui-ink);background:0 0;border-color:#0000}.game-dialog .preference-tab[aria-selected=true]{color:var(--ui-accent);border-bottom-color:var(--ui-accent)}.preference-panel{scrollbar-gutter:stable;height:min(390px,58dvh);padding-right:6px;overflow-y:auto}.preference-panel[hidden]{display:none}.preferences-dialog .preference-panel fieldset:first-child{margin-top:12px}.preference-keys{grid-template-columns:max-content 1fr;align-items:baseline;gap:8px 16px;margin:4px 0 0;display:grid}.preference-keys dt{margin:0}.preference-keys dd{color:var(--ui-ink-muted);margin:0}.preference-keys kbd{border:1px solid var(--ui-line);background:var(--ui-surface-2);min-width:18px;color:var(--ui-ink);font:600 12px/1.5 var(--font-ui);text-align:center;white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:2px 8px;display:inline-block}.preference-footer{border-top:1px solid var(--ui-line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.preference-footer p{margin:0;font-size:12px}@media (width<=480px){.preference-tabs{overflow-x:auto}.preference-keys{grid-template-columns:1fr;gap:2px 0}.preference-keys dd{margin-bottom:8px}}#match-roster:not([data-expanded=true]){width:min(260px,100vw - 32px)}#match-roster:not([data-expanded=true]) ol{background:#142521ee;border:1px solid #877f5e;border-radius:0 0 3px 3px;width:100%;padding:4px 12px}#match-roster:not([data-expanded=true]) li{grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 0;display:grid}#match-roster li>b.roster-civ{border:0;width:30px;height:30px}#match-roster li strong{font:500 14px/1.25 var(--font-display);letter-spacing:.01em}#match-roster .roster-verified{vertical-align:1px;color:#fff;width:14px;height:14px;font:700 9px/1 var(--font-ui);background:#3d7bd6;border-radius:50%;place-items:center;margin-left:5px;display:inline-grid}#match-roster li>div>small{color:#aeb8a4;font:11px var(--font-ui)}#match-roster .roster-power{justify-items:end;gap:2px;min-width:54px;padding-bottom:5px;display:grid;position:relative}#match-roster .roster-power>small{color:#8f9a88;font:10px var(--font-display);letter-spacing:.06em;text-transform:uppercase}#match-roster .roster-power>strong{font:700 14px var(--font-ui);font-variant-numeric:tabular-nums;color:#ecdcb0}#match-roster .roster-power:after{content:"";width:var(--power,0%);background:var(--seat-color);border-radius:1px;max-width:100%;height:2px;position:absolute;bottom:0;right:0}.roster-research{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:3px;min-width:0;min-height:0;display:flex}.roster-research:empty{display:none}.roster-research-seal{cursor:help;place-items:center;width:22px;height:22px;display:inline-grid}.roster-research-seal svg,.roster-research-seal.legacy-shield{width:22px;height:22px}.roster-research-more{color:#cdb77f;font:600 11px var(--font-ui);cursor:help;padding:0 5px}#match-roster[data-expanded=true] .roster-history{grid-column:1/-1}#match-roster[data-expanded=true] li{grid-template-columns:28px minmax(0,1fr) 75px}#match-roster[data-expanded=true] .roster-era{gap:6px;padding:3px;display:flex}#match-roster[data-expanded=true] .roster-era .legacy-shield{width:28px;height:28px}#building-panel{width:380px;max-width:calc(100vw - 500px);max-height:min(34dvh,300px);padding:10px;inset:auto auto 26px 246px;overflow:auto;transform:none}.bp-header{justify-content:space-between;align-items:center;gap:8px;display:flex}#bp-trains{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-top:6px;display:grid}#bp-trains .tcard{text-align:left;grid-template-columns:32px minmax(0,1fr);gap:3px 6px;width:auto;min-width:0;height:auto;min-height:60px;padding:6px;display:grid}#bp-trains .tcard .ic{grid-row:1/3;height:38px}#bp-trains .tcard .piece-portrait{width:32px;height:38px}#bp-trains .tcard .nm{min-height:0;font-size:11px}#bp-trains .tcard .cost{justify-content:flex-start}#bp-queue{flex-wrap:nowrap;padding-bottom:3px;display:flex;overflow-x:auto}#bp-queue .qitem{width:44px;height:44px}#bp-logistics,#bp-rally,#sel-logistics{font:12px/1.45 var(--font-ui);color:#ded5bc;margin-top:6px}#bp-logistics:empty,#bp-rally:empty,#sel-logistics:empty{display:none}#sel-field{gap:5px;margin-top:7px;display:grid}#sel-field:empty{display:none}#sel-field .field-row{flex-wrap:wrap;gap:5px;display:flex}#sel-field .field-chip{height:26px;font:700 11px/1 var(--font-ui);color:#e9d9a9;cursor:help;background:#13201bcc;border:1px solid #6b775f88;border-radius:3px;align-items:center;gap:2px;padding:0 6px 0 2px;display:inline-flex}#sel-field .field-chip img{width:24px;height:24px}#sel-field .field-chip svg{width:18px;height:18px;margin-left:3px}#sel-field .field-strong{border-color:#7fae5f}#sel-field .field-strong .field-arrows{color:#9fd17f}#sel-field .field-weak{border-color:#c8735c}#sel-field .field-weak .field-arrows{color:#f0937a}#sel-field .field-arrows{letter-spacing:-1px;font-size:9px;font-style:normal}#sel-field .field-muted{opacity:.6}@media (width<=1049px) and (width>=850px){#building-panel{width:340px;max-width:calc(100vw - 440px);left:220px}}@media (width<=849px){#building-panel{width:360px;max-width:calc(100vw - 16px);max-height:min(38dvh,300px);bottom:184px;left:auto;right:8px}#hud:has(#building-panel:not(.hidden)) #production-watch{display:none}}@media (width<=849px) and (width>=500px) and (height<=560px){#building-panel{width:auto;max-width:none;max-height:calc(100dvh - 190px);bottom:12px;left:170px;right:180px}}#top-bar #idle-villagers{font:inherit;color:inherit;cursor:pointer;background:#5a3a1440;border:1px solid #d49a4a99;border-radius:3px;align-items:center;gap:4px;padding:2px 8px;animation:1.6s ease-in-out infinite idle-call;display:inline-flex}#top-bar #idle-villagers[hidden]{display:none}#top-bar #idle-villagers b{color:#ffc670}#top-bar #idle-villagers:hover,#top-bar #idle-villagers:focus-visible{background:#7a4f1c66;border-color:#ffc670}@keyframes idle-call{50%{box-shadow:0 0 0 3px #d49a4a33}}:root[data-reduced-motion=true] #top-bar #idle-villagers{animation:none}#gameover{padding:24px 16px;overflow:auto}#match-report{width:min(980px,100%);overflow-x:auto}#match-report:empty{display:none}.match-report{border-collapse:collapse;width:100%;font:13px/1.35 var(--font-ui);color:#ded5bc;background:#0f1f1ccc;border:1px solid #6b775f}.match-report caption{text-align:left;color:#c9ae78;font:600 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:0 0 8px}.match-report th,.match-report td{text-align:right;white-space:nowrap;border-bottom:1px solid #6b775f44;padding:8px 10px}.match-report thead th{color:#b7c2ad;background:#162c27;font-size:11px;font-weight:600}.match-report thead th:first-child,.match-report tbody th{text-align:left}.match-report tbody th{white-space:normal;min-width:180px}.match-report tbody th strong{color:#f0ddb2;font-size:14px;display:block}.match-report tbody th small{color:#9fae9a}.match-report td{font-variant-numeric:tabular-nums}.match-report tr.is-you{background:#3c4c3533}.match-report tr.is-winner th strong:after{content:" ♛";color:#e6c170}.match-report .age-path{flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.match-report .age-path li{color:#d8d8ba;background:#192e29;border:1px solid #6b775f88;border-radius:2px;padding:1px 6px;font-size:11px}.match-story{color:#ded5bc;font:13px/1.45 var(--font-ui);text-align:left;background:#0f1f1ccc;border:1px solid #6b775f;margin-top:14px;padding:12px 14px}.match-story h3{color:#c9ae78;font:600 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.story-curve{width:100%;height:auto;display:block}.story-curve polyline{fill:none;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-curve .curve-army{stroke:#e0785a}.story-curve .curve-workers{stroke:#ecd18a;opacity:.8}.story-curve .curve-mark{stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.story-curve .mark-good{stroke:#9fd17f}.story-curve .mark-bad{stroke:#f0937a}.story-curve .mark-age{stroke:#c9b4ef}.story-curve text{fill:#9fae9a;font:10px var(--font-ui)}.story-legend{color:#9fae9a;gap:14px;margin:4px 0 8px;font-size:11px;display:flex}.story-legend span:before{content:"";vertical-align:middle;width:14px;height:2px;margin:0 6px 3px 0;display:inline-block}.legend-curve-army:before{background:#e0785a}.legend-curve-workers:before{background:#ecd18a}.story-moments{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 16px;margin:0;padding:0;list-style:none;display:grid}.story-moments li{align-items:baseline;gap:8px;display:flex}.story-moments time{font-variant-numeric:tabular-nums;color:#9fae9a;font-size:12px}.story-moments .moment-good:after{content:""}.story-moments .moment-bad time{color:#f0937a}.story-moments .moment-good time{color:#9fd17f}.story-moments .moment-age time{color:#c9b4ef}.story-lesson{background:#1a2b26;border-left:3px solid #c9ae78;margin:10px 0 0;padding:8px 10px}.story-lesson strong{color:#f0ddb2}.go-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#go-rematch{font:600 15px var(--font-ui);color:#18292b;cursor:pointer;background:#d6b17a;border:0;border-radius:3px;padding:12px 24px}#go-rematch[hidden]{display:none}#go-rematch:not([hidden])+#go-restart{color:#e8dcc0;background:0 0;border:1px solid #c9ae78;padding:12px 24px;font-size:15px}#go-rematch:focus-visible,#go-restart:focus-visible{outline-offset:3px;outline:2px solid #eee2bb}@media (width>=1050px){#selection-panel:has(#sel-multi:not(.hidden)){flex-direction:row;align-items:center;gap:16px;width:min(980px,100vw - 500px);min-height:0;max-height:none;padding:10px 14px;overflow:visible}#selection-panel #sel-multi:not(.hidden){flex-direction:row;flex:1;align-items:center;gap:14px;min-width:0;display:flex}#sel-multi #sel-multi-summary{font:500 14px/1.2 var(--font-display);letter-spacing:.02em;color:#e8c878;white-space:nowrap;flex:none;order:-1}#sel-multi #sel-kind-groups{scrollbar-width:thin;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}#sel-multi .sel-kind-group{white-space:nowrap;flex:none;min-height:32px;padding:5px 8px}#sel-multi #sel-individuals{border:0;flex:none;margin:0;position:relative}#sel-multi #sel-individuals>summary{white-space:nowrap;padding:0}#sel-multi #sel-individuals[open]>#sel-grid{z-index:5;background:#192b28f7;border:1px solid #837659;border-radius:3px;flex-wrap:wrap;width:320px;max-height:180px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 14px);right:-8px;overflow:auto;box-shadow:0 10px 26px #0008}#selection-panel:has(#sel-multi:not(.hidden)) #formation-stance-panel{border-top:0;border-left:1px solid var(--ui-line-soft);flex-wrap:nowrap;flex:none;width:auto;padding:0 0 0 16px}#selection-panel:has(#sel-multi:not(.hidden)) #formation-stance-panel .hud-group{flex-wrap:nowrap;align-items:center}#selection-panel:has(#sel-multi:not(.hidden)) #formation-stance-panel .hud-group-label{writing-mode:vertical-rl;color:#8f9a88;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-family:var(--font-display);flex-basis:auto;margin-right:4px;transform:rotate(180deg)}}#civilization-decree{z-index:72;color:#f2e2b6;text-align:left;cursor:pointer;background:linear-gradient(100deg,#4a3a1cf2,#2a2a1ef2);border:1px solid #d6b46c;border-radius:3px;gap:1px;width:auto;height:auto;padding:9px 16px 9px 44px;animation:2.4s ease-in-out infinite age-ready;display:grid;position:absolute;top:74px;left:16px;right:auto;box-shadow:0 6px 20px #0008,0 0 0 1px #0006}#civilization-decree:before{content:"✦";color:#f0cf7c;border:0;width:auto;height:auto;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}#civilization-decree:after,#civilization-decree[hidden],#civilization-council[hidden],#heritage-bar[hidden]{display:none}#civilization-decree strong{font:500 15px/1.2 var(--font-display);letter-spacing:.03em;color:#f6dc97}#civilization-decree small{font:12px/1.3 var(--font-ui);color:#d8ccad}#civilization-decree:hover{filter:brightness(1.1);padding-left:44px}@keyframes age-ready{0%,to{box-shadow:0 6px 20px #0008,0 0 0 1px #0006}50%{box-shadow:0 6px 20px #0008,0 0 0 4px #d6b46c40}}#civilization-council{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(70% 40% at 50% 0,#d6b46c1f,#0000 70%),linear-gradient(#18261fe8,#0f1813f2);border:1px solid #9f855c;border-radius:4px;width:min(1120px,100vw - 48px);max-height:calc(100dvh - 64px);padding:18px 22px 22px;animation:.45s cubic-bezier(.2,.8,.2,1) both council-in;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #000c,inset 0 0 0 4px #0b120e,inset 0 0 0 5px #9f855c40}#civilization-council>header{background:linear-gradient(90deg,#0000,#9f855c99,#0000) bottom/100% 1px no-repeat;border-bottom:0;margin:0 0 16px;padding:0 0 12px}#civilization-council h2{text-align:center;width:100%;font:400 clamp(22px,2.4vw,30px)/1.15 var(--font-display);letter-spacing:.06em;color:#f2dca2;text-shadow:0 2px #000a,0 0 24px #d6b46c40}#civilization-council>header button{border-radius:50%;flex:none;width:34px;height:34px;font-size:20px}#civilization-council .heritage-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0}#civilization-council .culture-choice{--civ-tint:#cfb47b;border:1px solid color-mix(in srgb,var(--civ-tint) 40%,#4d4a3a);background:#121b16;border-radius:4px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.6s cubic-bezier(.2,.8,.2,1) both council-card-in;display:flex;overflow:hidden;box-shadow:0 12px 28px #0008}#civilization-council .culture-choice:nth-child(2){animation-delay:.12s}#civilization-council .culture-choice:nth-child(3){animation-delay:.24s}#civilization-council .culture-choice:hover,#civilization-council .culture-choice:focus-within{border-color:color-mix(in srgb,var(--civ-tint) 75%,#f2dca2);box-shadow:0 20px 40px #000a,0 0 0 1px color-mix(in srgb,var(--civ-tint) 50%,#0000),0 0 34px color-mix(in srgb,var(--civ-tint) 30%,#0000);transform:translateY(-6px)}#civilization-council .heritage-card{text-align:left;color:#e6dfc7;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto 1fr auto;align-items:stretch;gap:0;width:100%;padding:0;display:grid}#civilization-council .heritage-card:hover{background:0 0;transform:none}#civilization-council .heritage-card:focus-visible{outline-offset:-3px;outline:2px solid #f2dca2}#civilization-council .choice-stage{isolation:isolate;border-bottom:1px solid color-mix(in srgb,var(--civ-tint) 40%,#0000);height:clamp(150px,24vh,230px);position:relative;overflow:hidden}#civilization-council .choice-stage .civ-scene{filter:saturate(.9)brightness(.92);transition:filter .3s}#civilization-council .culture-choice:is(:hover,:focus-within) .choice-stage .civ-scene{filter:saturate(1.1)brightness(1.08)}#civilization-council .choice-head{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}#civilization-council .choice-head .civ-emblem{filter:drop-shadow(0 2px 4px #000c);flex:none}#civilization-council .heritage-card-copy{text-align:left;text-shadow:0 1px 2px #000c,0 0 14px #0009;gap:1px;min-width:0;display:grid}#civilization-council .heritage-card-copy small{color:#eadcb8;font:10.5px/1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:.85}#civilization-council .heritage-card-copy strong{color:#fff3d4;font:400 clamp(19px,1.7vw,24px)/1.1 var(--font-display);letter-spacing:.02em;margin:0}#civilization-council .choice-style{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--civ-tint) 60%,#0000);color:color-mix(in srgb,var(--civ-tint) 60%,#fbf1d6);font:600 11px/1.5 var(--font-ui);text-shadow:none;white-space:nowrap;background:#0d120f9c;border-radius:999px;justify-self:start;margin-top:3px;padding:1px 9px}#civilization-council .choice-landmark,#civilization-council .choice-guard{z-index:1;justify-items:center;margin:0;display:grid;position:absolute;bottom:4px}#civilization-council .choice-landmark{width:44%;left:6%}#civilization-council .choice-guard{width:40%;right:6%}#civilization-council .choice-stage canvas{object-fit:contain;filter:drop-shadow(0 6px 6px #000a);width:100%;height:auto;max-height:clamp(110px,17vh,150px);display:block}#civilization-council .choice-guard canvas{max-height:clamp(120px,19vh,166px)}#civilization-council .choice-landmark figcaption{color:#e8dfc6;font:600 10.5px/1.4 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;background:#0b110dc4;border-radius:3px;max-width:100%;margin-top:-4px;padding:1px 8px;overflow:hidden}#civilization-council .choice-figure{background:linear-gradient(90deg,color-mix(in srgb,var(--civ-tint) 14%,#0000),#0000 70%);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}#civilization-council .choice-unit-copy{gap:1px;min-width:0;display:grid}#civilization-council .choice-unit-copy small,#civilization-council .choice-legacy small{color:color-mix(in srgb,var(--civ-tint) 45%,#a6ad9a);font:600 10px/1.3 var(--font-display);letter-spacing:.09em;text-transform:uppercase;display:block}#civilization-council .choice-unit{color:#f0e3c0;font:400 16px/1.25 var(--font-display);letter-spacing:.02em}#civilization-council .choice-unit-stats{color:#c4cbb9;font:12px/1.3 var(--font-ui);font-variant-numeric:tabular-nums}#civilization-council .choice-ability{color:#f1dfaf;font:600 11.5px/1.4 var(--font-ui);cursor:help;white-space:nowrap;background:#0d120f9c;border-radius:999px;flex:none;padding:3px 10px;box-shadow:inset 0 0 0 1px #e6c78066}#civilization-council .choice-ability:before{content:"⚡";color:#e6c780;margin-right:5px;font-size:.9em}#civilization-council .culture-choice>.heritage-card{flex:1}#civilization-council .choice-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#civilization-council .choice-chips li{color:#e6dfc7;cursor:help;background:#eee9db08;border:1px solid #ffffff1c;border-radius:3px;align-items:center;gap:3px;padding:4px 7px;animation:.4s .35s both council-chip-in;display:inline-flex}#civilization-council .choice-chips svg{width:20px;height:20px}#civilization-council .choice-chips i{letter-spacing:-1px;font-size:10px;font-style:normal}#civilization-council .choice-chips .benefit i{color:#9fd17f}#civilization-council .choice-chips .tradeoff{border-color:#c98a7666}#civilization-council .choice-chips .tradeoff i{color:#f0937a}#civilization-council .choice-chips .legacy{border-color:color-mix(in srgb,var(--civ-tint) 60%,#af9867);color:#f2dca2}#civilization-council .choice-chips .now{color:#f0e3c0}#civilization-council .choice-details{color:#c4cbb9;font:12px/1.4 var(--font-ui);padding:0 14px 10px}#civilization-council .choice-details summary{cursor:pointer;color:color-mix(in srgb,var(--civ-tint) 55%,#a6ad9a);font:600 10px/1.6 var(--font-display);letter-spacing:.09em;text-transform:uppercase}#civilization-council .choice-details[open]{gap:8px;display:grid}#civilization-council .choice-facts{align-content:start;gap:10px;padding:4px 14px 12px;display:grid}#civilization-council .choice-effects{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#civilization-council .choice-effects li{font:12px/1.3 var(--font-ui);color:#e6dfc7;animation:council-chip-in .4s calc(.35s + var(--i,0) * 50ms) both;background:#eee9db06;border:1px solid #ffffff1c;border-left:3px solid #9fbd7e;border-radius:3px;align-items:baseline;gap:6px;padding:4px 9px;display:inline-flex}#civilization-council .choice-effects b{font-variant-numeric:tabular-nums;font-weight:700}#civilization-council .choice-effects .benefit b{color:#b7cf98}#civilization-council .choice-effects .tradeoff{border-left-color:#c98a76}#civilization-council .choice-effects .tradeoff b{color:#e0a891}#civilization-council .choice-legacy{border-left:2px solid color-mix(in srgb,var(--civ-tint) 60%,#af9867);color:#ddd5be;font:13px/1.45 var(--font-body);background:#0d140f80;margin:0;padding:7px 10px}#civilization-council .choice-action{color:#f2dca2;text-align:center;font:400 14px var(--font-display);letter-spacing:.08em;background:linear-gradient(#d6b46c14,#0000);border:1px solid #9d8556;border-radius:3px;margin:0 14px 14px;padding:10px;font-style:normal;transition:background .2s,color .2s;display:block}#civilization-council .culture-choice:is(:hover,:focus-within) .choice-action{color:#1d2520;background:linear-gradient(#e8cf95,#c7a868);border-color:#f0dba6}@keyframes council-in{0%{opacity:0;transform:translate(-50%,-47%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes council-card-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes council-chip-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) :is(#civilization-council,#civilization-council *){transition:none!important;animation:none!important}}:root[data-reduced-motion=true] :is(#civilization-council,#civilization-council *){transition:none!important;animation:none!important}@media (width<=849px){#civilization-council{width:calc(100vw - 16px);max-height:calc(100dvh - 70px);padding:14px}}#bp-tax{border-top:1px solid var(--ui-line-soft);cursor:help;align-items:center;gap:8px;padding-top:8px;display:flex}#bp-tax[hidden]{display:none}#bp-tax h3{font:500 13px/1.2 var(--font-display);letter-spacing:.04em;color:#e8c878;margin:0}#bp-tax .tax-stepper{background:#0d1512;border:1px solid #6d6750;border-radius:3px;align-items:stretch;display:inline-flex}#bp-tax .tax-step{color:#d7d0b8;width:24px;min-height:26px;font:700 15px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0}#bp-tax .tax-step:hover:not(:disabled){color:#f6e7b8;background:#ffffff10}#bp-tax .tax-step:disabled{opacity:.3;cursor:default}#bp-tax .tax-value{color:#f2ead8;min-width:62px;font:600 12px/1.5 var(--font-ui);text-align:center;border-inline:1px solid #6d675066;padding:4px 6px}#bp-tax .tax-value[data-level=exempt],#bp-tax .tax-value[data-level=low]{color:#b7cf98}#bp-tax .tax-value[data-level=high],#bp-tax .tax-value[data-level=harsh]{color:#e0a891}#bp-tax .tax-mood{font:600 12px var(--font-ui);font-variant-numeric:tabular-nums;color:#d7d0b8;margin-left:auto}#bp-tax .tax-mood[data-tone=up]{color:#b7cf98}#bp-tax .tax-mood[data-tone=down]{color:#e0a891}#top-bar #morale-chip{font:600 12px var(--font-ui);font-variant-numeric:tabular-nums}#top-bar #morale-chip[hidden]{display:none}#top-bar #morale-chip[data-tone=up]{color:#b7cf98}#top-bar #morale-chip[data-tone=down]{color:#e0a891}.founder-badge{--founder:#e3b64c;color:var(--founder);font:600 11.5px/1.2 var(--font-ui);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.founder-badge canvas{filter:drop-shadow(0 1px 2px #0008);flex:none}.founder-badge.tier-citizen{--founder:#c98a63}.founder-badge.tier-caravaneer{--founder:#d19a55}.founder-badge.tier-warden{--founder:#cfd5d5}.founder-badge.tier-friend{--founder:#e3b64c}.founder-badge.tier-treasurer{--founder:#f2cf6b}#match-roster .founder-badge{vertical-align:-3px;margin-left:5px}.room-seat-info .founder-badge,.ml-text .founder-badge{justify-self:start;margin-top:2px}#match-status .objective-guide{color:#f1e6c6;font:600 12px/1.2 var(--font-ui);cursor:pointer;background:#cfb47b22;border:1px solid #cfb47b;border-radius:2px;margin:6px 0 0;padding:4px 12px}#match-status .objective-guide:hover{background:#cfb47b44}#match-status .objective-guide[hidden]{display:none}#civilization-council .choice-now,#civilization-council .choice-plan{border-left:2px solid color-mix(in srgb,var(--civ-tint) 60%,#af9867);color:#ddd5be;font:12.5px/1.45 var(--font-body);background:#0d140f80;margin:6px 0 0;padding:6px 10px}#civilization-council .choice-now small,#civilization-council .choice-plan small{color:color-mix(in srgb,var(--civ-tint) 45%,#a6ad9a);font:600 10px/1.3 var(--font-display);letter-spacing:.09em;text-transform:uppercase;display:block}.issue-dialog .issue-words{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface-1,#1c2a25);width:100%;color:var(--ui-ink);font:14px/1.45 var(--font-ui);resize:vertical;padding:10px}.issue-dialog details{color:var(--ui-ink-muted);margin:10px 0}.issue-dialog .issue-preview{border:1px solid var(--ui-line);white-space:pre-wrap;word-break:break-all;background:#0b1412;max-height:180px;padding:8px;font:11px/1.4 ui-monospace,monospace;overflow:auto}.issue-dialog .issue-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.issue-dialog .issue-actions small{color:var(--ui-ink-muted)}#app:has(#build-menu-container.open) #selection-panel{z-index:9}#hud #building-panel:not(.hidden){--seal-gold:#c9a96a;--seal-line:#9f855c;border:1px solid var(--seal-line);background:radial-gradient(60% 120% at 0%,#d6b46c14,#0000 60%),linear-gradient(#1f2e28f8,#121c18f8);border-radius:6px;grid-template-columns:86px minmax(150px,240px) minmax(0,auto);align-items:center;gap:0 16px;width:fit-content;min-width:0;max-width:980px;max-height:min(300px,48dvh);margin:0 auto;padding:12px 16px 12px 12px;animation:.18s ease-out both seal-in;display:grid;inset:auto 316px 28px 16px;overflow:visible auto;transform:none;box-shadow:0 12px 32px #000a,inset 0 0 0 3px #0b130f,inset 0 0 0 4px #9f855c2e}#hud #building-panel:not(.hidden):before,#hud #building-panel:not(.hidden):after{content:"";border:1px solid var(--seal-gold);background:#1a2722;width:9px;height:9px;position:absolute;top:-5px;transform:rotate(45deg);box-shadow:0 0 0 2px #0b130f}#hud #building-panel:not(.hidden):before{left:22px}#hud #building-panel:not(.hidden):after{right:22px}@keyframes seal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}:root[data-reduced-motion=true] #hud #building-panel:not(.hidden){animation:none}#hud:has(#building-panel:not(.hidden)) #hint-bar:not(.armed){display:none}#hud #building-panel:not(.hidden)>.bp-medallion{grid-area:1/1}#hud #building-panel:not(.hidden)>.bp-info{grid-area:1/2}#hud #building-panel:not(.hidden)>#bp-body{grid-area:1/3}#hud #building-panel:not(.hidden):not(:has(#bp-body>:not(:empty):not([hidden]))){grid-template-columns:86px minmax(150px,260px)}.bp-medallion{place-items:center;width:86px;height:86px;display:grid;position:relative}.bp-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.bp-ring circle{fill:none;stroke-width:6px}.bp-ring-track{stroke:#0d1612}.bp-ring-fill{stroke:#8fb36f;stroke-linecap:round;transition:stroke-dashoffset .35s,stroke .35s}#building-panel[data-health=mid] .bp-ring-fill{stroke:#d4b064}#building-panel[data-health=low] .bp-ring-fill{stroke:#c9765c}:root[data-reduced-motion=true] .bp-ring-fill{transition:none}#bp-portrait{background:radial-gradient(circle at 45% 35%,#2d4238,#13201b 75%);border-radius:50%;place-items:center;width:66px;height:66px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a96a66,inset 0 4px 10px #0008}#bp-portrait :is(img,svg,canvas,.piece-portrait){object-fit:contain;width:58px;height:58px;transform:translateY(3px)}.bp-info{align-content:center;gap:4px;min-width:0;display:grid}#hud #building-panel .bp-header{border:0;padding:0;display:block}#hud #building-panel #bp-title{font:500 17px/1.15 var(--font-display);letter-spacing:.03em;color:#f0d89c;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;display:flex;overflow:hidden}#hud #building-panel #bp-title .civ-emblem{flex:none;width:20px;height:20px}#bp-role{color:#b9bfae;font:11.5px/1.35 var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#bp-role:empty{display:none}#hud #building-panel #bp-more{border:0;margin:2px 0 0;padding:0}#hud #building-panel #bp-facts{flex-wrap:wrap;gap:4px;padding:0;display:flex}#hud #building-panel #bp-facts>span{color:#e2dac0;font:11px/1.45 var(--font-ui);font-variant-numeric:tabular-nums;background:#0f1915;border:1px solid #5e5a47;border-radius:999px;padding:2px 8px}#hud #building-panel #bp-health b{font-weight:600}#building-panel[data-health=high] #bp-health{border-color:#6f9452aa}#building-panel[data-health=mid] #bp-health{border-color:#b48f42}#building-panel[data-health=low] #bp-health{color:#f1b9a6;border-color:#a1513a}#hud #building-panel :is(#bp-hint,#bp-logistics,#bp-rally){font:11.5px/1.35 var(--font-ui);color:#d8cfb6;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#hud #building-panel #bp-rally{color:#9fa894}#hud #building-panel :is(#bp-hint,#bp-logistics,#bp-rally):empty{display:none}#hud #building-panel #bp-body{border-left:1px solid #9f855c40;grid-auto-flow:row;align-content:center;gap:6px;min-width:0;padding-left:16px;display:grid}#hud #building-panel #bp-body:not(:has(>:not(:empty):not([hidden]))){display:none}#hud #building-panel #bp-trains{flex-wrap:wrap;gap:6px;margin:0;display:flex}#hud #building-panel #bp-trains:empty{display:none}#hud #building-panel #bp-trains .tcard{text-align:center;background:linear-gradient(#22322b,#17231e);border:1px solid #6a6450;border-radius:4px;flex-direction:column;align-items:center;gap:2px;width:78px;height:auto;min-height:0;padding:5px 4px;transition:border-color .15s,transform .15s;display:flex;position:relative}#hud #building-panel #bp-trains .tcard:hover:not(:disabled){border-color:var(--seal-gold);transform:translateY(-2px)}#hud #building-panel #bp-trains .tcard .ic{height:44px}#hud #building-panel #bp-trains .tcard .piece-portrait{width:40px;height:44px}#hud #building-panel #bp-trains .tcard .nm{max-width:100%;min-height:0;font:600 10.5px/1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;color:#eadfc2;overflow:hidden}#hud #building-panel #bp-trains .tcard .cost{font:600 10px/1.2 var(--font-ui);justify-content:center;gap:0 2px}#hud #building-panel #bp-trains .tcard .cost .res-icon{width:13px;height:13px}#hud #building-panel #bp-trains .tcard .tm{font:10px var(--font-ui);color:#a9ae9c;font-variant-numeric:tabular-nums;position:absolute;top:3px;right:4px}#hud #building-panel #bp-queue{gap:4px;margin:0;display:flex;overflow:visible}#hud #building-panel #bp-queue:empty{display:none}#hud #building-panel #bp-queue .qitem{background:#13201b;border:1px solid #6a6450;border-radius:50%;width:30px;height:30px;overflow:hidden}#hud #building-panel #bp-queue .qitem:first-child{border-color:var(--seal-gold)}#hud #building-panel #bp-queue .qitem .piece-portrait{width:26px;height:28px}#hud #building-panel #bp-trains .bed{cursor:pointer;background:0 0;border:0;align-content:start;justify-items:center;gap:2px;width:52px;height:62px;padding:4px 0 0;display:grid;position:relative}#hud #building-panel #bp-trains .bed .ic{--ring:conic-gradient(#8fb36f calc(var(--mended,0)*360deg),#0d1612 0);background:radial-gradient(circle,#1d2c26 60%,#0000 61%),var(--ring);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #6a6450}#hud #building-panel #bp-trains .bed .piece-portrait{width:34px;height:38px;transform:translateY(2px)}#hud #building-panel #bp-trains .bed .tm{font:600 10px/1 var(--font-ui);color:#cfd6c2;font-variant-numeric:tabular-nums}#hud #building-panel #bp-trains .bed:hover .ic,#hud #building-panel #bp-trains .bed:focus-visible .ic{box-shadow:0 0 0 1px var(--seal-gold)}#hud #building-panel #bp-trains .bed.empty{cursor:default}#hud #building-panel #bp-trains .bed.empty:before{content:"";background:radial-gradient(50% 22% at 50% 58%,#ece6d61a,#0000 70%);border:1px dashed #5e5a4788;border-radius:50%;width:44px;height:44px}#hud #building-panel #landmark-studies{border:0;flex-wrap:wrap;align-items:stretch;gap:6px;margin:0;padding:0;display:flex}#hud #building-panel #landmark-studies[hidden],#hud #building-panel #landmark-studies>h3{display:none}#hud #building-panel #landmark-studies .monument-age{border:1px solid var(--seal-gold);color:#f3e2b2;text-align:center;background:linear-gradient(160deg,#4a3c1ecc,#2a2617);border-radius:4px;align-content:center;gap:2px;width:132px;min-height:84px;padding:6px 8px;display:grid}#hud #building-panel #landmark-studies .monument-age .age-label{font:500 13px/1.2 var(--font-display);letter-spacing:.03em}#hud #building-panel #landmark-studies .monument-age .age-cost{font:600 10.5px var(--font-ui);justify-content:center}#hud #building-panel #landmark-studies .monument-age .age-hint{font:10px/1.25 var(--font-ui);color:#cbbf9c}#hud #building-panel #landmark-studies .monument-age:disabled{filter:saturate(.6)brightness(.85)}#hud #building-panel #landmark-studies .monument-status{display:none}#hud #building-panel #landmark-studies .legacy-shield{align-self:center;width:46px;height:46px}#hud #building-panel #bp-tax{font:11.5px var(--font-ui);border:0;align-items:center;gap:6px;margin:0;padding:0;display:flex}#hud #building-panel #bp-tax[hidden]{display:none}#hud #building-panel #bp-tax h3{font:500 12px var(--font-display);color:#f0d89c;letter-spacing:.04em;margin:0}@media (width<=849px){#hud #building-panel:not(.hidden){grid-template-columns:64px minmax(0,1fr);width:auto;max-width:none;max-height:none;animation:none;bottom:184px;left:8px;right:8px;transform:none}.bp-medallion{width:64px;height:64px}#bp-portrait{width:48px;height:48px}#bp-portrait :is(img,svg,canvas,.piece-portrait){width:42px;height:42px}#hud #building-panel #bp-body{border-top:1px solid #9f855c40;border-left:0;grid-column:1/-1;padding:8px 0 0}#hud #building-panel :is(#bp-trains,#landmark-studies){flex-wrap:wrap}}#hud #top-bar{isolation:isolate}#top-sky{z-index:-1;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#top-bar :is(.res,#civ-badge,#heritage-bar,#morale-chip,#selection-info){text-shadow:0 1px 2px #000c,0 0 6px #0008}#hud #top-bar{border-top:0;border-radius:0 0 8px 8px;top:0}#left-dock{z-index:72;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(440px,42vw);display:flex;position:absolute;top:52px;left:16px}#left-dock>*{pointer-events:auto}@media (width>=850px){#left-dock>:is(#civilization-decree,#reform-edict-box,#production-watch,#reform-seals){max-width:100%;margin:0;position:relative;inset:auto;transform:none}#left-dock #production-watch{flex-wrap:wrap;gap:6px;width:auto;max-height:none;padding:0;display:flex;overflow:visible}#left-dock #production-watch[hidden]{display:none}#left-dock .production-watch-item{background:linear-gradient(#22322bf2,#17231ef2);border-color:#6a6450;border-radius:3px;flex:none;grid-template-columns:30px minmax(0,1fr);width:auto;min-width:148px;max-width:210px;height:40px;padding:3px 34px 5px 4px;box-shadow:0 4px 12px #0006}#left-dock .production-watch-item:hover{border-color:#c9a96a}#left-dock .production-portrait img,#left-dock .production-portrait svg{width:30px;height:30px}#left-dock .production-watch-item .production-name{font:600 12px/1.2 var(--font-ui)}#left-dock .production-watch-item small{font:11px/1.1 var(--font-ui)}#left-dock .production-count{font-size:11px;top:5px;right:6px}#left-dock .production-next{display:none}}@media (width<=849px){#left-dock{display:contents}}#reform-edict{color:#f2e2b6;text-align:left;cursor:pointer;background:linear-gradient(100deg,#3d2f1af2,#24261df2);border:1px solid #c9a96a;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;min-width:236px;padding:8px 28px 10px 10px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #0008,0 0 0 1px #0006}#reform-edict[hidden]{display:none}#reform-edict .edict-seal{color:#f8ecd0;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--seal,#9a3b2c) 55%,#fff),var(--seal,#9a3b2c) 55%,color-mix(in srgb,var(--seal,#9a3b2c) 55%,#000));border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 2px #0003,inset 0 -3px 5px #0004,0 2px 4px #0008}#reform-edict .edict-seal svg{width:100%;height:100%}#reform-edict[data-state=open] .edict-seal:before{content:"✦";color:#fbefd2;text-shadow:0 1px 1px #0008;font-size:16px}#reform-edict strong{font:500 15px/1.2 var(--font-display);letter-spacing:.03em;color:#f6dc97;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#reform-edict small{font:12px/1.3 var(--font-ui);color:#d8ccad;font-variant-numeric:tabular-nums}#reform-edict .edict-progress{height:3px;width:var(--progress,0%);background:linear-gradient(90deg,#b58f4c,#f0d58f);transition:width .4s linear;position:absolute;bottom:0;left:0}#reform-edict[data-state=open]{animation:2.4s ease-in-out 3 age-ready}#reform-edict-box{position:relative}#reform-edict-box[hidden]{display:none}#reform-edict-box .edict-dismiss{z-index:1;width:20px;height:20px;font-size:13px;position:absolute;top:-7px;right:-7px}#reform-edict-box .edict-dismiss[hidden]{display:none}#reform-seals .reform-slot{color:#f0d89c;width:28px;height:28px;font:600 16px/1 var(--font-ui);cursor:pointer;background:#0f1813;border:1px dashed #c9a96a;border-radius:50%;place-items:center;padding:0;display:grid}#reform-seals .reform-slot:hover,#reform-seals .reform-slot:focus-visible{background:#2b2a1c;border-style:solid}#reform-edict[data-state=open] .edict-progress{display:none}#reform-edict[data-state=open]:hover{filter:brightness(1.1)}#reform-edict[data-state=underway]{cursor:default;border-color:#9f855c}:root[data-reduced-motion=true] #reform-edict{animation:none}#reform-council{z-index:155;pointer-events:auto;background:radial-gradient(70% 40% at 50% 0,#d6b46c1f,#0000 70%),linear-gradient(#18261fee,#0f1813f5);border:1px solid #9f855c;border-radius:4px;width:min(900px,100vw - 48px);max-height:calc(100dvh - 64px);padding:18px 22px 22px;animation:.45s cubic-bezier(.2,.8,.2,1) both council-in;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #000c,inset 0 0 0 4px #0b120e,inset 0 0 0 5px #9f855c40}#reform-council[hidden]{display:none}#reform-council>header{background:linear-gradient(90deg,#0000,#9f855c99,#0000) bottom/100% 1px no-repeat;justify-items:center;gap:4px;margin:0 0 16px;padding:0 40px 12px;display:grid;position:relative}#reform-council h2{text-align:center;font:400 clamp(22px,2.4vw,30px)/1.15 var(--font-display);letter-spacing:.06em;color:#f2dca2;text-shadow:0 2px #000a,0 0 24px #d6b46c40;margin:0}#reform-council .reform-lead{text-align:center;font:13px/1.4 var(--font-ui);color:#c9c2a8;margin:0}#reform-council>header button,#reform-edict-box .edict-dismiss{color:#e3c784;font:400 18px/1 var(--font-ui);cursor:pointer;background:radial-gradient(circle at 40% 35%,#24332b,#0f1813);border:1px solid #9f855c;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s,transform .15s;display:grid;box-shadow:inset 0 0 0 2px #0b120e,0 2px 6px #0008}#reform-council>header button{width:34px;height:34px;position:absolute;top:0;right:0}#reform-council>header button:hover,#reform-council>header button:focus-visible,#reform-edict-box .edict-dismiss:hover,#reform-edict-box .edict-dismiss:focus-visible{color:#fbe7b0;background:radial-gradient(circle at 40% 35%,#34463b,#152019);border-color:#e3c784;outline:none;transform:scale(1.06)}#reform-council .reform-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}#reform-council .reform-card{color:#e6dfc7;text-align:center;cursor:pointer;background:linear-gradient(#1c2b23,#121b16);border:1px solid #6a6450;border-radius:4px;align-content:start;justify-items:center;gap:8px;min-width:0;padding:20px 16px 14px;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.6s cubic-bezier(.2,.8,.2,1) both council-card-in;display:grid;box-shadow:0 12px 28px #0008}#reform-council .reform-card:nth-child(2){animation-delay:.12s}#reform-council .reform-card:nth-child(3){animation-delay:.24s}#reform-council .reform-card:hover:not(:disabled),#reform-council .reform-card:focus-visible{border-color:#d6b46c;outline:none;transform:translateY(-5px);box-shadow:0 18px 36px #000a,0 0 30px #d6b46c2c}#reform-council .reform-card:disabled{opacity:.62;cursor:not-allowed}#reform-council .reform-seal{color:#f8ecd0;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--seal) 55%,#fff),var(--seal) 55%,color-mix(in srgb,var(--seal) 55%,#000));border-radius:50%;place-items:center;width:66px;height:66px;display:grid;box-shadow:inset 0 0 0 3px #0003,inset 0 -5px 8px #0004,0 4px 10px #0009}#reform-council .reform-seal svg{width:100%;height:100%}#reform-council .reform-card strong{font:400 20px/1.15 var(--font-display);letter-spacing:.02em;color:#f6e3ad}#reform-council .reform-card p{font:12.5px/1.45 var(--font-ui);color:#c9c5b0;margin:0}#reform-council .reform-gains{width:100%;font:600 12px/1.4 var(--font-ui);color:#b9d39a;border-top:1px solid #9f855c40;gap:2px;margin:2px 0 0;padding:8px 0 0;list-style:none;display:grid}#reform-council .reform-cost{font:600 12px var(--font-ui);flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}:root[data-reduced-motion=true] #reform-council,:root[data-reduced-motion=true] #reform-council .reform-card{animation:none}#reform-seals{background:#16241ee6;border:1px solid #83765980;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;display:flex;box-shadow:0 4px 12px #0006}#reform-seals[hidden]{display:none}#reform-seals>small{font:500 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#cdbb8c}#reform-seals .reform-mark{display:inline-grid;position:relative}#reform-seals .legacy-shield{color:#f8ecd0;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--seal-color) 55%,#fff),var(--seal-color) 55%,color-mix(in srgb,var(--seal-color) 55%,#000));border:0;border-radius:50%;place-items:center;width:28px;height:28px;min-height:0;padding:0;display:grid;box-shadow:inset 0 0 0 2px #0003,0 2px 4px #0008}#reform-seals .legacy-shield svg{width:100%;height:100%}#reform-seals .legacy-shield .seal-tip{display:none}#reform-seals .reform-mark b{min-width:14px;font:600 9px/12px var(--font-display);color:#f0d89c;text-align:center;background:#0f1813;border:1px solid #9f855c;border-radius:999px;padding:0 3px;position:absolute;bottom:-5px;right:-6px}#heritage-dialog .heritage-content{flex-direction:column;gap:16px;padding:16px 18px 20px;display:flex}#heritage-dialog .heritage-content h3{font:600 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#cdbb8c;margin:0 0 8px}.hx-hero{background:radial-gradient(130% 150% at 0% 0%,color-mix(in srgb,var(--civ,#8a6a3a) 40%,transparent),transparent 62%),linear-gradient(120deg,#2b3b31,#18282a);border:1px solid #b29a6866;border-radius:6px;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff14}.hx-hero .civ-emblem{filter:drop-shadow(0 3px 6px #0009);flex:none}.hx-hero small{color:#b9c4ad;font:500 10px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;display:block}.hx-hero strong{font:28px/1.05 var(--font-display);color:#f2dfae;text-shadow:0 2px 6px #0008;margin:2px 0 3px;display:block}.hx-hero span{color:#e0c58e;font:600 12px var(--font-ui);letter-spacing:.04em}.hx-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hx-path:before{content:"";background:linear-gradient(90deg,#d8b86e var(--done,0%),#4f5c4b var(--done,0%));height:2px;position:absolute;top:30px;left:12.5%;right:12.5%}.hx-step{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.hx-medal{box-sizing:border-box;color:#8f9b88;width:62px;height:62px;font:600 22px var(--font-display);background:radial-gradient(circle at 50% 35%,#34503f,#16241f);border:2px solid #5d6a58;border-radius:50%;place-items:center;display:grid;position:relative}.hx-medal img,.hx-medal canvas,.hx-medal .piece-portrait{object-fit:cover;border-radius:50%;width:100%;height:100%}.hx-medal .civ-emblem{filter:drop-shadow(0 1px 2px #000b);position:absolute;bottom:-5px;right:-7px}.hx-step.is-done .hx-medal{border-color:#c9a96a}.hx-step.is-now .hx-medal{box-shadow:0 0 0 3px color-mix(in srgb,var(--civ,#c9a96a) 55%,transparent),0 0 18px #f0d58f50;border-color:#f0d58f}.hx-step.is-next .hx-medal{color:#e0c58e;border:2px dashed #c9a96a;animation:2.4s ease-in-out infinite hx-beckon}.hx-step.is-ahead .hx-medal{opacity:.5}.hx-step b{font:600 10px var(--font-display);letter-spacing:.12em;color:#c9a96a}.hx-step span{font:600 11px/1.2 var(--font-ui);color:#ece0c0;overflow-wrap:anywhere}.hx-step:is(.is-next,.is-ahead) span{color:#98a592;font-weight:500}@keyframes hx-beckon{50%{box-shadow:0 0 0 5px #e0c58e26}}.hx-next{background:#13221ce6;border:1px solid #c9a96a55;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:10px 12px;display:grid}.hx-next p{color:#f0e2bd;font:600 13px/1.35 var(--font-ui);margin:0}.hx-bar{background:#0a1511;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #000a}.hx-bar i{background:linear-gradient(90deg,#b58f4c,#f0d58f);width:0;height:100%;transition:width .4s linear;display:block}.hx-next[data-state=ready]{background:linear-gradient(100deg,#3d2f1af2,#1c2a22f2);border-color:#f0d58f;box-shadow:0 0 16px #f0d58f22}.hx-next[data-state=halt] .hx-bar i{background:#b85a43}.hx-next[data-state=final] .hx-bar{display:none}.hx-next .hx-act{color:#fbefd2;font:600 12px var(--font-ui);cursor:pointer;background:#5a4320;border:1px solid #f0d58f;border-radius:3px;grid-area:1/2;padding:6px 16px}.hx-next .hx-act[hidden]{display:none}.hx-next .hx-act:hover,.hx-next .hx-act:focus-visible{background:#6e5226}.hx-seals{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hx-reform{text-align:center;color:#eadcb8;min-width:0;font:600 11px/1.25 var(--font-ui);flex-direction:column;align-items:center;gap:6px;display:flex}.hx-seal{box-sizing:border-box;color:#c9a96a;width:56px;height:56px;font:600 16px var(--font-display);border-radius:50%;place-items:center;display:grid}.hx-seal svg{filter:drop-shadow(0 3px 5px #0009);width:100%;height:100%}.hx-reform.is-open .hx-seal{background:#1b2a24;border:2px dashed #e0c58e;animation:2.4s ease-in-out infinite hx-beckon}.hx-reform.is-open{color:#f0d58f}.hx-reform.is-underway .hx-seal svg{opacity:.62}.hx-reform.is-passed{opacity:.5;font-weight:500}.hx-reform.is-passed .hx-seal{border:1px solid #5d6a58}.hx-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hx-chip{background:#1c2e26;border-left:3px solid #c9a96a;border-radius:4px;flex-direction:column;gap:3px;min-width:0;padding:8px 10px;display:flex}.hx-chip b{font:600 19px/1 var(--font-display);color:#f3d98d}.hx-chip span{font:500 11px/1.3 var(--font-ui);color:#c6cfbd;overflow-wrap:anywhere}.hx-chip.is-cost{border-left-color:#8c6d5e}.hx-chip.is-cost b{color:#e3b9a6}.hx-empty{color:#98a592;font:italic 12px var(--font-ui);grid-column:1/-1;margin:0}#heritage-dialog :is(.hx-sources,.hx-dossier){border:0;border-top:1px solid #7e735246;margin:0;padding:10px 0 0}#heritage-dialog :is(.hx-sources,.hx-dossier) summary{cursor:pointer;color:#e3c995;font:600 12px var(--font-ui)}.hx-source{color:#c6cfbd;font:12px/1.4 var(--font-ui);border-bottom:1px solid #ffffff0d;gap:2px;padding:7px 0;display:grid}.hx-source strong{color:#ead5a3;align-items:center;gap:6px;font-weight:600;display:flex}.hx-sources p{color:#98a592;margin:8px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.hx-step.is-next .hx-medal,.hx-reform.is-open .hx-seal{animation:none}}@media (width<=420px){.hx-chips{grid-template-columns:1fr}.hx-medal{width:52px;height:52px}.hx-path:before{top:25px}}}@layer menu{#main-menu{--rail-w:280px;--m-gap:28px;--m-bg:#161a18;--m-panel:#1d221f;--m-raise:#242a25;--m-ink:#eee9db;--m-muted:#b0b5a8;--m-line:#626557;--m-soft:#c0ba9c29;--m-accent:#cfb47b;--m-focus:#f0dba6;z-index:50;color:var(--m-ink);background:var(--m-bg);font:14px/1.5 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;display:block;position:fixed;inset:0;overflow:hidden}#main-menu.hidden{display:none}#main-menu *,#main-menu :before,#main-menu :after{box-sizing:border-box}:where(#main-menu) :where(button,input,select){font:inherit;color:inherit}:where(#main-menu) button{cursor:pointer}:where(#main-menu) button:disabled{cursor:not-allowed}:where(#main-menu) :focus-visible{outline:2px solid var(--m-focus);outline-offset:3px}:where(#main-menu) :where(h1,h2,h3,p){margin:0}#menu-scene{inset:0 0 0 var(--rail-w);width:calc(100% - var(--rail-w));z-index:0;height:100%;position:absolute}#main-menu:not([data-screen=landing]) #menu-scene{opacity:.12}.menu-rail{z-index:2;width:var(--rail-w);border-right:1px solid var(--m-soft);background:#141b17f5;flex-direction:column;gap:28px;padding:36px 22px 20px;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto}.rail-brand{justify-items:center;padding:4px 0 26px;line-height:0;display:grid;position:relative}.rail-brand:after{content:"";background:linear-gradient(90deg,#0000,var(--m-accent),#0000);width:64px;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rail-brand img{filter:drop-shadow(0 2px 6px #0008);width:100%;max-width:236px;height:auto;display:block}.screen-kicker,#main-menu .mm-label,.rail-news h2{color:var(--m-muted);font:600 11px/1.4 var(--font-display);letter-spacing:.09em;text-transform:uppercase;display:block}.resume-save{text-align:left;border:1px solid var(--m-line);border-left:3px solid var(--m-accent);background:var(--m-raise);border-radius:2px;gap:2px;margin-left:auto;padding:8px 14px;display:grid}.resume-save[hidden],.resume-note[hidden]{display:none}.resume-kicker{color:var(--m-accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:var(--font-display)}.resume-save strong{font:400 17px/1.2 var(--font-display)}.resume-save small{color:var(--m-muted);font-size:12px}.resume-save:hover{border-color:var(--m-accent)}.resume-note{color:var(--m-muted);margin-left:auto;font-size:12px}.rail-nav{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rail-item{text-align:left;width:100%;transition:background var(--ui-motion-fast);background:0 0;border:0;border-radius:2px;align-items:center;gap:12px;padding:15px 10px;display:flex;position:relative}.rail-item:before{content:"";background:var(--m-accent);opacity:0;width:3px;position:absolute;top:12px;bottom:12px;left:-22px}.rail-item:hover,.rail-item:focus-visible{background:#eee9db08}.rail-item[aria-current=page]{background:#cfb47b12}.rail-item[aria-current=page]:before{opacity:1}.rail-icon{fill:none;width:21px;height:21px;stroke:var(--m-accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.rail-title{font:400 20px/1.2 var(--font-display);color:var(--m-ink);white-space:nowrap}.rail-online{margin-left:auto;display:inline-flex}.mm-dot{background:#787b71;border-radius:50%;width:6px;height:6px}.rail-online.online .mm-dot{background:#a1ba8f}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail-news{border-top:1px solid var(--m-soft);grid-template-columns:minmax(0,1fr);gap:10px;margin-top:auto;padding-top:18px;display:grid}.rail-news>*{min-width:0}.rail-news[hidden]{display:none}.rail-news a{color:inherit;text-decoration:none}.news-feature{border:1px solid var(--m-soft);border-left:3px solid var(--m-accent);background:linear-gradient(135deg,#cfb47b14,#0000 60%),var(--m-raise);transition:border-color var(--ui-motion-fast),background var(--ui-motion-fast);border-radius:2px;gap:6px;padding:12px 14px;display:grid}.news-feature:hover{border-color:var(--m-accent);background:linear-gradient(135deg,#cfb47b24,#0000 60%),var(--m-raise)}.news-meta{color:var(--m-muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.news-meta b{background:var(--m-accent);color:#20251e;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.news-feature strong{color:var(--m-ink);font:500 15px/1.35 var(--font-body)}.news-feature strong,.news-summary{overflow-wrap:anywhere}.news-summary{-webkit-line-clamp:3;color:var(--m-muted);font:13px/1.5 var(--font-body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-earlier{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.news-earlier li{min-width:0}.news-earlier-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.news-earlier a{min-width:0;color:var(--m-ink);white-space:nowrap;text-overflow:ellipsis;gap:8px;padding:5px 2px;font-size:12.5px;display:flex;overflow:hidden}.news-earlier time{color:var(--m-muted);font-variant-numeric:tabular-nums;flex:none}.news-earlier a:hover{color:var(--m-focus)}.news-loading{background:linear-gradient(90deg,#eee9db06,#eee9db12,#eee9db06) 0 0/200% 100%;border-radius:2px;height:58px;animation:1.4s linear infinite news-shimmer}@keyframes news-shimmer{to{background-position:-200% 0}}.news-all{color:var(--m-accent);font:600 12.5px/1.4 var(--font-ui);letter-spacing:.02em;align-items:center;gap:8px;padding:4px 2px;display:flex}.news-all:hover,.news-all:focus-visible{color:var(--m-focus)}.news-all:hover .news-arrow{transform:translate(3px)}.news-all-icon{place-items:center;width:18px;height:18px;display:grid}.news-all-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:16px;height:16px}.news-arrow{color:inherit;transition:transform var(--ui-motion-fast);font-size:13px}.rail-foot{border-top:1px solid var(--m-soft);color:var(--m-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 10px;margin-top:auto;padding-top:16px;font-size:11px;display:grid}.rail-controls{gap:8px;display:flex}.mm-lang{border:1px solid var(--m-soft);border-radius:2px;display:inline-flex}.mm-lang-btn{min-width:32px;color:var(--m-muted);background:0 0;border:0;padding:6px;font-size:11px}.mm-lang-btn.active{background:var(--m-accent);color:#1d221f}#mm-music{border:1px solid var(--m-soft);background:0 0;border-radius:2px;width:32px}#mm-music.off{color:var(--m-muted)}.rail-version{font-variant-numeric:tabular-nums;justify-self:end}.rail-social{justify-self:end;gap:6px;display:flex}.rail-social a{border:1px solid var(--m-soft);width:30px;height:30px;color:var(--m-muted);transition:color var(--ui-motion-fast),border-color var(--ui-motion-fast);border-radius:2px;place-items:center;display:grid}.rail-social a:hover,.rail-social a:focus-visible{color:var(--m-accent);border-color:var(--m-accent)}.rail-social svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rail-social svg .fill{fill:currentColor;stroke:none}.rail-social svg .frame{stroke-width:2.4px}.rail-legal{flex-wrap:wrap;gap:2px 12px;min-width:0;display:flex}.rail-legal a{color:var(--m-muted);font:500 11.5px/1.4 var(--font-ui);letter-spacing:.02em;white-space:nowrap;text-decoration:none}.rail-legal a:hover,.rail-legal a:focus-visible{color:var(--m-ink);text-underline-offset:3px;text-decoration:underline}.mm-stage{z-index:1;inset:0 0 0 var(--rail-w);padding:var(--m-gap);background:#161a18d9;justify-content:center;align-items:center;display:flex;position:absolute}#main-menu[data-screen=landing] .mm-stage{pointer-events:none;background:0 0}#main-menu[data-screen=landing] .mm-frame{display:none}.mm-frame{background:var(--m-panel);border:1px solid var(--m-soft);border-radius:3px;flex-direction:column;width:min(1440px,100%);height:min(940px,100%);min-height:0;display:flex;position:relative;box-shadow:0 18px 60px #0003}#main-menu[data-screen=join] .mm-frame{width:min(520px,100%);height:auto}#main-menu[data-screen=create] .mm-frame{width:min(1020px,100%)}.mm-screen{display:none}.mm-screen.active{flex-direction:column;flex:1;min-height:0;display:flex}.mm-screen[data-screen=landing]{display:none!important}.screen-head{border-bottom:1px solid var(--m-soft);flex:none;align-items:center;gap:20px;padding:24px 28px;display:flex}.screen-titles{gap:5px;min-width:0;margin-right:auto;display:grid}.screen-kicker{color:var(--m-accent)}.screen-titles h2{font:500 30px/1.15 var(--font-display);letter-spacing:.01em}.screen-body{flex:1;min-height:0;padding:26px 28px;overflow:auto}.screen-foot{border-top:1px solid var(--m-soft);background:#181e1a;flex:none;align-items:center;gap:20px;padding:18px 28px;display:flex}.screen-foot>.mm-primary:last-child{margin-left:auto}.mm-back{min-height:38px;color:var(--m-muted);background:0 0;border:0;flex:none;padding:8px 0;font-size:13px}.mm-back:hover{color:var(--m-focus)}.mm-primary,.mm-secondary,.mm-mini-btn,.mm-join-btn{border:1px solid var(--m-line);min-height:42px;font-family:var(--font-display);letter-spacing:.04em;transition:background var(--ui-motion-fast),border-color var(--ui-motion-fast);border-radius:2px;flex:none;padding:10px 18px;font-weight:400}#main-menu .mm-primary{background:var(--m-accent);border-color:var(--m-accent);color:#20251e}#main-menu .mm-primary:hover:not(:disabled){background:var(--m-focus);border-color:var(--m-focus)}.mm-secondary,.mm-mini-btn,.mm-join-btn{color:var(--m-ink);background:0 0}.mm-secondary:hover:not(:disabled),.mm-mini-btn:hover:not(:disabled),.mm-join-btn:hover:not(:disabled){border-color:var(--m-accent);background:#cfb47b12}.mm-mini-btn{min-height:36px;padding:7px 12px;font-size:12px}#main-menu :is(.mm-primary,.mm-secondary,.mm-mini-btn,.mm-join-btn):disabled{opacity:.4}.mm-input{border:1px solid var(--m-line);width:100%;min-height:44px;color:var(--m-ink);background:#161b17;border-radius:2px;padding:10px 12px}.mm-input:focus{border-color:var(--m-accent)}.mm-field{gap:8px;display:grid}.mm-segmented{border:1px solid var(--m-line);display:flex}.mm-segmented button{border:0;border-right:1px solid var(--m-soft);min-height:36px;color:var(--m-muted);font:400 13px var(--font-display);letter-spacing:.03em;white-space:nowrap;background:0 0;flex:1;padding:7px 10px}.mm-segmented button:last-child{border-right:0}.mm-segmented button:hover{color:var(--m-ink);background:#eee9db08}.mm-segmented button.active{box-shadow:inset 0 -2px 0 var(--m-accent)}.mm-status{z-index:3;border:1px solid var(--m-accent);background:var(--m-bg);max-width:calc(100% - 32px);color:var(--m-ink);padding:12px 18px;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.mm-status.hidden{display:none}:is(.mm-civ-btn,.civ-show,.culture-choice)[data-region=mesopotamia]{--civ-tint:#d39a62}:is(.mm-civ-btn,.civ-show,.culture-choice)[data-region=nile]{--civ-tint:#6fa7c4}:is(.mm-civ-btn,.civ-show,.culture-choice)[data-region=india]{--civ-tint:#e0a64a}:is(.mm-civ-btn,.civ-show,.culture-choice)[data-region=china]{--civ-tint:#d0705a}:is(.mm-civ-btn,.civ-show,.culture-choice)[data-region=aegean]{--civ-tint:#8fb4d8}.mm-civs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:10px;display:grid}.mm-civ-btn{--civ-tint:#cfb47b;min-width:0;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;padding:0 0 4px;display:grid;position:relative}.banner-pole{z-index:1;background:linear-gradient(#f4dc9c,#b08a45 55%,#6b5026);border-radius:4px;width:90%;height:7px;position:relative;box-shadow:0 2px 3px #0009}.banner-pole:before,.banner-pole:after{content:"";background:#e6c780;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 0 1px #6b5026}.banner-pole:before{left:-4px}.banner-pole:after{right:-4px}.banner-cloth{--tail:14px;width:86%;min-width:0;padding:clamp(9px, 1.6vh, 15px) 5px calc(var(--tail) + 8px);background:linear-gradient(90deg, #0000 7%, #0004 7% 8.5%, #0000 8.5% 91.5%, #0004 91.5% 93%, #0000 93%), linear-gradient(180deg, color-mix(in srgb, var(--civ-tint) 54%, #241a12), color-mix(in srgb, var(--civ-tint) 24%, #140f0b) 85%);clip-path:polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - var(--tail)), 0 100%);transform-origin:50% 0;filter:saturate(.7)brightness(.74);align-content:start;justify-items:center;gap:6px;margin-top:-3px;transition:filter .25s,padding .45s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.banner-cloth:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000,#f1d48d,#0000);height:1.5px;position:absolute;inset:5px 8% auto}.banner-cloth:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 32%,#ffffff24 46%,#0000 60%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}.banner-cloth .civ-emblem{filter:drop-shadow(0 2px 3px #000a);width:clamp(34px,5vh,44px);height:clamp(34px,5vh,44px)}.mm-civ-btn strong{color:#efe2bf;font:400 12.5px/1.15 var(--font-display);letter-spacing:.02em;text-shadow:0 1px #000c;-webkit-hyphens:auto;hyphens:auto}.mm-civ-btn:hover .banner-cloth{filter:saturate(.92)brightness(.95);animation:1.5s ease-in-out banner-sway}.mm-civ-btn.active .banner-cloth{filter:none;padding-bottom:calc(var(--tail) + clamp(14px, 2.6vh, 28px));animation:4.6s ease-in-out infinite banner-wave}.mm-civ-btn.active .banner-cloth:after{opacity:1;animation:4.6s ease-in-out infinite banner-sheen}.mm-civ-btn.active strong{color:#fff6dc}.mm-civ-btn.active .banner-pole{box-shadow:0 2px 3px #0009, 0 0 14px color-mix(in srgb, var(--civ-tint) 70%, #ffd98a)}.mm-civ-btn:focus-visible{outline:none}.mm-civ-btn:focus-visible .banner-pole{box-shadow:0 0 0 2px var(--m-focus), 0 2px 3px #0009}.mm-civ-btn:focus-visible .banner-cloth{filter:none}.mm-civ-btn:disabled{cursor:default}@keyframes banner-wave{0%,to{transform:skew(0)scaleY(1)}30%{transform:skew(-2.2deg)scaleY(1.012)}64%{transform:skew(1.6deg)scaleY(.996)}}@keyframes banner-sway{0%,to{transform:rotate(0)}35%{transform:rotate(-2.4deg)}70%{transform:rotate(1.4deg)}}@keyframes banner-sheen{0%{background-position:130% 0}55%,to{background-position:-40% 0}}.mm-civ-bonus{min-width:0}.civ-column{flex-direction:column;gap:clamp(10px,1.6vh,16px);min-width:0;display:flex}.single-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px 30px;display:grid}.single-setup{border-left:1px solid var(--m-soft);align-content:start;gap:20px;min-width:0;padding-left:28px;display:grid}@media (width>=1000px){.screen-body:is(.single-layout,.waiting-layout){align-items:stretch;height:100%;padding-block:0;overflow:hidden}:is(.civ-column,.single-setup,.waiting-roster,.waiting-civ-picker){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfb47b55 transparent;min-height:0;overflow-y:auto}.civ-column{padding:clamp(12px,2vh,20px) 8px clamp(12px,2vh,22px) 0}.single-setup{margin-block:clamp(12px,2vh,20px)}.waiting-roster,.waiting-civ-picker{align-content:start;padding:clamp(12px,2vh,20px) 8px clamp(12px,2vh,22px) 0}.waiting-layout>.waiting-civ-picker{flex-direction:column;gap:14px;display:flex}:is(.civ-column,.waiting-civ-picker)>.mm-civ-bonus,:is(.civ-column,.waiting-civ-picker) .civ-show{flex-direction:column;flex:auto;min-height:0;display:flex}:is(.civ-column,.waiting-civ-picker) .civ-show-stage{flex:auto;min-height:196px;max-height:460px;container-type:size}:is(.civ-column,.waiting-civ-picker) .civ-show-stage canvas{width:clamp(70px, calc(100cqh - var(--pad-top) - 50px), 176px)}:is(.civ-column,.waiting-civ-picker) .civ-show-stage .is-unit canvas{width:clamp(84px, calc(100cqh - var(--pad-top) - 62px), 204px)}}#setup-title{font:500 20px/1.2 var(--font-display);letter-spacing:.02em}.setup-options{gap:16px;display:grid}.setup-group,.setup-map{gap:8px;min-width:0;display:grid}#selected-map-description{display:none}.map-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.map-card{text-align:left;border:1px solid var(--m-soft);background:#161b17;border-radius:2px;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.map-card canvas{aspect-ratio:16/10;width:100%;height:auto;display:block}.map-card strong{color:#f3eee0;background:linear-gradient(#0000,#0b0f0ccc);padding:14px 7px 5px;font-size:11.5px;font-weight:500;line-height:1.2;position:absolute;inset:auto 0 0}.map-card small{display:none}.map-card:hover{border-color:var(--m-line)}.map-card[aria-pressed=true]{border-color:var(--m-accent);box-shadow:0 0 0 1px var(--m-accent)}.map-card[aria-pressed=true]:after{content:"✓";background:var(--m-accent);color:#20251e;width:18px;height:18px;font:700 11px var(--font-ui);place-items:center;display:grid;position:absolute;top:5px;right:5px}.match-brief{gap:3px;min-width:0;display:grid}.match-brief strong{font:500 18px/1.3 var(--font-display);letter-spacing:.02em}.match-brief span{color:var(--m-muted);font-size:13px}#sp-start{min-width:200px;min-height:48px;font-size:15px}.civ-show{--civ-tint:#cfb47b;min-width:0;color:var(--m-ink);gap:clamp(10px,1.6vh,14px);display:grid}.civ-show-stage{isolation:isolate;--pad-top:clamp(70px, 10vh, 104px);min-height:clamp(214px,36vh,400px);padding:var(--pad-top) 14px 10px;border:1px solid color-mix(in srgb, var(--civ-tint) 32%, var(--m-soft));background:#101612;border-radius:4px;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0005}.civ-scene{z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--civ-tint) 22%, #121c26) 0%, color-mix(in srgb, var(--civ-tint) 46%, #2c2a2a) 38%, color-mix(in srgb, var(--civ-tint) 68%, #f0c98a) 58%);animation:.6s ease-out both scene-in;position:absolute;inset:0;overflow:hidden}.scene-sun{background:radial-gradient(circle, #fff5d6 0 34%, color-mix(in srgb, var(--civ-tint) 40%, #ffd98a) 52%, #ffd98a00 72%);width:54px;height:54px;box-shadow:0 0 60px 26px color-mix(in srgb, var(--civ-tint) 30%, #ffcf7a55);border-radius:50%;animation:7s ease-in-out infinite sun-breathe;position:absolute;top:12%;right:9%}.scene-cloud{filter:blur(2px);opacity:.55;background:radial-gradient(at 50% 60%,#fff6e2aa,#fff6e200 70%);border-radius:50%;width:160px;height:26px;animation:70s linear infinite cloud-drift;position:absolute;left:0}.scene-cloud:nth-child(2){animation-delay:-12s;top:12%}.scene-cloud:nth-child(3){opacity:.4;width:220px;animation-duration:95s;animation-delay:-60s;top:26%}.scene-cloud:nth-child(4){opacity:.45;width:120px;animation-duration:82s;animation-delay:-35s;top:6%}.scene-land{width:100%;height:64%;position:absolute;inset:auto 0 0}.scene-land .far{fill:color-mix(in srgb, var(--civ-tint) 30%, #1f2b24)}.scene-land .water{fill:color-mix(in srgb, #6fa7c4 70%, var(--civ-tint));opacity:.55}.scene-land .near{fill:#142019}.scene-mote{bottom:18%;left:calc(8% + var(--i) * 13%);opacity:0;width:3px;height:3px;animation:mote-rise calc(7s + var(--i) * .9s) linear infinite;animation-delay:calc(var(--i) * -1.7s);background:#ffe7a8;border-radius:50%;position:absolute;box-shadow:0 0 6px #ffd98a}@keyframes scene-in{0%{opacity:.35;filter:brightness(1.5)}to{opacity:1;filter:none}}@keyframes sun-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes cloud-drift{0%{transform:translate(-240px)}to{transform:translate(1100px)}}@keyframes mote-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.85}to{opacity:0;transform:translate(18px,-170px)}}.civ-show-head{align-items:center;gap:16px;display:flex;position:absolute;top:16px;left:18px;right:90px}.civ-show-medal{background:radial-gradient(circle, color-mix(in srgb, var(--civ-tint) 38%, #0000), #0000 70%);box-shadow:0 0 0 1px color-mix(in srgb, var(--civ-tint) 50%, #0000);border-radius:50%;flex:none;place-items:center;padding:6px;animation:.75s cubic-bezier(.2,.9,.3,1.15) both medal-in;display:grid}.civ-show-titles{text-shadow:0 1px 2px #000c,0 0 18px #0009;gap:3px;min-width:0;display:grid}.civ-show-region{color:#eadcb8;letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:11px;font-family:var(--font-display);animation:.5s .3s both fade-in}.civ-show-name{color:#fff4d6;font:400 clamp(28px, 2.5vw, 40px)/1.05 var(--font-display);letter-spacing:.02em;margin:0;animation:.7s cubic-bezier(.2,.8,.2,1) .12s both name-in}.civ-show-tags{flex-wrap:wrap;gap:6px;margin:3px 0 0;animation:.5s .38s both fade-in;display:flex}.civ-show-legacy,.civ-show-ability{color:#f1dfaf;min-width:0;max-width:100%;font:600 12px/1.5 var(--font-ui);text-shadow:none;white-space:nowrap;cursor:help;background:#0d120f8c;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #e6c78055}.civ-show-legacy>span,.civ-show-ability>span{text-overflow:ellipsis;overflow:hidden}.civ-show-legacy .civ-icon,.civ-show-ability .civ-icon{color:#e6c780;width:13px;height:13px}.civ-show-ability{margin-top:3px;font-size:11.5px}.civ-show-role{border:1px solid color-mix(in srgb, var(--civ-tint) 60%, #0000);color:color-mix(in srgb, var(--civ-tint) 62%, #fbf1d6);font:600 12px/1.5 var(--font-ui);letter-spacing:.03em;text-shadow:none;white-space:nowrap;cursor:help;background:#0d120f8c;border-radius:999px;margin:0;padding:2px 11px}.civ-show-stage figure{text-align:center;justify-items:center;gap:6px;min-width:0;margin:0;animation:.7s cubic-bezier(.2,.8,.2,1) both rise-in;display:grid;position:relative}.civ-show-stage .is-landmark{animation-delay:.1s}.civ-show-stage .is-academy{animation-delay:.2s}.civ-show-stage .is-unit{z-index:1;animation-delay:.32s}.civ-show-stage canvas{filter:drop-shadow(0 7px 7px #000a);width:clamp(96px,min(10.5vw,16vh),170px);max-width:100%;height:auto;display:block;position:relative}.civ-show-stage .is-unit canvas{width:clamp(110px,min(12vw,18.5vh),196px)}.civ-show-stage .is-unit:before{content:"";background:radial-gradient(#e9d4a066,#0000 70%);border-radius:50%;width:90px;height:14px;animation:1s ease-out .55s both dust-puff;position:absolute;top:calc(100% - 64px);left:50%;transform:translate(-50%)}.civ-show-stage figcaption{max-width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--civ-tint) 26%, #0000);color:var(--m-ink);font:500 13px/1.3 var(--font-ui);overflow-wrap:anywhere;background:#0b110dc4;border-radius:3px;justify-items:center;gap:1px;padding:4px 10px 5px;display:grid}.civ-show-stage figcaption small{color:color-mix(in srgb, var(--civ-tint) 50%, #c9c3ad);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-display)}.civ-show-stats{color:var(--m-muted);font:600 12px/1.3 var(--font-ui);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-top:2px;display:flex}.civ-show-stats span{cursor:help;align-items:center;gap:4px;display:inline-flex}@container (height<=300px){.civ-show-stage figcaption small{display:none}.civ-show-stage figcaption{padding-block:2px 3px}.civ-show-ability{margin-top:1px}}.civ-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.civ-show-traits{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.civ-show-traits li.is-benefit,.civ-show-traits li.is-tradeoff{cursor:help;gap:4px;padding:6px 10px;display:inline-flex}.civ-show-traits .civ-show-arrows{letter-spacing:-1px;font-size:10px;font-style:normal}.civ-show-traits .is-benefit .civ-show-arrows{color:#9fd17f}.civ-show-traits .is-tradeoff .civ-show-arrows{color:#f0937a}.civ-show-details{color:var(--m-muted);font:12.5px/1.45 var(--font-ui);margin-top:8px}.civ-show-details summary{cursor:pointer;font:600 11px/1.6 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.civ-show-details ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.civ-show-details .is-benefit strong{color:#b7cf98}.civ-show-details .is-tradeoff strong{color:#e0a891}.civ-show-traits li{white-space:nowrap;border:1px solid var(--m-soft);color:var(--m-ink);font:13px/1.3 var(--font-ui);animation:fade-up .45s calc(.34s + var(--i,0) * 50ms) both;background:#eee9db06;border-left-width:3px;border-radius:3px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 11px;display:grid}.civ-show-traits li .civ-icon{width:17px;height:17px}.civ-show-traits strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.civ-show-traits li>span{text-overflow:ellipsis;overflow:hidden}.civ-show-traits .is-benefit{border-left-color:#9fbd7e}.civ-show-traits .is-benefit :is(strong,.civ-icon){color:#b7cf98}.civ-show-traits .is-tradeoff{border-left-color:#c98a76}.civ-show-traits .is-tradeoff :is(strong,.civ-icon){color:#e0a891}.civ-show-traits .is-note{color:var(--m-muted);border-left-color:var(--m-soft);grid-column:1/-1;display:block}@keyframes medal-in{0%{opacity:0;transform:perspective(300px)rotateY(-130deg)scale(.55)}to{opacity:1;transform:none}}@keyframes name-in{0%{clip-path:inset(0 100% 0 0);letter-spacing:.14em}to{clip-path:inset(0 -10% 0 0);letter-spacing:.02em}}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)scale(.95)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes dust-puff{0%{opacity:.9;transform:translate(-50%)scaleX(.3)}to{opacity:0;transform:translate(-50%)scaleX(1.7)}}.civ-show.is-compact{gap:12px}.civ-show.is-compact .civ-show-stage{--pad-top:clamp(74px, 10vh, 92px);min-height:clamp(206px,32vh,340px)}.civ-show.is-compact .civ-show-name{font-size:clamp(24px,2.1vw,32px)}.civ-show.is-compact .civ-show-traits{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) :is(.civ-show,.civ-show *,.banner-cloth),:root:not([data-reduced-motion=false]) :is(.civ-show-stage .is-unit,.banner-cloth):before,:root:not([data-reduced-motion=false]) .banner-cloth:after{animation:none!important}}:root[data-reduced-motion=true] :is(.civ-show,.civ-show *,.banner-cloth),:root[data-reduced-motion=true] :is(.civ-show-stage .is-unit,.banner-cloth):before,:root[data-reduced-motion=true] .banner-cloth:after{animation:none!important}.lobby-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:26px 28px;display:flex}.join-code-form{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.join-code-form label{color:var(--m-muted);margin-right:4px;font-size:12px}.join-code-form .mm-input{text-transform:uppercase;letter-spacing:.16em;width:110px;min-height:42px;font-weight:700}.lobby-meta{border-block:1px solid var(--m-soft);color:var(--m-muted);flex-wrap:wrap;gap:8px;margin:0 28px;padding:14px 0;font-size:12px;display:flex}#lobby-room-count:not(:empty):before{content:"· "}#lobby-connection{margin-left:auto}#lobby-connection:before{content:"";background:#787b71;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}#lobby-connection.is-connected:before{background:#a1ba8f}.mm-room-list{align-content:start;gap:12px;display:grid}.mm-room-list:has(.mm-room-empty){align-content:center}.mm-room{border:1px solid var(--m-soft);background:#eee9db03;border-radius:2px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px;display:grid}.lobby-map-preview{aspect-ratio:16/10;width:112px;height:auto}.lobby-room-info{gap:6px;min-width:0;display:grid}.lobby-room-info strong{color:var(--m-ink);font:400 22px/1.2 var(--font-display);overflow-wrap:anywhere}.lobby-room-info small{color:var(--m-muted);font-size:12px}.mm-room-empty{text-align:center;justify-items:center;gap:12px;padding:28px 16px 44px;display:grid}.lobby-empty-icon{width:66px;height:66px;color:var(--m-accent);opacity:.75;margin-bottom:8px}.lobby-empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;width:100%;height:100%}.mm-room-empty h3{font:400 28px/1.2 var(--font-display)}.mm-room-empty p{max-width:42ch;color:var(--m-muted);line-height:1.7}.mm-room-empty button{margin-top:8px}.create-room-body{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:start;gap:40px;display:grid}.create-room-fields{gap:20px;min-width:0;display:grid}#create-room-summary{border:1px solid var(--m-soft);background:#151c17;gap:12px;padding:18px;display:grid}#create-room-summary canvas{aspect-ratio:16/10;width:100%;height:auto;margin-bottom:4px;display:block}#create-room-summary h3{font:400 25px/1.2 var(--font-display);overflow-wrap:anywhere}#create-room-summary p{color:var(--m-muted);font-size:12px}#join-pass-field[hidden]{display:none}.room-code{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-code small{color:var(--m-muted);font-size:12px}.room-code code{font:700 22px var(--font-ui);letter-spacing:.18em;color:var(--m-accent);font-variant-numeric:tabular-nums}.waiting-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:0 32px;display:grid}.waiting-civ-picker .banner-cloth .civ-emblem{width:38px;height:38px}.waiting-civ-picker .mm-civ-btn strong{font-size:12px}.waiting-roster,.waiting-civ-picker{gap:16px;min-width:0;display:grid}.room-map-label{color:var(--m-muted);font-size:13px}#room-seats{gap:10px;display:grid}.room-seat{border:1px solid var(--m-soft);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 12px;display:grid}.room-seat-art{place-items:center;width:48px;height:48px;display:grid}.room-seat-art>*{max-width:48px;max-height:48px}.room-seat-info{gap:3px;min-width:0;display:grid}.room-seat-info small{color:var(--m-muted);font-size:12px}.room-seat-info strong{font:400 18px/1.25 var(--font-display)}.room-seat-status{color:var(--m-accent);font-size:12px}.room-team-badge{color:var(--m-muted);justify-self:start;font-size:11px}.seat-controls{flex-wrap:wrap;grid-column:3;justify-content:flex-end;gap:6px;max-width:260px;display:flex}.seat-chip{text-align:left;border:1px solid var(--m-soft);background:#eee9db05;border-radius:2px;gap:1px;min-width:74px;padding:5px 10px;display:grid}.seat-chip small{color:var(--m-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-family:var(--font-display)}.seat-chip strong{color:var(--m-ink);font:500 13px/1.3 var(--font-ui);white-space:nowrap}.seat-chip:hover:not(:disabled){border-color:var(--m-accent);background:#cfb47b12}.seat-chip:disabled{cursor:default;opacity:.75}.seat-name{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.seat-name-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.seat-name-form input{border:1px solid var(--m-soft);width:180px;min-width:0;color:var(--m-ink);font:14px/1.3 var(--font-ui);background:#0004;border-radius:2px;padding:6px 10px}.seat-name-form input:focus-visible{outline:2px solid var(--m-accent);outline-offset:1px}.seat-name-form .seat-chip{min-width:0;color:var(--m-ink)}.seat-name-error{color:#f0b7a4;flex-basis:100%;font-size:12px}.room-seat-info small.is-verified{color:var(--m-ink)}.setup-seats{gap:8px;display:grid}.solo-seats{scrollbar-gutter:stable;gap:6px;max-height:330px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.solo-seat{border:1px solid var(--m-soft);border-left:3px solid var(--seat-color);border-radius:2px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px 10px;padding:8px 10px 8px 8px;display:grid}.solo-seat.is-you{background:#cfb47b0d}.solo-seat.is-closed{opacity:.6}.solo-seat-mark{width:30px;height:30px;color:var(--m-muted);font:600 13px/1 var(--font-ui);place-items:center;display:grid}.solo-seat-name{min-width:0;color:var(--m-ink);font:500 13px/1.35 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.solo-seat .seat-controls{grid-column:1/-1;justify-content:flex-start;gap:5px;max-width:none}.solo-seat .seat-chip{min-width:0;padding:3px 8px}.solo-seat .seat-chip strong{font-size:12px}.mm-segmented{background:#0d120f66;border-radius:3px;overflow:hidden}.mm-segmented button{transition:color var(--ui-motion-fast),background var(--ui-motion-fast)}.mm-segmented button.active{color:#f6efd9;background:linear-gradient(#cfb47b38,#cfb47b16)}#setup-title{align-items:center;gap:12px;display:flex}#setup-title:after{content:"";background:linear-gradient(90deg,var(--m-accent),transparent);opacity:.55;flex:1;height:1px}.setup-group>.mm-label,.setup-map>.mm-label,.waiting-civ-picker>.mm-label{align-items:center;gap:7px;display:flex}.setup-group>.mm-label:before,.setup-map>.mm-label:before,.waiting-civ-picker>.mm-label:before{content:"";background:var(--m-accent);opacity:.8;width:5px;height:5px;transform:rotate(45deg)}.solo-seat{background:linear-gradient(90deg,color-mix(in srgb,var(--seat-color) 12%,transparent),transparent 55%),#eee9db04}.room-seat{transition:border-color var(--ui-motion-fast),background var(--ui-motion-fast);background:linear-gradient(90deg,#eee9db08,#0000 60%),#121814;border-radius:3px;position:relative}.room-seat:not(.is-empty):hover{border-color:var(--m-line)}.room-seat-art{box-shadow:0 0 0 1px var(--m-soft);background:radial-gradient(circle,#cfb47b1f,#0000 70%);border-radius:50%}.room-code code{border:1px dashed color-mix(in srgb,var(--m-accent) 60%,transparent);background:#cfb47b0f;border-radius:3px;padding:3px 10px}@media (width>=1191px){.single-setup{border:1px solid var(--m-soft);background:linear-gradient(#1a221d,#131915);border-radius:3px;padding:22px 22px 24px;box-shadow:0 10px 30px #0003}}.setup-hint{color:var(--m-muted);font:12px/1.4 var(--font-ui)}.room-seat.is-ready{border-left:2px solid #9bae84}.room-seat.is-empty .room-seat-art:before{content:"";border:1px dashed var(--m-line);opacity:.6;border-radius:50% 50% 4px 4px;width:28px;height:32px}.room-actions{flex-wrap:wrap}#room-ready-hint{color:var(--m-muted);flex:180px;margin-right:auto;font-size:13px}#main-menu #room-ready[aria-pressed=true]{color:var(--m-ink);background:#36402e}#room-start[hidden]{display:none}@media (width>=1191px){.create-room-fields .map-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}#library-root{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.library-toolbar{border-bottom:1px solid var(--m-soft);flex-wrap:wrap;align-items:center;gap:14px;padding:20px 28px;display:flex}.library-search{width:240px}.library-rule{color:var(--m-muted);flex:320px;margin:0;font-size:12px}.library-status{color:var(--m-accent);font-size:12px}.library-legend{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.library-legend li{color:var(--m-muted);font:500 12px/1.3 var(--font-ui);align-items:center;gap:6px;display:inline-flex}.library-legend li:before{content:"";background:linear-gradient(90deg, #0006, #fff2 30%, #0000 60%, #0005), var(--binding);border-radius:2px 2px 1px 1px;width:10px;height:16px;box-shadow:inset 0 0 0 1px #0006}.vignette-specialty{background:color-mix(in srgb, var(--binding) 70%, #000);color:#f1e4c3;font:600 11px/1.6 var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:1px 10px;box-shadow:inset 0 0 0 1px #e3c57c55}.library-status:empty{display:none}.library-bookcase{background:radial-gradient(70% 36% at 50% 0,#f0b45a26,#0000 72%),repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 11px),linear-gradient(#271b12,#17110c);flex:1;align-content:start;gap:30px;min-height:0;padding:26px 32px 36px;display:grid;overflow:auto}.library-shelf{padding:0 16px;position:relative}.library-shelf:before,.library-shelf:after{content:"";background:linear-gradient(90deg,#3b2817,#6d4c2c 45%,#3b2817);border-radius:2px;width:12px;position:absolute;top:34px;bottom:0;box-shadow:0 6px 12px #0008}.library-shelf:before{left:0}.library-shelf:after{right:0}.shelf-bay{background:radial-gradient(60% 70% at 40% 0,#f0b45a14,#0000 70%),linear-gradient(#0e0a07,#20180f 85%);border-radius:2px 2px 0 0;grid-template-columns:minmax(0,1fr) 240px;display:grid;box-shadow:inset 0 14px 22px #000c,inset 0 -2px #0006}.shelf-plaque{color:#ecdcb2;font:500 12px/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#6f5533,#4a371f);border:1px solid #8c6d3f;border-radius:2px;margin:0 0 10px;padding:4px 14px;display:inline-block;box-shadow:inset 0 1px #fff2,0 2px 4px #0008}.shelf-row{--tier:266px;--board:14px;align-items:flex-end;column-gap:4px;row-gap:var(--board);background:linear-gradient(#0000 calc(100% - var(--board)), #7c5934 calc(100% - var(--board)), #4e3620 calc(100% - 5px), #2d1f13) 0 26px / 100% calc(var(--tier) + var(--board)) repeat-y;background-origin:padding-box;flex-wrap:wrap;min-height:284px;margin:0;padding:26px 18px 0;list-style:none;display:flex}.shelf-row>li{flex:none;align-items:flex-end;display:flex}.shelf-row>li:not(.shelf-bookend){height:var(--tier)}.shelf-row>.shelf-bookend{margin-top:calc(var(--tier) - 66px);place-items:center;display:grid}.shelf-board{background:linear-gradient(#7c5934,#4e3620 60%,#2d1f13);border-radius:2px;height:16px;margin:0 -8px;box-shadow:0 7px 12px #0009,inset 0 1px #c0915a66}.shelf-bookend{color:#dcc188;width:26px;height:66px;font:600 13px/1 var(--font-display);background:linear-gradient(90deg,#3b2919,#5d422a);border:1px solid #7d5c36;border-radius:3px 3px 0 0;place-items:center;margin:0 7px;display:grid;box-shadow:inset 0 -1px #ffffff14}.library-book{width:var(--book-w);height:var(--book-h);cursor:pointer;background:linear-gradient(90deg, #0007 0 5%, #fff2 10%, #0000 24%, #0000 76%, #0005 92%, #0009), repeating-linear-gradient(0deg, #ffffff05 0 1px, #0000 1px 3px), linear-gradient(#ffffff10, #0000 30%, #0003), var(--binding);transform-origin:bottom;border:0;border-radius:3px 3px 1px 1px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0 8px;transition:transform .22s,box-shadow .22s,filter .22s,opacity .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0006,0 1px #0008}.library-book:before,.library-book:after{content:"";opacity:.85;background:linear-gradient(90deg,#8e6c32,#e3c57c,#8e6c32);height:2px;position:absolute;left:3px;right:3px}.library-book:before{top:36px;box-shadow:0 4px 0 -1px #c9a65a88}.library-book:after{bottom:26px;box-shadow:0 -4px 0 -1px #c9a65a88}.book-emblem{place-items:center;line-height:0;display:grid}.book-title{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;color:#f1e4c3;font:500 12px/1 var(--font-display);letter-spacing:.05em;text-shadow:0 1px #0009;flex:1;align-items:center;margin:16px 0 10px;display:flex;overflow:hidden}.book-age{color:#dcc188;font:600 10px/1 var(--font-display)}.library-book:hover,.library-book:focus-visible,.library-book.is-current{z-index:1;transform:translateY(-18px)rotate(-2deg);box-shadow:inset 0 0 0 1px #0006,0 16px 20px #000b}.library-book:focus-visible{outline:2px solid var(--m-focus);outline-offset:3px}.library-shelf.is-browsing .library-book:not(.is-current,.is-next,.is-prev){filter:brightness(.5)saturate(.7)}.library-book.is-next{transform:translateY(-7px);box-shadow:inset 0 0 0 1px #0006,0 0 0 1px #e3c57cbb,0 6px 10px #0008}.library-book.is-prev{filter:brightness(.92);transform:translateY(-3px)}.shelf-vignette{--binding:#4a371f;text-align:center;background:radial-gradient(at 50% 20%,#f0b45a1f,#0000 70%),linear-gradient(#33251a,#1f1710);border:1px solid #8c6d3f66;border-radius:4px;align-content:center;justify-items:center;gap:6px;margin:20px 16px 12px 4px;padding:16px 14px;transition:background .25s,border-color .25s;display:grid;box-shadow:inset 0 1px #ffffff12,0 8px 18px #0007}.shelf-vignette.is-book{border-color:color-mix(in srgb, var(--binding) 60%, #e3c57c);background:radial-gradient(ellipse at 50% 20%, #f0b45a24, #0000 70%), linear-gradient(color-mix(in srgb, var(--binding) 55%, #1f1710), #1a130d)}.vignette-seal{background:radial-gradient(circle,#f0b45a2e,#0000 70%);border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 0 0 1px #c9a65a66,inset 0 0 12px #0006}.shelf-vignette strong{color:#f1e4c3;font:500 17px/1.25 var(--font-display);letter-spacing:.03em}.vignette-meta{color:#cdbf9a;font:12.5px/1.45 var(--font-ui)}.shelf-links{color:#dcc188;font:12px/1.45 var(--font-ui);display:block}.library-bookcase.is-searching .library-book.is-filtered{opacity:.16;pointer-events:none}.library-cardbar{border-bottom:1px solid var(--m-soft);align-items:center;gap:20px;padding:10px 28px;display:flex}.library-crumbs{color:var(--m-muted);font-size:12px}.library-page{background:radial-gradient(at 50% 30%,#2e241a,#14100d 75%);flex:1;min-height:0;padding:32px;overflow:auto}@media (width>=761px) and (width<=999px){.single-layout{grid-template-columns:minmax(0,1fr);gap:22px}.single-setup{border-left:0;border-top:1px solid var(--m-soft);grid-template-columns:1fr 1.15fr;padding:24px 0 0}#setup-title{grid-column:1/-1}.single-setup .setup-map{align-content:start}.waiting-layout{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width>=1000px) and (width<=1399px){.single-layout{grid-template-columns:minmax(0,1fr) 300px;gap:0 22px}}@media (width>=761px) and (width<=1190px){#main-menu{--rail-w:216px;--m-gap:18px}.menu-rail{padding-inline:16px}.rail-brand img{max-width:184px}.rail-title{font-size:18px}.rail-item{gap:8px;padding-inline:6px}.map-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.join-code-form{margin-left:0}.seat-controls{grid-column:2/-1;max-width:none}}@media (height<=1000px) and (height>=761px) and (width>=761px){.menu-rail{gap:20px;padding-top:28px}.rail-brand{padding-bottom:20px}.rail-brand img{max-width:188px}.rail-item{padding-block:11px}.rail-news{padding-top:14px}.news-summary{-webkit-line-clamp:2}.news-earlier li:nth-child(n+2){display:none}}@media (height<=880px) and (height>=761px) and (width>=761px){.menu-rail{gap:16px}.rail-brand img{max-width:176px}.rail-news .news-earlier{display:none}}@media (height<=820px) and (width>=761px){.screen-head{padding-block:14px}.screen-foot{padding-block:11px}}@media (height<=760px) and (width>=761px){#main-menu{--m-gap:18px}.menu-rail{gap:14px;padding-top:18px;padding-bottom:14px}.rail-brand{padding-bottom:14px}.rail-brand img{max-width:150px}.rail-item{padding-block:9px}.rail-news{gap:6px;padding-top:10px}.rail-news .news-summary,.rail-news .news-earlier{display:none}.news-feature{gap:3px;padding:8px 12px}.news-feature strong{font-size:13.5px}.screen-head{padding-block:12px}.screen-titles h2{font-size:26px}.screen-body{padding-block:22px}.screen-foot{padding-block:10px}.single-setup{gap:16px}.setup-options{gap:14px}.civ-show{gap:12px}.civ-show-stage{--pad-top:66px}.civ-show-head{top:10px}.civ-show-stage figcaption{padding-block:3px 4px}.civ-show-stats{gap:2px 7px;font-size:11px}.banner-cloth{padding-top:12px}.banner-cloth .civ-emblem{width:38px;height:38px}.mm-civ-btn.active .banner-cloth{padding-bottom:calc(var(--tail) + 20px)}}@media (width<=760px){#main-menu{--m-gap:0;overflow-y:auto}#menu-scene{width:100%;position:fixed;left:0}.menu-rail{border:0;width:min(350px,100%);min-height:100dvh;padding:28px 22px 20px;position:relative}#main-menu:not([data-screen=landing]) .menu-rail{display:none}.mm-stage{background:var(--m-panel);min-height:100dvh;padding:0;position:relative;inset:auto}#main-menu[data-screen=landing] .mm-stage{display:none}.mm-frame,#main-menu:is([data-screen=join],[data-screen=create]) .mm-frame{width:100%;height:auto;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.screen-head{z-index:2;background:var(--m-panel);gap:16px;padding:16px 20px;position:sticky;top:0}.screen-titles h2{font-size:26px}.screen-body{padding:22px 20px;overflow:visible}.screen-foot{z-index:2;flex-wrap:wrap;padding:14px 20px;position:sticky;bottom:0}.single-layout,.create-room-body,.waiting-layout{grid-template-rows:none;grid-template-columns:1fr;gap:28px}.mm-civs{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;row-gap:14px}.banner-cloth .civ-emblem{width:34px;height:34px}.civ-show-stage{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:6px}.single-setup{border-left:0;border-top:1px solid var(--m-soft);grid-area:auto/1;padding:24px 0 0}.single-setup .setup-options{grid-template-columns:1fr 1fr}.setup-options .setup-group:nth-child(2){grid-area:2/1/auto/-1}.map-card strong{font-size:13px}.single-footer{gap:10px}.match-brief{flex:150px}#sp-start{min-width:150px}.lobby-toolbar{padding:22px 20px}.join-code-form{width:100%;margin-left:0}.lobby-meta{margin-inline:20px}.mm-room{grid-template-columns:80px minmax(0,1fr);gap:12px}.lobby-map-preview{width:80px}.mm-room .mm-join-btn{grid-column:1/-1}.room-heading{flex-wrap:wrap}.room-code{width:100%}.room-seat{grid-template-columns:40px minmax(0,1fr)}.seat-controls{grid-column:2;max-width:none}#library-root{flex:auto;height:calc(100dvh - 92px);overflow:hidden}.library-toolbar{gap:10px;padding:16px 20px}.library-search,.library-regions{width:100%}.library-regions button{white-space:normal;flex:30%;padding-inline:8px}.library-bookcase{padding:18px 12px 26px}.library-shelf{padding:0 4px}.library-shelf:before,.library-shelf:after{display:none}.shelf-bay{grid-template-columns:minmax(0,1fr)}.shelf-vignette{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;margin:0 10px 12px;padding:10px 12px}.shelf-vignette .vignette-seal{grid-row:span 3;width:56px;height:56px}.library-cardbar{gap:12px;padding:10px 20px}.library-page{padding:16px}}@media (width<=400px){.screen-head{padding-inline:16px}.screen-titles h2{font-size:23px}.screen-body,.single-footer{padding-inline:16px}#sp-start{min-width:130px;padding-inline:12px}.join-code-form label{width:100%}}:root[data-high-contrast=true] #main-menu{--m-bg:var(--ui-surface-0);--m-panel:var(--ui-surface-0);--m-raise:var(--ui-surface-1);--m-ink:var(--ui-ink);--m-muted:var(--ui-ink-muted);--m-line:var(--ui-line);--m-soft:var(--ui-line-soft);--m-accent:var(--ui-accent);--m-focus:var(--ui-focus)}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) #main-menu *{transition:none!important}}:root[data-reduced-motion=true] #main-menu *{transition:none!important}.menu-civic{z-index:1;pointer-events:none;position:absolute;inset:0}#main-menu:not([data-screen=landing]) .menu-civic{display:none}.civic-site{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:fixed}.civic-site:focus-visible{outline:none}.civic-sign{--cut:7px;--gold:#e6c780;--gold-deep:#8d6b33;filter:drop-shadow(0 3px 5px #0b120fcc);transition:transform var(--ui-motion-fast) ease, filter var(--ui-motion-fast) ease;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}.civic-sign-frame{background:linear-gradient(160deg, #f6dfa0, var(--gold) 38%, var(--gold-deep) 70%, #d9b56d);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));padding:1.5px;display:block}.civic-sign-face{--inner:calc(var(--cut) - 1px);white-space:nowrap;clip-path:polygon(var(--inner) 0, calc(100% - var(--inner)) 0, 100% var(--inner), 100% calc(100% - var(--inner)), calc(100% - var(--inner)) 100%, var(--inner) 100%, 0 calc(100% - var(--inner)), 0 var(--inner));background:radial-gradient(80% 120% at 50% 0,#3b5446 0%,#1f3329 55%,#15241d 100%);align-items:center;gap:7px;padding:5px 15px 5px 11px;display:flex;box-shadow:inset 0 1px #ffffff1f,inset 0 -6px 10px #0006}.civic-icon{fill:none;width:15px;height:15px;stroke:var(--gold);stroke-width:1.7px;stroke-linejoin:round;flex:none}.civic-plaque{color:var(--gold);font:400 15px/1.1 var(--font-display);letter-spacing:.07em;text-shadow:0 1px #070d0a,0 -1px #ffffff14}.civic-site:hover .civic-sign,.civic-site:focus-visible .civic-sign{filter:drop-shadow(0 6px 10px #0b120fdd)drop-shadow(0 0 7px #f1cf7a66)brightness(1.1);transform:translate(-50%,3px)}@media (width<=899px){.menu-civic{display:none}}.room-invite-wrap{display:inline-flex;position:relative}.seat-choice{z-index:200;background:#16231f;border:1px solid #cfb47b99;border-radius:2px;flex-direction:column;min-width:180px;max-width:240px;padding:4px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 26px #000a}.seat-choice-option{text-align:left;color:#eee9db;font:500 13px/1.3 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:6px 10px}.seat-choice-option:hover,.seat-choice-option:focus-visible{background:#cfb47b22;outline:none}.seat-choice-option[aria-selected=true]{color:#e9cf8f;font-weight:700}}.civ-emblem{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.civ-name{align-items:center;gap:.55em;display:flex}.civ-name>.civ-emblem{flex-shrink:0}.unit-civ-emblem{position:absolute;bottom:-3px;right:-3px}#sel-portrait,.sel-grid-item{position:relative;overflow:visible}#civ-badge .cb-emblem{align-items:center;display:flex}.heritage-bar-emblem{flex:none;align-items:center;display:flex}.heritage-bar-heading>.heritage-bar-label{flex:1}.room-seat-art{position:relative}.room-seat-art>.civ-emblem{position:absolute;bottom:-4px;right:-4px}#match-roster li>.roster-civ{border-color:#0000}.roster-civ>.civ-emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roster-seat-number{min-width:10px;color:var(--seat-color);font:700 9px/11px var(--font-ui);text-align:center;background:#182522;border:1px solid;border-radius:2px;padding:0 1px;position:absolute;bottom:-7px;left:-6px}@font-face{font-family:Cradlecrown Display;src:url(/assets/cradlecrown-display-Do7XFNn_.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Cradlecrown Text;src:url(/assets/cradlecrown-text-regular-CLp5lHJs.woff)format("woff");font-weight:100 499;font-style:normal;font-display:swap}@font-face{font-family:Cradlecrown Text;src:url(/assets/cradlecrown-text-medium-DERY28B4.woff)format("woff");font-weight:500 649;font-style:normal;font-display:swap}@font-face{font-family:Cradlecrown Text;src:url(/assets/cradlecrown-text-bold-CWoHzwVq.woff)format("woff");font-weight:650 900;font-style:normal;font-display:swap}