:root{--parchment:#f5f0e8;--parchment-dark:#e8e0d0;--ink:#3a3028;--ink-light:#6b5d4f;--gold:#8b6914;--gold-light:#c8a030;--green:#4a6b3a;--red-ink:#8b3a3a;--blue-ink:#3a5b8b;--ui-scale-desktop:1.14;--ui-scale-mobile:1.08}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--parchment);width:100%;height:100%;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;overflow:hidden}.hud-bar,.desktop-resource-panel,.tile-selection,.hud-missions-popup-inner,.event-toast,.install-toast,.placement-error-toast,.placement-preview-tooltip,.tile-tooltip,.atlas-end-card{zoom:var(--ui-scale-desktop)}button{cursor:pointer;border:1px solid var(--ink);background:var(--parchment);color:var(--ink);padding:8px 20px;font-family:Cinzel,Georgia,serif;font-size:14px;transition:all .2s}button:hover{background:var(--ink);color:var(--parchment)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.tile-option:focus-visible,.hud-stat--clickable:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.placement-error-toast{z-index:50;color:#f5f0e8;text-align:center;pointer-events:none;background:#8b3a3af2;border-radius:8px;max-width:90%;padding:10px 20px;font-family:Cormorant Garamond,serif;font-size:14px;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}[dir=rtl] .hud-bar{direction:rtl}[dir=rtl] .hud-group--primary{flex-direction:row-reverse}[dir=rtl] .hud-group--stats{justify-content:flex-start}[dir=rtl] .hud-resource-track{animation-direction:reverse}[dir=rtl] .tile-selection{direction:rtl;flex-direction:row-reverse}[dir=rtl] .resource-panel,[dir=rtl] .desktop-resource-panel,[dir=rtl] .resource-panel-mobile,[dir=rtl] .mobile-res-bar,[dir=rtl] .hud-resource-ticker{direction:rtl}.btn-google{transition:all .2s}.btn-google:hover{background:var(--gold)!important;color:#fff!important}.app-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.game-canvas-wrapper{flex:1;position:relative;overflow:hidden}.game-canvas-wrapper canvas{display:block}.title-screen{z-index:10;background:var(--parchment);background-image:radial-gradient(#8b69140d 0%,#0000 70%);flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 20px 60px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-screen h1{color:var(--ink);letter-spacing:4px;text-align:center;margin-bottom:8px;font-family:Cinzel,serif;font-size:48px;font-weight:700}.title-screen .subtitle{color:var(--ink-light);margin-bottom:40px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic}.title-screen button{letter-spacing:2px;padding:12px 40px;font-size:18px}.title-ornament{background:var(--gold);width:120px;height:2px;margin:16px 0;position:relative}.title-ornament:after{content:"◆";color:var(--gold);background:var(--parchment);padding:0 8px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-bar{z-index:30;background:linear-gradient(180deg, var(--parchment-dark), var(--parchment));border-bottom:1px solid #3a302833;flex-wrap:wrap;align-items:center;gap:0;min-height:42px;padding:0;font-family:Cinzel,serif;font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}.hud-group{flex-wrap:nowrap;align-items:center;gap:0;display:flex}.hud-group--primary{flex:none;gap:2px;padding:4px 8px}.hud-group--stats{flex:auto;justify-content:flex-end;align-items:center;gap:2px;padding:4px 6px}.hud-group--event{color:var(--ink);border-top:1px solid #3a30281a;flex-wrap:nowrap;flex:100%;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-family:Cormorant Garamond,serif;font-size:12px}.hud-group--event-positive{background:#c8a0301f;border-left:3px solid #c8a030bf}.hud-group--event-malus{background:#8b3a3a1f;border-left:3px solid #8b3a3ad9;animation:1.8s ease-in-out infinite eventPulse}.hud-event-content-left,.hud-event-content-right{flex-flow:row;align-items:center;gap:6px;display:flex}.hud-event-content-left{flex:auto;min-width:0}.hud-event-content-right{flex-direction:column;flex:0 56%;justify-content:center;align-items:flex-end;gap:1px;min-width:0}.hud-event-right-top,.hud-event-right-bottom{justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.hud-event-content{flex-direction:column;gap:1px;min-width:0;display:flex}.hud-stat{white-space:nowrap;border-radius:3px;align-items:baseline;gap:3px;padding:2px 7px;display:flex}.hud-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-light);opacity:.7;font-size:9px}.hud-stat-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.hud-stat-value--positive{color:#4a8b4a}.hud-stat-value--danger{color:var(--red-ink)}.hud-stat-value--warning{color:#b8860b}.hud-turn-warning{color:#b8860b;margin-top:2px;font-size:8px;display:block}.hud-stat--era .hud-stat-label{color:var(--gold);font-size:8px}.hud-stat-sub{opacity:.5;font-size:15px;font-weight:400}.hud-stat--score .hud-stat-value{color:var(--gold);font-size:16px}.hud-menu-btn{width:28px;height:28px;color:var(--ink-light);cursor:pointer;opacity:.6;background:0 0;border:1px solid #3a302840;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:0;font-family:Cinzel,serif;font-size:15px;transition:opacity .15s;display:inline-flex}.hud-menu-btn:hover{opacity:1}.hud-event-icon{flex-shrink:0;margin-top:1px;font-size:16px;line-height:1}.hud-event-title-row{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.hud-event-name{color:inherit;font-family:Cinzel,serif;font-size:12px;font-weight:700}.hud-event-desc{opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:10px;font-style:italic;line-height:1.1;overflow:hidden}.hud-event-impact{color:var(--red-ink);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.hud-event-impact--right{max-width:calc(100% - 20px)}.hud-event-counter{color:var(--ink-light);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:70%;font-size:10px;overflow:hidden}.hud-event-intensity-wrap{flex-direction:column;gap:2px;display:flex}.hud-event-intensity-label{color:var(--ink-light);font-size:10px}.hud-event-intensity-bar{flex-shrink:0;justify-content:flex-end;gap:3px;width:76px;display:flex}.hud-event-intensity-seg{background:#3a302826;border:1px solid #3a30281a;border-radius:99px;flex:1 1 0;height:4px}.hud-event-intensity-seg.is-on{background:#c8a030e6;border-color:#c8a030f2}.hud-event-turns{white-space:nowrap;background:#3a302814;border:1px solid #3a302826;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.hud-event-info{color:var(--ink-light);cursor:help;opacity:.5;justify-content:center;align-items:center;width:16px;height:16px;font-family:sans-serif;font-size:11px;font-style:normal;transition:opacity .15s;display:inline-flex;position:relative}.hud-event-info:hover{opacity:1}.hud-event-info:after{content:attr(data-tip);color:#f0e6d3;white-space:pre;border:1px solid var(--gold);opacity:0;visibility:hidden;pointer-events:none;z-index:350;background:#3a3028;border-radius:6px;min-width:220px;padding:8px 14px;font-family:Cormorant Garamond,serif;font-size:12px;font-style:normal;line-height:1.5;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0006}.hud-event-info:hover:after{opacity:1;visibility:visible}@media (min-width:500px){.hud-bar{flex-wrap:nowrap;gap:4px;min-height:44px;padding:0 8px}.hud-group--primary{gap:4px;padding:4px 10px}.hud-group--stats{justify-content:flex-end;gap:4px;padding:4px 8px}.hud-group--event{flex:42%;justify-content:space-between;min-height:38px;padding:0 10px 0 8px;font-size:12px;row-gap:0!important}.hud-stat{padding:2px 8px}.hud-stat-label{font-size:9px}.hud-stat-value{font-size:15px}.hud-menu-btn{width:30px;height:30px;font-size:16px}}@media (min-width:769px){.hud-bar{gap:6px;min-height:46px;padding:0 12px}.hud-group--primary{gap:6px;padding:5px 12px}.hud-group--stats{gap:6px;padding:5px 10px}.hud-group--event{min-height:36px}.hud-stat{padding:3px 10px}.hud-stat-label{font-size:10px}.hud-stat-value,.hud-stat--score .hud-stat-value,.hud-stat-sub{font-size:15px}.hud-event-name{font-size:13px}.hud-event-desc{max-width:24vw;font-size:10px;display:block}.hud-event-turns{font-size:11px}.hud-menu-btn{width:32px;height:32px;margin-right:8px;font-size:17px}}@media (min-width:1200px){.hud-bar{padding:0 0 0 20px}.hud-group--primary{gap:8px;padding:5px 16px}.hud-group--stats{gap:8px;padding:5px 14px}.hud-stat{padding:3px 14px}}.event-toast{z-index:200;pointer-events:none;background:linear-gradient(135deg,#3a3028,#4a3d30);border:1px solid #c8a030b3;border-radius:10px;align-items:center;gap:12px;padding:10px 24px;animation:.35s ease-out toastSlideIn;display:flex;position:fixed;top:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.event-toast-icon{font-size:28px;animation:.6s ease-out toastIconBounce}.event-toast-body{flex-direction:column;gap:2px;display:flex}.event-toast-name{color:var(--gold-light);font-family:Cinzel,serif;font-size:16px;font-weight:700}.event-toast-desc{color:#d7ccb8;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.event-toast--neutral{background:linear-gradient(135deg,#3a3028,#4a3d30);border-color:#c8a030b3;top:50px}.event-toast--positive{background:linear-gradient(135deg,#3f3723,#5a4a2a);border-color:#c8a030f2;top:92px}.event-toast--positive .event-toast-name{color:#f5d980}.event-toast--malus{background:linear-gradient(135deg,#4b2323,#6a2f2f);border-color:#be5454f2;top:92px}.event-toast--malus .event-toast-name{color:#ffb1b1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-8px)}}@keyframes toastIconBounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes eventPulse{0%,to{opacity:1}50%{opacity:.75}}.install-toast{z-index:250;border:1.5px solid var(--gold-light);background:linear-gradient(135deg,#3a3028,#4a3d30);border-radius:12px;align-items:center;gap:12px;width:90%;max-width:400px;padding:12px 20px;font-family:Cormorant Garamond,serif;animation:.5s ease-out toastSlideIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.install-toast-icon{flex-shrink:0;font-size:32px}.install-toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-toast-title{color:var(--gold-light);font-family:Cinzel,serif;font-size:14px;font-weight:700}.install-toast-desc{color:#c4b896;opacity:.85;font-size:12px}.install-toast-actions{flex-shrink:0;gap:8px;display:flex}.install-toast-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-family:Cinzel,serif;font-size:11px;font-weight:600;transition:all .15s}.install-toast-btn--install{background:var(--gold-light);color:#3a3028}.install-toast-btn--install:hover{background:#d4b840}.install-toast-btn--dismiss{color:#c4b896;background:0 0;border:1px solid #c4b89666}.install-toast-btn--dismiss:hover{color:#f5f0e8;background:#c4b8961a}.tile-selection{z-index:10;background:#f5f0e8f2;border:1px solid #3a30284d;border-radius:8px;gap:12px;padding:12px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001a}.tile-option{cursor:pointer;background:#c8a0300f;border:1px solid #3a302826;border-radius:6px;flex-direction:column;flex:auto;align-items:center;gap:4px;width:120px;transition:all .1s;display:flex;padding-top:48px!important}.tile-option:hover{border-color:var(--gold);background:#c8a03014;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tile-option.selected{border-color:var(--gold);background:#c8a03026;box-shadow:0 0 0 3px #c8a03033}.tile-option:focus-visible,.tile-option.focused{outline:2px solid var(--gold-light);outline-offset:2px}.tile-option.evolved{border-color:#c8a030;box-shadow:0 0 8px #c8a03059}.tile-option--upgrade:hover{border-color:var(--gold)!important;background:#c8a0301f!important}.tile-option.evolved.selected{box-shadow:0 0 0 3px #c8a03080,0 0 12px #c8a03066}.tile-option .tile-icon{font-size:28px}.tile-option .tile-name{text-align:center;color:var(--ink);font-family:Cinzel,serif;font-size:11px}.tile-option .tile-type{text-transform:uppercase;letter-spacing:1px;color:var(--ink-light);font-size:9px}.tile-option .tile-cost{color:var(--ink-light);margin-top:2px;font-family:Cinzel,serif;font-size:8px}.tile-option .tile-evolved-tag{letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-top:2px;font-family:Cinzel,serif;font-size:7px}.tile-option .tile-upgrade-count{color:var(--gold);opacity:.8;font-family:Cormorant Garamond,serif;font-size:9px}.tile-option.unaffordable{opacity:.55;border-color:#8b3a3a59}.atlas-screen{z-index:20;background:var(--parchment);flex-direction:column;align-items:center;padding:40px;display:flex;position:absolute;inset:0;overflow-y:auto}.atlas-screen h2{margin-bottom:4px;font-family:Cinzel,serif;font-size:32px}.atlas-card{background:var(--parchment-dark);border:2px solid var(--ink);text-align:center;border-radius:12px;width:100%;max-width:500px;padding:32px;position:relative;box-shadow:0 8px 32px #00000014}.atlas-card:before{content:"";pointer-events:none;border:1px solid #3a30284d;border-radius:8px;position:absolute;inset:4px}.atlas-card h3{margin-bottom:16px;font-family:Cinzel,serif;font-size:24px}.atlas-stats{text-align:left;grid-template-columns:1fr 1fr;gap:8px 16px;margin:16px 0;display:grid}.atlas-stat{border-bottom:1px dotted #3a302833;justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.atlas-stat .stat-label{color:var(--ink-light)}.atlas-stat .stat-value{font-weight:600}.atlas-description{color:var(--ink-light);margin:16px 0;font-style:italic;line-height:1.6}.atlas-score{color:var(--gold);margin:8px 0;font-family:Cinzel,serif;font-size:36px}.atlas-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.instructions-hint{z-index:5;color:var(--ink-light);opacity:.7;pointer-events:none;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;position:absolute;top:80px;left:50%;transform:translate(-50%)}.hud-resource-ticker{background:#3a302805;border-top:1px solid #3a30280f;flex:100%;height:22px;display:none;overflow:hidden}.hud-resource-track{align-items:center;width:max-content;height:100%;animation:20s linear infinite hudResTickerScroll;display:flex}.hud-resource-chip{white-space:nowrap;color:var(--ink);align-items:center;gap:2px;padding:1px 8px;font-family:Cinzel,serif;font-size:10px;display:inline-flex}.hud-resource-chip.depleted{color:var(--red-ink);opacity:.5}.hud-resource-label{text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-size:10px}.hud-resource-amt{font-weight:700}.hud-resource-inc{color:var(--green);font-size:8px}@keyframes hudResTickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hud-resource-ticker:hover .hud-resource-track,.hud-resource-ticker:active .hud-resource-track{animation-play-state:paused}.hud-stat--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.hud-stat--clickable:hover{background:#c8a0301a!important}.hud-missions-popup{z-index:100;background:#00000059;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.hud-missions-popup-inner{background:var(--parchment);border:1px solid #3a302840;border-radius:10px;width:90%;max-width:340px;max-height:70vh;padding:16px 20px;overflow-y:auto;box-shadow:0 8px 32px #0003}.hud-missions-popup-header{border-bottom:1px solid #3a302826;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.hud-missions-popup-title{color:var(--ink);font-family:Cinzel,serif;font-size:15px;font-weight:700}.hud-missions-popup-close{cursor:pointer;color:var(--ink-light);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;line-height:1}.hud-missions-popup-close:hover{background:#3a30281a}.hud-missions-section{margin-bottom:12px}.hud-missions-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--ink-light);margin-bottom:6px;font-family:Cinzel,serif;font-size:11px}.hud-mission-item{border-bottom:1px solid #3a30280f;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.hud-mission-item--done{opacity:.65}.hud-mission-desc{color:var(--ink);flex:1}.hud-mission-progress{color:var(--ink-light);white-space:nowrap;font-family:Cinzel,serif;font-size:12px;font-weight:600}.hud-mission-check{color:var(--green);font-size:14px;font-weight:700}.hud-missions-empty{text-align:center;color:var(--ink-light);padding:16px 0;font-size:13px;font-style:italic}@media (max-width:768px){.hud-bar,.desktop-resource-panel,.tile-selection,.hud-missions-popup-inner,.event-toast,.install-toast,.placement-error-toast,.placement-preview-tooltip,.tile-tooltip,.atlas-end-card{zoom:var(--ui-scale-mobile)}.hud-resource-ticker{display:block}.desktop-resource-panel{display:none!important}.title-screen h1{letter-spacing:1px;font-size:24px}.title-screen{padding:20px 12px 80px}.resource-panel-mobile{width:160px;padding:6px 8px;font-size:9px}.auth-button{margin-top:16px!important;position:relative!important;inset:0!important}.tile-selection{border-radius:6px;gap:6px;width:100%;max-width:90%;padding:6px 10px;display:flex;bottom:8px}.tile-option{flex:1;min-width:70px;padding:6px 8px}.tile-option .tile-icon{font-size:22px}.tile-option .tile-name{font-size:9px}.tile-option .tile-type{font-size:7px}.atlas-card{max-width:95%;padding:20px}.atlas-card h3{font-size:20px}.atlas-score{font-size:28px}.achievement-menu-modal{max-width:95%;max-height:90vh}.confirm-modal-content{max-width:90%;padding:20px}.leaderboard-inline{max-height:250px}.tile-tooltip{max-width:170px;padding:6px 10px;font-size:10px}.menu-button{padding:8px 12px;font-size:12px}}
.seo-page{overscroll-behavior-y:contain;background:var(--parchment,#f5f0e8);width:100%;height:100vh;min-height:100vh;color:var(--ink,#3a3028);font-family:Cormorant Garamond,Georgia,serif;overflow:hidden auto}.seo-shell{max-width:980px;margin:0 auto;padding:28px 22px 64px}.seo-header{border-bottom:1px solid #3a30282e;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;display:flex}.seo-brand{color:var(--ink,#3a3028);letter-spacing:.8px;font-family:Cinzel,Georgia,serif;font-weight:700;text-decoration:none}.seo-header nav{flex-wrap:wrap;gap:14px;display:flex}.seo-header nav a,.seo-footer a{color:var(--ink-light,#6b5d4f);text-decoration:none}.seo-header nav a:hover,.seo-footer a:hover{color:var(--gold,#8b6914);text-decoration:underline}.seo-header+article{max-width:760px;margin:0 auto}.seo-kicker{color:var(--gold,#8b6914);letter-spacing:2px;text-transform:uppercase;margin-top:56px;font-family:Cinzel,Georgia,serif;font-size:13px}.seo-page h1{margin:10px 0 18px;font-family:Cinzel,Georgia,serif;font-size:clamp(34px,5vw,56px);line-height:1.08}.seo-intro{color:var(--ink-light,#6b5d4f);margin-bottom:42px;font-size:23px;line-height:1.55}.seo-page section{border-top:1px solid #3a30281f;padding:26px 0}.seo-page h2{margin-bottom:8px;font-family:Cinzel,Georgia,serif;font-size:25px}.seo-page p,.seo-page li{font-size:19px;line-height:1.65}.seo-page ul{margin:12px 0 0;padding-inline-start:24px}.seo-footer{border-top:1px solid #3a30282e;flex-wrap:wrap;gap:18px;margin-top:42px;padding-top:20px;font-size:16px;display:flex}@media (max-width:720px){.seo-header{flex-direction:column;align-items:flex-start}.seo-shell{padding:18px 16px 48px}.seo-intro{font-size:21px}.seo-page p,.seo-page li{font-size:18px}}