:root{--bronze-deep:#2a1f12;--bronze:#8a6a35;--bronze-bright:#d9a94e;--parchment:#efe3c8;--parchment-dim:#b9ab8a;--ink:#1c150c;--glow:#d9a94e73}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#07090e;width:100%;height:100%;font-family:Alegreya Sans,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}#hud-root{pointer-events:none;color:var(--parchment);position:absolute;inset:0}.hud-topbar{background:linear-gradient(#0a0804d9 0%,#0a080466 60%,#0000 100%);justify-content:space-between;align-items:baseline;padding:14px 22px 26px;display:flex;position:absolute;top:0;left:0;right:0}.hud-title{letter-spacing:.14em;color:var(--parchment);text-shadow:0 0 18px var(--glow);font-family:Cinzel,serif;font-size:20px;font-weight:700}.hud-title small{letter-spacing:.32em;text-transform:uppercase;color:var(--bronze-bright);margin-top:2px;font-family:Alegreya Sans,sans-serif;font-size:11px;font-weight:400;display:block}.hud-phase{letter-spacing:.22em;text-transform:uppercase;color:var(--parchment-dim);border:1px solid var(--bronze);background:#1a120899;border-radius:2px;padding:6px 12px;font-size:12px}.plaque{border:1px solid var(--bronze);background:linear-gradient(160deg,#402e16eb,#22180bf0),repeating-linear-gradient(90deg,#0000 0 3px,#0000001f 3px 4px);border-radius:3px;min-width:280px;padding:14px 18px 12px;position:absolute;bottom:22px;left:22px;box-shadow:inset 0 1px #e9c47c40,inset 0 -6px 14px #00000080,0 6px 24px #0000008c}.plaque:before{content:"";pointer-events:none;border:1px solid #d9a94e47;border-radius:2px;position:absolute;inset:4px}.plaque h2{letter-spacing:.3em;text-transform:uppercase;color:var(--bronze-bright);margin-bottom:8px;font-family:Cinzel,serif;font-size:11px;font-weight:600}.plaque dl{grid-template-columns:auto 1fr;gap:3px 16px;font-size:13px;display:grid}.plaque dt{color:var(--parchment-dim);letter-spacing:.06em}.plaque dd{font-variant-numeric:tabular-nums;color:var(--parchment);text-align:right}.plaque dd.checksum{color:var(--bronze-bright);letter-spacing:.08em;font-weight:700;transition:text-shadow .24s}.plaque dd.checksum.pulse{text-shadow:0 0 14px var(--glow)}@media (prefers-reduced-motion:reduce){.plaque dd.checksum{transition:none}}.marquee{border:1px solid var(--bronze-bright);pointer-events:none;z-index:10;background:#d9a94e1f;position:absolute}.resource-bar{border:1px solid var(--bronze);background:linear-gradient(160deg,#402e16eb,#22180bf0);border-radius:3px;align-items:center;gap:18px;padding:8px 20px;display:flex;box-shadow:inset 0 1px #e9c47c40,0 4px 16px #00000073}.res{align-items:baseline;gap:7px;min-width:64px;font-size:15px;font-weight:500;display:flex}.res i{font-size:13px;font-style:normal}.res b{font-variant-numeric:tabular-nums;color:var(--parchment);font-weight:700}.res-food i{color:#d8865a}.res-wood i{color:#7da45c}.res-gold i{color:#e8c558}.res-favor i{color:#9fd2ff;text-shadow:0 0 8px #9fd2ff99}.res-pop i{color:var(--parchment-dim)}.age-overlay{z-index:40;background:radial-gradient(#0a08048c,#0a0804e0);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.age-panel{text-align:center;border:1px solid var(--bronze);background:linear-gradient(165deg,#3a2a14f7,#1e150afa);border-radius:4px;padding:36px 44px;box-shadow:inset 0 1px #e9c47c4d,0 18px 60px #000000b3}.age-panel h1{letter-spacing:.1em;color:var(--parchment);text-shadow:0 0 24px var(--glow);font-family:Cinzel,serif;font-size:28px;font-weight:700}.age-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--pantheon,var(--bronze-bright));margin-top:6px;font-size:14px}.god-cards{justify-content:center;gap:26px;margin-top:28px;display:flex}.god-card{text-align:left;cursor:pointer;width:270px;color:var(--parchment);border:1px solid var(--bronze);background:linear-gradient(170deg,#5640208c,#281c0dd9),repeating-linear-gradient(0deg,#0000 0 5px,#00000014 5px 6px);border-radius:4px;padding:22px 20px;font-family:Alegreya Sans,sans-serif;transition:transform .18s,box-shadow .18s,border-color .18s}.god-card:hover,.god-card:focus-visible{border-color:var(--pantheon,var(--bronze-bright));box-shadow:0 0 0 1px var(--pantheon,var(--bronze-bright)), 0 0 34px #d9a94e59;outline:none;transform:translateY(-4px)}.god-card h2{color:var(--bronze-bright);font-family:Cinzel,serif;font-size:22px;font-weight:700}.god-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-dim);margin:2px 0 12px;font-size:13px;font-weight:500}.god-card ul{gap:5px;font-size:14px;list-style:none;display:grid}.god-card li b{width:52px;color:var(--pantheon,var(--bronze-bright));letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:inline-block}.god-blurb{color:var(--parchment-dim);margin-top:12px;font-size:12.5px;font-style:italic;line-height:1.45}.age-chip{letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-bright);border:1px solid var(--bronze);background:#1a120899;border-radius:2px;padding:6px 12px;font-size:12px}.age-up-btn{letter-spacing:.12em;color:var(--ink);border:1px solid var(--bronze-bright);cursor:pointer;pointer-events:auto;background:linear-gradient(#e7c06a,#a87f3a);border-radius:3px;padding:7px 14px;font-family:Cinzel,serif;font-size:13px;font-weight:600;transition:filter .15s,transform .15s}.age-up-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.age-up-btn[disabled]{opacity:.35;cursor:default;transform:none}.minimap-frame{border:1px solid var(--bronze);pointer-events:auto;background:linear-gradient(160deg,#402e16f2,#22180bf7);border-radius:4px;padding:7px;line-height:0;position:absolute;bottom:18px;right:18px;box-shadow:inset 0 1px #e9c47c40,0 8px 28px #0000008c}.minimap-frame canvas{cursor:crosshair;border-radius:2px}.bottom-panel{pointer-events:auto;gap:14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sel-panel{border:1px solid var(--bronze);min-width:200px;max-width:260px;color:var(--parchment);background:linear-gradient(160deg,#402e16f0,#22180bf5);border-radius:3px;padding:12px 16px}.sel-panel h3{color:var(--bronze-bright);margin-bottom:6px;font-family:Cinzel,serif;font-size:15px;font-weight:600}.sel-body{color:var(--parchment-dim);font-size:12.5px}.hpbar{border:1px solid var(--bronze);background:#00000080;border-radius:2px;height:7px;margin-bottom:4px;overflow:hidden}.hpbar i{background:linear-gradient(90deg,#7fae4e,#aed05e);height:100%;display:block}.command-card{border:1px solid var(--bronze);background:linear-gradient(160deg,#402e16f0,#22180bf5);border-radius:3px;grid-template-columns:repeat(6,96px);align-content:start;gap:7px;min-width:320px;min-height:70px;padding:12px;display:grid}.cmd-btn{color:var(--parchment);border:1px solid var(--bronze);cursor:pointer;background:linear-gradient(#78582cb3,#402e16e6);border-radius:3px;padding:9px 4px;font-family:Alegreya Sans,sans-serif;font-size:11.5px;font-weight:700;transition:filter .13s,transform .13s}.cmd-btn:hover:not([disabled]){filter:brightness(1.25);transform:translateY(-1px)}.cmd-btn[disabled]{opacity:.35;cursor:default}.main-menu{z-index:50;background:radial-gradient(at 50% 30%,#503a1c59,#0000 60%),linear-gradient(#0b0e15,#07090e);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-card{text-align:center;max-width:980px;padding:30px}.menu-title{letter-spacing:.22em;color:var(--parchment);text-shadow:0 0 40px var(--glow);font-family:Cinzel,serif;font-size:54px;font-weight:700}.menu-sub{letter-spacing:.34em;text-transform:uppercase;color:var(--bronze-bright);margin:6px 0 26px;font-size:14px}.menu-section h2{color:var(--parchment-dim);margin-bottom:12px;font-family:Cinzel,serif;font-size:16px}.pantheon-row{justify-content:center;gap:14px;display:flex}.pantheon-card{width:215px;padding:16px 14px}.pantheon-card.chosen{border-color:var(--pantheon);box-shadow:0 0 0 1px var(--pantheon), 0 0 30px #d9a94e4d}.pantheon-card h3{margin-bottom:8px}.menu-opts{color:var(--parchment-dim);justify-content:center;gap:26px;margin:22px 0;font-size:13px;display:flex}.menu-opts label{flex-direction:column;align-items:center;gap:6px;display:flex}.menu-opts select,.menu-opts input[type=number]{color:var(--parchment);border:1px solid var(--bronze);background:#1a1208cc;border-radius:3px;width:110px;padding:5px 8px;font-family:Alegreya Sans,sans-serif}.menu-opts input[type=range]{width:110px;accent-color:var(--bronze-bright)}.menu-actions{justify-content:center;gap:16px;display:flex}.menu-actions .age-up-btn{padding:11px 22px;font-size:15px}.menu-credits{color:var(--parchment-dim);opacity:.7;margin-top:26px;font-size:11px}.save-btn{margin-left:8px}.loading-overlay{z-index:60;color:var(--parchment);background:radial-gradient(at 50% 35%,#503a1c4d,#0000 60%),#07090e;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading-overlay h2{letter-spacing:.16em;font-family:Cinzel,serif;font-size:22px;animation:1.6s ease-in-out infinite loadpulse}.loading-overlay p{color:var(--parchment-dim);font-size:13px}.loading-rune{border:2px solid var(--bronze);border-top-color:var(--bronze-bright);border-radius:50%;width:54px;height:54px;animation:1.1s linear infinite loadspin}@keyframes loadspin{to{transform:rotate(360deg)}}@keyframes loadpulse{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading-rune,.loading-overlay h2{animation:none}}@media (max-width:820px){.main-menu{align-items:flex-start;overflow-y:auto}.menu-card{max-width:100%;padding:18px 14px 28px}.menu-title{letter-spacing:.12em;font-size:30px}.menu-sub{letter-spacing:.2em;margin-bottom:16px;font-size:11px}.pantheon-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pantheon-card{width:100%;padding:10px}.pantheon-card h2{font-size:15px}.pantheon-card h3{margin-bottom:4px;font-size:10px}.pantheon-card .god-blurb{margin-top:4px;font-size:10.5px}.menu-opts{flex-wrap:wrap;gap:12px}.menu-actions{flex-direction:column;align-items:stretch;gap:10px}.menu-actions .age-up-btn{padding:13px 16px}.menu-credits{font-size:9.5px}.hud-topbar{flex-wrap:wrap;gap:6px;padding:8px 10px 14px}.hud-title{font-size:14px}.hud-title small{letter-spacing:.2em;font-size:8px}.resource-bar{order:3;justify-content:space-between;gap:9px;width:100%;padding:5px 10px}.res{gap:4px;min-width:0;font-size:12.5px}.hud-phase,.plaque{display:none}.minimap-frame{transform-origin:100% 100%;padding:4px;bottom:8px;right:8px;transform:scale(.72)}.bottom-panel{gap:8px;max-width:calc(100vw - 150px);bottom:8px;left:8px;right:auto;transform:none}.sel-panel{min-width:110px;max-width:140px;padding:8px 10px}.command-card{grid-template-columns:repeat(3,78px);gap:5px;min-width:0;padding:8px}.cmd-btn{padding:8px 2px;font-size:10px}.age-wrap{order:2}}@media (max-height:520px){.main-menu{align-items:flex-start;overflow-y:auto}.menu-card{max-width:100%;padding:12px 16px 20px}.menu-title{letter-spacing:.12em;font-size:26px}.menu-sub{letter-spacing:.2em;margin:4px 0 10px;font-size:10px}.menu-section h2{margin-bottom:6px;font-size:12px}.pantheon-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pantheon-card{width:calc(25% - 8px);min-width:150px;padding:8px}.pantheon-card h2{font-size:13px}.pantheon-card h3{margin-bottom:3px;font-size:9px}.pantheon-card .god-blurb{margin-top:3px;font-size:9.5px}.menu-opts{flex-wrap:wrap;gap:14px;margin:12px 0}.menu-actions{flex-direction:row;justify-content:center;align-items:center;gap:10px}.menu-actions .age-up-btn{padding:9px 16px;font-size:13px}.menu-credits{margin-top:12px;font-size:9px}.hud-topbar{flex-wrap:nowrap;gap:8px;padding:4px 8px 8px}.hud-title{display:none}.resource-bar{order:0;justify-content:flex-start;gap:9px;width:auto;padding:4px 10px}.res{gap:4px;min-width:0;font-size:12px}.hud-phase,.plaque{display:none}.age-wrap{order:0;margin-left:auto}.age-chip{padding:3px 8px;font-size:10px}.age-up-btn{padding:6px 10px;font-size:11px}.minimap-frame{transform-origin:100% 100%;padding:3px;bottom:6px;right:6px;transform:scale(.6)}.bottom-panel{gap:6px;max-width:calc(100vw - 140px);bottom:6px;left:6px;right:auto;transform:none}.sel-panel{min-width:100px;max-width:130px;padding:6px 8px}.command-card{grid-template-columns:repeat(4,70px);gap:4px;min-width:0;min-height:0;padding:6px}.cmd-btn{padding:6px 2px;font-size:9.5px}.loading-overlay h2{font-size:16px}.loading-overlay p{font-size:11px}}.rotate-overlay{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-overlay{text-align:center;z-index:70;color:var(--parchment);background:radial-gradient(at 50% 35%,#503a1c59,#0000 60%),#07090ef7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.rotate-overlay h2{letter-spacing:.14em;font-family:Cinzel,serif;font-size:22px}.rotate-overlay p{color:var(--parchment-dim);max-width:300px;font-size:13.5px}.rotate-icon{color:var(--bronze-bright);text-shadow:0 0 24px var(--glow);font-size:52px;animation:2.2s ease-in-out infinite rotatecue}}@keyframes rotatecue{0%,to{transform:rotate(0)}45%,70%{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none}}