@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";#menu-screen{display:block;position:relative;isolation:isolate;height:100%;min-height:600px;overflow:auto;color:#ead5a4;background:#101218}#menu-screen:before{content:none}#menu-screen .hero-panel{position:relative;display:block;width:100%;height:calc(100% - 60px);min-height:540px;padding:0;overflow:hidden;text-shadow:none;background:#17171a url(/assets/menu/war-room.png) center / 100% 100% no-repeat}#menu-screen .hero-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 14%,#070d16a8,transparent 34%),linear-gradient(0deg,#090b10a0,transparent 24%);box-shadow:inset 0 0 70px #0008}#menu-screen h1{position:absolute;top:6%;left:32%;width:36%;margin:0;color:#e8d1a0;font-size:clamp(42px,5.4vw,90px);font-weight:600;line-height:.92;text-align:center;letter-spacing:-.05em;text-shadow:0 2px 0 #76532e,0 4px 5px #000,0 0 24px #000}#menu-screen h1 span{color:#caa86a;font-size:.71em;letter-spacing:.035em}#menu-screen .lead{position:absolute;top:29%;left:32%;width:36%;margin:0;color:#ddcbaa;text-align:center;font:italic 14px Georgia,serif;text-shadow:0 2px 6px #000}#menu-screen .landing-actions{display:contents}#menu-screen .landing-actions>button{position:absolute;display:flex;align-items:flex-end;justify-content:center;padding:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:none;transform:none}#menu-screen .landing-actions>button:before{content:"";position:absolute;inset:0;border-radius:45%;pointer-events:none;background:radial-gradient(ellipse,#ffbc492b,transparent 69%);opacity:0;transition:opacity .18s}#menu-screen #host-button{left:12%;top:16%;width:22%;height:37%}#menu-screen #browse-games{left:70%;top:16%;width:23%;height:37%}#menu-screen #standings-button{left:7%;top:55%;width:28%;height:21%}#menu-screen #spectate-code{left:71%;top:55%;width:27%;height:24%}.menu-plaque{position:relative;display:block;width:100%;max-width:260px;padding:10px 18px 8px;color:#f0dbac;font:18px Cinzel,Georgia,serif;letter-spacing:.025em;border:1px solid #a1844f;outline:1px solid #20170d;outline-offset:2px;background:linear-gradient(90deg,#27190eef,#4c301ced 48%,#281a0fef);box-shadow:inset 0 0 0 2px #160f0988,inset 0 2px #c8a76e44,0 5px 12px #000b;text-shadow:0 2px 2px #000;transition:color .18s,border-color .18s,box-shadow .18s}.menu-plaque:before,.menu-plaque:after{content:"◆";position:absolute;top:50%;margin-top:-5px;font-size:7px;color:#bb9553}.menu-plaque:before{left:6px}.menu-plaque:after{right:6px}.menu-plaque small{display:block;margin-top:3px;color:#bca988;font:italic 11px Georgia,serif;letter-spacing:.03em}#menu-screen .landing-actions>button:hover{transform:none;background-color:transparent}#menu-screen .landing-actions>button:hover:before,#menu-screen .landing-actions>button:focus-visible:before{opacity:1}#menu-screen .landing-actions>button:is(:hover,:focus-visible) .menu-plaque{color:#fff0c1;border-color:#f0d187;box-shadow:0 0 18px #c98e3c55,inset 0 0 15px #9c642333,0 5px 12px #000b}#menu-screen :is(button,a,input,select):focus-visible{outline:2px solid #f0d187;outline-offset:4px}#menu-screen .join-row{position:absolute;left:37%;bottom:9%;width:26%;display:grid;grid-template-columns:1fr auto;gap:7px;margin:0;padding:14px 18px;background:#1b130ddd;border-top:1px solid #b28c4a88;border-bottom:1px solid #b28c4a88;box-shadow:0 6px 16px #0006}#menu-screen .join-row label{grid-column:1 / -1;color:#d5bd91;font:italic 13px Georgia,serif;text-transform:none;letter-spacing:0}#menu-screen .join-row input{width:100%;min-width:0;padding:9px 8px;min-height:36px;border:1px solid #7c603b;border-radius:0;background:#0b0907aa;color:#efdeb8;font-size:10px;letter-spacing:.2em}#menu-screen .join-row input::placeholder{color:#b8a580;opacity:1}#menu-screen .join-row button{padding:8px 13px;min-height:36px;border:1px solid #92703e;border-radius:0;background:#52301c;color:#efd7a4;font:14px Georgia,serif}#menu-screen .account-panel{position:absolute;z-index:4;top:16px;right:18px;display:grid;grid-template-columns:44px minmax(0,1fr);width:clamp(320px,27vw,420px);min-height:48px;margin:0;padding:14px 16px;gap:10px 12px;border:1px solid #7a603a;border-radius:0;background:#17130df2;box-shadow:inset 0 0 0 2px #0006,0 5px 15px #0006}#menu-screen .account-panel>div:not(.account-actions):not(.account-avatar){width:100%;gap:4px;margin:0}#menu-screen .account-panel>img,#menu-screen .account-avatar{width:44px;height:48px;align-self:start;object-fit:cover;background:#762e26;color:#e9d3a1;border:2px solid #a78b54;border-radius:3px 3px 45% 45%;font-size:18px}#menu-screen .account-panel strong{color:#ead7b1;font:18px/1.25 Georgia,serif}#menu-screen .account-panel small{color:#c4a66d;font-size:9px}#menu-screen .account-panel span{color:#bfb092;font-size:12px;line-height:1.4}#menu-screen .account-provider-list{flex-wrap:wrap}#menu-screen .account-provider-list b{font-size:9px;padding:2px 5px}#menu-screen .account-actions,#menu-screen .account-actions.signed-in{grid-column:1 / -1;display:flex;width:100%;max-width:none;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #7a603a66}#menu-screen .account-actions>button,#menu-screen .account-actions>.provider-button{flex:1 1 auto;min-height:36px;padding:8px 12px;font-size:12px;line-height:1.2;white-space:nowrap;text-align:center}#menu-screen .name-edit-button{color:#d4b27a;border:0}#menu-screen .provider-button{color:#e4cfaa;background:#4b3020;border:1px solid #927143;border-radius:0;padding:7px;font-size:10px}.chronicle-footer{position:relative;display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:24px;padding:10px 3vw;background:linear-gradient(#231c14,#120f0b);border-top:2px ridge #715736;color:#bba983}.chronicle-footer .status-line{margin:0;max-width:45%;font-size:10px;color:#e2c8a0;overflow-wrap:anywhere}.chronicle-footer .status-line:before{content:"◆";font-size:7px;margin-right:8px}.chronicle-footer .status-line.online{color:#b9c794}.chronicle-footer .status-line.warning{color:#ffc2a1}.chronicle-edition{font:11px Cinzel,Georgia,serif;letter-spacing:.13em}.desktop-download{color:#e6c477;font-size:12px;text-underline-offset:3px;white-space:nowrap}.chronicle-footer .menu-music-toggle{margin:0;padding:10px;min-height:36px;border:1px solid #695132;border-radius:0;background:#292015;color:#d7c397;font-size:9px}#menu-screen .menu-modal{background:#090b10b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#menu-screen .menu-modal-card{color:#e4d4b3;background:linear-gradient(110deg,#29231c,#151513);border:3px ridge #95723e;box-shadow:0 25px 90px #000b}#menu-screen .menu-modal-card>header{border-bottom:1px solid #ac8a5655}#menu-screen .menu-modal-card button{border-radius:0}.chronicle-boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0c69c;background:linear-gradient(#070a10aa,#070a10bb),url(/assets/menu/war-room.png) center/cover;text-align:center}.chronicle-boot h1{font:64px/.95 Georgia,serif;color:#e8cd93;text-shadow:0 3px 4px #000;margin:24px 0}.chronicle-boot p{font:italic 16px Georgia,serif}.chronicle-boot i{height:2px;width:120px;background:#caa86a;animation:chronicle-loading 1.3s ease-in-out infinite alternate}@keyframes chronicle-loading{0%{transform:scaleX(.3);opacity:.4}to{transform:scaleX(1);opacity:1}}@media(min-aspect-ratio:2/1){#menu-screen h1{font-size:min(5vw,12vh)}#menu-screen .lead{top:33%}}@media(max-width:700px){#menu-screen{min-height:100%;height:100%}#menu-screen .account-panel{position:relative;top:auto;right:auto;width:auto;margin:10px 14px;flex-wrap:nowrap}#menu-screen .account-actions{width:auto}#menu-screen .hero-panel{min-height:740px;height:calc(100% - 160px);background-size:auto 100%}#menu-screen h1{left:12%;top:3%;width:76%;font-size:54px}#menu-screen .lead{left:10%;top:18%;width:80%;font-size:12px}#menu-screen .landing-actions>button{width:43%;height:25%;background-image:url(/assets/menu/war-room.png);background-repeat:no-repeat;background-size:550% auto;border:1px solid #81663e;border-radius:45% 45% 0 0}#menu-screen #host-button{left:5%;top:24%;width:43%;height:25%;background-position:17% 29%}#menu-screen #browse-games{left:52%;top:24%;width:43%;height:25%;background-position:86% 29%}#menu-screen #standings-button{left:5%;top:53%;width:43%;height:25%;background-position:12% 64%}#menu-screen #spectate-code{left:52%;top:53%;width:43%;height:25%;background-position:95% 63%}.menu-plaque{font-size:12px;padding:10px 12px}.menu-plaque small{font-size:10px}#menu-screen .join-row{left:15%;width:70%;bottom:4%}.chronicle-footer{flex-wrap:wrap;gap:10px}.chronicle-edition{display:none}.chronicle-footer .status-line{max-width:100%}}@media(prefers-reduced-motion:reduce){.chronicle-boot i{animation:none}.menu-plaque,#menu-screen .landing-actions>button:before{transition:none}}#spectate-form:not(.hidden){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center}#spectate-form label{grid-column:1/-1}#browser-error:empty{display:none}@media(max-width:520px){#spectate-form:not(.hidden){grid-template-columns:1fr}}.friends-panel{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;color:#e8dcc1;background:linear-gradient(115deg,#27231c,#151614 70%);border:1px solid #88734b;box-shadow:0 22px 90px #000c,inset 0 0 0 5px #161512;font-family:Georgia,serif;overflow:auto}.friends-panel::backdrop{background:#060908b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.friends-panel header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 18px;border-bottom:1px solid #736044}.friends-panel h2{font: 30px Georgia,serif;margin:5px 0;color:#edce8e;letter-spacing:.02em}.friends-panel small{font:10px system-ui;letter-spacing:.16em;color:#b7a27b}.friends-panel header button{font-size:26px;padding:2px 12px}.friends-body{padding:22px 28px}.friends-panel button,.friends-panel .provider-button{font:13px Georgia,serif;border:1px solid #776344;border-radius:2px;background:#30291f;color:#eddbb7;padding:9px 12px;cursor:pointer;white-space:nowrap}.friends-panel button:hover:not(:disabled){background:#51422c;border-color:#c6a56c}.friends-panel button:disabled{opacity:.4;cursor:default}.friends-panel button:focus-visible,.friends-panel input:focus-visible,.friends-panel summary:focus-visible{outline:2px solid #e5c584;outline-offset:3px}.friend-code{display:flex;gap:8px;align-items:center;padding-bottom:20px;flex-wrap:wrap}.friend-code>div{flex:1;min-width:180px}.friend-code strong{display:block;font:22px ui-monospace,monospace;letter-spacing:.12em;margin-top:5px}.friend-add label{font-size:15px;display:block;margin-bottom:8px}.friend-add>div{display:flex;gap:8px}.friend-add input{min-width:0;flex:1;background:#10120f;border:1px solid #67583e;border-radius:2px;color:#eee1c7;padding:11px;font:14px system-ui}.friend-invitations{margin-top:20px}.friends-tabs{display:flex;border-bottom:1px solid #76613e;gap:3px;overflow-x:auto}.friends-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 10px}.friends-tabs button[aria-current=true]{border-bottom-color:#d2ad6e;color:#f9da9f;background:#c8a4690d}.friends-list{min-height:130px}.friend-row,.friend-invitations article{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #9b81452a}.friend-monogram{display:grid;place-items:center;flex:0 0 38px;height:42px;border:1px solid #826c46;background:#443620;color:#ead19e;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.friend-identity{min-width:0;flex:1}.friend-identity strong{display:block;overflow-wrap:anywhere;font-size:16px}.friend-identity span,.friend-invitations span{display:block;font:12px system-ui;color:#b7af9e;margin-top:4px}.friend-identity .friend-online{color:#a6c585}.friend-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.friend-muted{color:#b7af9e;font:12px system-ui}.friend-row details{position:relative;flex-shrink:0}.friend-row summary{cursor:pointer;padding:10px 3px;list-style:none}.friend-row details>div{position:absolute;right:0;z-index:2;background:#171712;border:1px solid #88734b;padding:6px;display:grid;gap:4px;min-width:135px;box-shadow:0 8px 20px #0009}.friend-invitations article{background:#bc925714;padding:14px;margin-bottom:10px;flex-wrap:wrap;border:1px solid #a78a53}.friend-invitations article>div{flex:1;min-width:190px}.friends-empty{padding:26px 14px;color:#beb39e;font:italic 15px/1.7 Georgia,serif;text-align:center}.friends-message{min-height:20px;font:13px/1.5 system-ui;color:#ddc48f;margin:18px 0 0}.friends-guest p{line-height:1.6}.friends-guest .provider-button{display:inline-block;margin:8px 8px 8px 0;text-decoration:none}.friend-notice{position:fixed;right:24px;bottom:72px;z-index:90;max-width:calc(100vw - 48px);padding:16px 18px;background:#24231af5;border:1px solid #b0955e;box-shadow:0 8px 32px #0009;color:#eed9af;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.friend-notice strong{font:15px Georgia,serif}.friend-notice button{padding:7px 10px;font-size:12px}.friend-notice[hidden],.friends-panel [hidden]{display:none!important}@media(max-width:520px){.friends-body{padding:16px}.friends-panel header{padding:20px 16px}.friends-panel h2{font-size:25px}.friend-code>div{flex-basis:100%}.friend-add>div{flex-wrap:wrap}.friend-add input{flex-basis:100%}.friend-row{gap:8px;flex-wrap:wrap}.friend-actions{margin-left:auto}.friends-tabs button{padding:10px 8px;font-size:12px}}.account-presence{grid-column:1/-1;border-top:1px solid #76613e55;padding-top:10px}.account-presence label{display:flex;align-items:center;gap:8px;font:12px system-ui!important;text-transform:none!important;letter-spacing:0!important;color:#d4c4a5}.account-presence input{width:15px;height:15px;accent-color:#bd995b}.account-presence [data-presence-status]{font:11px/1.5 system-ui;color:#b8aa90;display:block;margin-top:3px}:root{color:#f4ecd9;background:#0d0f13;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--panel: rgba(18, 21, 27, .96);--panel-soft: rgba(29, 33, 42, .92);--line: rgba(244, 224, 175, .2);--gold: #d7b66f;--gold-bright: #f3d78d;--ink: #17191d;--bottom-hud-height: 208px;--command-size: 68px;--command-columns: 8;--hud-float-gap: 12px}*{scrollbar-width:thin;scrollbar-color:#b99850 #151922}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#151922;border:1px solid #2b313c}*::-webkit-scrollbar-thumb{min-height:34px;background:linear-gradient(180deg,#d1b363,#876d35);border:2px solid #151922;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#efd17c,#ad8b43)}*::-webkit-scrollbar-corner{background:#151922}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#eee5d0;background:#252a33;border:1px solid #505765;border-radius:4px;padding:.8rem 1rem;cursor:pointer;transition:.15s ease}button:hover:not(:disabled){background:#343a46;border-color:var(--gold);transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}.hidden{display:none!important}.screen{width:100%;min-height:100%}.menu-screen{position:relative;display:grid;height:100%;min-height:0;grid-template-columns:minmax(720px,1.5fr) minmax(320px,.58fr);overflow:hidden;background:linear-gradient(90deg,#07090deb,#080b10ba 32%,#080b1021 67%,#07090db8),linear-gradient(0deg,rgba(6,8,11,.72) 0%,transparent 43%,rgba(9,11,15,.2) 100%),url(/assets/menu/throne-dominion-main-menu.png) center center / cover no-repeat,#0c0f14}.menu-screen:before{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 63% 42%,transparent 0%,transparent 32%,rgba(3,5,8,.5) 100%),linear-gradient(90deg,rgba(227,177,79,.08),transparent 28%);box-shadow:inset 0 0 130px #00000075}.hero-panel{position:relative;z-index:1;display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:center;overflow-y:auto;padding:clamp(1.75rem,4vh,3.5rem) clamp(2.5rem,5.8vw,7rem);text-shadow:0 2px 18px rgba(0,0,0,.72);scrollbar-color:rgba(215,182,111,.45) transparent;scrollbar-width:thin}.eyebrow{color:var(--gold);font-size:.71rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1,h2{font-family:Cinzel,Georgia,serif}.hero-panel h1{max-width:760px;margin:.2rem 0 0;color:#f1e6cb;font-size:clamp(3.8rem,6.1vw,6.9rem);line-height:.85;letter-spacing:-.055em;text-shadow:0 7px 30px #000}.hero-panel h1 span{display:inline-block;color:#f1e6cb;font-size:.78em;font-style:normal;letter-spacing:-.045em}.lead{margin:.9rem 0 1.15rem;color:#c7c7b8;font-size:clamp(.95rem,1.25vw,1.2rem)}.menu-form{display:grid;width:min(660px,100%);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.55rem .7rem}.landing-actions{width:min(570px,100%)}.landing-actions .menu-host-button{min-height:56px;grid-column:1 / -1;font-size:1rem}.landing-actions .join-row{grid-column:1}.landing-actions .menu-standings-button{grid-column:2}.landing-actions .status-line{grid-column:1}.landing-actions .menu-music-toggle{grid-column:2}.menu-form .menu-field{gap:.3rem}.menu-form input,.menu-form select,.menu-form>button,.menu-form .join-row>*{min-height:42px;padding:.65rem .78rem}.menu-form .battlefield-field{grid-column:1}.menu-host-button{grid-column:2;align-self:end}.menu-standings-button{grid-column:1}.menu-form .join-row{grid-column:2}.menu-form .status-line{grid-column:1;align-self:center}.menu-form .menu-music-toggle{grid-column:2;align-self:center;justify-self:stretch}label{display:grid;gap:.45rem;color:#9da79c;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}input,select{min-width:0;color:#f7f0de;background:#0f1218e0;border:1px solid #48505e;border-radius:4px;outline:none;padding:.9rem 1rem}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7b66f1a}select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7b66f1a}.account-panel{position:absolute;z-index:3;top:1.35rem;right:1.35rem;display:flex;width:min(510px,calc(100% - 2.7rem));min-height:68px;margin:0;padding:.65rem .72rem;align-items:center;gap:.85rem;background:#0e1117e6;border:1px solid var(--line);border-radius:5px;box-shadow:0 16px 40px #00000057;text-shadow:none}.account-panel>div:not(.account-actions):not(.account-avatar){display:grid;min-width:0;margin-right:auto;gap:.12rem}.account-panel small{color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.12em}.account-panel strong{overflow:hidden;color:#eee5d0;text-overflow:ellipsis;white-space:nowrap}.commander-name-line{display:flex;min-width:0;align-items:center;gap:.35rem}.name-edit-button{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;padding:0;color:#d8c187;background:transparent;border-color:#625943;font-size:.8rem}.account-panel span{color:#969ca6;font-size:.72rem}.account-provider-list{display:flex;margin-top:.15rem;gap:.3rem}.account-provider-list b{color:#d8c187;padding:.08rem .3rem;border:1px solid #5e5542;border-radius:2px;font-size:.52rem;letter-spacing:.08em}.account-panel img,.account-avatar{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--gold);border-radius:50%;object-fit:cover}.account-avatar{display:grid;place-items:center;color:var(--ink);background:var(--gold);font-family:Cinzel,serif;font-weight:800}.account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.account-actions.signed-in{max-width:220px}.account-actions.signed-in button,.account-actions.signed-in .provider-button{padding:.42rem .55rem;font-size:.62rem}.provider-button{color:#f4f0e6;border:1px solid #555d6a;border-radius:4px;padding:.55rem .7rem;font-size:.72rem;font-weight:700;text-decoration:none}.provider-button.steam{background:#182c3b}.provider-button.discord{background:#5865f2;border-color:#7d86f6}#logout-button{padding:.55rem .7rem;font-size:.7rem}#account-visibility{color:#d9c48f;border-color:#6b6049;padding:.55rem .7rem;font-size:.7rem}.account-actions.signed-in{flex-wrap:nowrap}.menu-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.5rem;background:#05070bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-modal-card{width:min(680px,100%);max-height:min(760px,calc(100vh - 3rem));overflow:auto;background:#161a22;border:1px solid #82704a;box-shadow:0 32px 100px #000}.menu-modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;border-bottom:1px solid #353b46}.menu-modal-card header small{color:var(--gold);font-weight:800;letter-spacing:.12em}.menu-modal-card h2{margin:.2rem 0 0;color:#eee4cd}#standings-close,#host-setup-close,#commander-name-close{width:38px;height:38px;padding:0;font-size:1.4rem}.setup-modal-card{width:min(520px,100%)}.name-modal-card{width:min(460px,100%)}.setup-modal-body{display:grid;padding:1.2rem 1.4rem 1.4rem;gap:.9rem}.setup-modal-body p{margin:0;color:#969da8;font-size:.78rem;line-height:1.5}.setup-modal-body input,.setup-modal-body select{width:100%}.standings-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:.65rem;gap:.4rem;background:#10141a}.standings-tabs button.active{color:#14161b;background:var(--gold);border-color:#f4dda4}.standings-list{display:grid;min-height:180px;padding:.8rem;gap:.45rem}.standing-row,.recent-match{width:100%;color:inherit;font:inherit;text-align:left;display:grid;grid-template-columns:34px 42px 1fr auto;align-items:center;gap:.7rem;padding:.75rem;background:#1d222c;border:1px solid #343b48}.standing-row:hover,.recent-match:hover{border-color:var(--gold)}.history-report-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;padding:20px;color:#eee4cf;background:#171b23;border:1px solid var(--gold)}.history-report-dialog::backdrop{background:#000b}.history-report-close{display:block;margin:0 0 12px auto}.history-owner{display:flex;align-items:center;justify-content:space-between;gap:12px}.standing-row>b{color:var(--gold);text-align:center}.standing-row img,.standing-row i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;object-fit:cover;background:#394253;font-style:normal}.standing-row div,.recent-match div{display:grid}.standing-row span,.recent-match span,.recent-match small{color:#9199a7;font-size:.7rem}.standing-row em{color:#eee0bb;font-style:normal;font-weight:800}.recent-match{grid-template-columns:82px 1fr auto}.recent-match>b{color:#dc8a7e;font-size:.7rem}.recent-match.won>b{color:#99c895}.standings-empty{display:grid;min-height:150px;place-items:center;color:#8f97a4;text-align:center}.primary-button{color:#171810;background:linear-gradient(#f0d18a,#c69f50);border-color:#ffeba7;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.primary-button:hover:not(:disabled){color:#0e100d;background:linear-gradient(#f8dfa5,#d8b96d)}.join-row{display:grid;grid-template-columns:1fr auto;gap:.45rem}#room-code{letter-spacing:.16em;text-transform:uppercase}.status-line{min-height:1rem;margin:0;color:#879188;font-size:.78rem}.status-line.online{color:#8cb987}.status-line.warning{color:#e0937f}.menu-music-toggle{justify-self:stretch;padding:.42rem .62rem;color:#d8c893;background:#0d1117c7;border-color:#635a43;font-size:.6rem;font-weight:800;letter-spacing:.08em}.menu-music-toggle.muted{color:#8f939a;border-color:#474d57}.feature-row{display:flex;width:min(660px,100%);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem;margin-top:1.15rem;padding-top:.75rem;border-top:1px solid var(--line)}.feature-row div{display:grid;gap:.2rem}.feature-row strong{color:#e7dec9;font-family:Cinzel,serif}.feature-row span{color:#79847b;font-size:.72rem}.brief-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:clamp(7.5rem,14vh,9rem) clamp(2rem,3.8vw,4.5rem) clamp(2rem,3.8vw,4.5rem);background:linear-gradient(180deg,#0d10169e,#0d1016db);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:1px solid var(--line);box-shadow:-30px 0 80px #00000040}.crest{display:grid;width:68px;height:80px;margin-bottom:.75rem;place-items:center;color:#172018;background:var(--gold);border-radius:38px 38px 8px 8px;font-size:2.1rem;box-shadow:0 9px 24px #0008}.brief-panel h2{margin-bottom:.4rem;color:#eee5d1;font-size:clamp(1.35rem,1.6vw,1.7rem)}.brief-panel p,.brief-panel li{color:#a4a9b2;font-size:.9rem;line-height:1.6}.brief-panel ul{padding-left:1.2rem}.lobby-screen{display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at center,#3e4b60e0,#090c12fa),#0c0e12}.lobby-card{width:min(620px,100%);padding:clamp(1.7rem,5vw,3rem);background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 80px #0009}.lobby-card h1{margin:.4rem 0;font-size:2.6rem}.lobby-card>p{color:#99a299}.room-code{padding:.25rem .55rem;color:var(--gold-bright);background:#151922;border-color:#48505d;font-family:ui-monospace,monospace;font-size:.86em;letter-spacing:.1em}.lobby-players{display:grid;gap:.65rem;margin:2rem 0}.lobby-player{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;background:#20252e;border:1px solid #3c4350}.lobby-player div{display:grid;min-width:0;gap:.2rem}.lobby-color-square{position:relative;display:grid;place-items:center;width:32px;height:32px;background:var(--player-color);border:1px solid #ffffff80;border-radius:3px;color:#10141b;font-weight:800}.lobby-color-square:focus-within{outline:2px solid var(--gold);outline-offset:3px}.lobby-color-square>select{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;opacity:0;cursor:pointer}.lobby-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{color:#7e8b80;font-size:.65rem;letter-spacing:.13em}.player-color{width:11px;height:42px;background:var(--player-color);border-radius:3px;box-shadow:0 0 16px color-mix(in srgb,var(--player-color),transparent 50%)}.player-role{color:var(--gold);font-size:.65rem;font-weight:800;letter-spacing:.14em}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.game-screen,#viewport{position:relative;width:100%;height:100%}#viewport{background:#75935f}#game-canvas{display:block;width:100%;height:100%;outline:none}#game-canvas.placing{cursor:crosshair}#game-canvas.gather-cursor{cursor:cell}#game-canvas.attack-cursor,#game-canvas.work-cursor,#game-canvas.garrison-cursor{cursor:none}.topbar{position:absolute;z-index:10;top:0;left:0;display:grid;grid-template-columns:auto auto 1fr auto;width:100%;min-height:64px;pointer-events:none;background:linear-gradient(180deg,#0c0e13fa,#0f1218e6);border-bottom:1px solid var(--line);box-shadow:0 8px 22px #0005}.global-production{position:absolute;top:calc(100% + 8px);left:16px;display:flex;gap:5px;max-width:calc(100% - 340px);overflow-x:auto;pointer-events:auto}.global-production:empty{display:none}.global-production-item{position:relative;flex:0 0 62px;height:60px;padding:3px 3px 7px;overflow:hidden;border:1px solid #69716b;border-radius:3px;background:#0f1218f2;color:#f3e7cd;box-shadow:0 2px 5px #0008}.global-production-item.active{border-color:var(--gold)}.global-production-item:hover,.global-production-item:focus-visible{background:#354037;outline:2px solid var(--gold);outline-offset:-2px}.production-icon{display:block;font-size:25px;line-height:30px}.production-count{position:absolute;right:3px;top:2px;padding:0 3px;background:#111e;font-size:12px}.topbar .global-production-item small{display:block;font-size:10px;white-space:nowrap;letter-spacing:0}.global-production-item i{position:absolute;bottom:0;left:0;height:4px;background:var(--gold)}.game-screen:has(.global-production:not(:empty)) .event-feed{top:148px}@media(max-width:700px){.global-production{max-width:calc(100% - 32px)}}.age-panel{display:flex;align-items:center;gap:.7rem;min-width:210px;padding:.5rem 1.25rem;border-right:1px solid var(--line)}#age-number{display:grid;width:42px;height:42px;place-items:center;color:#161a12;background:var(--gold);border-radius:50%;font-family:Cinzel,serif;font-size:1.2rem;font-weight:800}.age-copy{display:grid;gap:.08rem}.topbar small,.selection-info small{color:#969ca7;font-size:.59rem;font-weight:700;letter-spacing:.13em}.age-panel strong{font-family:Cinzel,serif;font-size:.88rem}.age-progress{position:relative;width:132px;height:13px;margin-top:.16rem;overflow:hidden;background:#090c10;border:1px solid #6c5a32;border-radius:2px}.age-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#a97624,var(--gold));transition:width .18s linear}.age-progress span{position:relative;z-index:1;padding:0 .25rem;overflow:hidden;color:#fff3cf;font-size:.5rem;font-weight:800;line-height:11px;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap}.idle-villager-button{display:flex;min-width:118px;align-items:center;gap:.55rem;padding:.45rem .8rem;pointer-events:auto;color:#e9e0c9;background:#1b1f27;border:0;border-right:1px solid var(--line);border-radius:0}.idle-villager-button>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:#1b1a12;background:#e8bd62;border-radius:50%;font-size:.7rem;font-weight:900}.idle-villager-button div{display:grid;gap:.05rem;text-align:left}.idle-villager-button strong{color:#fff0c5;font-size:.9rem}.idle-villager-button:not(:disabled):hover{background:#303641}.idle-villager-button:disabled{opacity:.42;cursor:default}.resources{display:flex;align-items:stretch;justify-content:center}.resource{display:flex;min-width:104px;align-items:center;gap:.55rem;padding:.4rem .8rem;border-right:1px solid rgba(255,255,255,.07)}.resource>span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;font-size:.9rem}.resource.food>span{color:#ffcbc2;background:#8a3d38}.resource.wood>span{color:#c7e2b5;background:#335a38}.resource.gold>span{color:#332709;background:#d5b245}.resource.stone>span{color:#e6e2da;background:#6c726f}.resource.population>span{color:#221b10;background:#d1a975}.resource div{display:grid}.resource-workers{display:flex;align-items:center;gap:3px;margin-left:auto;color:#c4c8bb;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.resource-workers i{font-style:normal;color:#d1a975}.resource strong{font-size:.95rem}.match-meta{display:grid;min-width:210px;align-content:center;padding:.4rem 1rem;color:#969da8;font-family:ui-monospace,monospace;font-size:.66rem;text-align:right}.performance-readout{display:flex;justify-content:flex-end;gap:.5rem;white-space:nowrap}.performance-readout span+span:before{margin-right:.5rem;color:#555e6a;content:"·"}.performance-readout .warning{color:#ef8b72}.match-controls{display:flex;justify-content:flex-end;gap:.3rem}.sound-toggle,.pause-toggle{margin-top:.18rem;padding:.15rem .35rem;pointer-events:auto;color:#c5c9d0;background:#222730;border-color:#4a5260;font-family:Inter,sans-serif;font-size:.52rem;font-weight:800;letter-spacing:.08em}.sound-toggle.muted{color:#8e7770}.pause-toggle{color:#ecdcae;border-color:#6f6546}.pause-toggle.paused{color:#181a1e;background:#e6c974;border-color:#ffeba2}.pause-toggle kbd{margin-left:.25rem;color:inherit;background:transparent;border:0;font:inherit}.pause-overlay{position:absolute;z-index:9;inset:64px 0 210px;display:grid;place-items:center;pointer-events:none;background:#080a0e3d;-webkit-backdrop-filter:saturate(.72);backdrop-filter:saturate(.72)}.pause-overlay>div{display:grid;min-width:min(410px,calc(100% - 32px));gap:.35rem;padding:1.1rem 1.6rem;text-align:center;background:#11141bf2;border:1px solid rgba(236,215,157,.56);box-shadow:0 18px 50px #0008}.pause-overlay small{color:var(--gold);font-size:.64rem;font-weight:900;letter-spacing:.18em}.pause-overlay strong{color:#fff0c9;font-family:Cinzel,serif;font-size:1.2rem}.pause-overlay span{color:#a3a8b1;font-size:.72rem}.scoreboard{position:absolute;z-index:10;top:78px;right:16px;display:grid;width:min(260px,calc(100% - 32px));overflow:hidden;pointer-events:none;background:#11141bf0;border:1px solid rgba(244,224,175,.18);box-shadow:0 10px 26px #0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.score-row{display:grid;grid-template-columns:20px 5px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:44px;padding:.42rem .65rem;border-bottom:1px solid rgba(255,255,255,.06)}.score-row:last-child{border-bottom:0}.score-row.you{background:#4ba3ff14}.score-row.defeated{opacity:.48}.score-row>i{width:5px;height:28px;background:var(--player-color);box-shadow:0 0 10px color-mix(in srgb,var(--player-color),transparent 35%)}.score-rank{color:#8c929c;font-family:Cinzel,serif;font-size:.65rem;text-align:center}.score-row>div{display:grid;min-width:0}.score-row small{color:#8a909b;font-size:.48rem;font-weight:800;letter-spacing:.13em}.score-row strong{overflow:hidden;color:#e9e1ce;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.score-row>b{color:var(--gold-bright);font-family:ui-monospace,monospace;font-size:.75rem}.score-row.defeated>b{color:#d37b72;font-size:.56rem}.objectives{position:absolute;z-index:9;top:178px;right:16px;display:grid;max-width:250px;gap:.28rem;padding:.75rem 1rem;pointer-events:none;background:#12151ceb;border-left:3px solid var(--gold);box-shadow:0 10px 24px #0005}.objectives strong{color:#eee5d2;font-family:Cinzel,serif;font-size:.82rem}.objectives span{color:#a0a5ae;font-size:.67rem}.event-feed{position:absolute;z-index:15;top:82px;left:16px;display:grid;width:min(360px,calc(100% - 32px));gap:.4rem;pointer-events:none}.event{padding:.7rem .9rem;background:#14171ef2;border-left:3px solid #8d98aa;box-shadow:0 7px 20px #0006;font-size:.75rem;animation:event-in .18s ease-out;transition:.4s ease}.event.warning{border-color:#d37661}.event.success{border-color:#85b77c}.event.leaving{opacity:0;transform:translate(-15px)}@keyframes event-in{0%{opacity:0;transform:translate(-15px)}}.selection-box{position:fixed;z-index:25;pointer-events:none;background:#e8d28b1c;border:1px solid rgba(248,226,153,.9)}.placement-hint{position:absolute;z-index:18;top:82px;left:50%;padding:.6rem 1rem;color:#1b1a12;background:var(--gold-bright);box-shadow:0 7px 24px #0007;font-size:.72rem;font-weight:800;transform:translate(-50%)}.placement-hint.invalid{color:#fff1e9;background:#9f3f39}.world-tooltip{position:fixed;z-index:30;display:grid;min-width:175px;gap:.18rem;padding:.62rem .72rem;pointer-events:none;background:#0e1117f7;border:1px solid var(--gold);box-shadow:0 8px 24px #0009}.world-tooltip strong{color:#f4e7c7;font-family:Cinzel,serif;font-size:.75rem}.world-tooltip span{color:#bec2c9;font-size:.68rem}.world-tooltip .tooltip-combat{max-width:300px;color:#d9c98e;font-size:.62rem;line-height:1.38;white-space:pre-line}.world-tooltip small{margin-top:.18rem;color:var(--gold);font-size:.55rem;font-weight:800;letter-spacing:.08em}.context-cursor{position:fixed;z-index:40;display:grid;width:34px;height:34px;place-items:center;pointer-events:none;border-radius:50%;font-size:1.25rem;filter:drop-shadow(0 3px 4px #000);transform:translate(-2px,-28px)}.context-cursor.combat{color:#fff2e8;background:#85221deb;border:1px solid #ff8b7e}.context-cursor.work{color:#e7fbff;background:#186871eb;border:1px solid #79dce4}.context-cursor.garrison{color:#fff3ca;background:#414e77f2;border:1px solid #9bcdf0}.match-summary-button{position:absolute;z-index:34;top:174px;right:18px;min-height:34px;padding:.4rem .65rem;color:#171a20;background:var(--gold-bright);border-color:#f2d27a;box-shadow:0 6px 18px #0008;font-size:.6rem;font-weight:900;letter-spacing:.08em}.attack-alert{position:absolute;z-index:35;top:78px;left:50%;display:flex;min-width:330px;align-items:center;gap:.75rem;padding:.7rem .9rem;color:#fff5ee;background:#711a16f5;border:1px solid #ff7c6f;box-shadow:0 8px 28px #0009,0 0 25px #e83c3052;transform:translate(-50%);animation:attack-alert-pulse .8s ease-in-out infinite alternate}.attack-alert>span{font-size:1.6rem}.attack-alert div{display:grid;flex:1;text-align:left}.attack-alert small{color:#f2aaa2;font-size:.55rem;letter-spacing:.12em}.attack-alert strong{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.04em}.attack-alert em{color:#ffc3bb;font-size:.52rem;font-style:normal;font-weight:800;letter-spacing:.08em}@keyframes attack-alert-pulse{0%{border-color:#ff776b}to{border-color:#ffd2ca;box-shadow:0 8px 28px #0009,0 0 35px #ff443594}}.chat-panel{position:absolute;z-index:15;bottom:calc(var(--bottom-hud-height) + 72px);left:16px;display:grid;width:min(360px,calc(100% - 32px));overflow:hidden;pointer-events:auto;background:#0f1218f5;border:1px solid rgba(244,224,175,.22);box-shadow:0 12px 30px #0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-panel>header{display:grid;grid-template-columns:auto 1fr auto 24px;align-items:center;gap:.55rem;padding:.38rem .48rem .38rem .65rem;background:#222731f5;border-bottom:1px solid rgba(255,255,255,.07)}.chat-panel>header strong{color:#e8d7ad;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.08em}.chat-panel>header span{color:#858c98;font-size:.45rem;font-weight:800;letter-spacing:.09em}.chat-panel>header button{padding:.28rem .46rem;color:#c9b982;background:#1d222b;border-color:#4a5260;font-size:.5rem;font-weight:800;letter-spacing:.08em}.chat-panel>header button.active{color:#181b14;background:var(--gold);border-color:var(--gold-bright)}.chat-panel>header #chat-minimize{width:24px;padding:.22rem 0;color:#d7dbe1;font-size:.76rem}.chat-panel.minimized{width:230px}.chat-panel.minimized .chat-log,.chat-panel.minimized .taunt-menu,.chat-panel.minimized .chat-form{display:none}.chat-log{display:grid;max-height:126px;overflow-y:auto;scrollbar-color:#656b78 transparent}.chat-empty{padding:.65rem;color:#858b96;font-size:.62rem;text-align:center}.chat-message{display:grid;grid-template-columns:4px 1fr;gap:.55rem;padding:.42rem .62rem;border-bottom:1px solid rgba(255,255,255,.045)}.chat-message>i{background:var(--player-color);border-radius:3px}.chat-message>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.45rem}.chat-message strong{color:#dfe1e6;font-size:.61rem}.chat-message span{color:#848b97;font-size:.43rem;font-weight:800;letter-spacing:.11em}.chat-message p{grid-column:1 / -1;margin:.1rem 0 0;color:#b9bec7;font-size:.67rem;line-height:1.35;overflow-wrap:anywhere}.chat-message.taunt p{color:#f0d48f;font-family:Cinzel,serif;font-weight:700}.taunt-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3c424d;border-bottom:1px solid #4e5663}.taunt-menu button{display:flex;min-width:0;align-items:center;gap:.35rem;padding:.4rem;color:#c2c6cd;background:#1d222a;border:0;border-radius:0;font-size:.51rem;text-align:left}.taunt-menu kbd{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;color:#1a1a12;background:#d7b66f;border-radius:50%;font-size:.5rem;font-weight:900}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.35rem;padding:.4rem}.chat-form input{padding:.46rem .55rem;font-size:.65rem}.chat-form button{padding:.4rem .62rem;color:#1a1b12;background:var(--gold);border-color:var(--gold-bright);font-size:.52rem;font-weight:900}.control-hotbar{position:absolute;z-index:14;bottom:calc(var(--bottom-hud-height) + var(--hud-float-gap));left:50%;display:grid;grid-template-columns:repeat(9,46px);gap:.28rem;padding:.35rem;background:#101319f5;border:1px solid #3e4552;box-shadow:0 7px 22px #0008;transform:translate(-50%)}.control-slot{position:relative;display:grid;height:48px;place-items:center;padding:.18rem;color:#f2e5c8;background:#282d37;border:1px solid #4b5361;border-radius:2px}.control-slot kbd{position:absolute;top:2px;left:4px;color:#a3a8b1;font-family:ui-monospace,monospace;font-size:.52rem}.control-slot>span{margin-top:.15rem;font-size:.92rem;font-weight:800}.control-slot small{overflow:hidden;width:100%;color:#d9c587;font-size:.43rem;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.control-slot.empty{color:#777e89;background:#181c23;border-color:#343a45}.control-slot.active{border-color:#f0ce72;box-shadow:inset 0 0 0 1px #f0ce72,0 0 12px #d6ad4155}.control-slot:not(.empty):hover{background:#363c48}.bottom-hud{position:absolute;z-index:12;right:0;bottom:0;left:0;display:grid;grid-template-columns:190px calc(var(--command-size) * var(--command-columns) + 62px) minmax(260px,1fr);height:var(--bottom-hud-height);min-height:var(--bottom-hud-height);max-height:var(--bottom-hud-height);overflow:hidden;background:linear-gradient(90deg,#0d1015fc,#161a22fa);border-top:1px solid var(--line);box-shadow:0 -12px 30px #0006}#minimap{width:190px;height:100%;background:#171b22;border-right:1px solid var(--line);cursor:pointer;image-rendering:pixelated}.selection-info{position:relative;display:flex;flex-direction:column;gap:.22rem;justify-content:flex-start;min-width:0;max-height:var(--bottom-hud-height);overflow:hidden;padding:.8rem 1rem;border-left:1px solid var(--line)}.selection-info>strong{flex-shrink:0;padding-right:50px;overflow:hidden;color:#efe5ce;font-family:Cinzel,serif;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.selection-info>span,.empty-selection span{color:#a1a6af;font-size:.72rem;line-height:1.45}.selection-delete{position:absolute;top:.55rem;right:.55rem;align-self:flex-start;margin-top:0;padding:.24rem .46rem;pointer-events:auto;color:#b98a86;background:transparent;border:1px solid #5b3b3b;border-radius:2px;font-size:.54rem;letter-spacing:.08em;opacity:.68;text-transform:uppercase}.selection-delete:hover{color:#ffd5cf;background:#5a2525;border-color:#b8524b;opacity:1}.empty-selection{display:grid;gap:.4rem}.empty-selection small{margin-top:.55rem;color:#7f8691;font-size:.62rem}.combat-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem .48rem;margin-top:.08rem;padding:.32rem .45rem;background:#1a2028;border:1px solid #39424e;font-size:.6rem}.combat-profile>div{display:grid;min-width:0;gap:.12rem}.combat-profile b{color:var(--gold-bright);font-size:.53rem;letter-spacing:.07em;text-transform:uppercase}.combat-profile span{color:#d4d8df;line-height:1.25}.combat-profile .combat-matchups{grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.2rem .45rem}.combat-profile p{display:none}.health-bar{flex-shrink:0;width:min(230px,100%);height:5px;overflow:hidden;background:#3b2725;border-radius:4px}.health-bar i{display:block;height:100%;background:#71a567}.health-bar.enemy i{background:#d95f52}.enemy-intel{border-color:#7d4039;background:#271b1a}.enemy-intel span{color:#ed766a}.worker-tip{margin-top:.35rem;padding:.42rem .5rem;color:#bec2c9;background:#222730;border-left:2px solid var(--gold);font-size:.62rem;line-height:1.35}.worker-tip b{margin-right:.35rem;color:var(--gold-bright);letter-spacing:.08em}.command-panel{min-width:0;max-height:var(--bottom-hud-height);padding:.48rem .6rem;overflow:hidden}.worker-guide{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem;padding:.42rem .55rem;color:#b0b5be;background:#1b2028;border:1px solid #3e4652;font-size:.59rem}.worker-guide b{flex:0 0 auto;color:var(--gold);letter-spacing:.08em}.worker-guide i{color:#e8d79f;font-style:normal;font-weight:700}.stance-controls{display:flex;align-items:center;gap:.28rem;margin-bottom:.42rem}.stance-controls>span{margin-right:.15rem;color:#8f96a1;font-size:.53rem;font-weight:800;letter-spacing:.12em}.stance-controls button{min-height:25px;padding:.24rem .48rem;color:#b8bdc6;background:#181d24;border:1px solid #3a424d;font-size:.54rem;font-weight:800;letter-spacing:.045em;cursor:pointer}.stance-controls button:hover{color:#f1d37f;border-color:#8f783f}.stance-controls button.active{color:#11151a;background:var(--gold);border-color:var(--gold-bright)}.stance-controls.compact{max-width:100%;margin:.15rem 0 0}.stance-controls.compact>span{display:none}.stance-controls.compact button{display:grid;width:30px;min-height:27px;padding:0;place-items:center;font-size:.72rem}.stance-controls.compact button span{display:none}.garrison-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.3rem .55rem;margin-top:.2rem;padding:.36rem .5rem;background:#19242d;border-left:2px solid #72b7e8;font-size:.6rem}.garrison-status b{color:#8bc9f0;letter-spacing:.08em}.garrison-status span{color:#f3e5bd;font-weight:800}.garrison-status small{overflow:hidden;color:#9ea7b2;text-overflow:ellipsis;white-space:nowrap}.action-grid,.action-grid.worker-actions{display:grid;grid-template-columns:repeat(var(--command-columns),var(--command-size));grid-auto-rows:var(--command-size);align-content:start;gap:6px}.action-button,.worker-actions .action-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--command-size);height:var(--command-size);min-height:0;padding:5px 3px 3px;gap:2px;text-align:center;border-radius:2px;background:linear-gradient(145deg,#2a303a,#171d25);box-shadow:inset 0 0 0 2px #111820}.action-button:hover,.action-button:focus-visible{border-color:var(--gold-bright);outline:1px solid var(--gold);outline-offset:1px}.action-button.wide{grid-column:span 1}.action-button.build-category{border-color:#9c8247}.action-button.build-category-back{border-style:dashed}.action-button b,.worker-actions .action-button b{display:grid;place-items:center;width:30px;height:28px;flex:0 0 28px;color:var(--gold-bright);font-size:1.45rem}.action-button span{min-width:0;width:100%}.action-button strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e7dec8;font-size:10px;font-weight:600;line-height:1.1;white-space:normal;overflow-wrap:anywhere}.action-button small{display:none}.action-hotkey{position:absolute;top:3px;right:3px;min-width:13px;padding:1px 2px;color:var(--gold-bright);background:#10151de6;border:1px solid #665735;border-radius:2px;font-family:ui-monospace,monospace;font-size:9px;font-weight:800}.structure-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:#e5dcc9;font-size:11px}.structure-facts b{color:var(--gold);font-weight:600;margin-right:5px}.selection-info>small{flex-shrink:0}.selection-info>.worker-tip{margin-top:2px;padding:4px 6px}.command-primer{display:grid;height:100%;place-content:center;color:#969da8;text-align:center}.command-primer span{color:var(--gold);font-size:.6rem;font-weight:800;letter-spacing:.16em}.command-primer strong{margin-top:.3rem;color:#c2c6cc;font-family:Cinzel,serif;font-size:.78rem}.production-queue{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:.35rem;margin-top:.45rem}.production-queue button{position:relative;display:grid;place-items:center;width:44px;min-width:0;height:44px;overflow:hidden;padding:.42rem;color:#d8dce3;background:#171b22;border:1px solid #414854;font-size:1.5rem;text-align:center}.production-queue button:hover{color:#fff0cf;background:#282e38;border-color:#b86f61}.production-queue button span{position:relative;z-index:1}.production-queue button b{position:absolute;top:1px;right:2px;z-index:2;padding:0 2px;background:#171b22e8;color:#fff0cf;font-size:11px;line-height:14px}.production-queue i{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--gold)}.end-screen{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:#07090db8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-menu-overlay{position:absolute;z-index:70;inset:0;display:grid;place-items:center;background:#07090dc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.game-menu-card{width:min(430px,calc(100% - 2rem));box-sizing:border-box;padding:2rem;text-align:center;background:#181c24;border:1px solid var(--gold);box-shadow:0 30px 90px #000}.game-menu-card h2{margin:.45rem 0;color:#f3e5c5;font-family:Cinzel,serif;font-size:2rem}.game-menu-card p{margin:0 0 1.25rem;color:#939baa;font-size:.78rem}.game-menu-actions{display:grid;gap:.55rem}.game-menu-actions button{min-height:46px}.game-menu-actions .danger-button{color:#ffd7cf;background:#542b2a;border-color:#a9544d}.delete-confirmation{color:var(--gold-bright);max-height:calc(100dvh - 2rem);overflow-y:auto}.delete-confirmation::backdrop{background:#07090d99}.delete-confirmation .delete-warning{color:#edc0a8;line-height:1.5}.delete-confirmation-actions{grid-template-columns:1fr 1fr}.delete-confirmation-actions button{padding:.7rem;font-size:.78rem}.delete-confirmation-actions button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.delete-confirmation small{display:block;margin-top:1rem;color:#939baa;font-size:.7rem}.end-card{width:min(880px,calc(100% - 2rem));box-sizing:border-box;max-height:calc(100vh - 2rem);overflow-x:hidden;overflow-y:auto;padding:2rem;text-align:center;background:#181c24;border:1px solid var(--gold);box-shadow:0 30px 90px #000}.end-card h2{margin:.4rem;color:#f3e5c5;font-size:3rem}.end-card p{margin-bottom:1rem;color:#a7acb5}.match-summary{display:grid;min-width:0;max-width:100%;gap:.8rem;margin:1rem 0 1.3rem;text-align:left}.summary-meta{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-align:center}.summary-grid{display:grid;min-width:0;grid-template-columns:repeat(2,1fr);gap:.65rem}.summary-grid article{min-width:0;padding:.8rem;background:#11151c;border:1px solid #353d49;border-top:3px solid var(--player-color)}.summary-grid article header{display:flex;align-items:center;gap:.5rem}.summary-grid article header span{width:9px;height:9px;border-radius:50%;background:var(--player-color)}.summary-grid article header b{margin-left:auto;color:var(--gold);font-size:.58rem;letter-spacing:.08em}.summary-score{margin:.7rem 0;color:#f0e6d0;font-family:Cinzel,serif;font-size:1.55rem;font-weight:800}.summary-score small{margin-left:.4rem;color:#777f8d;font-family:Inter,sans-serif;font-size:.52rem}.summary-grid dl{display:grid;margin:0;gap:.25rem}.summary-grid dl div{display:flex;justify-content:space-between;gap:1rem;color:#9199a6;font-size:.68rem}.summary-grid dt,.summary-grid dd{margin:0}.summary-grid dd{color:#ddd4c1;font-weight:700}.visual-timeline{display:grid;min-width:0;gap:.65rem}.visual-timeline-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:0 .15rem}.visual-timeline-heading div{display:grid}.visual-timeline-heading small{color:var(--gold);font-size:.56rem;font-weight:900;letter-spacing:.14em}.visual-timeline-heading strong{color:#e4d7b9;font-family:Cinzel,serif}.visual-timeline-heading>span{color:#727b89;font-size:.62rem}.timeline-chart-card{min-width:0;padding:.65rem .75rem .4rem;background:#11151c;border:1px solid #353d49}.timeline-chart-card>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.timeline-chart-card>header strong{color:#d9cfb9;font-size:.72rem}.timeline-chart-card>header div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.timeline-chart-card>header span{display:flex;align-items:center;gap:.3rem;color:#9099a7;font-size:.58rem}.timeline-chart-card>header i{width:8px;height:8px;border-radius:50%;background:var(--player-color)}.timeline-chart{display:block;width:100%;min-width:0;height:auto;margin-top:.35rem}.timeline-grid line{stroke:#303845;stroke-width:.7}.timeline-grid text{fill:#717b89;font-family:Inter,sans-serif;font-size:8px}.timeline-area{opacity:.09}.timeline-series{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.milestone-line{stroke:var(--marker-color);stroke-dasharray:3 4;stroke-width:.9;opacity:.5}.milestone-dot{fill:var(--marker-color);stroke:#10141a;stroke-width:1.5}.milestone-symbol{fill:#11151c;font-family:Cinzel,serif;font-size:7px;font-weight:900;pointer-events:none}.milestone-log-symbol{display:inline-grid;width:18px;height:18px;place-items:center;color:#e7c66f;font-family:Cinzel,serif;font-size:.62rem}.summary-timeline{min-width:0;max-width:100%;padding:.7rem;background:#11151c;border:1px solid #353d49}.summary-timeline summary{color:#e4d7b9;cursor:pointer;font-weight:800}.timeline-strip{display:flex;min-width:0;max-width:100%;overflow-x:auto;padding:.7rem 0;gap:.4rem}.timeline-point{display:grid;min-width:112px;grid-template-columns:auto 8px 1fr;align-items:center;gap:.35rem;padding:.45rem;background:#1c222c}.timeline-point time,.summary-timeline li time{color:var(--gold);font-size:.6rem}.timeline-point>span,.summary-timeline li i{width:7px;height:7px;border-radius:50%;background:var(--player-color)}.timeline-point div{display:grid}.timeline-point strong,.timeline-point small{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.timeline-point small{color:#8d96a4}.summary-timeline ol{display:grid;max-height:110px;overflow:auto;margin:0;padding:0;gap:.3rem;list-style:none}.summary-timeline li{display:grid;grid-template-columns:38px 7px 1fr;align-items:center;gap:.4rem;color:#aab0ba;font-size:.65rem}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:900px){:root{--bottom-hud-height: 208px;--hud-float-gap: 10px}.menu-screen{height:auto;min-height:100%;grid-template-columns:1fr;overflow:auto}.hero-panel{grid-row:2;justify-content:flex-start;overflow:visible;padding:2rem 1.25rem}.hero-panel h1{font-size:clamp(3.25rem,16vw,5.5rem)}.menu-form{grid-template-columns:minmax(0,1fr)}.menu-form .battlefield-field,.menu-host-button,.menu-standings-button,.menu-form .join-row,.menu-form .status-line,.menu-form .menu-music-toggle{grid-column:1}.account-panel{position:relative;top:auto;right:auto;width:auto;grid-row:1;margin:1rem 1rem 0;align-items:flex-start;flex-wrap:wrap}.account-actions,.account-actions.signed-in{width:100%;max-width:none;flex-wrap:wrap;justify-content:flex-start}.feature-row{justify-content:flex-start}.brief-panel{display:none}.summary-grid{grid-template-columns:1fr}.resources{justify-content:flex-start;overflow-x:auto}.resource{min-width:86px}.resource small{display:none}.age-panel{min-width:auto;padding:.45rem}.age-panel div,.idle-villager-button div,.match-meta{display:none}.idle-villager-button{min-width:auto;padding:.45rem}.bottom-hud{grid-template-columns:100px calc(var(--command-size) * var(--command-columns) + 50px) minmax(170px,1fr)}.control-hotbar{grid-template-columns:repeat(9,38px)}.chat-panel{bottom:calc(var(--bottom-hud-height) + 62px);width:min(320px,calc(100% - 32px))}.control-slot{height:42px}#minimap{width:100px;height:100%}}@media(max-width:1100px){:root{--command-size: 48px;--command-columns: 6}.action-button b,.worker-actions .action-button b{height:20px;flex-basis:20px;font-size:1.1rem}.action-button strong{font-size:9px}.action-button,.worker-actions .action-button{gap:0;padding:2px}.structure-facts{gap:5px;font-size:10px}}@media(max-width:700px){:root{--command-size: 44px;--command-columns: 5}.bottom-hud{grid-template-columns:80px 266px minmax(160px,1fr)}#minimap{width:80px}.selection-info{padding:10px}}@media(max-width:900px){.selection-info>span{font-size:10px;line-height:1.25}.selection-info .combat-profile{gap:2px 5px;padding:3px 5px}.selection-info .combat-matchups{grid-template-columns:auto minmax(0,1fr);gap:2px 5px}}.command-help{position:fixed;z-index:1000;width:min(360px,calc(100vw - 16px));padding:12px 14px;background:#11171f;color:#eee3c5;border:1px solid #bda05c;box-shadow:0 5px 20px #0009;font-size:13px;line-height:1.5;white-space:pre-line;pointer-events:none}.browser-game{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff20}.browser-game small{display:block;margin-top:5px;opacity:.75}.lobby-color{max-width:140px}.spectating #resources,.spectating #idle-villager-button,.spectating #global-production,.spectating #pause-toggle,.spectating #game-menu-resign,.spectating #chat-panel{display:none}.event.event-action{pointer-events:auto;cursor:pointer;width:100%;text-align:left;color:inherit;font-family:inherit;border-top:0;border-right:0;border-bottom:0;border-radius:0}.event.event-action:hover,.event.event-action:focus-visible{background:#303641;outline:2px solid #dcc58f;outline-offset:2px}