:root{--ink:#2d2a3e;--muted:#6d6a7f;--cream:#fffbf3f0;--line:#2d2a3e1f;--coral:#ff7a59;--teal:#2aa6bf;--gold:#ffd166;--good:#3aa35a;--bad:#d64c4c;--legend:#b47cff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f3efe6;--muted:#b7b3c6;--cream:#1e2130eb;--line:#ffffff1f}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#bfe6f2;font-family:Nunito,system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:relative}#world{position:absolute;inset:0}#world canvas{touch-action:none;cursor:pointer;display:block}.hidden{display:none!important}.screen{pointer-events:none;background:linear-gradient(#5fb6ea00,#143c5059);place-items:center;display:grid;position:absolute;inset:0}.title-card{pointer-events:auto;background:var(--cream);text-align:center;border-radius:22px;width:min(460px,100% - 32px);padding:28px 28px 22px;box-shadow:0 18px 50px #001e3247}.title-card h1{letter-spacing:-1px;color:var(--ink);margin:0;font-size:56px;font-weight:900}.title-card h1 span{color:var(--teal)}.tagline{color:var(--muted);margin:6px 0 20px;font-weight:700}.title-actions{gap:10px;display:grid}.seed{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.seed input{border:1px solid var(--line);width:120px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:8px 10px}.howto{text-align:left;color:var(--muted);margin-top:16px;font-weight:700}.howto ul{padding-left:20px;font-weight:600;line-height:1.5}.btn{font:inherit;cursor:pointer;background:var(--btn,#ffffffd9);color:var(--ink);border:0;border-radius:12px;padding:10px 16px;font-weight:800;box-shadow:0 2px #00000014}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--coral);color:#fff}.btn.ghost{color:#fff;box-shadow:none;background:0 0}.btn.small{border-radius:10px;padding:6px 10px;font-size:13px}.btn.wide{text-align:left;width:100%}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}#topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.chip,.pill{background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:14px;padding:8px 12px;font-weight:800;box-shadow:0 4px 14px #001e322e}.chip{align-items:center;gap:8px;display:flex}.chip .emblem{flex:none}.pill-btn{font:inherit;cursor:pointer;border:0}.grow{flex:1}#topbar .btn.ghost{color:var(--ink);background:#fff0}#panel{background:var(--cream);border-radius:18px;width:min(330px,100% - 20px);max-height:46%;padding:14px;position:absolute;bottom:10px;left:10px;overflow:auto;box-shadow:0 10px 30px #001e3238}#panel h2{margin:0 0 4px;font-size:20px}#panel .sub{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700}#panel .row{justify-content:space-between;gap:8px;padding:3px 0;font-size:14px;font-weight:700;display:flex}#panel .hint{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.4}#panel .actions{gap:6px;margin-top:10px;display:grid}#panel .bar{background:var(--line);border-radius:6px;height:8px;margin:6px 0;overflow:hidden}#panel .bar>i{background:var(--teal);height:100%;display:block}.opt{justify-content:space-between;align-items:center;gap:8px;display:flex}.opt small{color:var(--muted);font-weight:700}#chronicle{background:var(--cream);border-radius:18px;width:min(300px,100% - 20px);max-height:42%;padding:12px 14px;position:absolute;top:70px;right:10px;overflow:auto;box-shadow:0 10px 30px #001e3238}#chronicle h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:15px}#chronicle ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}#chronicle li{border-left:4px solid var(--muted);background:#00000008;border-radius:10px;padding:6px 8px;font-size:13px;font-weight:700;line-height:1.35}#chronicle li small{color:var(--muted);font-size:11px;font-weight:800;display:block}#chronicle li.good{border-color:var(--good)}#chronicle li.bad{border-color:var(--bad)}#chronicle li.legend{border-color:var(--legend)}#chronicle li.event{border-color:var(--gold)}.toast{background:var(--ink);color:var(--cream);border-radius:12px;max-width:90%;padding:10px 16px;font-weight:800;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.modal{pointer-events:auto;background:#0a1e2d73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}@media (max-width:760px){#chronicle{display:none}#panel{max-height:42%}.title-card h1{font-size:44px}}.title-card{text-align:left;width:min(980px,100% - 32px);max-height:calc(100% - 32px);overflow:auto}.title-card h1,.title-card .tagline{text-align:center}.title-card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0 8px;font-size:14px}.tribe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.tribe{font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:#00000009;border:2px solid #0000;border-radius:14px;gap:2px;padding:10px 12px;display:grid}.tribe:hover{background:#0000000f}.tribe.picked{border-color:var(--tribe);background:color-mix(in srgb, var(--tribe) 14%, transparent)}.tribe{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.tribe .tribe-text{gap:2px;display:grid}.tribe small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.3}.options{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 12px;display:grid}.options label{color:var(--muted);gap:4px;font-size:13px;font-weight:800;display:grid}.options select,.options input{font:inherit;border:1px solid var(--line);color:#2d2a3e;background:#fff;border-radius:10px;width:100%;padding:8px 10px;font-weight:700}.seed-row{gap:6px;display:flex}.btn.start{width:100%;padding:14px;font-size:18px}.play-row{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:10px;margin:0 0 6px;display:grid}.play-row .btn.start{justify-content:center;align-items:center;gap:10px;padding:16px;font-size:20px;display:flex}.play-row .tutorial-btn{align-content:center;margin:0}.setup-summary{text-align:center;color:var(--muted);margin:2px 0 14px;font-size:13px;font-weight:800}.linkish{font:inherit;color:var(--teal);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0 2px;font-weight:900;text-decoration:underline}details.more{background:#00000008;border-radius:14px;margin:8px 0 0}details.more>summary{cursor:pointer;color:var(--muted);align-items:center;gap:8px;padding:11px 14px;font-weight:900;list-style:none;display:flex}details.more>summary:before{content:"▸";transition:transform .15s}details.more[open]>summary:before{transform:rotate(90deg)}details.more>summary::-webkit-details-marker{display:none}details.more>:not(summary){padding:0 12px 12px}details.more .options{margin:0}details.more .online{background:0 0;margin:0;padding-top:0}.showcase{position:sticky}.showcase-nav{z-index:3;cursor:pointer;width:40px;height:40px;color:var(--ink);background:#ffffffd9;border:0;border-radius:50%;place-items:center;margin-top:-20px;padding:0;display:grid;position:absolute;top:50%;box-shadow:0 4px 12px #001e322e}.showcase-nav:hover{background:#fff;transform:scale(1.06)}.showcase-nav.prev{left:8px}.showcase-nav.next{right:8px}.showcase-info .facts{flex-wrap:wrap;gap:6px;display:flex}.showcase-info .facts span{background:#0000000d;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.showcase-info .pos{color:var(--muted);margin-top:8px;font-size:12px;font-weight:800;display:block}@media (max-width:760px){.play-row{grid-template-columns:1fr}.showcase-nav{top:116px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .showcase{background:radial-gradient(120% 140% at 20% 30%,#5fb6ea38,#0000 60%),#2a2f40;box-shadow:0 -12px 0 6px #1e2130}:root:not([data-theme=light]) .showcase-nav{color:var(--ink);background:#3a4054f2}:root:not([data-theme=light]) .tutorial-btn{background:color-mix(in srgb, var(--teal) 22%, #232838);color:var(--ink)}:root:not([data-theme=light]) details.more,:root:not([data-theme=light]) .showcase-info .facts span{background:#ffffff0f}}.chip small{color:var(--muted);font-size:12px;font-weight:700;display:block}#topbar .btn.ghost{background:var(--cream);color:var(--ink);box-shadow:0 4px 14px #001e322e}#panel h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:10px 0 4px;font-size:12px}#panel .blurb{color:var(--muted);font-size:11px;font-weight:700;display:block}#panel .btn.current{outline:2px solid var(--teal)}#panel .row.bad{color:var(--bad)}.tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tag{background:#0000000f;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800}.tag.wonder{background:color-mix(in srgb, var(--gold) 45%, transparent)}.legend-star{color:var(--legend)}.emblem{vertical-align:middle;filter:drop-shadow(0 1px 1px #00000040);display:inline-block}.who{align-items:center;gap:8px;display:inline-flex}.who small{display:block}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.city-label{white-space:nowrap;color:#fff;border-bottom:3px solid var(--tribe);background:#141c28b8;border-radius:8px;padding:2px 8px 2px 2px;font-size:12px;font-weight:800;position:absolute;top:0;left:0}.city-label b{text-align:center;background:var(--tribe);color:#1d1d1d;border-radius:6px;min-width:18px;margin-right:5px;display:inline-block}#minimap-host{position:absolute;bottom:10px;right:10px}.minimap-box{background:var(--cream);border-radius:16px;gap:4px;padding:4px;display:grid;position:relative;box-shadow:0 10px 30px #001e324d}.minimap{cursor:grab;touch-action:none;border-radius:11px;display:block}.minimap:active{cursor:grabbing}.minimap-bar{align-items:center;gap:4px;display:flex}.mm-gap{flex:1}.mm-btn{font:inherit;cursor:pointer;color:var(--ink);background:#0000000f;border:0;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:800}.mm-btn:hover{background:#0000001f}.mm-seg{background:#0000000f;border-radius:8px;display:inline-flex}.mm-seg .mm-btn{background:0 0}.mm-seg .mm-btn.on{background:var(--ink);color:var(--cream)}.mm-close,.minimap-open{display:none}.minimap-tip{pointer-events:none;white-space:nowrap;color:#fff;background:#141c28e6;border-radius:8px;margin-top:28px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.minimap-tip i{color:#ff8a80;font-style:normal}@media (max-width:760px){.minimap-open{display:block}.minimap-box{display:none}.minimap-box.open{z-index:20;display:grid;position:fixed;bottom:10px;right:10px}.minimap-box.open .mm-close{display:block}.minimap-box .mm-btn[data-mm=size]{display:none}#topbar .btn.ghost{padding:8px 10px;font-size:13px}}.pill.attention{outline:2px solid var(--coral);animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(-2px);box-shadow:0 8px 20px #ff7a5973}}@media (prefers-reduced-motion:reduce){.pill.attention{animation:none}}.hp-bar{pointer-events:none;background:#141c28bf;border-radius:4px;width:34px;height:6px;padding:1px;position:absolute;top:0;left:0}.hp-bar i{background:#5fd35f;border-radius:3px;height:100%;display:block}#quality-btn{min-width:44px}.city-label em{opacity:.85;margin-left:2px;font-style:normal;font-weight:800}.city-label{align-items:center;gap:4px;padding-left:4px;display:inline-flex}.city-label .emblem{filter:none}.showcase{z-index:2;background:radial-gradient(120% 140% at 20% 30%,#5fb6ea47,#fff0 60%),#f4efe4;border-radius:18px;grid-template-columns:minmax(240px,360px) 1fr;align-items:center;gap:18px;margin:4px 0 14px;padding:6px 58px 6px 6px;display:grid;position:sticky;top:-28px;box-shadow:0 -12px 0 6px #fbf7ef}.showcase-view{height:260px;position:relative}.showcase-view canvas{display:block}.showcase-info h2{color:var(--ink);border-bottom:4px solid var(--tribe);margin:0 0 4px;padding-bottom:2px;font-size:26px;display:inline-block}.showcase-info .motto{color:var(--muted);margin:6px 0 10px;font-style:italic;font-weight:700}.showcase-info .row{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:3px 0;font-size:14px;font-weight:700;display:flex}.showcase-info .hint{color:var(--muted);margin-top:6px;font-size:13px}@media (max-width:760px){.showcase{grid-template-columns:minmax(0,1fr);padding:6px 10px 12px;position:relative;top:0}.showcase-view{min-width:0;height:220px;overflow:hidden}}.tribe .emblem,.chip .emblem,.who .emblem{transform:perspective(240px)rotateY(0)}.tribe:hover .emblem,.chip:hover .emblem,.who:hover .emblem{animation:.9s ease-in-out crest-flip}.tribe.picked .emblem{animation:2.6s ease-in-out infinite alternate crest-sway}@keyframes crest-flip{to{transform:perspective(240px)rotateY(360deg)}}@keyframes crest-sway{0%{transform:perspective(240px)rotateY(-28deg)}to{transform:perspective(240px)rotateY(28deg)}}@media (prefers-reduced-motion:reduce){.tribe .emblem,.chip .emblem,.who .emblem{animation:none!important}}.tribe .trait-line{color:var(--ink);opacity:.9;font-weight:800}.showcase-info .trait{background:color-mix(in srgb, var(--tribe,var(--teal)) 14%, transparent);border-left:4px solid var(--tribe,var(--teal));border-radius:10px;margin:8px 0 10px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.35}.showcase-info .trait b{text-transform:uppercase;letter-spacing:.05em;font-size:12px;display:block}#panel .feature{background:color-mix(in srgb, var(--legend) 14%, transparent);border-left:4px solid var(--legend);border-radius:10px;margin:4px 0 10px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.4}#panel .feature b{display:block}#panel .feature small{color:var(--muted);margin-top:4px;display:block}.tag.promo{background:color-mix(in srgb, var(--gold) 55%, transparent)}.promo-box{background:color-mix(in srgb, var(--gold) 22%, transparent);border:2px solid color-mix(in srgb, var(--gold) 70%, transparent);border-radius:12px;margin:10px 0 4px;padding:10px;animation:1.6s ease-in-out infinite alternate promo-glow}.promo-box h4{color:var(--ink)!important;margin-top:0!important}.promo-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.promo-btn{text-align:left;gap:2px;padding:8px 10px!important;display:grid!important}.promo-btn b{font-size:14px}@keyframes promo-glow{0%{box-shadow:0 0 #ffd16600}to{box-shadow:0 0 16px #ffd166b3}}@media (prefers-reduced-motion:reduce){.promo-box{animation:none}}#panel .row.strike span:last-child{color:var(--bad);text-align:right}#panel .row.strike small{color:var(--muted);font-weight:700}@media (max-width:1500px) and (min-width:761px){#topbar{gap:5px}#topbar .btn{padding:9px 10px;font-size:14px}#topbar .chip,#topbar .pill{padding:8px 10px;font-size:14px}#topbar .chip small{font-size:11px}#tribe-chip small{max-width:120px}#research-pill{text-overflow:ellipsis;max-width:220px;overflow:hidden}}@media (max-width:1380px) and (min-width:761px){#topbar .btn,#topbar .chip,#topbar .pill{padding:8px 9px;font-size:13px}#tribe-chip small{max-width:96px}#research-pill{max-width:190px}}#tribe-chip small{text-overflow:ellipsis;max-width:190px;overflow:hidden}.btn.attention{outline:2px solid var(--coral);animation:1.6s ease-in-out infinite nudge}@media (prefers-reduced-motion:reduce){.btn.attention{animation:none}}.deal-btns{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.offers{background:color-mix(in srgb, var(--gold) 20%, transparent);border-radius:12px;margin:10px 0;padding:10px 12px}.trade-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trade-cols>div{align-content:start;gap:6px;display:grid}.tech-card{font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:#0000000d;border:2px solid #0000;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.tech-card small{color:var(--muted);font-weight:700}.tech-card.picked{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 16%, transparent)}.trade-deals{margin-top:14px}#panel .row.muted{opacity:.55}#panel .row small{color:var(--muted);font-weight:700}@media (max-width:760px){.trade-cols{grid-template-columns:1fr}}.saved-games{justify-items:center;gap:8px;margin:-6px 0 16px;display:grid}.saved-games:empty{display:none}.btn.continue{background:color-mix(in srgb, var(--teal) 18%, #fff);border:2px solid var(--teal);align-items:center;gap:10px;padding:12px 18px;font-size:16px;display:inline-flex}.btn.continue small{color:var(--muted);text-align:left;font-size:12px;font-weight:700;display:block}.btn.continue span{text-align:left}details.saves{text-align:left;width:min(560px,100%);color:var(--muted);font-weight:700}details.saves summary{cursor:pointer;text-align:center}details.saves .btn{margin-top:8px}.save-row{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.save-row small{color:var(--muted);font-size:12px;font-weight:700;display:block}.save-list{max-height:240px;overflow:auto}.online{text-align:left;background:#00000009;border-radius:16px;margin-top:18px;padding:14px 16px}.online h3{margin:0 0 8px!important}.online-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.online-row label{color:var(--muted);gap:4px;font-size:13px;font-weight:800;display:grid}.online-row input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:9px 10px}#join-code{text-transform:uppercase;letter-spacing:.15em;width:7.5em;font-weight:800}.online-row .or{color:var(--muted);padding-bottom:10px;font-weight:800}.lobby{background:color-mix(in srgb, var(--teal) 12%, #fff);border:2px solid var(--teal);text-align:left;border-radius:16px;margin:0 0 16px;padding:14px 16px}.lobby-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800;display:block}.lobby .code{letter-spacing:.18em;font-size:30px}.seats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:10px 0;display:grid}.seat{background:#ffffffbf;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.seat.you{outline:2px solid var(--teal)}.seat small{color:var(--muted);font-size:12px;font-weight:700;display:block}.seat .dot{background:#c9c5d4;border-radius:50%;flex:none;width:9px;height:9px}.seat .dot.on{background:var(--good)}.lobby .waiting{color:var(--muted);text-align:center;padding:8px;font-weight:800}#turn-pill small{color:var(--muted);text-overflow:ellipsis;max-width:230px;font-size:11px;font-weight:800;display:block;overflow:hidden}#turn-pill small.lost{color:var(--bad)}#end-turn.waiting{background:var(--muted)}.chat{margin-top:8px}.chat input{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#ffffffe6;border-radius:10px;padding:7px 9px;font-size:13px}#chronicle li.chat{border-left-color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, transparent)}.rejoin{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.tag.perk{background:color-mix(in srgb, var(--teal) 30%, transparent)}.perk-box{border-color:color-mix(in srgb, var(--teal) 60%, transparent);background:color-mix(in srgb, var(--teal) 12%, transparent)}.hint.war-warn,b.war{color:var(--bad);font-weight:800}b.tense{color:#c7801a;font-weight:800}.btn.danger{background:color-mix(in srgb, var(--bad) 16%, #fff);color:var(--bad)}#tribes-btn.at-war{color:var(--bad)!important}.city-label i{font-style:normal;font-weight:900}.city-label i.due{color:#1d1d1d;background:var(--gold);border-radius:6px;padding:0 4px;animation:1.2s ease-in-out infinite alternate due-pulse}.city-label i.foe{color:#ff6b6b}@keyframes due-pulse{0%{box-shadow:0 0 #ffd16600}to{box-shadow:0 0 10px #ffd166f2}}.fx-text{pointer-events:none;white-space:nowrap;color:#fff;-webkit-text-stroke:4px #191624d9;paint-order:stroke fill;letter-spacing:.01em;will-change:transform, opacity;font-size:20px;font-weight:900;position:absolute;top:0;left:0}.fx-text.damage{color:#ff5a4f;font-size:24px}.fx-text.good{color:#8ff07a}.fx-text.gold{color:var(--gold);font-size:22px}.fx-text.info{color:#f3efe6;font-size:16px}#turn-banner{z-index:30;pointer-events:none;text-align:center;color:#2d2a3e;opacity:0;background:linear-gradient(#fffbf3f5,#fff4deeb);border-radius:22px;justify-items:center;gap:4px;padding:14px 34px 12px;transition:opacity .35s,transform .35s;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px);box-shadow:0 18px 50px #001e324d}#turn-banner.show{opacity:1;transform:translate(-50%)}#turn-banner .season{letter-spacing:.18em;text-transform:uppercase;color:#8a6d3b;font-size:13px;font-weight:900}#turn-banner h2{letter-spacing:-.5px;margin:0;font-size:38px;font-weight:900;line-height:1}#turn-banner .news{gap:3px;margin-top:6px;display:grid}#turn-banner .news span{background:#0000000d;border-radius:9px;padding:3px 10px;font-size:14px;font-weight:800}#turn-banner .news span.bad{background:color-mix(in srgb, var(--bad) 18%, transparent);color:#9c2b2b}#turn-banner .news span.legend{background:color-mix(in srgb, var(--legend) 20%, transparent)}#turn-banner .news span.good{background:color-mix(in srgb, var(--good) 18%, transparent)}#turn-banner .news span.event{background:color-mix(in srgb, var(--gold) 30%, transparent)}#turn-banner.Spring .season{color:#3f9a4f}#turn-banner.Summer .season{color:#c8871a}#turn-banner.Autumn .season{color:#b5582a}#turn-banner.Winter .season{color:#4a7fb5}@media (prefers-reduced-motion:reduce){#turn-banner{transition:none}.city-label i.due{animation:none}}#wonder-card{z-index:36;pointer-events:none;text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 26%, var(--cream)), var(--cream) 55%);width:min(340px,100% - 32px);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 80%, transparent), 0 24px 60px #001e3266;opacity:0;border-radius:26px;justify-items:center;gap:2px;padding:0 22px 18px;transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.4,1);display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-44%)scale(.9)}#wonder-card.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}#wonder-card.rival{background:var(--cream);box-shadow:0 0 0 2px color-mix(in srgb, var(--tribe,#b9b3c9) 60%, transparent), 0 20px 50px #001e3259}.wc-art{place-items:center;width:240px;height:220px;margin:-112px 0 4px;display:grid;position:relative}.wc-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--gold) 75%, transparent) 0 9deg, transparent 9deg 22.5deg);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:24s linear infinite wc-turn;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 22%,#0000 68%);mask:radial-gradient(circle,#000 22%,#0000 68%)}#wonder-card.rival .wc-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--tribe,#b9b3c9) 30%, #968eaf66) 0 9deg, transparent 9deg 22.5deg)}.wc-art img{object-fit:contain;filter:drop-shadow(0 14px 14px #3c280a59);width:220px;height:220px;position:relative}#wonder-card.show .wc-art img{animation:.8s cubic-bezier(.2,1.35,.4,1) wc-rise}.wc-art .wicon{font-size:84px;position:relative}.wc-tag{letter-spacing:.16em;text-transform:uppercase;color:#a8741a;font-size:12px;font-weight:900}#wonder-card.rival .wc-tag{color:var(--muted)}#wonder-card h3{letter-spacing:-.4px;margin:0;font-size:30px;font-weight:900;line-height:1.05}.wc-where{color:var(--muted);align-items:center;gap:6px;margin:4px 0 0;font-size:14px;font-weight:800;display:flex}.wc-blurb{background:color-mix(in srgb, var(--gold) 28%, transparent);border-radius:10px;margin:6px 0 12px;padding:6px 12px;font-size:14px;font-weight:800}#wonder-card.rival .wc-blurb{background:#7f7f7f1f;font-weight:700}@keyframes wc-turn{to{transform:rotate(360deg)}}@keyframes wc-rise{0%{opacity:0;transform:translateY(36px)scale(.7)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wc-tag{color:var(--gold)}}@media (prefers-reduced-motion:reduce){#wonder-card,#wonder-card.show .wc-art img,.wc-rays{transition:none;animation:none}}.tutorial-btn{text-align:center;background:color-mix(in srgb, var(--teal) 14%, #fff);border:2px solid color-mix(in srgb, var(--teal) 55%, transparent);gap:2px;margin:-8px auto 16px;padding:10px 22px;font-size:15px;display:grid}.tutorial-btn b{color:var(--teal)}.tutorial-btn small{color:var(--muted);font-size:12px;font-weight:700}.coach{z-index:12;background:var(--cream);border:2px solid color-mix(in srgb, var(--teal) 50%, transparent);border-radius:18px;width:min(460px,100% - 24px);padding:12px 16px;animation:.35s ease-out coach-in;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #001e3252}.coach-head{justify-content:space-between;align-items:center;display:flex}.coach-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:900}.coach-x{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-weight:900}.coach-x:hover{background:#0000000f}.coach h4{margin:2px 0 4px;font-size:17px}.coach p{margin:0;font-size:14px;font-weight:600;line-height:1.45}.coach-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.coach-wait{color:var(--muted);margin-right:auto;font-size:12px;font-weight:800}.coach-wait:before{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s ease-in-out infinite alternate coach-dot;display:inline-block}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes coach-dot{to{opacity:.25}}body.coaching .toast{bottom:200px}.coach-glow{z-index:11;outline-offset:2px;position:relative;outline:3px solid var(--teal)!important;animation:1.1s ease-in-out infinite alternate coach-glow!important}@keyframes coach-glow{0%{box-shadow:0 0 #2aa6bf00}to{box-shadow:0 0 0 8px #2aa6bf59}}@media (max-width:760px){.coach{max-height:40vh;top:112px;bottom:auto;overflow:auto}.coach p{font-size:13px}body.coaching .toast{bottom:16px}}@media (prefers-reduced-motion:reduce){.coach,.coach-glow,.coach-wait:before{animation:none!important}}#topbar .btn.icon{min-width:38px;padding-left:9px;padding-right:9px}.sound-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.sound-grid label{color:var(--muted);gap:4px;font-size:13px;font-weight:800;display:grid}.sound-grid input[type=range]{width:100%;accent-color:var(--teal)}@media (max-width:760px){.sound-grid{grid-template-columns:1fr}}#panel.pop{animation:.45s ease-out panel-pop}@keyframes panel-pop{0%{box-shadow:0 0 0 3px var(--gold), 0 10px 30px #001e3238;transform:translateY(8px)scale(.97)}60%{box-shadow:0 0 0 3px var(--gold), 0 10px 30px #001e3238}to{transform:none}}.hover-tip{z-index:14;pointer-events:none;color:#fff;background:#141c28eb;border-radius:10px;gap:1px;max-width:260px;padding:6px 10px;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #0000004d}.hover-tip b{color:var(--gold);font-weight:900}.hover-tip b.atk{color:#ff8a7a}.hover-tip span{color:#e6e2d8}.hover-tip .warn{color:#ffb4a8}@media (prefers-reduced-motion:reduce){#panel.pop{animation:none}}.sel-pin{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.sel-pin svg{filter:drop-shadow(0 3px 3px #00000059);animation:1s ease-in-out infinite alternate pin-bob;display:block}.sel-pin path{fill:#ffd166;stroke:#2b1d08}.sel-pin.foe path{fill:#ff7a59}.sel-pin.spent path{fill:#d8ccb0}.sel-pin.drop svg{animation:.38s cubic-bezier(.3,1.6,.6,1) pin-drop,1s ease-in-out .38s infinite alternate pin-bob}@keyframes pin-bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes pin-drop{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}.city-label.selected{box-shadow:0 0 0 2px var(--gold), 0 0 14px #ffd166cc}@media (prefers-reduced-motion:reduce){.sel-pin svg{animation:none!important}}:root{--card:#fff;--paper:#fbf7ef;--chip:#f0ece2;--soft-green:#e3f3e5;--green-ink:#2f7a40;--soft-red:#ffe1dc;--red-ink:#b3261e;--soft-amber:#fff1d6;--amber-ink:#9a5b00;--soft-purple:#f3edff;--purple-ink:#6a3fc0;--hexes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 56 48'%3E%3Cpath d='M14 1 L42 1 L55 24 L42 47 L14 47 L1 24 Z' fill='none' stroke='white' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card:#2a2f40;--paper:#222634;--chip:#343a4d;--soft-green:#23402c;--green-ink:#8fdc9e;--soft-red:#4a2624;--red-ink:#ff9b8f;--soft-amber:#4a3a1a;--amber-ink:#ffc66b;--soft-purple:#352a52;--purple-ink:#c7a8ff;--btn:#3a4054f2}}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:35}.modal.opening>*{animation:.34s cubic-bezier(.2,1.25,.4,1) screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.codex{background:var(--paper);border-radius:24px;flex-direction:column;width:min(1180px,100%);max-height:calc(100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00142873}.codex.menu{width:min(900px,100%)}.codex.trade{width:min(1040px,100%)}.codex-tabs{background:color-mix(in srgb, var(--accent) 72%, #10141f);flex:none;gap:6px;padding:10px 14px 0;display:flex;overflow-x:auto}.codex-tab{font:inherit;cursor:pointer;white-space:nowrap;color:#ffffffd1;background:#ffffff1a;border:0;border-radius:13px 13px 0 0;align-items:center;gap:7px;padding:9px 16px 10px;font-size:14px;font-weight:900;transition:background .15s,color .15s;display:flex}.codex-tab i{background:var(--tab);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:grid}.codex-tab:hover{color:#fff;background:#fff3}.codex-tab.on{background:var(--accent);color:#fff}.codex-head{color:#fff;background:var(--hexes), radial-gradient(120% 140% at 0% 0%, #ffffff47, transparent 55%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 62%, #1a1030));flex:none;align-items:center;gap:16px;padding:18px 64px 18px 22px;display:flex;position:relative}.codex-medal{background:#fff3;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:30px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #fff9,0 6px 16px #00000040}.codex-medal .emblem{width:44px;height:44px}.codex-title h2{letter-spacing:-.5px;text-shadow:0 2px #0000002e;margin:0;font-size:30px;font-weight:900}.codex-title p{opacity:.92;max-width:560px;margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.35}.codex-stats{gap:8px;margin-left:auto;display:flex}.stat{background:#ffffff2b;border-radius:14px;justify-items:center;min-width:76px;padding:6px 12px;display:grid}.stat i{font-size:16px;font-style:normal;line-height:1.2}.stat b{font-size:19px;line-height:1.1}.stat small{opacity:.85;font-size:11px;font-weight:800}.codex-close{cursor:pointer;width:38px;height:38px;font:inherit;color:#fff;background:#0000002e;border:0;border-radius:50%;font-weight:900;transition:background .15s,transform .15s;position:absolute;top:14px;right:14px}.codex-close:hover{background:#00000052;transform:rotate(90deg)}.codex-back{margin-left:auto}.codex-body{min-height:0;padding:18px 22px 22px;overflow:auto}.codex-body h4{margin:0 0 10px;font-size:15px;font-weight:900}.codex-body h4 small{color:var(--muted);margin-left:6px;font-weight:800}.ring{--p:0;--ring:var(--accent);background:conic-gradient(var(--ring) calc(var(--p) * 1%), color-mix(in srgb, var(--ink) 10%, transparent) 0);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative}.ring>span{background:var(--card);border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:inset 0 2px 5px #0000001a}.ring.big{width:84px;height:84px}.ring.big>span{width:70px;height:70px;font-size:36px}.tech-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:16px;display:grid}.tech-scroll{background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--chip);border-radius:18px;max-height:calc(100vh - 250px);overflow:auto}.tech-tree{grid-template-columns:repeat(5,146px);gap:20px;width:max-content;padding:14px 14px 18px;display:grid;position:relative}.tech-links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tech-links path{fill:none;stroke:color-mix(in srgb, var(--ink) 18%, transparent);stroke-width:2.5px;transition:stroke .15s,stroke-width .15s}.tech-links path.done{stroke:#57b36a}.tech-links path.open{stroke:var(--accent)}.tech-links path.half{stroke:#e2b34a;stroke-dasharray:6 4}.tech-links path.locked{stroke-dasharray:3 5}.tech-links path.hot{stroke:var(--coral);stroke-width:4.5px;stroke-dasharray:none}.era{z-index:1;align-content:start;gap:10px;display:grid;position:relative}.era-head{border-bottom:3px solid color-mix(in srgb, var(--accent) 40%, transparent);margin-bottom:2px;padding:2px 4px 4px;display:grid}.era-head b{font-size:16px;font-weight:900}.era-head small{color:var(--muted);font-size:11.5px;font-weight:800}.tnode{text-align:left;font:inherit;color:var(--ink);background:var(--card);cursor:default;border:0;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:6px 10px 6px 6px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 2px #0000000d,0 4px 10px #001e3212}.tnode .ring{grid-row:span 2;width:44px;height:44px}.tnode .ring>span{width:36px;height:36px;font-size:19px}.tnode b{align-self:end;font-size:13px;line-height:1.1}.tnode small{color:var(--muted);align-self:start;font-size:12px;font-weight:800}.tnode.open{cursor:pointer;box-shadow:0 0 0 2px var(--accent), 0 6px 16px color-mix(in srgb, var(--accent) 30%, transparent)}.tnode.open:hover{transform:translateY(-2px)scale(1.04)}.tnode.current{box-shadow:0 0 0 3px var(--accent), 0 0 22px color-mix(in srgb, var(--accent) 60%, transparent);animation:1.6s ease-in-out infinite alternate node-glow}.tnode.current small{color:var(--accent)}.tnode.learned{background:var(--soft-green)}.tnode.learned .ring{--ring:#57b36a}.tnode.learned small{color:var(--green-ink)}.tnode.locked{opacity:.6;filter:saturate(.35)}.tnode.locked:hover{opacity:.9}@keyframes node-glow{to{box-shadow:0 0 0 3px var(--accent), 0 0 34px color-mix(in srgb, var(--accent) 80%, transparent)}}.tech-detail{background:var(--card);border-top:6px solid var(--accent);border-radius:20px;padding:16px;position:sticky;top:0;box-shadow:0 8px 24px #001e321a}.td-head{align-items:center;gap:12px;display:flex}.td-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.td-head h3{margin:0;font-size:22px;font-weight:900}.cost{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;margin-top:2px;padding:2px 9px;font-size:13px;font-weight:900;display:inline-block}.tech-detail h5{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px;font-size:11px}.unlocks{gap:6px;display:grid}.unlock{background:var(--chip);border-radius:10px;align-items:center;gap:8px;padding:6px 9px;font-size:13px;font-weight:800;display:flex}.unlock i{font-size:18px;font-style:normal}.tchips{flex-wrap:wrap;gap:6px;display:flex}.tchip{background:var(--chip);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.tchip.have{background:var(--soft-green);color:var(--green-ink)}.td-action{margin-top:16px}.tdone{text-align:center;background:var(--soft-green);color:var(--green-ink);border-radius:12px;padding:10px;font-weight:900}.tdone.now{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.tdone.locked{background:var(--chip);color:var(--muted)}.codex-body>section{margin-bottom:16px}.race,.offers{background:var(--card);border-radius:18px;padding:12px 16px 14px;box-shadow:0 6px 18px #001e3212}.race-row{border-radius:10px;grid-template-columns:20px 22px minmax(120px,190px) 1fr 64px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;font-weight:800;display:grid}.race-rank{color:var(--muted);text-align:center}.race-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.race-bar{background:var(--chip);border-radius:999px;height:12px;overflow:hidden}.race-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--tribe) 55%, #fff), var(--tribe));border-radius:999px;height:100%;animation:.9s cubic-bezier(.2,.9,.3,1) grow;display:block}.race-val{text-align:right}.race-row.you{background:color-mix(in srgb, var(--gold) 22%, transparent)}.race-row.fallen{opacity:.45}@keyframes grow{0%{width:0}}.tcards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;display:grid}.tcard{background:var(--card);border-top:6px solid var(--tribe);border-radius:18px;padding:14px 14px 12px;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 6px 18px #001e3214}.tcard:hover{transform:translateY(-2px)}.tcard:before{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--tribe) 20%, transparent), transparent);height:80px;position:absolute;inset:0 0 auto}.tcard-top{align-items:center;gap:12px;display:flex;position:relative}.tcard h3{margin:0;font-size:18px;font-weight:900}.tcard small{color:var(--muted);font-weight:700}.tcard.war{box-shadow:0 0 0 2px #ff8a7a,0 6px 18px #d64c4c33}.tcard.unknown{opacity:.7;border-top-color:#b8b2c4}.tcard.fallen{opacity:.5;filter:grayscale(.7)}.badge{white-space:nowrap;background:var(--chip);border-radius:999px;align-self:flex-start;margin-left:auto;padding:4px 9px;font-size:12px;font-weight:900}.badge.war{background:var(--soft-red);color:var(--red-ink)}.badge.peace{background:var(--soft-green);color:var(--green-ink)}.badge.tense{background:var(--soft-amber);color:var(--amber-ink)}.mood{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:12px 0 4px;font-size:12px;font-weight:800;display:grid}.mood-face{font-size:22px}.mood-track{background:linear-gradient(90deg,#e5484d,#f5b942 50%,#57b36a);border-radius:999px;height:10px;position:relative}.mood-track i{background:#fff;border:3px solid #2d2a3e;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #00000040}.mood-word{text-align:right;min-width:54px}.tstats{gap:16px;margin:8px 0 10px;font-size:14px;font-weight:900;display:flex}.tactions{flex-wrap:wrap;gap:6px;display:flex}.offer-card{background:var(--paper);border-left:5px solid var(--tribe);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.offer-text{flex:1;font-size:14px;font-weight:700}.offer-text small{color:var(--muted);font-size:12px;display:block}.trade-cols{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;margin-bottom:14px;display:grid}.trade-cols section{background:var(--card);border-radius:18px;padding:12px 14px;box-shadow:0 6px 18px #001e3212}.trade-cols h4{align-items:center;gap:6px;display:flex}.trade-mid{color:var(--accent);align-self:center;font-size:30px;font-weight:900}.tech-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tech-card{text-align:left;font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;box-shadow:0 0 0 1px var(--line);border:0;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px 10px;transition:transform .12s,box-shadow .12s;display:grid}.tech-card i{grid-row:span 2;font-size:24px;font-style:normal}.tech-card b{font-size:13.5px}.tech-card small{color:var(--muted);font-size:11.5px;font-weight:800}.tech-card:hover{transform:translateY(-2px)}.tech-card.picked{box-shadow:0 0 0 3px var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--paper))}.trade-deals{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.empty-state{text-align:center;justify-items:center;gap:10px;padding:30px;font-weight:700;display:grid}.empty-state .big{font-size:64px}.wgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.wcard{background:var(--card);border-radius:18px;grid-template-rows:156px auto;transition:transform .15s;display:grid;overflow:hidden;box-shadow:0 6px 18px #001e3214}.wcard:hover{transform:translateY(-3px)}.wpic{background:var(--hexes), radial-gradient(circle at 50% 75%, #fff6dc, #ecdcb8 58%, #d9c398);place-items:center;display:grid;position:relative;overflow:hidden}.wpic img{object-fit:contain;filter:drop-shadow(0 10px 10px #3c280a59);width:168px;height:168px;transition:transform .3s}.wcard:hover .wpic img{transform:scale(1.08)rotate(-2deg)}.wicon{font-size:70px}.wcard.locked .wpic{background:var(--hexes), radial-gradient(circle at 50% 75%, #eceae4, #cfccc4)}.wcard.locked .wpic img{filter:grayscale()brightness(1.15)opacity(.55)}.wcard.taken .wpic{background:var(--hexes), radial-gradient(circle at 50% 75%, #e9e6f0, #c8c2d6)}.wcard.mine{box-shadow:0 0 0 3px var(--gold), 0 10px 24px #e0a83a59}.wcard.mine .wpic{background:var(--hexes), radial-gradient(circle at 50% 75%, #fff3c4, #ffd166 60%, #e0a83a)}.wcard.building .wpic{background:var(--hexes), radial-gradient(circle at 50% 75%, #e6f6fb, #b9e2ee)}.wcard.ark .wpic{background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 40% 60%,#fff,#0000),radial-gradient(1px 1px at 85% 70%,#fff,#0000),radial-gradient(circle at 50% 80%,#4a4fb0,#151935 70%)}.wbody{padding:12px 14px 14px}.wbody h3{margin:0 0 3px;font-size:17px;font-weight:900}.wbody p{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.wfoot{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.chip{background:var(--chip);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:900}.wstate{align-items:center;gap:5px;font-size:12.5px;font-weight:800;display:inline-flex}.wstate.good{color:var(--green-ink)}.wstate.open{color:var(--accent)}.wstate.now{color:var(--amber-ink)}.wbar{background:var(--chip);border-radius:6px;width:100%;height:6px;overflow:hidden}.wbar i{background:var(--accent);height:100%;display:block}.medals{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.medal{text-align:center;background:var(--card);border-radius:18px;align-content:start;justify-items:center;gap:4px;padding:16px 12px 12px;transition:transform .15s;display:grid;position:relative;box-shadow:0 6px 18px #001e3214}.medal:hover{transform:translateY(-3px)}.medal .ring{width:76px;height:76px}.medal .ring>span{width:62px;height:62px;font-size:30px}.medal:not(.won) .ring>span{filter:saturate(.6)}.medal h3{margin:6px 0 0;font-size:15px;font-weight:900}.medal p{min-height:2.6em;color:var(--muted);margin:0;font-size:12px;font-weight:700}.mprog{font-size:13px;font-weight:900}.bounty{background:var(--soft-purple);color:var(--purple-ink);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.bounty.taken{background:var(--chip);color:var(--muted)}.bounty.first{background:var(--soft-amber);color:var(--amber-ink)}.medal.won{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 14%, var(--card)), var(--card));box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 70%, transparent), 0 8px 20px #e0a83a40}.medal.won .ring{--ring:#e0a83a;background:conic-gradient(#ffd166,#e0a83a,#fff3c4,#ffd166);animation:6s linear infinite medal-turn}.medal.won .ring>span{animation:6s linear infinite reverse medal-turn}.medal.won .mprog{color:var(--green-ink)}@keyframes medal-turn{to{transform:rotate(360deg)}}.menu-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.menu-card{background:var(--card);border-radius:18px;align-content:start;gap:10px;padding:14px 16px;display:grid;box-shadow:0 6px 18px #001e3212}.menu-card h4{margin:4px 0 0}.menu-card h5{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 0;font-size:11px}.menu-card .grid{gap:8px;display:grid}.menu-card .grid.two{grid-template-columns:1fr 1fr}.menu-card .grid.three{grid-template-columns:repeat(3,1fr)}.save-card{background:var(--paper);border-left:5px solid var(--tribe);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.save-card>div{flex:1;min-width:0}.save-card b{font-size:14px;display:block}.save-card small{color:var(--muted);font-size:12px;font-weight:700}.story{background:var(--paper);border-radius:26px;width:min(640px,100%);max-height:100%;overflow:auto;box-shadow:0 30px 80px #00142873}.story-art{background:var(--hexes), radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--accent) 35%, #fff), var(--accent) 72%);place-items:center;height:176px;display:grid;position:relative}.story-icon{filter:drop-shadow(0 10px 14px #0000004d);font-size:88px;animation:3.2s ease-in-out infinite story-float}.story-turn{color:#fff;background:#00000038;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:900;position:absolute;top:12px;left:14px}@keyframes story-float{50%{transform:translateY(-8px)rotate(-3deg)}}.story-body{padding:18px 26px 24px}.story-body>small{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, var(--ink));font-size:12px;font-weight:900}.story-body h2{letter-spacing:-.5px;margin:4px 0 8px;font-size:30px;font-weight:900}.story-body p{margin:0;font-size:16px;font-weight:600;line-height:1.6}.choices{gap:8px;margin-top:16px;display:grid}.choice{font:inherit;text-align:left;color:var(--ink);background:var(--card);cursor:pointer;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent), 0 4px 10px #0000000f;border:0;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;transition:transform .15s,box-shadow .15s;display:flex}.choice:hover:not(:disabled){box-shadow:0 0 0 3px var(--accent), 0 6px 16px #0000001a;transform:translate(5px)}.choice:disabled{opacity:.5;cursor:not-allowed}.choice b{font-size:15px}.hint-chip{background:color-mix(in srgb, var(--accent) 18%, var(--card));border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:900}.story.doctrine .story-body{background:var(--hexes), linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, var(--paper)), var(--paper) 150px)}.paths{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin-top:18px;display:grid}.path{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent), 0 8px 20px #00000014;border:0;border-radius:20px;align-content:start;justify-items:center;gap:6px;padding:20px 14px 16px;transition:transform .15s,box-shadow .15s;display:grid}.path:hover{box-shadow:0 0 0 3px var(--accent), 0 14px 28px #00000024;transform:translateY(-4px)scale(1.02)}.path-icon{font-size:56px}.path b{font-size:18px;font-weight:900}.path small{color:var(--muted);font-size:13px;font-weight:700;line-height:1.4}.path-or{color:var(--muted);align-self:center;font-weight:900}.finale{text-align:center;background:var(--paper);border-radius:26px;width:min(640px,100%);max-height:100%;padding:26px 26px 22px;position:relative;overflow:auto;box-shadow:0 30px 80px #00142873}.finale:before{content:"";pointer-events:none;background:var(--hexes), radial-gradient(circle at 50% 0, color-mix(in srgb, var(--accent) 65%, #fff), transparent 70%);height:220px;position:absolute;inset:0 0 auto}.finale>*{position:relative}.finale-crest{animation:2.6s ease-in-out infinite alternate crest-sway;display:inline-block}.finale>small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900;display:block}.finale h2{letter-spacing:-.5px;margin:4px 0 6px;font-size:36px;font-weight:900}.finale p{font-weight:600;line-height:1.5}.finale.lost h2{color:var(--muted)}.podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:8px;margin:18px 0 10px;display:grid}.podium-step{justify-items:center;gap:3px;display:grid}.podium-step b{font-size:14px}.podium-step small{color:var(--muted);font-weight:800}.podium-step span{background:linear-gradient(180deg, var(--tribe), color-mix(in srgb, var(--tribe) 70%, #000));color:#fff;text-shadow:0 2px #00000040;border-radius:12px 12px 0 0;place-items:center;width:100%;font-size:24px;font-weight:900;display:grid}.podium-step.p1{order:2}.podium-step.p1 span{height:76px}.podium-step.p2{order:1}.podium-step.p2 span{height:54px}.podium-step.p3{order:3}.podium-step.p3 span{height:38px}.podium-step.you b{color:var(--teal)}.finale .row{border-top:1px solid var(--line);justify-content:space-between;padding:6px 4px;font-size:14px;font-weight:700;display:flex}.finale .row.you{background:color-mix(in srgb, var(--gold) 20%, transparent)}.finale-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 6px;display:flex}.finale-stats .stat{background:var(--chip)}.finale .grid{margin-top:12px;display:grid}.confetti{pointer-events:none;inset:0;overflow:hidden;position:absolute!important}.confetti i{border-radius:2px;width:9px;height:15px;animation:3.4s linear infinite confetti-fall;position:absolute;top:-16px}.confetti i:nth-child(4n){background:#ffd166}.confetti i:nth-child(4n+1){background:#ff7a59}.confetti i:nth-child(4n+2){background:#2aa6bf}.confetti i:nth-child(4n+3){background:#b47cff}.confetti i:first-child{animation-delay:0s;left:4%}.confetti i:nth-child(2){animation-delay:1.2s;left:9%}.confetti i:nth-child(3){animation-delay:.5s;left:14%}.confetti i:nth-child(4){animation-delay:2.1s;left:19%}.confetti i:nth-child(5){animation-delay:.9s;left:24%}.confetti i:nth-child(6){animation-delay:1.7s;left:29%}.confetti i:nth-child(7){animation-delay:.2s;left:34%}.confetti i:nth-child(8){animation-delay:2.6s;left:39%}.confetti i:nth-child(9){animation-delay:1.4s;left:44%}.confetti i:nth-child(10){animation-delay:.7s;left:49%}.confetti i:nth-child(11){animation-delay:2.3s;left:54%}.confetti i:nth-child(12){animation-delay:.1s;left:59%}.confetti i:nth-child(13){animation-delay:1.9s;left:64%}.confetti i:nth-child(14){animation-delay:.4s;left:69%}.confetti i:nth-child(15){animation-delay:2.8s;left:74%}.confetti i:nth-child(16){animation-delay:1.1s;left:79%}.confetti i:nth-child(17){animation-delay:.6s;left:84%}.confetti i:nth-child(18){animation-delay:2.4s;left:89%}.confetti i:nth-child(19){animation-delay:1.6s;left:94%}.confetti i:nth-child(20){animation-delay:3s;left:7%}.confetti i:nth-child(21){animation-delay:2.9s;left:27%}.confetti i:nth-child(22){animation-delay:3.2s;left:47%}.confetti i:nth-child(23){animation-delay:2.2s;left:67%}.confetti i:nth-child(24){animation-delay:.3s;left:87%}@keyframes confetti-fall{to{transform:translateY(820px)rotate(720deg)}}.panel-head{background:linear-gradient(135deg, color-mix(in srgb, var(--tribe) 32%, transparent), transparent 75%);border-bottom:1px solid var(--line);border-radius:18px 18px 0 0;align-items:center;gap:10px;margin:-14px -14px 10px;padding:10px 14px;display:flex}.panel-head .portrait{object-fit:contain;background:radial-gradient(circle at 50% 70%,#fffffff2,#e8efe4e6);border-radius:16px;flex:none;width:66px;height:66px;box-shadow:inset 0 0 0 2px #ffffffb3,0 3px 8px #0000001f}.panel-head.town .portrait{width:90px;height:72px}.panel-head h2{margin:0!important}.panel-head .sub{align-items:center;gap:4px;display:flex;margin-bottom:0!important}@media (max-width:860px){.tech-layout{grid-template-columns:1fr}.tech-detail{position:static}.tech-scroll{max-height:52vh}.codex-head{flex-wrap:wrap;padding-right:56px}.codex-stats{margin-left:0}.codex-title h2{font-size:24px}.menu-grid,.trade-cols,.trade-deals{grid-template-columns:1fr}.trade-mid{display:none}.race-row{grid-template-columns:18px 20px minmax(80px,120px) 1fr 54px}.paths{grid-template-columns:1fr}.path-or{display:none}}@media (prefers-reduced-motion:reduce){.modal.opening>*,.tnode.current,.medal.won .ring,.medal.won .ring>span,.story-icon,.confetti i,.race-bar i,.finale-crest{animation:none!important}}@media (max-width:560px){.codex-medal{display:none}.codex-head{gap:8px;padding:12px 52px 12px 14px}.codex-title h2{font-size:21px}.codex-title p{font-size:12px}.codex-stats{gap:6px}.stat{min-width:0;padding:3px 8px}.stat b{font-size:14px}.codex-tab{padding:7px 10px 8px;font-size:13px}.codex-tab:not(.on) span{display:none}.codex-body{padding:12px}.codex-close{width:34px;height:34px;top:10px;right:10px}.tcards,.wgrid{grid-template-columns:1fr}.medals{grid-template-columns:1fr 1fr}.story-art{height:130px}.story-icon{font-size:68px}.story-body{padding:14px 16px 18px}.story-body h2{font-size:24px}}.city-label{pointer-events:auto;cursor:pointer;transition:transform .12s}.city-label:hover{background:#141c28e0;transform:translateY(-1px)}.unrevealed{display:none!important}#topbar .btn.fresh{outline:2px solid var(--gold);animation:1.1s ease-in-out infinite alternate fresh-glow}@keyframes fresh-glow{0%{box-shadow:0 0 #ffd16600}to{box-shadow:0 0 0 6px #ffd16673}}#panel .plan-head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px;font-size:11px;font-weight:900}.todos{gap:6px;display:grid}.todo{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink);background:color-mix(in srgb, var(--coral) 12%, var(--btn,#fff));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--coral) 40%, transparent);border:0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;transition:transform .12s;display:flex}.todo:hover{transform:translate(2px)}.todo i{background:#ffffffb3;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-style:normal;display:grid}.todo.done{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:0 0;font-weight:700}.todo.done i{background:color-mix(in srgb, var(--good) 22%, transparent);color:var(--good);font-weight:900}.plan-foot{color:var(--muted);margin-top:8px;font-size:12px;font-weight:800}details.controls{margin-top:10px}details.controls summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}details.controls .hint{margin-top:6px!important}.modal.light{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a1e2d29;place-items:start center;padding-top:74px}.picker{background:var(--paper,#fbf7ef);border-top:5px solid var(--teal);border-radius:20px;gap:10px;width:min(460px,100%);max-height:calc(100vh - 100px);padding:14px 14px 12px;display:grid;overflow:auto;box-shadow:0 24px 60px #001e3259}.picker-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.picker-head h3{margin:0;font-size:18px}.picker-head .close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:18px;font-weight:900}.picker-list{gap:8px;display:grid}.pick-tech{cursor:pointer;font:inherit;text-align:left;color:var(--ink);background:var(--card,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--teal) 35%, transparent);border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:transform .12s,box-shadow .12s;display:grid}.pick-tech:hover{box-shadow:inset 0 0 0 2px var(--teal), 0 6px 14px #003c5026;transform:translateY(-1px)}.pick-tech .ring{width:44px;height:44px}.pt-text b{font-size:15px;display:block}.pt-text small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.3;display:block}.pt-turns{color:var(--teal);white-space:nowrap;font-size:12px;font-weight:900}.picker>.linkish{justify-self:center;font-size:13px}@media (prefers-reduced-motion:reduce){#topbar .btn.fresh{animation:none}}#stars-pill{align-items:center;gap:6px;display:inline-flex;position:relative}#stars-pill .rate{color:#1f7a3a;background:color-mix(in srgb, var(--good) 20%, transparent);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900}#stars-pill .rate.down{color:#b3261e;background:color-mix(in srgb, var(--bad) 20%, transparent)}#stars-pill.gained:after{content:attr(data-gain);pointer-events:none;color:#c28a00;text-shadow:0 1px #fff,0 0 8px #ffd166e6;font-size:15px;font-weight:900;animation:2.4s ease-out forwards star-gain;position:absolute;top:100%;left:50%;transform:translate(-50%)}#stars-pill.gained.down:after{color:#c0392b;text-shadow:0 1px #fff}@keyframes star-gain{0%{opacity:0;transform:translate(-50%,-6px)scale(.8)}15%{opacity:1;transform:translate(-50%,4px)scale(1.15)}65%{opacity:1;transform:translate(-50%,10px)scale(1)}to{opacity:0;transform:translate(-50%,18px)scale(1)}}.yields{flex-wrap:wrap;gap:6px;margin:6px 0 2px;display:flex}.yields>*{font:inherit;color:var(--ink);background:#7f7f7f1a;border:0;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:13px;font-weight:800;display:inline-flex}.yields button{cursor:pointer;background:color-mix(in srgb, var(--gold) 35%, transparent);box-shadow:inset 0 0 0 1.5px #c28a0073}.yields button:hover{background:color-mix(in srgb, var(--gold) 55%, transparent)}.opt-ico{margin-right:6px}#panel .blurb.gains{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}#panel .blurb.gains span{font-weight:700}.g{white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:900}.g.star{background:color-mix(in srgb, var(--gold) 45%, transparent);color:#7a5400}.g.food{background:color-mix(in srgb, var(--good) 22%, transparent);color:#1f6b33}.g.prod{color:#7a4a1e;background:#b0703c33}.g.insight{background:color-mix(in srgb, var(--teal) 22%, transparent);color:#155e70}.g.legacy{background:color-mix(in srgb, var(--legend) 22%, transparent);color:#5b2fa0}.g.grow{background:color-mix(in srgb, var(--good) 14%, transparent);color:#1f6b33}.todo.idea{background:color-mix(in srgb, var(--gold) 16%, var(--btn,#fff));font-weight:700;box-shadow:inset 0 0 0 1.5px #c28a0073}.todo.idea b{font-weight:900}.treasury h5{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 -2px;font-size:11px;font-weight:900}.treasury{border-top-color:#e0a83a}.purse{align-items:baseline;gap:10px;display:flex}.purse b{color:#c28a00;font-size:34px;font-weight:900;line-height:1}.purse span{color:#1f7a3a;background:color-mix(in srgb, var(--good) 18%, transparent);border-radius:999px;padding:3px 10px;font-size:15px;font-weight:900}.purse span.down{color:#b3261e;background:color-mix(in srgb, var(--bad) 18%, transparent)}.srcbar{background:#7f7f7f26;border-radius:999px;gap:2px;height:12px;display:flex;overflow:hidden}.srcbar i{min-width:6px;display:block}.srcs{gap:2px;display:grid}.src{grid-template-columns:10px 22px 1fr auto;align-items:center;gap:8px;padding:4px 2px;display:grid}.src .dot{border-radius:50%;width:10px;height:10px}.src .ico{text-align:center}.src b{font-size:14px}.src small{color:var(--muted);font-size:12px;font-weight:700;display:block}.src .amt{color:#1f7a3a;font-size:15px}.src.cost .amt{color:#b3261e}.src.cost .dot{background:var(--bad)}.spends{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.spend{background:var(--card,#fff);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;gap:2px;padding:8px 10px;display:grid}.spend i{font-size:20px;font-style:normal}.spend b{font-size:13px}.spend small{color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.3}@media (max-width:520px){.spends{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g.star{color:#ffe08a}:root:not([data-theme=light]) .g.food,:root:not([data-theme=light]) .g.grow{color:#9be3a8}:root:not([data-theme=light]) .g.prod{color:#f0c49a}:root:not([data-theme=light]) .g.insight{color:#9fe3f2}:root:not([data-theme=light]) .g.legacy{color:#d6bdff}:root:not([data-theme=light]) .purse b{color:#ffd166}:root:not([data-theme=light]) .src .amt,:root:not([data-theme=light]) .purse span,:root:not([data-theme=light]) #stars-pill .rate{color:#9be3a8}:root:not([data-theme=light]) .src.cost .amt,:root:not([data-theme=light]) .purse span.down,:root:not([data-theme=light]) #stars-pill .rate.down{color:#ff9b8f}}@media (prefers-reduced-motion:reduce){#stars-pill.gained:after{opacity:0;animation:none}}@media (max-width:760px){.modal.light{padding-top:16px}}.order-box{background:color-mix(in srgb, var(--gold) 22%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 10px;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1.5px #c28a0066}.picker.empire{border-top-color:var(--teal);width:min(780px,100%)}.ecols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ecols h5{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:900}.elist{gap:5px;max-height:min(56vh,520px);padding-right:2px;display:grid;overflow:auto}.erow{cursor:pointer;font:inherit;text-align:left;color:var(--ink);background:var(--card,#fff);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.erow:hover{box-shadow:inset 0 0 0 2px var(--teal)}.ename b{font-size:14px;display:block}.ename small{color:var(--muted);font-size:12px;font-weight:700;display:block}.ename em{color:#c28a00;font-style:normal;font-weight:900}.emaking{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.emaking.idle{color:var(--coral)}.eyield{white-space:nowrap;font-size:12px;font-weight:800}.estatus{color:var(--muted);background:#7f7f7f24;border-radius:999px;grid-column:3;padding:2px 8px;font-size:11px;font-weight:900}.estatus.s-ready{background:color-mix(in srgb, var(--coral) 22%, transparent);color:#b5462a}.estatus.s-goto,.estatus.s-explore,.estatus.s-auto{background:color-mix(in srgb, var(--gold) 35%, transparent);color:#7a5400}.estatus.s-fortified{background:color-mix(in srgb, var(--teal) 18%, transparent);color:#155e70}.plan-foot .linkish{font-size:12px}@media (max-width:760px){.ecols{grid-template-columns:1fr}.elist{max-height:34vh}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .estatus.s-ready{color:#ffb39f}:root:not([data-theme=light]) .estatus.s-goto,:root:not([data-theme=light]) .estatus.s-explore,:root:not([data-theme=light]) .estatus.s-auto{color:#ffe08a}:root:not([data-theme=light]) .estatus.s-fortified{color:#9fe3f2}}.tide-mark{color:#1f7fa0;font-weight:900}.tide-warn{background:#2a9fbf2e;border-radius:11px;margin:6px 0;padding:7px 10px;font-size:13px;font-weight:800;line-height:1.35;box-shadow:inset 0 0 0 1.5px #2a9fbf73}.tide-warn.safe{box-shadow:none;color:var(--muted);background:#7f7f7f1a}.g.tide{color:#155e70;background:#2a9fbf3d}.spread{background:color-mix(in srgb, var(--teal) 14%, transparent);border-radius:10px;margin:6px 0 2px;padding:6px 10px;font-size:13px;font-weight:800}.pt-text b .g{vertical-align:1px;margin-left:4px}.badge.lead{background:color-mix(in srgb, var(--gold) 45%, transparent);color:#6b4a00}#wonder-card.news .news-art{filter:drop-shadow(0 10px 12px #00283c4d);place-items:center;width:150px;height:150px;font-size:96px;line-height:1;display:grid;position:relative}#wonder-card.news.show .news-art{animation:.8s cubic-bezier(.2,1.35,.4,1) wc-rise}#wonder-card.news .wc-art{height:170px;margin-top:-86px}#wonder-card.news.tide{background:linear-gradient(180deg, color-mix(in srgb, #2a9fbf 24%, var(--cream)), var(--cream) 55%);box-shadow:0 0 0 3px #2a9fbfb3,0 24px 60px #001e3266}#wonder-card.news.tide .wc-rays{background:repeating-conic-gradient(#4fb6ff99 0 9deg, transparent 9deg 22.5deg)}#wonder-card.news.tide .wc-tag{color:#1f7fa0}#wonder-card.news .wc-where{text-align:center;justify-content:center;margin-bottom:10px;font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tide-mark,:root:not([data-theme=light]) #wonder-card.news.tide .wc-tag{color:#8fdcff}:root:not([data-theme=light]) .g.tide{color:#9fe3f2}:root:not([data-theme=light]) .badge.lead{color:#ffe08a}}