@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2")}@font-face{font-family:Libre Caslon Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/libre-caslon-display-latin-400-normal-n_DgBRfq.woff2) format("woff2")}:root{font-family:DM Sans,sans-serif;color:#e3e9d9;background:#16343b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #e3e9d9;--muted: #98aba5;--panel: rgba(22, 43, 43, .93);--line: rgba(204, 224, 198, .12);--accent: #d7e6a9;--serif: "Libre Caslon Display", Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e4eeb7;outline-offset:4px}button{transition:background .18s,color .18s,border-color .18s,transform .18s,opacity .18s}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--accent);text-underline-offset:3px}::selection{background:#748f5f;color:#fff}button svg{flex-shrink:0}svg{display:block}kbd{font:10px DM Sans,sans-serif}.game-shell{position:relative;width:100%;height:100dvh;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at 60% 43%,#2b5155,#24474e 38%,#19383f 72%,#153139);isolation:isolate}.game-board{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:0}.game-board:active{cursor:grabbing}.hex-tile{cursor:pointer;outline:none}.hex-tile:focus-visible .tile-ground{stroke:#fff9bf;stroke-width:4}.hex-tile .tile-ground{transition:fill .25s}.hex-tile:hover .tile-ground{filter:brightness(1.04)}.hex-tile.selected .selection-outline{filter:drop-shadow(0 0 5px #f6e98b88)}.action-ripple{animation:ripple .65s ease-out forwards}.little-boat{animation:bob 7s ease-in-out infinite}.screen-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 140px #071e282c;pointer-events:none;z-index:1}.hud{position:absolute;z-index:2}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 28px #0a222630;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px}.icon-button{display:flex;align-items:center;justify-content:center;background:transparent;width:38px;height:38px;border-radius:8px;color:#b5c7bd}.icon-button:hover{background:#c8e4ce0b;color:#f0f3d9}.icon-button.small{width:28px;height:28px}.icon-button.toggled{background:#d8e6a61b;color:#e2eaba;border:1px solid #c9dda544}.eyebrow,.section-label{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#92aaa1}.status-dot{display:inline-block;width:6px;height:6px;background:#b9d38e;border-radius:50%;flex-shrink:0}.pulse{animation:pulse 1.4s ease-in-out infinite}.top-left{top:27px;left:25px;display:flex;align-items:center;gap:18px}.menu-button{width:34px;color:#a7bdb4}.wordmark{display:flex;align-items:center;gap:7px;color:#e2e8c9}.wordmark>span{font:52px/.8 var(--serif);letter-spacing:-2.8px;margin-top:-8px}.wordmark-dot{color:#acc588}.wordmark>svg{margin-top:2px}.edition{font-size:7.5px;line-height:1.65;letter-spacing:1.6px;color:#99b0a8;border-left:1px solid #a7bdaa29;padding-left:16px;margin-left:2px}.turn-badge{left:50%;top:30px;transform:translate(-50%);height:38px;display:flex;align-items:center;gap:17px;padding:0 19px;border:1px solid #a1bdb425;border-radius:24px;background:#15313690;white-space:nowrap}.round-count{font-size:9px;letter-spacing:1.4px;color:#a2b5ac;display:flex;align-items:center;gap:10px}.round-count b{font-size:15px;color:#eceddc;font-weight:500;letter-spacing:.5px}.turn-divider{height:13px;width:1px;background:#a6c0b22b}.turn-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px;color:#dce5bf;font-weight:600}.other-turn{font-size:8px}.top-right{top:29px;right:27px;display:flex;align-items:center;gap:12px}.friends-button{height:38px;padding:0 15px;display:flex;align-items:center;gap:9px;border-radius:7px;border:1px solid #b1c6ac2c;background:#8baf9810;font-size:11px;font-weight:550;color:#cedccd}.friends-button:hover{background:#b9d2a01b;border-color:#c5dfb353}.friends-button.connected{color:#d2e5a7}.help-button{width:30px}.kingdom-panel{left:28px;top:119px;width:214px;padding:20px 19px 0}.kingdom-heading{display:flex;align-items:center;gap:12px}.faction-emblem{display:flex;align-items:center;justify-content:center;position:relative;width:39px;height:42px;flex-shrink:0;clip-path:polygon(50% 0,95% 22%,95% 75%,50% 100%,5% 75%,5% 22%);background:color-mix(in srgb,var(--faction) 23%,#233d33);color:var(--faction)}.faction-emblem.large{width:42px;height:47px}.kingdom-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.kingdom-heading h1{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.1;margin:5px 0 0;color:#e5ead4}.province-label{display:block;margin:7px 0 -8px 54px;font-size:8px;color:#8ea599;letter-spacing:.4px}.economy-summary{display:flex;align-items:center;justify-content:space-between;margin:17px -19px 0;padding:13px 19px;border-top:1px solid var(--line);background:#aabf8a0a;border-radius:0 0 12px 12px}.treasury-amount,.turn-balance{display:flex;align-items:center}.treasury-amount{gap:7px;color:#d9c98b}.treasury-amount svg{stroke-width:1.5}.treasury-amount strong{color:#f2ecd2;font-size:23px;line-height:1;font-weight:500}.treasury-amount small,.turn-balance small{color:#8ea599;font-size:8px}.turn-balance{justify-content:flex-end;column-gap:3px;color:#bed299}.turn-balance strong{font-size:16px;line-height:1;font-weight:550}.turn-balance small{width:100%;margin-top:2px;text-align:right}.turn-balance{flex-wrap:wrap;max-width:67px}.turn-balance.negative{color:#e8b394}.banners-panel{left:28px;top:304px;width:214px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;margin:0 8px 12px;color:#9bb2a8}.territory-meter{display:flex;width:100%;height:13px;padding:2px;gap:2px;border:1px solid #b8cbb139;border-radius:4px;background:#10292dba;overflow:hidden}.territory-meter>span{display:block;height:100%;min-width:1px;transition:width .4s}.territory-meter>span:first-child{border-radius:2px 0 0 2px}.territory-meter>span:last-child{border-radius:0 2px 2px 0}.territory-meter .yours{box-shadow:inset 0 0 0 1px #f2f0c975}.territory-meter .unclaimed{background:#718287}.territory-caption{display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:8px;color:#809c91}.territory-caption span:first-child{display:flex;align-items:center;gap:5px;color:#afc1b2}.territory-caption i{width:5px;height:5px;border-radius:50%}.eliminated{opacity:.35}.island-panel{right:31px;top:131px;width:214px}.island-eyebrow{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:2px;color:#94aea4}.island-eyebrow span:last-child{letter-spacing:1px;color:#7d9b91}.island-panel h2{font:29px/1.15 var(--serif);color:#dfe5ce;letter-spacing:-.4px;margin:12px 0 9px}.difficulty-label{display:flex;align-items:center;gap:8px;font-size:9px;color:#92aaa0}.difficulty-dots{font-size:6px;letter-spacing:2px;color:#baca96}.difficulty-dots .dim{opacity:.3}.island-rule{height:1px;background:linear-gradient(90deg,#b0c4a934,transparent);margin:23px 0}.objective{display:flex;gap:10px;align-items:flex-start}.objective-icon{width:30px;height:32px;border-radius:7px;background:#bfd99c0a;color:#bfd29c;display:flex;align-items:center;justify-content:center}.objective strong{font-size:10px;font-weight:500;color:#d0dbc6}.objective p{font-size:9px;margin:6px 0 0;color:#8fa89b;line-height:1.5}.conquest-progress{height:4px;background:#c4dbc315;border-radius:2px;margin-top:19px;overflow:hidden}.conquest-progress i{display:block;height:100%;background:#b9ce90;transition:width .4s}.conquest-label{display:flex;justify-content:space-between;font-size:9px;color:#8ca798;margin-top:9px}.conquest-label strong{color:#b6c79d;font-size:10px;font-weight:500}.map-caption{bottom:215px;left:56%;transform:translate(-50%);display:flex;align-items:center;gap:16px;color:#acc6b942;font-size:9px;font-family:var(--serif);letter-spacing:5px;white-space:nowrap;pointer-events:none}.caption-rule{width:25px;height:1px;background:#b3cdbc22}.map-controls{right:28px;bottom:227px;display:flex;flex-direction:column;gap:8px}.map-controls>.icon-button{background:#1533389e;border:1px solid #9ab6a522}.zoom-control{background:#1533389e;border:1px solid #9ab6a522;border-radius:8px;display:flex;flex-direction:column;align-items:center}.zoom-control .icon-button{height:32px;width:36px}.zoom-control>span{font-size:10px;font-weight:500;color:#c0d1ba;padding:4px 0}.zoom-control>span small{font-size:8px;color:#8da99a}.tile-tooltip{bottom:203px;left:56%;transform:translate(-50%);background:#142d30eb;border:1px solid #b3c6a728;box-shadow:0 4px 20px #132d3040;padding:10px 15px;border-radius:7px;display:flex;gap:10px;align-items:center;font-size:10px;pointer-events:none;white-space:nowrap}.tile-tooltip strong{font-weight:500;color:#d6e2ca}.tile-tooltip>span:not(.status-dot){font-size:9px;color:#92aa9c}.tooltip-defense{display:flex;gap:4px;align-items:center}.coach-card{left:30px;bottom:117px;width:218px;padding:0 1px}.coach-eyebrow{font-size:8px;letter-spacing:1.35px;color:#9cba9a;display:flex;align-items:center;gap:7px}.coach-card h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.1;letter-spacing:-.3px;margin:13px 0 9px;color:#dce4c7}.coach-card p{font-size:10px;line-height:1.85;color:#97b2a4;margin:0 0 10px;max-width:207px}.dismiss-coach{background:transparent;position:absolute;right:0;top:-4px;padding:4px;color:#739487}.text-button{background:transparent;padding:4px 0;display:flex;align-items:center;gap:7px;font-size:10px;color:#c2d59f}.text-button:hover{color:#e5eeba}.text-button.centered{justify-content:center;margin:15px auto 0;color:#8fa89b;font-size:11px}.recruit-tray{left:50%;bottom:43px;transform:translate(-50%);width:538px;padding:14px 15px 11px;background:#182e2ded;border-color:#aec59a2c;box-shadow:0 9px 28px #0c26264a}.tray-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 4px}.tray-heading>span{font-size:8px;letter-spacing:1.55px;color:#b1c49f;font-weight:600}.tray-heading small{font-size:8px;color:#789486}.tray-heading small button{display:flex;align-items:center;gap:5px;background:transparent;padding:0;color:#c9dca6;font-size:9px}.unit-cards{display:flex;align-items:stretch;gap:5px;overflow-x:auto}.diplomacy-actions{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.diplomacy-actions .secondary-button{flex:0 0 auto;min-height:28px;padding:5px 9px;font-size:9px}.diplomacy-actions>span{flex:0 0 auto;color:#b8c8ad;font-size:8px;letter-spacing:.35px}.present-glyph{display:grid;place-items:center;width:30px;height:30px;color:#f3d57b;font-size:24px;line-height:1;text-shadow:0 2px 8px #0009}.dread-glyph{display:grid;place-items:center;width:34px;height:34px;color:#b9b1df;font:29px/1 var(--serif);text-shadow:0 2px 10px #17132f}.unit-card .mana-cost{color:#b9b1df}.unit-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:95px;padding:7px 0 5px;background:transparent;border:1px solid transparent;border-radius:7px;color:#d5debd;transition:all .16s}.unit-card:not(:disabled):hover{background:#bad3970d;border-color:#aabf9233;transform:translateY(-2px)}.unit-card.chosen{background:#b8d08b15;border-color:#b9d58a99;box-shadow:inset 0 0 16px #9bb56810}.unit-card>kbd{position:absolute;left:7px;top:6px;display:flex;justify-content:center;align-items:center;width:13px;height:14px;border:1px solid #b0c39826;border-radius:3px;color:#819783;font-size:8px}.unit-card>svg{height:49px;width:46px;margin-bottom:3px}.unit-card>strong{font-weight:500;font-size:10px;margin:1px 0 7px}.unit-card>span{display:flex;gap:4px;align-items:center;font-size:10px;color:#d1c790}.unit-card>span small{font-size:7px;color:#859780;margin-left:4px;white-space:nowrap}.unit-card:disabled{opacity:.35;filter:saturate(.6)}.unit-divider{width:1px;background:var(--line);margin:9px 4px}.tower-card{width:100px}.tower-card>span small{font-size:6.5px}.inactive .tray-heading{opacity:.6}.turn-controls{right:28px;bottom:44px;width:244px}.ready-label{display:flex;align-items:center;justify-content:center;gap:7px;color:#b5c4a2;font-size:9px;margin-bottom:13px;min-height:15px}.ready-label .status-dot{width:5px;height:5px;background:#bbcf8c}.turn-actions{display:flex;gap:9px}.undo-button{height:56px;width:49px;border:1px solid #a7be9a38;background:#213c36;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;color:#c0cea8;position:relative}.undo-button>kbd{font-size:7px;color:#839a7d}.undo-button:disabled{color:#657e6e;border-color:#819b811c;background:#1936305c}.undo-button:not(:disabled):hover{background:#304d3e}.undo-count{position:absolute;right:5px;top:5px;font-size:8px;color:#dfebbe}.end-turn-button{height:56px;position:relative;flex:1;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#d0dfa4;color:#263c2d;border-radius:9px;box-shadow:0 3px #829f64,0 6px 20px #0c211f3b;font-size:14px;font-weight:600;letter-spacing:-.2px}.end-turn-button:not(:disabled):hover{background:#e1edb8;box-shadow:0 3px #97b074,0 6px 26px #c2db7130}.end-turn-button>kbd{position:absolute;right:7px;bottom:5px;font-size:10px;color:#536d416e}.end-turn-button:disabled{background:#718a644a;box-shadow:0 3px #18372d;color:#a2b18e}.turn-footnote{display:block;text-align:center;margin-top:15px;font-size:8px;color:#7d9a8b}.waiting-dots{letter-spacing:3px;font-size:20px;line-height:1}.bottom-left{left:29px;bottom:32px;display:flex;flex-direction:column;gap:10px}.connection-status{font-size:8px;color:#a3b6a5;display:flex;align-items:center;gap:7px}.connection-status>.status-dot{width:4px;height:4px;background:#a7c17f}.connection-status>span:last-child{color:#719382;font-size:7.5px}.footer-separator{color:#638878}.footer-buttons{display:flex;align-items:center;gap:7px;margin-left:-6px}.footer-buttons .icon-button{color:#8daa9a}.ledger-toggle{color:#8caa98;font-size:8px;margin-left:6px}.ledger-toggle.active{color:#d2e1ac}.connection-status.disconnected{color:#e0b18c}.journal{bottom:100px;left:28px;width:310px;padding:13px 17px;z-index:4}.journal header{display:flex;align-items:center;justify-content:space-between}.journal>div{max-height:290px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#789b6944 transparent}.journal p{font-size:10px;line-height:1.6;color:#b8cbb2;display:flex;gap:9px;align-items:flex-start;border-top:1px solid #9bb39316;padding-top:12px}.journal p>.status-dot{margin-top:5px;width:4px;height:4px}.journal-round{color:#738f78;font-size:8px;padding-top:1px}.toast{left:50%;top:89px;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:13px 15px 13px 20px;background:#243d32f5;border:1px solid #bdd19b55;border-radius:9px;box-shadow:0 6px 25px #0b25254d;font-size:12px;color:#e2e8c9;max-width:min(580px,calc(100vw - 32px));z-index:20;animation:toast-in .2s ease-out}.toast>button{padding:3px;background:transparent;color:#a4b997;flex-shrink:0}.connection-banner{left:50%;top:91px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#574b31f0;border:1px solid #b49e5b66;border-radius:8px;padding:12px 16px;font-size:10px;color:#eadbc0;z-index:5;white-space:nowrap}.connection-banner button{background:transparent;text-decoration:underline;color:#e1d8b1;font-size:10px;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081d27a1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:30;padding:24px;animation:fade-in .18s ease-out}.modal{background:#1b3331;border:1px solid #b4c5a538;border-radius:18px;box-shadow:0 25px 100px #061a2270;padding:30px;width:470px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#607e62 transparent}.modal.wide{width:760px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.modal-heading .eyebrow{font-size:8px;letter-spacing:1.9px;color:#aac295}.modal-heading h2{font:36px/1.05 var(--serif);letter-spacing:-.5px;margin:11px 0 0;color:#e9ecd5}.modal-heading>.icon-button{margin:-9px -10px 0 0}.modal-intro{color:#a9bfac;font-size:12px;line-height:1.8;margin:0 0 21px;max-width:365px}.modal input,.modal select{width:100%;height:43px;border:1px solid #aabd972e;border-radius:7px;padding:0 13px;background:#122b2a;color:#dfe6d2;font-size:12px;outline-offset:2px}.modal input::placeholder{color:#789381;font-size:11px}.field-label{font-size:10px;font-weight:500;color:#c1d0b4;display:block;margin:17px 0 8px}.field-label>span{font-size:7px;color:#78977f;margin-left:5px;letter-spacing:1px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:35px}.select-wrap>svg{position:absolute;right:14px;top:14px;pointer-events:none;color:#8ba47e}.primary-button{height:45px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 22px;font-size:12px;font-weight:600;background:#d3e2aa;color:#263c2c;margin-top:22px}.primary-button:hover{background:#e1edbc}.primary-button:disabled{opacity:.5}.full-width{width:100%}.form-note{font-size:10px;line-height:1.65;color:#819d88;margin:16px 0 0}.map-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.map-option{padding:6px 10px 15px;background:#15302e;border:1px solid #aabd9721;border-radius:9px;text-align:left;position:relative}.map-option>svg{width:100%;height:82px}.map-option strong{font:20px/1.2 var(--serif);font-weight:400;color:#ccdabe;display:block}.map-option>span{font-size:8px;color:#8aa58e;display:block;margin-top:7px}.map-option.chosen{border-color:#bacf8780;background:#273f31}.map-check{position:absolute;right:9px;top:10px;color:#d7e7a8}.form-row{display:flex;gap:15px}.form-row>div{flex:1;min-width:0}.map-editor-input{display:block;width:100%;min-height:19rem;margin:1rem 0;padding:1rem;border:1px solid rgba(192,200,160,.28);border-radius:.35rem;background:#111c16b8;color:#d8e1c8;font:.9rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;resize:vertical}.map-editor-input:focus{outline:2px solid #a9bd85;outline-offset:2px}.lobby-import{margin-top:4px}.lobby-import .map-editor-input{min-height:92px;margin-bottom:9px}.editor-legend{align-self:end;padding-bottom:.65rem;color:#aebda0;font-size:.78rem}.editor-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.secondary-button{border:1px solid rgba(192,200,160,.38);border-radius:.25rem;padding:.75rem 1rem;background:transparent;color:#d8e1c8;cursor:pointer}.secondary-button:hover{background:#c0c8a01a}.form-row select{font-size:10px}.input-icon{position:relative}.input-icon>svg{position:absolute;left:13px;top:13px;color:#89a485}.input-icon>input{padding-left:39px}.hosting-help{margin-top:25px;border-top:1px solid var(--line);padding-top:17px}.hosting-help summary{font-size:11px;color:#b6caab;cursor:pointer;display:flex;gap:9px;align-items:center}.hosting-help summary:after{content:"+";margin-left:auto;color:#8fac86;font-size:16px}.hosting-help[open] summary:after{content:"−"}.hosting-help p{font-size:10px;line-height:1.9;color:#92ad98}.hosting-help code{background:#102a27;padding:2px 5px;border-radius:3px;color:#ccd7a9;font-size:10px}.connected-address{display:flex;align-items:center;justify-content:space-between;background:#122d2a;border:1px solid #a3b88820;border-radius:7px;padding:8px 10px 8px 14px;font-size:11px;color:#aec69d;margin-bottom:18px}.connected-address>span{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.lobby-seat{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #aec3a312}.lobby-seat>div{display:flex;flex-direction:column;gap:5px}.lobby-seat strong{font-size:12px;color:#dce5d1;font-weight:500}.lobby-seat>div>span{font-size:9px;color:#8da791}.seat-status{font-size:8px;letter-spacing:1px;margin-left:auto;color:#829885;border:1px solid #a1b39b24;padding:4px 6px;border-radius:4px}.seat-status.online{color:#bfdc98;border-color:#b5ce8f30;background:#b6cd8710}.waiting-host{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#bdcba4;margin:25px 0 10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:25px 0}.guide-symbol{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #b2c79229;border-radius:8px;color:#c4d49b;background:#a0bd8010}.guide-symbol>svg{width:18px}.guide-grid h3{font:23px/1.1 var(--serif);margin:15px 0 10px;color:#dce4c7}.guide-grid p{font-size:11px;line-height:1.85;color:#99b49e;margin:0}.unit-reference{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0}.unit-reference>div{display:flex;flex-direction:column;align-items:center;gap:5px}.unit-reference>div+div{border-left:1px solid var(--line)}.unit-reference strong{font-size:11px;font-weight:500;color:#d2ddbe}.unit-reference span{font-size:9px;color:#a5b995}.unit-reference small{font-size:8px;color:#829c84}.guide-notes p{font-size:11px;line-height:1.85;color:#95b19b;margin:12px 0}.guide-notes strong{color:#c4d6b5;font-weight:550}.keyboard-guide{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding:17px 0 0;margin-top:20px}.keyboard-guide>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#95ad96}.keyboard-guide kbd{border:1px solid #aabe9338;border-radius:3px;font-size:9px;padding:3px 5px;color:#ccd9b9}.guide-credit{font-size:9px;line-height:1.7;color:#79937e;margin:20px 0 0}.guide-credit a{color:#a8be92}.menu-actions{display:flex;flex-direction:column;gap:8px;padding-top:7px}.menu-actions>button{display:flex;align-items:center;gap:17px;padding:16px 13px;text-align:left;border:1px solid #aac2941d;background:#adc29205;border-radius:9px}.menu-actions>button:hover{background:#b9ce9110;border-color:#adc29245}.menu-actions>button>svg{width:20px;color:#b8cc9c;stroke-width:1.5}.menu-actions strong{display:block;font-size:12px;font-weight:500;color:#d8e3c9;margin-bottom:6px}.menu-actions span{font-size:10px;color:#819e87}.menu-credit{border-top:1px solid var(--line);display:flex;align-items:center;gap:13px;margin-top:25px;padding-top:15px;color:#aabe8d}.menu-credit p{font-size:10px;line-height:1.8;margin:0;color:#a2b790}.menu-credit span{font-size:8px;color:#718f76}.front-door{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;overflow:auto;z-index:20;color:#e6ead7;background:radial-gradient(circle at 74% 34%,#31595a 0,#24484c 24%,transparent 51%),linear-gradient(122deg,#102d34,#183b3d,#0d292f);isolation:isolate}.front-door~.toast{z-index:35}.front-door:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.34;background-image:linear-gradient(30deg,transparent 48%,#cbd7b20b 49%,#cbd7b20b 51%,transparent 52%),linear-gradient(150deg,transparent 48%,#cbd7b20b 49%,#cbd7b20b 51%,transparent 52%);background-size:42px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent)}.front-sea-lines{position:fixed;width:58vw;aspect-ratio:1;right:-13vw;top:-18vw;border:1px solid #dbe4c615;border-radius:48% 52% 45% 55%;box-shadow:0 0 0 80px #dbe4c608,0 0 0 160px #dbe4c608,0 0 0 240px #dbe4c606;transform:rotate(17deg);pointer-events:none}.front-brand{position:fixed;left:4.7vw;top:5vh;display:flex;align-items:center;gap:17px;color:#dce5be;animation:front-rise .55s ease-out both}.front-brand>div{display:flex;align-items:center;gap:22px}.front-brand div>span{font:61px/.8 var(--serif);letter-spacing:-4px}.front-brand div>span span{color:#b8d187}.front-brand small{border-left:1px solid #d8e0bd2a;padding-left:22px;max-width:120px;font-size:7px;line-height:1.7;letter-spacing:1.8px;color:#90aaa0}.front-hero{position:absolute;left:8.5vw;top:27vh;width:min(560px,41vw);animation:front-rise .7s .08s ease-out both}.front-hero .eyebrow{color:#b7ca93}.front-hero h1,.front-panel-heading h1{font:400 clamp(48px,5.5vw,88px)/.93 var(--serif);letter-spacing:-2.8px;margin:22px 0 25px;color:#edf0dc;text-wrap:balance}.front-hero>p,.front-panel-heading>p{width:min(470px,100%);color:#a7bbb0;font-size:13px;line-height:1.9}.continue-button{width:min(390px,100%);margin-top:25px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#dce8ae;color:#233e32;border-radius:3px;box-shadow:0 14px 40px #071d2038}.continue-button span{display:grid;gap:5px;font-size:13px;font-weight:650}.continue-button small{font-size:7px;letter-spacing:1.7px;opacity:.68}.continue-button:hover{background:#eef3ca;transform:translateY(-2px)}.front-choices{position:absolute;right:5.5vw;top:18vh;width:min(520px,42vw);display:grid;gap:1px;border-top:1px solid #d7e4c02d;animation:front-rise .72s .18s ease-out both}.front-choice{position:relative;min-height:126px;display:grid;grid-template-columns:34px 54px 1fr 28px;align-items:center;gap:17px;padding:10px 18px 10px 7px;text-align:left;background:#142f312e;border-bottom:1px solid #d7e4c02d;overflow:hidden}.front-choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--choice) 18%,transparent),transparent 70%);opacity:0;transform:translate(-12%);transition:.24s ease}.front-choice:hover:before{opacity:1;transform:none}.front-choice.old-world{--choice: #d2c187}.front-choice.campaign{--choice: #9fbd8a}.front-choice.random{--choice: #87bab2}.front-choice.multiplayer{--choice: #d58e72}.choice-number{align-self:start;margin-top:18px;font-size:8px;letter-spacing:1px;color:#718f87}.front-choice>svg:not(.choice-arrow){width:34px;height:34px;color:var(--choice);stroke-width:1.25}.front-choice div{z-index:1;display:grid;gap:8px}.front-choice strong{font:400 28px/1 var(--serif);color:#e2e8d2}.front-choice div span{font-size:10px;color:#8fa99e}.choice-arrow{justify-self:end;color:#8da79b;width:18px}.front-choice:hover .choice-arrow{transform:translate(4px);color:#e3e8c9}.front-footer{position:fixed;left:4.7vw;right:4.7vw;bottom:3.5vh;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#6f8c84}.front-footer button{display:flex;align-items:center;gap:8px;background:transparent;color:#9fb4aa;font-size:10px}.front-panel{width:min(1220px,calc(100% - 48px));min-height:calc(100dvh - 48px);margin:24px auto;padding:clamp(28px,4vw,65px);border:1px solid #d6e0ba25;background:#102c2ed9;box-shadow:0 35px 120px #061d2466;animation:front-rise .42s ease-out both}.front-panel-heading{position:relative;padding-left:80px;margin-bottom:40px}.front-panel-heading h1{font-size:clamp(45px,5vw,70px);margin:15px 0}.front-panel-heading>p{margin:0}.front-back{position:absolute;left:0;top:0;background:transparent;color:#9fb5aa;font-size:9px;display:flex;align-items:center;gap:7px}.front-back svg{transform:rotate(180deg)}.atlas-layout,.random-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(28px,5vw,70px)}.atlas-index{min-width:0}.atlas-search{height:43px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d7e3be32;color:#99b1a4}.atlas-search input{width:100%;border:0;outline:0;background:transparent;color:#dfe6d0;font:inherit;font-size:11px}.atlas-search input::placeholder{color:#78948a}.atlas-list{height:min(55vh,530px);overflow:auto;scrollbar-width:thin;scrollbar-color:#67877b transparent}.atlas-list button{width:100%;min-height:49px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;text-align:left;padding:0 13px 0 5px;background:transparent;border-bottom:1px solid #d7e3be12}.atlas-list button>span{font-size:8px;color:#708c82}.atlas-list button strong{font:400 18px/1 var(--serif);color:#becdbb}.atlas-list button small{font-size:8px;color:#6f8d81}.atlas-list button:hover,.atlas-list button.selected{background:#a8bf8c0e}.atlas-list button.selected strong{color:#e7ecd7}.atlas-list button.selected>span{color:#c5d59e}.atlas-feature{align-self:start;padding:26px;border:1px solid #d6dfbc24;background:#18373491}.atlas-contours{height:180px;margin:-10px -10px 25px;background:radial-gradient(circle,#adc49312,transparent 68%)}.atlas-contours svg{width:100%;height:100%}.atlas-feature h2{font:400 42px/1 var(--serif);color:#e5ead4;margin:12px 0 14px}.atlas-feature>p{min-height:54px;color:#97afa2;font-size:11px;line-height:1.75}.atlas-facts{display:flex;gap:18px;margin:20px 0;padding:13px 0;border-block:1px solid #d5dfba18}.atlas-facts span{display:flex;align-items:center;gap:6px;color:#a5b9a5;font-size:9px}.front-panel input,.front-panel select{width:100%;height:43px;padding:0 12px;border:1px solid #c9d8ae2b;border-radius:2px;background:#0f2929;color:#dfe6d3}.random-map-stage{min-height:530px;display:flex;flex-direction:column;justify-content:center;padding:30px;background:radial-gradient(circle at 50% 45%,#bdd09b15,transparent 52%),#0c272c80;border:1px solid #d5e0bb1c}.procedural-preview{width:100%;max-height:430px;filter:drop-shadow(0 18px 15px #061b2090)}.random-map-caption{display:flex;justify-content:space-between;align-items:end;padding-top:20px;border-top:1px solid #d6dfbc1d}.random-map-caption span{font:26px var(--serif);color:#dce4ca}.random-map-caption small{font-size:8px;color:#78958a}.random-controls{align-self:center;width:100%}.seed-row{display:grid;grid-template-columns:1fr 43px;gap:7px}.seed-row button{background:#1b3a35;border:1px solid #c9d8ae2b;color:#bbcd9d;display:grid;place-items:center}.random-controls input[type=range]{height:25px;padding:0;accent-color:#bfd28f;background:transparent;border:0}.export-row{display:flex;gap:8px;margin-top:22px}.export-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.campaign-tools{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:18px;align-items:end;margin-bottom:25px}.campaign-tools .atlas-search{margin-bottom:1px}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);max-height:49vh;overflow:auto;gap:7px;padding-right:5px;scrollbar-width:thin;scrollbar-color:#67877b transparent}.campaign-grid button{min-height:62px;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;text-align:left;padding:8px 11px;border:1px solid #d3deb917;background:#142f2f8a}.campaign-grid button>span{font-size:7px;color:#708d82}.campaign-grid button strong{font:400 16px/1.15 var(--serif);color:#aebfaf}.campaign-grid button svg{color:#d3e1a5}.campaign-grid button.chosen{background:#314835;border-color:#bfd08e55}.campaign-grid button.chosen strong{color:#e3e8d1}.campaign-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:22px}.campaign-footer p{margin-right:auto;font-size:10px;color:#8ea79b}.campaign-footer p strong{font:28px var(--serif);color:#d9e3c4;margin-right:6px}.campaign-footer .primary-button{margin-top:0}.campaign-footer button{display:flex;align-items:center;justify-content:center;gap:8px}@keyframes front-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:1000px){.home-door{padding:30px}.front-brand{position:relative;inset:auto}.front-hero,.front-choices{position:relative;inset:auto;width:100%}.front-hero{margin:13vh 0 55px}.front-choices{margin-left:auto;max-width:660px}.front-footer{position:relative;inset:auto;margin-top:45px;padding-bottom:20px}.atlas-layout,.random-layout{grid-template-columns:1fr}.atlas-feature{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.atlas-contours{grid-row:1 / span 8;height:100%;min-height:260px}.campaign-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.front-door{padding:18px}.front-brand div>span{font-size:48px}.front-brand small{display:none}.front-hero{margin-top:12vh;width:100%}.front-hero h1{font-size:49px}.front-choice{min-height:102px;grid-template-columns:25px 38px 1fr 18px;gap:11px;padding-right:8px}.front-choice>svg:not(.choice-arrow){width:27px;height:27px}.front-choice strong{font-size:23px}.front-footer>span{display:none}.front-panel{width:100%;min-height:calc(100dvh - 24px);margin:0;padding:24px 18px}.front-panel-heading{padding:45px 0 0}.front-panel-heading h1{font-size:43px}.front-back{top:0}.atlas-feature{display:block}.atlas-contours{min-height:170px;height:170px}.random-map-stage{min-height:350px;padding:16px}.campaign-tools{grid-template-columns:1fr 1fr}.campaign-tools .atlas-search{grid-column:1 / -1}.campaign-grid{grid-template-columns:1fr 1fr}.campaign-footer{flex-wrap:wrap}.campaign-footer p{width:100%}.campaign-footer button{flex:1}}.victory-art{display:flex;justify-content:center;margin:30px 0;filter:drop-shadow(0 0 22px #b8cb7d22)}.victory-copy{text-align:center;font-size:12px;line-height:1.9;color:#a6b99b}.victory-copy strong{color:#dce9bf}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes ripple{0%{opacity:.95}to{opacity:0}}@keyframes toast-in{0%{opacity:0;margin-top:-5px}to{opacity:1;margin-top:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 3px}}@media(min-width:1600px){.kingdom-panel{left:40px;top:145px;width:234px;padding:24px 23px 0}.economy-summary{margin:21px -23px 0;padding:12px 23px}.banners-panel{left:40px;top:345px;width:234px}.island-panel{top:153px;right:44px;width:228px}.top-left{left:37px;top:37px}.top-right{right:39px;top:39px}.turn-badge{top:39px}.coach-card{left:42px;bottom:139px;width:233px}.coach-card p{max-width:230px;font-size:11px}.bottom-left{left:40px;bottom:43px}.recruit-tray{bottom:48px;width:586px;padding:16px 18px 14px}.unit-card{flex:1;padding-top:9px;padding-bottom:9px}.unit-card>svg{width:53px;height:54px}.unit-card>strong{font-size:11px}.unit-card>span{font-size:11px}.turn-controls{right:42px;bottom:52px;width:260px}.map-controls{right:42px;bottom:245px}.island-panel h2{font-size:32px}.map-caption{bottom:247px}}@media(max-height:800px)and (min-width:901px){.kingdom-panel{top:106px;padding-top:15px;width:201px}.kingdom-heading h1{font-size:27px}.banners-panel{top:270px;width:201px}.section-label{margin-bottom:8px}.coach-card{bottom:109px;width:203px}.coach-card h3{font-size:22px;margin-top:10px}.coach-card p{font-size:9px;line-height:1.75}.coach-eyebrow{font-size:7px}.island-panel{top:119px;width:192px}.island-panel h2{font-size:27px}.island-rule{margin:20px 0}.recruit-tray{bottom:33px;width:514px;padding:12px 12px 10px}.unit-card{width:91px}.unit-card>svg{height:44px;width:43px}.unit-card>strong{font-size:9px}.unit-card>span small{font-size:6.5px;margin-left:1px}.turn-controls{bottom:34px;width:221px}.end-turn-button{padding:0 15px}.bottom-left{bottom:26px}.map-caption{bottom:190px}.tile-tooltip{bottom:182px}.map-controls{bottom:208px}}@media(max-width:1250px){.edition{display:none}.island-panel{right:25px;width:171px}.island-panel h2{font-size:25px}.objective{gap:7px}.objective-icon{width:25px}.objective strong{font-size:9px}.objective p{font-size:8px}.kingdom-panel,.banners-panel{left:22px;width:188px}.kingdom-panel{padding-left:15px;padding-right:15px}.economy-summary{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.kingdom-heading{gap:9px}.kingdom-heading h1{font-size:26px}.kingdom-heading .eyebrow{font-size:7px}.top-left{left:18px}.top-right{right:20px}.turn-controls{right:22px;width:202px}.end-turn-button{font-size:13px;padding:0 12px}.undo-button{width:42px}.recruit-tray{width:478px}.unit-card{width:84px}.unit-card>span small{display:none}.coach-card{left:23px;width:184px}.coach-card p{font-size:9px}.bottom-left{left:23px}.connection-status{font-size:7px;gap:5px}.connection-status>span:last-child{font-size:6.5px}.map-controls{right:23px}}@media(max-width:1050px)and (min-width:901px){.island-panel{display:none}.recruit-tray{width:431px;left:49%}.unit-card{width:76px}.unit-card>strong{font-size:8px}.turn-controls{width:180px}.turn-footnote{font-size:7px}.ready-label{font-size:8px}.friends-button{padding:0 11px;font-size:10px}.turn-badge{padding:0 14px;gap:12px}.banners-panel{top:265px}.coach-card{display:none}}@media(max-width:900px){.game-shell{min-height:540px}.top-left{left:16px;top:18px;gap:8px}.wordmark>span{font-size:44px}.wordmark>svg{width:23px}.menu-button{width:30px}.top-right{top:19px;right:17px;gap:5px}.friends-button{font-size:10px;height:33px;padding:0 10px}.friends-button>svg{width:15px}.help-button{width:30px}.turn-badge{top:21px;height:32px;gap:11px;padding:0 13px}.round-count{font-size:8px;gap:6px}.round-count b{font-size:12px}.turn-label{font-size:7px;letter-spacing:.8px}.turn-divider{height:11px}.kingdom-panel{top:77px;left:18px;width:168px;padding:13px 13px 0;border-radius:9px}.kingdom-heading .faction-emblem{width:31px;height:34px}.kingdom-heading .faction-emblem svg{width:22px}.kingdom-heading h1{font-size:23px;margin-top:3px}.kingdom-heading .eyebrow{font-size:6px}.province-label{display:none}.economy-summary{margin:12px -13px 0;padding:9px 13px}.treasury-amount strong{font-size:20px}.turn-balance strong{font-size:13px}.banners-panel{top:82px;left:auto;right:17px;width:142px}.section-label{display:none}.territory-meter{height:11px}.territory-caption{font-size:7px;padding-top:6px}.island-panel,.coach-card,.edition{display:none}.recruit-tray{left:18px;bottom:46px;width:calc(100% - 264px);transform:none;padding:11px 10px 9px}.unit-cards{gap:1px}.unit-card{flex:1;min-width:0;padding-top:5px;padding-bottom:5px}.unit-card>svg{width:39px;height:44px}.unit-card>strong{font-size:9px}.unit-card>span{font-size:9px}.unit-card>kbd{font-size:7px;left:4px;top:4px;width:11px;height:12px}.unit-divider{margin:8px 4px}.tower-card{width:auto}.tray-heading>span{font-size:7px;letter-spacing:1.1px}.tray-heading small{font-size:7px}.turn-controls{right:18px;bottom:47px;width:213px}.end-turn-button{height:53px;font-size:13px}.undo-button{height:53px;width:44px}.ready-label{font-size:8px;margin-bottom:12px}.turn-footnote{font-size:7px}.bottom-left{bottom:12px;left:18px;right:18px;flex-direction:row;align-items:center;justify-content:space-between}.connection-status{font-size:8px}.connection-status>span:last-child{font-size:7px}.footer-buttons{gap:4px}.ledger-toggle{font-size:8px}.map-controls{right:17px;bottom:197px}.map-caption{left:50%;bottom:198px;font-size:8px}.tile-tooltip{left:50%;bottom:185px;font-size:9px;z-index:3}.tile-tooltip>span:not(.status-dot){font-size:8px}.toast{top:69px;font-size:11px}.journal{bottom:45px}.game-board{padding-top:42px;padding-bottom:75px}.connection-banner{top:72px;font-size:9px;max-width:calc(100% - 32px);white-space:normal}.connection-banner button{font-size:9px}}@media(max-width:620px){.game-shell{min-height:620px}.top-left{top:16px;left:12px;gap:5px}.wordmark>span{font-size:40px}.wordmark>svg{width:20px}.top-right{top:18px;right:12px}.friends-button{height:30px;width:33px;justify-content:center;padding:0}.friends-button>span:not(.status-dot){display:none}.friends-button>.status-dot{position:absolute;right:39px;top:2px;width:4px;height:4px}.help-button{width:27px}.turn-badge{left:54%;top:19px;padding:0 11px;height:29px;gap:8px}.turn-label{font-size:6px;letter-spacing:.65px}.round-count{font-size:6px;letter-spacing:.7px;gap:4px}.round-count b{font-size:11px}.turn-label>.status-dot{width:4px;height:4px}.turn-badge .turn-divider{height:10px}.kingdom-panel{left:14px;top:72px;width:149px;padding:11px 11px 0}.kingdom-heading h1{font-size:22px}.kingdom-heading{gap:7px}.kingdom-heading .eyebrow{font-size:5.5px;letter-spacing:1px}.kingdom-heading .faction-emblem{width:26px;height:30px}.kingdom-heading .faction-emblem svg{width:19px}.economy-summary{margin:10px -11px 0;padding:8px 11px}.banners-panel{right:14px;top:73px;width:127px}.territory-caption{font-size:6px}.recruit-tray{left:12px;bottom:109px;width:calc(100% - 24px);padding:10px 9px 8px;border-radius:10px}.unit-card{padding:6px 0 4px}.unit-card>svg{width:37px;height:41px;margin-bottom:0}.unit-card>strong{font-size:8px;margin-bottom:5px}.unit-card>span{font-size:8px}.unit-card>span svg{width:10px}.unit-card>kbd{left:5px}.tray-heading{margin-bottom:4px;padding:0 5px}.tray-heading>span{font-size:6px;letter-spacing:1.4px}.tray-heading>small{font-size:6px}.unit-divider{margin-left:3px;margin-right:3px}.turn-controls{right:14px;bottom:42px;width:calc(100% - 28px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.turn-actions{gap:7px;width:205px;flex-shrink:0}.ready-label{font-size:8px;max-width:140px;text-align:left;justify-content:flex-start;line-height:1.7;margin:0;gap:6px}.ready-label>.status-dot{width:4px;height:4px}.turn-footnote{display:none}.undo-button{height:47px;width:42px;border-radius:7px}.undo-button>svg{width:17px}.undo-button>kbd{font-size:6px}.end-turn-button{height:47px;font-size:12px;padding:0 15px;border-radius:7px}.end-turn-button>svg{width:18px}.bottom-left{bottom:9px;left:14px;right:14px}.connection-status{font-size:6px;gap:5px}.connection-status>span:last-child{font-size:6px}.footer-buttons .icon-button{width:23px;height:24px}.footer-buttons .icon-button svg{width:13px}.ledger-toggle{font-size:6px;margin-left:3px;gap:3px}.map-controls{right:13px;bottom:252px;gap:5px}.map-controls>.icon-button{width:29px;height:29px;border-radius:6px}.map-controls>.icon-button svg{width:14px}.zoom-control .icon-button{width:27px;height:27px}.zoom-control .icon-button svg{width:15px}.zoom-control>span{font-size:8px;padding:2px}.zoom-control>span small{font-size:6px}.map-caption{display:none}.tile-tooltip{bottom:237px;max-width:calc(100% - 32px);gap:7px;padding:8px 10px;font-size:8px}.tile-tooltip>span:not(.status-dot){font-size:7px}.game-board{padding-top:122px;padding-bottom:189px;width:160%;max-width:none;left:-30%}.toast{top:62px;font-size:10px;padding:11px 12px;gap:12px;width:max-content}.modal-backdrop{padding:12px}.modal{padding:24px 20px;border-radius:13px;max-height:calc(100dvh - 24px)}.modal-heading h2{font-size:31px}.modal-intro{font-size:11px}.guide-grid{gap:14px;grid-template-columns:1fr;margin:20px 0}.guide-grid article{display:grid;grid-template-columns:34px 1fr;gap:7px 13px}.guide-grid h3{font-size:23px;margin:4px 0 0}.guide-grid p{grid-column:2;font-size:10px;margin-top:-3px}.unit-reference{padding:12px 0}.unit-reference strong{font-size:9px}.unit-reference span{font-size:8px}.unit-reference small{font-size:6px}.unit-reference svg{width:43px;height:43px}.guide-notes p{font-size:10px}.keyboard-guide{gap:11px}.keyboard-guide>span{font-size:8px}.map-option strong{font-size:19px}.map-option>span{font-size:7px;line-height:1.5}.map-option>svg{height:70px}.journal{left:12px;bottom:40px;width:calc(100% - 24px)}.connection-banner{top:62px;width:calc(100% - 24px);font-size:8px;padding:9px 11px;gap:7px}.connection-banner button{font-size:8px}}@media(max-height:690px)and (min-width:901px){.coach-card{display:none}.banners-panel{top:245px}.kingdom-panel{top:90px}.top-left{top:22px}.top-right,.turn-badge{top:23px}.island-panel{top:105px}.recruit-tray{bottom:27px}.map-caption{display:none}.turn-controls{bottom:29px}}@media(max-width:620px){.wordmark>span{font-size:36px}.turn-badge{left:55%}}@media(max-width:380px){.turn-badge{top:57px;left:50%}.kingdom-panel,.banners-panel{top:103px}.game-board{padding-top:155px}}@media(max-height:980px){.coach-card{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}