:root{--ink:#0b131c;--ink-2:#101b27;--brass:#d2a14c;--brass-soft:#8a6f3d;--paper:#ece5d3;--paper-dim:#9a937f;--ok:#7fbf7f;--bad:#d47d6a}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(ellipse at 50% -20%, #d2a14c14, transparent 60%), var(--ink);min-height:100vh;color:var(--paper);margin:0;font-family:IBM Plex Mono,monospace}h1{letter-spacing:.02em;margin:0;font-family:Fraunces,Georgia,serif;font-weight:500}h1 em{color:var(--brass);font-style:italic;font-weight:300}.sub{letter-spacing:.34em;text-transform:uppercase;color:var(--paper-dim);font-size:.68rem}body.hub{flex-direction:column;align-items:center;padding:4rem 1.5rem 3rem;display:flex}body.hub h1{font-size:2.6rem}body.hub .sub{margin:.4rem 0 3rem}.menu{flex-direction:column;gap:1rem;width:100%;max-width:34rem;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--ink-2);border:1px solid var(--brass-soft);color:var(--paper);padding:1.1rem 1.3rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}a.card:hover{border-color:var(--brass);background:#d2a14c14}.card .name{color:var(--brass);font-family:Fraunces,Georgia,serif;font-size:1.25rem}.card .desc{letter-spacing:.04em;color:var(--paper-dim);margin-top:.35rem;font-size:.74rem;display:block}.card.soon{opacity:.45;border-style:dashed}.back{margin-top:3rem;font-size:.78rem}.back a{color:var(--paper-dim);text-decoration:none}.back a:hover{color:var(--brass)}body.game{flex-direction:column;align-items:center;padding:1.2rem 1rem 3rem;display:flex}body.game header{align-items:baseline;gap:.9rem;width:100%;max-width:26rem;margin-bottom:1rem;display:flex}body.game h1{font-size:1.7rem}.home{color:var(--paper-dim);font-size:1.2rem;text-decoration:none}.home:hover{color:var(--brass)}body.game main{flex-direction:column;gap:1rem;width:100%;max-width:28rem;display:flex}#shape{background:var(--ink-2);border:1px solid var(--brass-soft);aspect-ratio:1;padding:.6rem}#shape svg{width:100%;height:auto;display:block}#shape path{fill:var(--brass)}#guess-form{gap:.6rem;display:flex}#combo{flex:1;position:relative}#guess{background:var(--ink-2);border:1px solid var(--brass-soft);width:100%;color:var(--paper);font:inherit;padding:.65rem .8rem}#guess:focus{outline:2px solid var(--brass);outline-offset:-1px;border-color:var(--brass)}#suggestions{z-index:2;background:var(--ink-2);border:1px solid var(--brass);border-top:none;max-height:14rem;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}#suggestions li{cursor:pointer;padding:.5rem .8rem;font-size:.85rem}#suggestions li:hover,#suggestions li.active{color:var(--brass);background:#d2a14c26}button{font:inherit;background:var(--ink-2);border:1px solid var(--brass-soft);color:var(--brass);cursor:pointer;padding:.65rem 1rem;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--brass);background:#d2a14c14}button[aria-pressed=true]{border-color:var(--brass)}#attempts{counter-reset:intento;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}#attempts li{background:var(--ink-2);border:1px solid #8a6f3d80;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.7rem;padding:.5rem .8rem;font-size:.82rem;animation:.18s ease-out li-in;display:grid}@keyframes li-in{0%{opacity:0;transform:translateY(-4px)}}#attempts li:before{counter-increment:intento;content:counter(intento);color:var(--paper-dim);font-size:.7rem}#attempts li.hit{border-color:var(--ok)}.g-km,.g-pct{color:var(--paper-dim);font-size:.75rem}.g-dir{color:var(--brass);font-size:1rem}#result{flex-direction:column;align-items:flex-start;gap:1rem;animation:.3s ease-out li-in;display:flex}#verdict{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem}#verdict:empty{position:absolute}.ok{color:var(--ok)}.bad{color:var(--bad)}.mini-flag{vertical-align:-.12em;border:1px solid #ece5d34d;height:1em}.flag-q{color:var(--paper-dim);margin:0 0 .6rem;font-size:.85rem}#flag-round{width:100%}#flag-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}#flag-grid button{flex-direction:column;gap:.35rem;padding:.45rem;line-height:0;display:flex}.flag-name{visibility:hidden;letter-spacing:.03em;text-align:center;width:100%;color:var(--paper-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.25;display:-webkit-box;overflow:hidden}#flag-grid.resolved .flag-name{visibility:visible}#flag-grid.resolved button.ok .flag-name{color:var(--ok)}#flag-grid.resolved button.bad .flag-name{color:var(--bad)}#flag-grid button:disabled{cursor:default;opacity:.55}#flag-grid button.ok{border-color:var(--ok);opacity:1}#flag-grid button.bad{border-color:var(--bad);opacity:1}#flag-grid img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto}#flag-verdict{min-height:1.2em;margin:.6rem 0 0;font-size:.85rem}@media (width<=420px){#flag-grid{grid-template-columns:repeat(2,1fr)}}#stage{background:var(--ink-2);border:1px solid var(--brass-soft);padding:.6rem}#flag-box{aspect-ratio:var(--flag-ratio,1.5);width:min(100%, calc(min(42vh, 16rem) * var(--flag-ratio,1.5)));margin-inline:auto;position:relative;overflow:hidden}#flag{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}#cover{perspective:700px;grid-template:repeat(2,1fr)/repeat(3,1fr);display:grid;position:absolute;inset:0}.panel{background:repeating-linear-gradient(135deg, #d2a14c0d 0 6px, transparent 6px 12px), linear-gradient(160deg, var(--ink-2), #17232f);backface-visibility:hidden;box-shadow:inset 0 0 0 1px #d2a14c38}.panel.abierto{transform-origin:50% 100%;animation:.42s cubic-bezier(.55,.05,.7,.3) forwards destape}@keyframes destape{0%{opacity:1;transform:rotateX(0)}60%{opacity:1}to{opacity:0;transform:rotateX(-88deg)}}.panel.cae{animation:.62s cubic-bezier(.55,.06,.68,.19) forwards caida}@keyframes caida{0%{transform:translateY(0)rotate(0)}12%{transform:translateY(-3%)rotate(0)}to{transform:translateY(240%) rotate(var(--rot,6deg))}}@media (prefers-reduced-motion:no-preference){#flag-box.won #flag{animation:4s ease-in-out infinite ondeo}#flag-box.won:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffffff17 50%,#0000 65%) 0 0/250% 100%;animation:4s ease-in-out infinite brillo;position:absolute;inset:0}}@keyframes ondeo{0%,to{transform:scale(1.02)skewY(0)}30%{transform:scale(1.02)skewY(.7deg)}70%{transform:scale(1.02)skewY(-.7deg)}}@keyframes brillo{0%{background-position:120% 0}to{background-position:-30% 0}}#confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}#confetti span{border-radius:1px;position:absolute}@media (prefers-reduced-motion:reduce){.panel.abierto,.panel.cae{opacity:0;animation:none}}#map{border:1px solid var(--brass-soft);box-sizing:content-box;aspect-ratio:960/620;background:#0e1822;width:calc(100% - .8rem - 2px);padding:.4rem;position:relative}#map svg{touch-action:pan-y;cursor:grab;width:100%;height:auto;display:block}#map svg:active{cursor:grabbing}#btn-recenter{background:var(--ink-2);opacity:.9;padding:.3rem .6rem;font-size:.72rem;position:absolute;top:.6rem;right:.6rem}#btn-recenter[hidden]{display:none}#map .country{fill:#2b3a47;stroke:#8a6f3d80;stroke-width:.75px;vector-effect:non-scaling-stroke}#map .country.chain{fill:var(--brass-soft)}#map .country.neighbor{fill:#ece5d36b;stroke:#140f08a6;stroke-width:1px}#map .country.a{fill:var(--ok)}#map .country.b{fill:var(--brass)}#map .country.current{stroke:var(--paper);stroke-width:1.6px}#route{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:.92rem;display:flex}#route .arrow{color:var(--paper-dim)}#chain{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--ink-2);border:1px solid #8a6f3d80;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;animation:.18s ease-out li-in;display:inline-flex}.chip.a{border-color:var(--ok)}.chip.b{border-color:var(--brass)}.chip.current{border-color:var(--paper);box-shadow:0 0 0 1px var(--paper)}#fails{letter-spacing:.06em;color:var(--paper-dim);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.pip{border:1px solid var(--brass-soft);border-radius:50%;width:.7rem;height:.7rem}.pip.used{background:var(--bad);border-color:var(--bad)}.fails-label{margin-left:.2rem}#hints{flex-wrap:wrap;gap:.5rem;display:flex}#hints button{flex:1;min-width:8.5rem;padding:.5rem .6rem;font-size:.76rem}#hint-shapes{flex-wrap:wrap;gap:.5rem;display:flex}#hint-shapes:empty{display:none}.hint-shape{background:var(--ink-2);border:1px solid var(--brass-soft);width:6rem;height:6rem;padding:.3rem}.hint-shape svg{width:100%;height:auto;display:block}.hint-shape path{fill:var(--brass)}#solution{color:var(--paper-dim);margin:0;font-size:.8rem}#solution:empty{display:none}body.viaje main{max-width:min(60rem,96vw)}body.viaje #route,body.viaje #chain,body.viaje #guess-form,body.viaje #fails,body.viaje #verdict,body.viaje #hints,body.viaje #hint-shapes,body.viaje #result{align-self:center;width:100%;max-width:30rem}#btn-undo{align-self:center;padding:.4rem .9rem;font-size:.78rem}#btn-undo[hidden]{display:none}