:root{--ink:#070d12;--ink-2:#0e171d;--panel:#091015e6;--line:#ffc47829;--bone:#ece4d3;--muted:#93a2a3;--brass:#ffa23f;--brass-hi:#ffbb6b;--brass-ink:#1d1206;--sea:#43e0ff;--danger:#ff5a48;--ok:#8fdc7c;--radius-s:8px;--radius-m:12px;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--ui:"Archivo", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--bone);font:400 16px/1.5 var(--ui);-webkit-font-smoothing:antialiased}#app{min-height:100%;position:relative}#app.in-game{height:100dvh;overflow:hidden}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:800;line-height:1.05}h2{margin:1.4rem 0 .6rem;font-size:1.35rem}h2:first-child{margin-top:0}h3{font-size:1.35rem}p{margin:.4rem 0}small{font-size:.82em}.muted{color:var(--muted)}.small{font-size:.88rem}.boot{padding:2rem}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.primary-btn,.ghost-btn,.icon-btn{border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.55rem 1rem;font-weight:600}.primary-btn{background:var(--brass);color:var(--brass-ink)}.primary-btn:hover:not(:disabled){background:var(--brass-hi)}.primary-btn.big{padding:.8rem 1.4rem;font-size:1.05rem}.ghost-btn{border-color:var(--line);color:var(--bone);background:0 0}.ghost-btn:hover:not(:disabled){border-color:var(--brass)}.icon-btn{background:var(--panel);border-color:var(--line);width:2.4rem;height:2.4rem;padding:0;font-size:1.15rem}button:disabled{opacity:.45;cursor:not-allowed}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}input,select{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-s);width:100%;padding:.55rem .7rem}label{font-weight:500}.check{align-items:center;gap:.5rem;margin:.8rem 0;font-weight:400;display:flex}.check input{width:auto;accent-color:var(--brass)}.backdrop{opacity:.8;pointer-events:none;position:fixed;inset:0}.backdrop .map-canvas{width:100%;height:100%;display:block}.backdrop:after{content:"";background:radial-gradient(at 70% 40%,#070d121a,#070d12e0 72%);position:absolute;inset:0}.home{max-width:1080px;margin:0 auto;padding:clamp(2rem,6vw,5rem) 16px 4rem;position:relative}.home-hero{max-width:34rem;margin-bottom:2.5rem}.wordmark{color:var(--bone);text-shadow:0 0 26px #ffa23f59;font-size:clamp(3.6rem,12vw,7rem);font-weight:800;line-height:.86}.tagline{margin-top:.8rem;font-size:1.15rem;line-height:1.5}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.25rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.25rem}.signup{gap:.6rem;max-width:26rem;display:grid}.profile-chip{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;padding:0;display:flex}.chip-text{flex:1;display:grid}.chip-text strong{font-size:1.1rem}.chip-text small{color:var(--muted)}.xp-bar{background:linear-gradient(90deg, var(--brass) var(--p), #ece3cc1f var(--p));border-radius:3px;height:5px;margin-top:.35rem;display:block}.xp-bar.wide{max-width:22rem;height:8px;margin:.6rem 0 .25rem}.segmented{border:1px solid var(--line);border-radius:var(--radius-s);display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:.45rem 1rem}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--brass);color:var(--brass-ink);font-weight:600}.field-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.8rem;display:grid}.field{gap:.25rem;display:grid}.field label{color:var(--muted);font-size:.9rem}.match-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.match-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.match-list li>div{min-width:0;display:grid}.match-list li small{color:var(--muted)}.match-list li.your-turn strong{color:var(--brass-hi)}.turn-flag{font-weight:600;color:var(--brass-hi)!important}.profile-page{gap:1.25rem;max-width:860px;margin:0 auto;padding:1.5rem 16px 4rem;display:grid}.profile-page .back{justify-self:start}.profile-head{align-items:center;gap:1.25rem;display:flex}.profile-head h1{font-size:clamp(2rem,6vw,3rem)}.rank-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.rank-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-m);align-items:center;gap:.9rem;padding:1rem;display:flex}.rank-card>div{display:grid}.rank-card strong{font-family:var(--display);font-size:1.7rem}.rank-card small{color:var(--muted)}.career{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;display:grid}.career dt{color:var(--muted);font-size:.88rem}.career dd{margin:0;font-size:1.4rem;font-weight:600}.title-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.title-list li{border-radius:var(--radius-s);border-left:3px solid var(--rarity,var(--line));justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex}.title-list li>div{display:grid}.title-list li small{color:var(--muted)}.title-list li.locked{opacity:.5}.title-list li.active{background:#c9a54a1a}.rarity-raro{--rarity:#5fa8d3}.rarity-epico{--rarity:#b07ae8}.rarity-lendario{--rarity:#e8b931}.leaderboard{margin:.8rem 0 0;padding:0;list-style:none;display:grid}.leaderboard li{border-bottom:1px solid var(--line);grid-template-columns:2rem auto 1fr auto;align-items:center;gap:.6rem;padding:.4rem 0;display:grid}.leaderboard li.me{color:var(--brass-hi)}.leaderboard .place{color:var(--muted);text-align:right}.leaderboard .rating{font-weight:600}.leaderboard small{color:var(--muted)}.game-screen{height:100%;position:relative}.map-wrap{background:var(--ink);position:absolute;inset:0}.map-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.map-canvas.dragging{cursor:grabbing}.hud{padding:.5rem 16px;padding-top:max(.5rem, env(safe-area-inset-top));background:linear-gradient(var(--panel), #172a32bf);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex;position:absolute;top:0;left:0;right:0}.hud-turn{font-family:var(--display);font-size:1.5rem;font-weight:800}.hud-turn small{font-family:var(--ui);color:var(--muted);font-weight:400}.hud-timer{font-variant-numeric:tabular-nums;color:var(--muted)}.hud-timer.urgent{color:var(--danger);font-weight:700}.hud-stats{gap:.9rem;display:flex}.stat{font-variant-numeric:tabular-nums;align-items:baseline;gap:.3rem;display:inline-flex}.stat-label{color:var(--c);font-size:.82rem;font-weight:600}.stat small{color:var(--muted)}.hud-tod{margin-left:.4rem;padding:.4rem .7rem;font-size:.85rem}.hud-players{gap:.3rem;margin-left:auto;display:flex}.hud-offline{color:var(--danger);font-weight:600}.player-pip{background:var(--c);color:#0b1014;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #0000}.player-pip.done{box-shadow:0 0 0 2px var(--bone)}.player-pip.dead{opacity:.3;text-decoration:line-through}.side-panel{align-content:start;gap:.6rem;width:min(330px,100% - 24px);max-height:calc(100% - 9.5rem);display:grid;position:absolute;top:3.6rem;right:12px;overflow:auto}.panel-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-m);padding:.85rem 1rem}.panel-block h3 small{font-family:var(--ui);color:var(--muted);font-weight:400}.panel-block.hint .keys{color:var(--muted);font-size:.85rem}.panel-block.combat{border-color:#ff6a5599}.city-name{font-size:1.8rem}.yields{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem;font-weight:600;display:flex}.yields>span{color:var(--c,var(--bone));border:1px solid var(--line);border-radius:6px;padding:.1rem .45rem}.yields small{color:var(--muted);font-weight:500}.resource-line{align-items:center;gap:.45rem;display:flex}.resource-line i{background:var(--c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:10px;height:10px}.facts{grid-template-columns:auto 1fr;gap:.15rem .8rem;margin:.5rem 0 0;font-size:.92rem;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.producing{margin-top:.7rem}.warn{color:var(--brass-hi)}.prod-list{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.prod-option{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;text-align:left;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .6rem;display:flex}.prod-option small{color:var(--muted)}.prod-option.active{border-color:var(--brass);background:#c9a54a26}.event-log{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-m);gap:.15rem;max-width:min(380px,100% - 24px);margin:0;padding:.6rem .9rem;font-size:.88rem;list-style:none;display:grid;position:absolute;bottom:12px;left:12px}.event-log:empty{display:none}.event-log small{color:var(--muted)}.zoom-ctl{gap:.35rem;display:grid;position:absolute;top:3.8rem;left:12px}.turn-actions{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:12px;right:12px}.turn-actions .pending,.turn-actions .waiting{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);padding:.45rem .75rem;font-size:.9rem}.overlay{background:#0a141a99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.dialog{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-m);width:min(480px,100%);padding:1.5rem}.dialog h2{font-size:2.2rem}.room-players{gap:.4rem;margin:1rem 0;padding:0;list-style:none;display:grid}.room-players li{align-items:center;gap:.6rem;display:flex}.room-players li.empty{color:var(--muted);font-style:italic}.room-players small{color:var(--brass-hi)}.dot{background:var(--muted);opacity:.5;border-radius:50%;width:.6rem;height:.6rem}.dot.on{background:var(--ok);opacity:1}.result-list{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.result-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;padding-bottom:.5rem;display:flex}.result-list li.me .name{color:var(--brass-hi)}.result-list .place{font-family:var(--display);width:2rem;font-size:1.3rem;font-weight:700}.result-list .name{flex:1;font-weight:600}.result-list .xp{color:var(--brass-hi)}.result-list .up{color:var(--ok)}.result-list .down{color:var(--danger)}.result-list .new-title{width:100%;color:var(--brass-hi);padding-left:2.9rem;font-size:.9rem}#toast{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-s);opacity:0;pointer-events:none;z-index:10;max-width:calc(100% - 32px);padding:.6rem 1rem;transition:opacity .2s,transform .2s;position:fixed;bottom:5rem;left:50%;transform:translate(-50%,1rem)}#toast.show{opacity:1;transform:translate(-50%)}#toast[data-kind=error]{border-color:var(--danger)}@media (max-width:760px){.home-grid,.rank-row{grid-template-columns:1fr}.career{grid-template-columns:1fr 1fr}.hud{gap:.6rem;font-size:.9rem}.hud-players{margin-left:0}.side-panel{max-height:42%;top:auto;bottom:4.5rem}.event-log,.zoom-ctl{display:none}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}.robot-tag{color:#43e0ff;border:1px solid #43e0ff73;border-radius:4px;margin-right:6px;padding:0 4px;font-size:.72rem;font-style:normal;font-weight:600}.workshop{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.1rem;margin-top:.8rem;display:grid}.workshop-preview{align-content:start;gap:.7rem;display:grid}.workshop-canvas{background:radial-gradient(at 50% 80%,#1a2f39 0%,#0a1217 72%);border-radius:12px;width:100%;height:300px;display:block}.workshop-side{align-content:start;gap:.9rem;min-width:0;display:grid}.workshop-slots{flex-wrap:wrap;gap:.4rem;display:flex}.slot{font:600 13px var(--ui);color:var(--muted);background:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.4rem .7rem}.slot[aria-selected=true]{color:var(--bone);border-color:var(--brass);background:#ffa23f1f}.slot.new{border-style:dashed}.workshop-parts{gap:1rem;display:grid}.part-group{gap:.4rem;display:grid}.part-title{justify-content:space-between;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.part-title small{color:var(--muted);font-weight:500}.part-options{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.35rem;display:grid}.part{font:inherit;color:var(--bone);text-align:left;cursor:pointer;background:var(--ink);border:1px solid var(--line);border-radius:8px;gap:1px;min-width:0;padding:.45rem .6rem;display:grid}.part b{font-size:.88rem;font-weight:600}.part small{color:var(--muted);font-size:.74rem;line-height:1.3}.part[aria-pressed=true]{border-color:var(--brass);background:#ffa23f1f}.colors{flex-wrap:wrap;gap:.45rem;display:flex}.color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.color[aria-pressed=true]{border-color:var(--bone);box-shadow:0 0 0 2px var(--ink) inset}.atributos{flex-wrap:wrap;gap:.35rem;display:flex}.atributos span{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;padding:.1rem .5rem;font-weight:600}.atributos small{color:var(--muted);font-weight:500}.atributos .cost{color:var(--brass)}.workshop-rules{color:#cfc7b8;gap:.25rem;margin:0;padding-left:1.1rem;font-size:.88rem;display:grid}@media (max-width:760px){.workshop{grid-template-columns:minmax(0,1fr)}.workshop-canvas{height:240px}}