:root{--bg: #07090d;--bg2: #0b1017;--panel: #0f151d;--panel2: #141c26;--line: #2a2f38;--gold: #d4a84a;--gold-soft: #8a6d2c;--teal: #2fd0c9;--violet: #a65cf0;--crimson: #d64550;--text: #ece8dc;--muted: #9aa0a8;--accent: var(--gold);--serif: "Cinzel", "Trajan Pro", "Palatino Linotype", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%,#121a26 0%,var(--bg) 60%);color:var(--text);font-family:var(--sans);font-size:14px}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold-soft)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#e2b857,#b98b2d);color:#1a1405;border-color:#f0cf84;font-weight:700}button.ghost{background:transparent}button.wide{width:100%}input{font:inherit;color:var(--text);background:#0a0f15;border:1px solid var(--line);border-radius:8px;padding:8px 10px}a{color:var(--teal)}h1,h2,h3{font-family:var(--serif);letter-spacing:.04em;margin:0 0 .5em}small{color:var(--muted)}.block{display:block}.grow{flex:1}.hint{color:var(--muted);font-size:12px;margin:6px 0}.stack{display:flex;flex-direction:column;gap:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.error{color:var(--crimson)}.screen{max-width:760px;margin:0 auto;padding:24px 16px 48px}.screen.wide{max-width:1100px}.home{text-align:center;padding-top:6vh}.home .logo{font-size:96px;line-height:1;color:var(--gold);text-shadow:0 0 30px #d4a84a55}.home h1{font-size:clamp(28px,6vw,48px);color:var(--gold)}.tag{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;font-size:12px}.menu{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:28px auto}.menu button{padding:12px}.field{margin:14px 0}.field label{display:block;color:var(--muted);margin-bottom:6px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button.on{border-color:var(--gold);color:var(--gold);background:#1a1810}.prow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px;margin:8px 0;border-left:4px solid var(--c);background:var(--panel);border-radius:8px}.pnum{font-family:var(--serif);color:var(--c);font-size:20px;width:20px}.avatars{display:flex;gap:4px;flex-wrap:wrap}.avatars button{padding:4px 6px;font-size:18px}.avatars button.on{border-color:var(--gold);background:#1a1810}.doc h2{color:var(--gold)}.doc li{margin:8px 0;line-height:1.5}.table-scroll{overflow-x:auto;margin:12px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--gold);font-family:var(--serif)}.num{text-align:right;white-space:nowrap}.warnbox{border:1px solid #7a5b1c;background:#1a1507;padding:8px 12px;border-radius:8px;font-size:12px}.warnbox ul{margin:6px 0 0;padding-left:18px}.badge{font-size:11px;padding:2px 6px;border-radius:99px;border:1px solid;white-space:nowrap}.badge-oficial_verificado{color:#6fcf6f;border-color:#3d7a3d}.badge-simulacion{color:var(--gold);border-color:var(--gold-soft)}.badge-pendiente_verificacion{color:var(--crimson);border-color:#7a2a31}.game{height:100%;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--line);background:#090d13;gap:8px;flex-wrap:wrap}.brand{font-family:var(--serif);color:var(--gold);font-size:16px}.brand span{margin-left:6px}.status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status button{padding:4px 8px;font-size:12px}.phase{padding:2px 8px;border-radius:99px;border:1px solid;font-size:12px}.ph-ascenso{color:var(--teal)}.ph-lucha{color:var(--gold)}.ph-crisis{color:var(--crimson)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:12px;padding:12px}.board-wrap{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:6px}.side{min-height:0;overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px}.tab-body{margin-top:8px}.whoami{display:flex;gap:10px;align-items:center}.whoami .ghost{margin-left:auto}.tabs{display:flex;gap:4px;margin-top:8px}.tabs button{flex:1;padding:6px 4px;font-size:12px}.tabs button.on{border-color:var(--gold);color:var(--gold)}.board{--edge: 1.45fr;position:relative;aspect-ratio:1;width:min(100%,calc(100vh - 110px));max-width:100%;container-type:inline-size;display:grid;grid-template-columns:minmax(0,var(--edge)) repeat(9,minmax(0,1fr)) minmax(0,var(--edge));grid-template-rows:minmax(0,var(--edge)) repeat(9,minmax(0,1fr)) minmax(0,var(--edge));gap:.4cqw;padding:.8cqw;border:2px solid var(--gold-soft);border-radius:10px;background:#05070b;box-shadow:0 0 0 1px #000,0 10px 40px #000a,inset 0 0 40px #000}.center{grid-column:2 / 11;grid-row:2 / 11;position:relative;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 50% 50%,#141b25,#0a0e14 70%);overflow:hidden}.center-svg{width:100%;height:100%;display:block}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:.2cqw;min-width:0;min-height:0;overflow:hidden;border-radius:.8cqw;border:1px solid #ffffff22;text-align:center;background:var(--tb);color:var(--text)}.tile .glyph{font-size:2.6cqw;line-height:1;opacity:.9}.tile .t-label{font-size:1.28cqw;line-height:1.05;text-transform:uppercase;font-weight:600;overflow-wrap:anywhere;letter-spacing:-.01em;max-width:100%}.tile .t-sub{font-size:1.05cqw;color:var(--muted);line-height:1;overflow-wrap:anywhere}.tile.corner .t-label{font-size:1.9cqw}.tile.g-teal{--tb: linear-gradient(160deg, #15484f, #0b2a30)}.tile.g-green{--tb: linear-gradient(160deg, #124047, #0a2429)}.tile.g-crimson{--tb: linear-gradient(160deg, #5b1a26, #34101a)}.tile.g-violet{--tb: linear-gradient(160deg, #3d2160, #231338)}.tile.g-amber{--tb: linear-gradient(160deg, #5a3a14, #2f1e0a)}.tile.g-dark{--tb: linear-gradient(160deg, #10151d, #080b10);border-color:var(--gold-soft)}.tile.sel{outline:2px solid var(--gold)}.tile.here{box-shadow:0 0 0 2px var(--gold),0 0 14px #d4a84aaa;z-index:2}.tile .owner-dot{position:absolute;top:.3cqw;left:.3cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:var(--owner);box-shadow:0 0 0 1px #000}.tile .ctrl{position:absolute;top:.3cqw;right:.3cqw;width:1.3cqw;height:1.3cqw;transform:rotate(45deg)}.tile .party-dot{position:absolute;bottom:2px;left:2px;width:6px;height:6px;border-radius:2px}.tokens{position:absolute;bottom:1px;right:1px;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.token{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0b0f15;border:2px solid var(--c);box-shadow:0 0 6px var(--c);margin:0 -2px;line-height:1}.token.dead{filter:grayscale(1);opacity:.4}.tile-info{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 28px 8px 12px;font-size:12px;width:min(100%,520px)}.tile-info .x{position:absolute;top:2px;right:4px;padding:0 6px;border:0;background:none;font-size:18px}.power{cursor:pointer}.power .link{stroke:var(--pc);stroke-width:.35;opacity:.55}.power .link.trunk{stroke-width:.6;opacity:.8}.power .node{fill:#0a1017;stroke:var(--pc);stroke-width:.5}.power .hub{fill:#0b1219;stroke:var(--pc);stroke-width:.9;filter:drop-shadow(0 0 1.2px var(--pc))}.power.sel .hub,.power:hover .hub{stroke-width:1.5}.power:hover .node{fill:#111a24}.node-t{fill:var(--text);font-size:1.8px;font-family:var(--sans);pointer-events:none}.hub-t{fill:var(--text);font-size:2.7px;font-family:var(--serif);font-weight:700;letter-spacing:.1px;pointer-events:none}.hub-s{fill:var(--muted);font-size:1.45px;pointer-events:none}.infinity path{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #d4a84a)}.inf-disc{fill:#0a0e14;stroke:var(--gold-soft);stroke-width:.5}.inf-t{fill:var(--gold);font-size:2px;font-family:var(--serif);letter-spacing:.15px}.motto{fill:var(--gold-soft);font-size:2.1px;letter-spacing:.5px;font-family:var(--serif)}.power-info{position:absolute;left:8px;right:8px;bottom:6%;background:#0a0f15ee;border:1px solid var(--pc);border-radius:8px;padding:6px 10px;font-size:11px}.power-info b{color:var(--pc)}.power-info p{margin:4px 0 0}.power-info .warn{color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:10px;padding:10px 12px}.panel-title{font-size:14px;color:var(--accent);margin-bottom:8px}.money{font-family:var(--serif);font-size:28px;color:var(--gold);margin-bottom:6px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:8px 0}.kv dt{color:var(--muted)}.kv dd{margin:0}.bar{margin:6px 0}.bar-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.bar-track{height:6px;background:#0a0f15;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.bar-fill{height:100%}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #ffffff10}.row:last-child{border:0}.prow-pub.active{background:#d4a84a14}.prow-pub.out{opacity:.5}.regions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.region{background:#0a0f15;border:1px solid var(--line);border-radius:6px;padding:6px;display:grid}.region span{color:var(--teal);font-weight:700}.history{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.history li{padding:5px 0;border-bottom:1px solid #ffffff10;line-height:1.35}.h-eliminacion,.h-fin{color:var(--crimson);font-weight:600}.h-crisis_nacional,.h-gravamen{color:#f08a3c}.h-eleccion,.h-control{color:var(--teal)}.turn{display:flex;flex-direction:column;gap:10px}.where{color:var(--muted)}.dice{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.dice button{font-size:22px;font-family:var(--serif);padding:10px 0}.dice button.on{border-color:var(--gold);color:var(--gold);background:#1a1810;box-shadow:0 0 12px #d4a84a55}.opt{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;background:var(--panel2)}.opt.small{padding:6px 10px}.opt-cat{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.opt b{color:var(--text);font-size:15px}.opt-desc{color:var(--muted)}.opt-cost{color:var(--gold)}.opt-eff{color:var(--teal)}.opt-risk{color:#f08a3c;font-size:12px}.opt-unmet{color:var(--crimson);font-size:12px}.result{background:#0a0f15;border-left:3px solid var(--gold);padding:8px 10px;border-radius:4px}.gate{text-align:center;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}.gate>.stack{width:100%;text-align:left;margin-top:10px}.winner{text-align:center}.winner h3{color:var(--gold);font-size:24px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#2a0f14;color:#ffd3d7;border:1px solid var(--crimson);border-radius:10px;padding:10px 16px;z-index:50;max-width:90vw}@media (max-width: 900px){.layout{grid-template-columns:1fr;overflow-y:auto}.board{width:100%}.side{overflow:visible}.game{height:auto;min-height:100%}}@media (orientation: landscape) and (max-height: 520px){.layout{grid-template-columns:minmax(0,1fr) 340px;padding:6px}.board{width:min(100%,calc(100vh - 56px))}.topbar{padding:2px 8px}}@media (prefers-reduced-motion: no-preference){.tile.here{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 2px var(--gold),0 0 22px #d4a84acc}}}