:root{color:#f6edcf;font-synthesis:none;background:#0d1d1a;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.landing{background:radial-gradient(circle at top,#314d3c,#0b1715 65%);place-items:center;min-height:100vh;padding:2rem;display:grid}.banner{border-radius:12px;width:min(820px,92vw);box-shadow:0 18px 70px #000a}.login-card{text-align:center;background:#17251fee;border:1px solid #9b7d43;border-radius:12px;gap:1rem;width:min(390px,92vw);margin-top:-8rem;padding:2rem;display:grid;box-shadow:0 18px 60px #000c}.login-card img{border-radius:16px;width:72px;margin:0 auto}.login-card h1{margin:0;font-size:1.35rem}.login-card input{color:#f6edcf;background:#0e1713;border:1px solid #79663f;border-radius:5px;padding:.8rem}.login-card button,aside button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:5px;padding:.7rem}.error,.toast{color:#ffb0a6}.game-shell{background:#0c2730;grid-template:64px 1fr/minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}header{z-index:10;background:#15241fed;border-bottom:1px solid #806936;grid-column:1;align-items:center;gap:.75rem;min-width:0;max-width:100vw;padding:0 1.2rem;display:flex;overflow:visible}header>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;overflow:hidden}.header-logo{object-fit:contain;flex:0 0 44px;width:44px;height:44px}.header-logout{flex:0 0 44px;width:44px;height:44px;background:0 0!important;border:0!important;border-image:!important;padding:0!important}.header-logout img{object-fit:contain;width:100%;height:100%;display:block}.quiet{color:#d9c99d;background:0 0;border:0}.header-menu-group{flex:none;position:relative}.header-popup{z-index:12;background:#17251ffd;border:1px solid #b69655;border-radius:6px;min-width:160px;padding:.4rem;display:grid;position:absolute;top:calc(100% + .65rem);left:0;box-shadow:0 12px 35px #000b}.header-popup-right{left:auto;right:0}.header-popup button{color:#f6edcf;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:.55rem .7rem}.header-popup button:hover,.header-popup button:focus-visible{background:#59451e}.profile-menu-button{align-items:center;gap:.3rem;display:inline-flex}aside{z-index:2;background:#17251fee;border-right:1px solid #806936;padding:1rem;overflow-y:auto}.sidebar-collapse{color:#fff5d4;text-align:center;height:2rem;min-height:0;margin:0 0 .55rem auto;font-size:1.1rem;line-height:1;display:block;background:#17251f!important;border:1px solid #a88949!important;border-image:!important;border-radius:50%!important;width:2rem!important;padding:0!important}.build-sidebar-collapsed aside{padding:.35rem;overflow:hidden}aside h2{margin-top:0}aside button{text-align:left;width:100%;margin-bottom:.45rem}aside button.active{background:#90712f;outline:2px solid #dfc578}aside button:disabled{opacity:.48;cursor:not-allowed}.build-info{color:#cdbf99;margin-top:.7rem;line-height:1.4;display:block}.construction-queue{border-top:0;margin-top:1rem;padding-top:0}.construction-queue:before,.fleet-section:before{content:"";aspect-ratio:3072/250;pointer-events:none;background:url(/ui/hr.png) 50%/100% no-repeat;width:100%;max-width:520px;height:auto;margin:0 auto .55rem;display:block}.construction-queue h3{color:#dfc578;justify-content:space-between;margin:0 0 .55rem;font-size:1rem;display:flex}.construction-queue article{background:#0e1713bb;border-radius:4px;margin-bottom:.55rem;padding:.45rem}.construction-queue article>div:first-child{justify-content:space-between;gap:.4rem;font-size:.78rem;display:flex}.construction-queue article small{color:#cdbf99;white-space:nowrap}.construction-progress{background:#26352f;border-radius:3px;height:5px;margin-top:.4rem;overflow:hidden}.construction-progress span{background:#d69b3c;height:100%;transition:width .8s linear;display:block}.game-canvas{overscroll-behavior:none;grid-area:2/1;min-width:0;min-height:0;position:relative;overflow:hidden}.game-canvas canvas{touch-action:none;image-rendering:auto;display:block}.map-menu-overlay{z-index:12;background:0 0;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex;position:fixed;top:calc(64px + .75rem);left:.75rem}.overlay-icon-button{filter:drop-shadow(0 2px 3px #000b);width:52px;height:52px;position:relative;background:0 0!important;border:0!important;border-image:!important;padding:0!important}.overlay-icon-button:hover,.overlay-icon-button:focus-visible,.overlay-icon-button.active,.overlay-icon-button[aria-expanded=true]{filter:drop-shadow(0 0 6px #f0c75ef2);transform:translateY(-1px)}.overlay-icon-button img{object-fit:contain;width:100%;height:100%;display:block}.menu-badge{color:#fff;background:#b72d2d;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.7rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.2rem;right:-.2rem}.overlay-popup{z-index:13;touch-action:pan-y;background:#141f1bf7;border:1px solid #9d7939;border-radius:.55rem;gap:.45rem;min-width:180px;max-width:calc(100vw - 5rem);max-height:calc(100dvh - 80px);padding:.65rem;display:grid;position:absolute;top:0;left:calc(100% + .35rem);overflow:auto;box-shadow:0 8px 24px #0009}.overlay-popup-right{left:calc(100% + .35rem);right:auto}.overlay-popup-build{min-width:min(300px,100vw - 5rem)}.overlay-popup h3,.overlay-popup p{margin:0}.overlay-popup>button{color:#dfc578;text-align:center;width:100%;position:relative}.submenu-badge{color:#fff;vertical-align:middle;background:#b72d2d;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .25rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.overlay-scroll-button{filter:drop-shadow(0 2px 3px #000b);width:52px;height:38px;font-size:1.6rem;line-height:1;position:relative;color:#f0c75e!important;background:#17251fe8!important;border:1px solid #9d7939!important;border-image:!important;border-radius:999px!important;padding:0!important}.build-direction{color:#f5df9a;white-space:nowrap;align-items:center;gap:.45rem;display:flex}.build-direction-arrow{color:#ffe08a;transform-origin:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:1.55rem;font-weight:800;line-height:1;transition:transform .15s;display:inline-grid}.map-engine-status{z-index:5;color:#e9dcae;text-align:center;background:#0c2730;place-content:center;justify-items:center;gap:.75rem;padding:1rem;display:grid;position:absolute;inset:0}.map-engine-status button{min-width:10rem}.map-controls{z-index:4;gap:.35rem;display:grid;position:absolute;top:.7rem;right:.7rem}.map-controls button{color:#fff5d4;background:#17251fee;border:1px solid #b69655;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.25rem}.preview-status{z-index:4;color:#dff0cf;white-space:nowrap;pointer-events:none;background:#17351dee;border:1px solid #6f9d62;border-radius:4px;padding:.4rem .65rem;font-size:.82rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.preview-status.invalid{color:#ffd8cf;background:#471b18ee;border-color:#a44f42}.build-mode-dialog{z-index:7;background:#17251ff5;border:2px solid #d2ae50;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:.65rem .8rem;width:min(680px,100vw - 40px);padding:.8rem 2.8rem .8rem .8rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000a}.build-dialog-summary{grid-row:1/3;gap:.15rem;min-width:0;display:grid}.build-dialog-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.build-dialog-summary small,.build-dialog-summary span{color:#cdbf99}.build-mode-dialog button{border-radius:5px;padding:.5rem .65rem}.build-mode-dialog button:disabled{opacity:.55;cursor:not-allowed}.build-dialog-close{background:0 0;border:0;width:34px;height:34px;position:absolute;top:.35rem;right:.4rem;padding:0!important}.build-dialog-close img,.panel-close img{object-fit:contain;width:100%;height:100%;display:block}.build-mode-dialog .rotate-button{color:#fff5d4;text-align:center;background:#59451e;border:1px solid #a88949;width:auto;margin:0}.build-dialog-actions{justify-content:end;gap:.5rem;display:flex}.cancel-placement{color:#d9c99d;background:0 0;border:1px solid #79663f}.confirm-placement{color:#fff5d4;background:#765c25;border:1px solid #d2ae50}.ruler-card{background:#17251fee;border:1px solid #9b7d43;border-radius:8px;min-width:230px;padding:1rem;position:fixed;bottom:1rem;right:1rem}.ruler-card h2,.ruler-card p{margin:.35rem 0}.building-card{z-index:4;background:#17251ff2;border:2px solid #d2ae50;border-radius:8px;width:min(340px,100vw - 2rem);padding:1rem;position:fixed;bottom:1rem;left:1rem;box-shadow:0 12px 40px #0009}.building-card h2,.building-card p{margin:.35rem 0}.building-card .danger-button{color:#ffd8cf;background:#54251f;border:1px solid #9d5548;border-radius:4px;margin-top:.45rem;padding:.4rem .65rem}.market-card{z-index:15;overscroll-behavior:contain;touch-action:pan-y;background:#17251ff2;border:1px solid #9b7d43;border-radius:8px;width:min(620px,100vw - 2rem);max-height:42vh;padding:calc(1rem + 9px) calc(1rem + 3px);position:fixed;top:5rem;right:1rem;overflow:hidden auto}.market-close{float:right;color:#d9c99d;background:0 0;border:0;font-size:1.2rem}.market-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.market-heading h2{margin:.2rem 0 .7rem}.live-status{color:#d6ad63}.live-status.connected{color:#8fc681}.market-heading input{color:#f6edcf;background:#0e1713;border:1px solid #79663f;width:76px;margin-left:.4rem;padding:.35rem}.market-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.market-row{background:#0e1713bb;border-radius:4px;grid-template-columns:1fr auto;gap:.35rem;padding:.55rem;display:grid}.market-row button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.35rem}.market-tabs{flex-wrap:wrap;gap:.45rem;margin:.4rem 0 .8rem;display:flex}.market-tabs button{color:#d9c99d;background:#0e1713;border:1px solid #79663f;border-radius:4px;padding:.4rem .65rem}.player-offer-form{background:#0e1713bb;border-radius:5px;grid-template-columns:1.2fr .7fr 1fr auto;align-items:end;gap:.5rem;margin-bottom:.7rem;padding:.7rem;display:grid}.player-offer-form label{color:#cdbf99;gap:.25rem;font-size:.82rem;display:grid}.player-offer-form input,.player-offer-form select{color:#f6edcf;background:#17251f;border:1px solid #79663f;border-radius:4px;width:100%;min-width:0;padding:.35rem}.player-offer-form button,.player-offer-list button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.4rem .6rem}.market-supply{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.market-supply span{color:#dff0cf;background:#19351f;border-radius:3px;padding:.3rem .45rem;font-size:.78rem}.player-offer-list{gap:.45rem;display:grid}.player-offer-list article{background:#0e1713bb;border-left:3px solid #b69655;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:.3rem .6rem;padding:.6rem;display:grid}.player-offer-list article.own{border-left-color:#5f8fbd}.player-offer-list article.allied{background:#14291bbb;border-left-color:#6f9d62}.player-offer-list article div{justify-content:space-between;gap:.7rem;display:flex}.player-offer-list article small{color:#cdbf99;grid-column:1}.player-offer-list article button{grid-area:1/2/3}.player-offer-list article button:disabled{opacity:.5;cursor:not-allowed}.player-offer-list article .cancel-offer{color:#ffd8cf;background:#54251f;border-color:#9d5548}.contract-heading{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.65rem;display:flex}.contract-heading p{color:#d9c99d;margin:0}.contract-heading small{color:#dfc578;white-space:nowrap}.contract-list{gap:.55rem;display:grid}.contract-list article{background:#0e1713bb;border-left:3px solid #d69b3c;border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:.35rem .7rem;padding:.7rem;display:grid}.contract-list article.fulfilled{background:#14291bbb;border-left-color:#6f9d62}.contract-list article div{justify-content:space-between;gap:.7rem;display:flex}.contract-list article small{color:#cdbf99;grid-column:1}.contract-list article button,.contract-complete{grid-area:1/2/3}.contract-list article button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.4rem .6rem}.contract-list article button:disabled{opacity:.5;cursor:not-allowed}.contract-complete{color:#8fc681;white-space:nowrap}.dynasty-card,.events-card,.economy-card,.research-card,.islands-card,.city-card,.notices-card,.resources-card,.diplomacy-card,.profile-card{z-index:15;overscroll-behavior:contain;touch-action:pan-y;background:#17251ff8;border:1px solid #b69655;border-radius:8px;width:min(520px,100vw - 2rem);padding:calc(1.2rem + 9px) calc(1.2rem + 3px);position:fixed;inset:5rem 1rem 1rem auto;overflow:auto;box-shadow:0 18px 70px #000a}.market-card,.dynasty-card,.events-card,.economy-card,.research-card,.islands-card,.city-card,.notices-card,.resources-card,.diplomacy-card,.profile-card{background-color:#17251fd9;background-image:url(/ui/border-tl.png),url(/ui/border-tr.png),url(/ui/border-bl.png),url(/ui/border-br.png);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:96px 96px}.dynasty-card h2,.dynasty-card h3,.events-card h2,.economy-card h2,.economy-card h3,.research-card h2,.research-card h3,.islands-card h2,.islands-card h3,.city-card h2,.city-card h3,.notices-card h2,.resources-card h2,.diplomacy-card h2,.profile-card h2{margin:.4rem 0 .7rem}.market-card h2,.dynasty-card>h2,.events-card>h2,.economy-card>h2,.research-card>h2,.islands-card>h2,.city-card>h2,.notices-card h2,.resources-card>h2,.diplomacy-card>h2,.profile-card>h2,.building-card>h2{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.profile-form{gap:.8rem;display:grid}.profile-form>label{gap:.3rem;display:grid}.profile-form input[type=text],.profile-form>label input{color:#f6edcf;background:#0e1713;border:1px solid #79663f;border-radius:4px;padding:.55rem}.profile-form fieldset{border:1px solid #79663f;border-radius:5px;margin:0;padding:.7rem}.profile-form legend{color:#dfc578}.avatar-options{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.avatar-options label{cursor:pointer;background:#0e1713;border:1px solid #0000;border-radius:5px;place-items:center;gap:.15rem;padding:.5rem;display:grid}.avatar-options label.selected{background:#59451e;border-color:#dfc578}.avatar-options input{opacity:0;pointer-events:none;position:absolute}.avatar-options img{aspect-ratio:1;object-fit:cover;background:radial-gradient(circle at 50% 36%, #fff5 0, var(--avatar-color,#265ba6) 72%);border-radius:5px;width:100%}.avatar-preview,.avatar{background:0 0;position:relative;overflow:hidden}.avatar-preview{aspect-ratio:1;border-radius:8px;width:min(220px,100%);margin:0 auto .8rem}.avatar-background,.avatar-preview>img,.avatar>img{object-fit:contain;position:absolute}.avatar-background{background:radial-gradient(circle at 50% 36%, #fff5 0, var(--avatar-color,#265ba6) 72%);border-radius:18%;inset:12%}.avatar-preview>img:not(.avatar-frame),.avatar>img:not(.avatar-frame){width:68%;height:68%;inset:16%}.avatar-preview .avatar-frame,.avatar .avatar-frame{width:96%;height:96%;inset:2%}.avatar-frame{pointer-events:none}.avatar-small{vertical-align:middle;border-radius:50%;width:2.1rem;height:2.1rem;margin-right:.3rem;display:inline-block}.avatar-frames{grid-template-columns:repeat(4,1fr)}.avatar-colors{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.avatar-colors label{cursor:pointer;border:1px solid #0000;border-radius:5px;grid-template-columns:1.6rem 1fr;align-items:center;gap:.35rem;padding:.45rem;display:grid}.avatar-colors label.selected{background:#59451e;border-color:#dfc578}.avatar-colors input{opacity:0;pointer-events:none;position:absolute}.avatar-color-swatch{background:radial-gradient(circle at 35% 30%, #fff8 0, var(--avatar-color) 72%);border:1px solid #f6edcf88;border-radius:50%;width:1.6rem;height:1.6rem}.gender-options{gap:1rem;display:flex}.gender-required{color:#f0ca6b}.profile-form>button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;justify-self:end;padding:.55rem .8rem}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.resource-grid article{background:#0e1713bb;border-left:3px solid #b69655;border-radius:4px;gap:.25rem;padding:.75rem;display:grid}.resource-grid span{color:#cdbf99;font-size:.82rem}.resource-grid strong{color:#fff5d4;font-size:1.15rem}.icon-heading{align-items:center;gap:.45rem;min-width:0;display:flex}.icon-heading>img{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.resource-grid .icon-heading>img{flex-basis:32px;width:32px;height:32px}.icon-heading>span:last-child{margin-left:auto}.button-with-icon,.status-with-icon{align-items:center;gap:.35rem;display:inline-flex}.button-with-icon>img,.status-with-icon>img{object-fit:contain;flex:0 0 22px;width:22px;height:22px}.ship-card-image{float:right;object-fit:contain;width:82px;height:64px;margin:-.25rem -.2rem .35rem .55rem}.diplomacy-list{gap:.65rem;margin-top:1rem;display:grid}.diplomacy-list article{background:#0e1713bb;border-left:3px solid #59665f;border-radius:5px;gap:.5rem;padding:.75rem;display:grid}.diplomacy-list article.incoming{border-left-color:#d69b3c}.diplomacy-list article.outgoing{border-left-color:#5f8fbd}.diplomacy-list article.allied{border-left-color:#6f9d62}.diplomacy-house-heading{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.diplomacy-house-heading div{gap:.2rem;display:grid}.diplomacy-house-heading small,.diplomacy-house-heading>span{color:#cdbf99;font-size:.78rem}.diplomacy-list p{margin:0}.diplomacy-list button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;justify-self:end;padding:.4rem .65rem}.diplomacy-list button:disabled{opacity:.55;cursor:not-allowed}.diplomacy-actions{justify-content:end;gap:.45rem;display:flex}.diplomacy-list .dissolve-alliance{color:#ffd8cf;background:#54251f;border-color:#9d5548}.alliance-status{color:#8fc681}.market-advantage,.alliance-bonus{color:#bce1aa;background:#17331f;border-left:3px solid #6f9d62;border-radius:4px;padding:.5rem .65rem}.notice-toggle{align-items:center;gap:.3rem;display:inline-flex}.notice-badge{color:#17251f;background:#dfc578;border-radius:1rem;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.72rem;font-weight:700;display:inline-grid}.notices-heading{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.notices-heading button,.notice-list button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.4rem .6rem}.notices-heading button:disabled,.notice-list button:disabled{opacity:.55;cursor:not-allowed}.notice-list{gap:.6rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.notice-list li{cursor:pointer;background:#0e1713bb;border-left:3px solid #59665f;border-radius:5px;gap:.35rem;padding:.75rem;display:grid}.notice-list li.unread{background:#1c2b20;border-left-color:#dfc578}.notice-list li>div{color:#dfc578;justify-content:space-between;gap:.7rem;font-size:.78rem;display:flex}.notice-list p{color:#d9c99d;margin:0}.notice-list li>small{color:#8fc681}.notice-list button{justify-self:end}.dynasty-card h3{color:#dfc578;margin-top:1.2rem}.leadership-profile{background:#0e1713bb;border-left:3px solid #dfc578;border-radius:5px;margin:.9rem 0;padding:.8rem}.leadership-profile h3{margin-top:0}.attribute-grid,.modifier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.attribute-grid span,.modifier-grid span{background:#17251f;border-radius:3px;justify-content:space-between;gap:.5rem;padding:.35rem .45rem;font-size:.82rem;display:flex}.leadership-brief{color:#dff0cf;background:#17331f;border-left:3px solid #6f9d62;border-radius:4px;gap:.3rem;margin-bottom:.7rem;padding:.65rem;display:grid}.leadership-brief span{color:#bcd0b3;font-size:.78rem}.dynasty-card button,.dynasty-card select{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.45rem .6rem}.dynasty-card button:disabled{cursor:not-allowed;opacity:.55}.panel-close{z-index:2;float:right;background:0 0;border:0;width:34px;height:34px;position:sticky;top:0;padding:0!important}.candidate-card,.child-card{background:#0e1713bb;border-radius:5px;gap:.45rem;margin-bottom:.65rem;padding:.75rem;display:grid}.candidate-card small,.child-card small{color:#cdbf99;margin-top:.2rem;display:block}.candidate-card p{margin:0}.muted{color:#cdbf99}.island-list{gap:.6rem;display:grid}.island-list article{background:#0e1713bb;border-left:3px solid #59665f;border-radius:5px;gap:.4rem;padding:.75rem;display:grid}.island-list article.active{border-left-color:#6f9d62}.island-list article div{justify-content:space-between;gap:.7rem;display:flex}.island-list article p{color:#cdbf99;margin:0;font-size:.86rem}.island-list article button,.colony-form button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;justify-self:end;padding:.4rem .65rem}.active-island{color:#8fc681;justify-self:end;font-size:.82rem}.governor-management{background:#0e1713bb;border-left:3px solid #dfc578;border-radius:5px;gap:.55rem;margin-top:.8rem;padding:.8rem;display:grid}.governor-management h3,.governor-management p{margin:0}.governor-management label{color:#cdbf99;gap:.25rem;font-size:.84rem;display:grid}.governor-management select{color:#f6edcf;background:#17251f;border:1px solid #79663f;border-radius:4px;width:100%;min-width:0;padding:.45rem}.governor-management>small,.governor-history small{color:#cdbf99}.governor-cooldown{color:#dfc578;background:#312810;border-radius:4px;padding:.5rem .6rem}.governor-actions{justify-content:end;gap:.45rem;display:flex}.governor-actions button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.45rem .6rem}.governor-actions button:disabled{opacity:.5;cursor:not-allowed}.governor-actions .recall-governor{color:#ffd8cf;background:#54251f;border-color:#9d5548}.governor-history summary{cursor:pointer;color:#dfc578}.governor-history ol{gap:.35rem;margin:.5rem 0 0;padding-left:1.2rem;display:grid}.governor-history small{display:block}.event-toggle{position:relative}.event-badge{color:#211506;background:#e7b84b;border-radius:50%;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:.2rem;font-weight:800;display:inline-grid}.event-decision{background:#2b2110;border:1px solid #c99f42;border-radius:6px;gap:.55rem;margin:.7rem 0 1rem;padding:.8rem;display:grid}.event-decision h3,.event-decision h4,.event-decision p{margin:0}.decision-required{color:#f0ca6b;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.decision-deadline{color:#f0ca6b;font-size:.85rem}.decision-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.decision-options>article{background:#111c17;border:1px solid #685a38;border-radius:5px;align-content:start;gap:.45rem;min-width:0;padding:.65rem;display:grid}.decision-options ul{color:#ddd0aa;margin:0;padding-left:1.15rem}.decision-options small{color:#cdbf99}.decision-options button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;align-self:end;padding:.5rem .6rem}.decision-options button:disabled{opacity:.5;cursor:not-allowed}.event-list .event-resolution{color:#dfc578;font-weight:600}.colony-form{background:#0e1713bb;border-radius:5px;gap:.65rem;margin-top:1rem;padding:.8rem;display:grid}.colony-form p{color:#cdbf99;margin:0 0 .3rem;font-size:.86rem}.colony-form label{color:#cdbf99;gap:.25rem;font-size:.84rem;display:grid}.colony-form input,.colony-form select{color:#f6edcf;background:#17251f;border:1px solid #79663f;border-radius:4px;width:100%;min-width:0;padding:.45rem}.colony-form button:disabled{opacity:.55;cursor:not-allowed}.fleet-section{border-top:0;margin-top:1rem;padding-top:0}.market-card hr,.dynasty-card hr,.events-card hr,.economy-card hr,.research-card hr,.islands-card hr,.city-card hr,.notices-card hr,.resources-card hr,.diplomacy-card hr,.profile-card hr,hr.dialog-separator{aspect-ratio:3072/250;background:url(/ui/hr.png) 50%/100% no-repeat;border:0;width:100%;max-width:520px;height:auto;margin:.7rem 0}.fleet-section h3,.fleet-section h4{color:#dfc578;margin:0 0 .65rem}.fleet-list{gap:.45rem;display:grid}.fleet-list article{background:#0e1713bb;border-left:3px solid #5f8fbd;border-radius:4px;padding:.65rem}.fleet-list article div{justify-content:space-between;gap:.7rem;display:flex}.fleet-list small{color:#cdbf99;margin-top:.25rem;display:block}.route-list{gap:.45rem;margin-top:.7rem;display:grid}.route-list article{background:#17251f;border-left:3px solid #b69655;border-radius:4px;gap:.3rem;padding:.65rem;display:grid}.route-list article div{justify-content:space-between;gap:.7rem;display:flex}.route-list p{color:#dfc578;margin:0;font-size:.84rem}.route-list small{color:#cdbf99}.cancel-route{color:#ffd8cf;background:#54251f;border:1px solid #9d5548;border-radius:4px;justify-self:end;padding:.3rem .5rem}.shipbuilding-card{background:#17251f;border:1px solid #6f603e;border-radius:5px;grid-template-columns:88px 1fr;align-items:center;gap:.75rem;margin-top:.8rem;padding:.75rem;display:grid}.shipbuilding-card>.ship-card-image{width:88px}.shipbuilding-card h4,.shipbuilding-card p{margin:0 0 .35rem}.shipbuilding-card small{color:#cdbf99;display:block}.shipbuilding-costs{flex-wrap:wrap;gap:.65rem;display:flex}.shipbuilding-costs span{align-items:center;gap:.2rem;display:inline-flex}.shipbuilding-costs img{object-fit:contain;width:18px;height:18px}.cargo-form{background:#0e1713bb;border-radius:5px;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;padding:.7rem;display:grid}.route-form{border:1px solid #79663f}.cargo-form h4,.cargo-form button,.cargo-form>small{grid-column:1/-1}.cargo-form .security-preview{color:#dff0cf;background:#17331f;border-left:3px solid #6f9d62;border-radius:3px;grid-column:1/-1;margin:0;padding:.45rem .55rem;font-size:.8rem}.cargo-form label{color:#cdbf99;gap:.25rem;font-size:.84rem;display:grid}.cargo-form input,.cargo-form select{color:#f6edcf;background:#17251f;border:1px solid #79663f;border-radius:4px;width:100%;min-width:0;padding:.45rem}.cargo-form button{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;padding:.5rem}.cargo-form button:disabled{opacity:.55;cursor:not-allowed}.voyage-list{gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.voyage-list li{background:#13251f;border-radius:4px;padding:.6rem}.voyage-list span,.voyage-list small{margin-top:.2rem;display:block}.voyage-list small{color:#cdbf99}.voyage-list .piracy-loss{color:#ffb7a8}.voyage-list .safe-passage{color:#8fc681}.city-bonuses{grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.8rem 0 1rem;display:grid}.city-bonuses span{text-align:center;background:#0e1713bb;border-radius:4px;gap:.2rem;padding:.6rem;font-size:.78rem;display:grid}.city-bonuses strong{color:#dfc578;font-size:1rem}.city-requirements{gap:.35rem;margin:.7rem 0;padding:0;list-style:none;display:grid}.city-requirements li{color:#ffd8cf;background:#471b18aa;border-left:3px solid #a44f42;border-radius:3px;padding:.45rem .6rem}.city-requirements li.met{color:#dff0cf;background:#19351f;border-left-color:#6f9d62}.city-costs{color:#dfc578}.city-upgrade{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;width:100%;padding:.6rem}.city-upgrade:disabled{opacity:.5;cursor:not-allowed}.history-list{margin:0;padding-left:1.25rem}.history-list li{margin-bottom:.8rem;padding-left:.3rem}.history-list span,.history-list small{margin-top:.2rem;display:block}.history-list small{color:#cdbf99}.event-list{margin:1rem 0 0;padding:0;list-style:none}.event-list>li{background:#0e1713bb;border-left:3px solid #b69655;border-radius:4px;margin-bottom:.8rem;padding:.8rem}.event-list span,.event-list small{margin-top:.3rem;display:block}.event-list ul{color:#dfc578;margin:.5rem 0;padding-left:1.2rem}.event-list small{color:#cdbf99}.population-list{gap:.6rem;margin-top:1rem;display:grid}.tax-policy{background:#0e1713bb;border:1px solid #79663f;border-radius:5px;margin-top:1rem;padding:.8rem}.tax-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.7rem;display:flex}.tax-heading h3{margin:0 0 .2rem}.tax-heading small{color:#cdbf99}.tax-heading>strong{color:#dfc578;white-space:nowrap}.tax-row{grid-template-columns:minmax(105px,1fr) 2fr 48px;align-items:center;gap:.7rem;margin-top:.55rem;display:grid}.tax-row span small{color:#cdbf99;margin-top:.15rem;display:block}.tax-row input{accent-color:#b69655;width:100%}.tax-row output{text-align:right;color:#dfc578}.tax-save{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;margin-top:.8rem;padding:.45rem .7rem}.tax-save:disabled{opacity:.6}.population-list article{background:#0e1713bb;border-radius:5px;padding:.75rem}.population-list article div{justify-content:space-between;gap:1rem;display:flex}.population-list p{color:#dfc578;margin:.4rem 0}.population-list small{color:#cdbf99}.economy-card h3{color:#dfc578;margin-top:1.2rem}.economy-card>p{margin:.4rem 0}.processed-resources{gap:.7rem;margin-top:1rem;display:flex}.processed-resources span{background:#0e1713bb;border-radius:4px;flex:1;padding:.65rem}.processed-resources strong{float:right}.operation-list{gap:.5rem;display:grid}.operation-list article{background:#0e1713bb;border-left:3px solid #6f9d62;border-radius:4px;padding:.7rem}.operation-list article.offline{border-left-color:#a44f42}.operation-list article div{justify-content:space-between;gap:1rem;display:flex}.operation-list small{color:#cdbf99;margin-top:.25rem;display:block}.operation-list .danger-button{color:#ffd8cf;background:#54251f;border:1px solid #9d5548;border-radius:4px;justify-self:end;margin-top:.45rem;padding:.3rem .55rem}.research-card h3{color:#dfc578;margin-top:1.2rem}.scholar-control{background:#0e1713bb;border-radius:5px;gap:.6rem;padding:.8rem;display:grid}.scholar-control span{justify-content:space-between;gap:1rem;display:flex}.scholar-control small{color:#cdbf99}.scholar-control input{accent-color:#b69655;width:100%}.research-save{color:#fff5d4;background:#59451e;border:1px solid #a88949;border-radius:4px;margin-top:.65rem;padding:.45rem .7rem}.research-save:disabled{opacity:.55;cursor:not-allowed}.research-warning{color:#ffd8cf;background:#471b18aa;border-left:3px solid #a44f42;padding:.75rem}.research-complete{color:#dff0cf}.current-research{background:#0e1713bb;border-radius:5px;padding:.8rem}.current-research p{color:#cdbf99;margin:.4rem 0}.current-research small{color:#cdbf99;margin-top:.35rem;display:block}.research-progress{background:#26352f;border-radius:4px;height:8px;margin:.65rem 0;overflow:hidden}.research-progress span{background:#5f8fbd;height:100%;transition:width .8s linear;display:block}.technology-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.technology-list li{opacity:.65;background:#0e1713bb;border-left:3px solid #59665f;border-radius:4px;padding:.7rem}.technology-list li.discovered{opacity:1;border-left-color:#6f9d62}.technology-list span,.technology-list small{margin-top:.25rem;display:block}.technology-list small{color:#cdbf99}.toast{z-index:9;text-align:center;pointer-events:none;background:#471b18;border-radius:5px;max-width:calc(100vw - 2rem);padding:.7rem 1rem;position:fixed;top:4.5rem;bottom:auto;left:50%;transform:translate(-50%)}.toast.success{z-index:8;color:#e7f5d8;background:#1d4a29;border:1px solid #6f9d62}.toast.world{top:8rem}.toast.live{top:11.5rem}.menu-separator{background:url(/ui/arrow-bar.png) 50%/100% 100% no-repeat;flex:0 0 20px;width:20px;height:4px;transform:rotate(90deg)}button:where(:not(.quiet):not(.panel-close):not(.build-dialog-close):not(.overlay-icon-button):not(.header-logout)){text-shadow:0 1px 2px #160b1d;transition:filter .15s,transform .15s;background-color:#0000!important;background-image:none!important;border:7px solid #0000!important;border-image:url(/ui/buttons/btn-purple.png) 96 128 fill/7px 10px!important;border-radius:0!important}button:where(:not(.quiet):not(.panel-close):not(.build-dialog-close)):hover:not(:disabled){filter:brightness(1.12)}button:where(:not(.quiet):not(.panel-close):not(.build-dialog-close)):active:not(:disabled){transform:translateY(1px)}.danger-button,.button-danger,.cancel-offer,.recall-governor,.cancel-route,.dissolve-alliance,.cancel-placement{text-shadow:0 1px 2px #260606;border-image-source:url(/ui/buttons/btn-red.png)!important}.map-controls button{text-shadow:none;background-color:#17251fee!important;background-image:none!important;border:1px solid #b69655!important;border-radius:50%!important}.market-tabs button{color:#d9c99d;text-shadow:none;padding:.4rem .65rem;background:#0e1713!important;border:1px solid #79663f!important;border-image:!important;border-radius:4px!important}.market-tabs button.active{color:#fff5d4;background:#59451e!important;border-color:#b69655!important}@media (width<=720px){header{gap:.45rem;padding:0 .45rem}header>strong{font-size:.82rem}.header-logo{flex-basis:38px;width:38px;height:38px}.header-logout{flex-basis:40px;width:40px;height:40px}.map-menu-overlay{gap:.15rem;display:flex;top:calc(64px + .35rem);left:.35rem;right:auto}.header-menu-group{min-width:0;display:block}.overlay-icon-button{width:48px;height:48px}.overlay-popup,.overlay-popup-right{width:min(280px,100vw - 4rem);min-width:0;max-width:calc(100vw - 4rem);max-height:calc(100dvh - 72px);top:0;left:calc(100% + .25rem);right:auto}.overlay-scroll-button{width:48px;height:36px}.map-controls{top:.7rem}.ruler-card{display:none}.building-card{width:auto;padding:.7rem;font-size:.82rem;bottom:.6rem;left:.6rem;right:.6rem}.build-mode-dialog{grid-template-columns:1fr;width:auto;max-height:48vh;padding:.65rem 2.3rem .65rem .65rem;font-size:.78rem;bottom:.6rem;left:.6rem;right:.6rem;overflow-y:auto;transform:none}.build-dialog-summary{grid-row:auto}.build-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.build-mode-dialog button{padding:.45rem .5rem}.market-card,.dynasty-card,.events-card,.economy-card,.research-card,.islands-card,.city-card,.notices-card,.resources-card,.diplomacy-card,.profile-card{background-size:68px 68px;width:auto;left:.6rem;right:.6rem}.avatar-options{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diplomacy-house-heading{display:grid}.city-bonuses,.decision-options,.market-list{grid-template-columns:1fr}.contract-heading{display:grid}.contract-heading small{white-space:normal}.contract-list article{grid-template-columns:minmax(0,1fr)}.contract-list article div{display:grid}.contract-list article small,.contract-list article button,.contract-complete{grid-area:auto/1}.contract-list article button,.contract-complete{justify-self:start}.player-offer-form,.cargo-form{grid-template-columns:1fr}.cargo-form>*{grid-column:1}.player-offer-list article{grid-template-columns:1fr}.player-offer-list article button{grid-area:auto/1}}