:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e2925;--surface:#2a3732;--text:#f1efe6;--text-dim:#b7bdb3;--line:#b7bdb3;--line-soft:#f1efe640;--accent:#e8866b;--accent-rgb:232, 134, 107;--ok:#8cc08a;--bad:#ff9fb5;--sky:#9fd0e8;--sun:#f2d675;--sans:"Archivo", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{letter-spacing:-.01em;margin:0;font-weight:800;font-stretch:118%}.accent{font-family:var(--serif);letter-spacing:0;color:var(--accent);font-style:italic;font-weight:400}.sub{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:600;font-stretch:112%}body.hub{background-image:linear-gradient(#f1efe60f 1px,#0000 1px),linear-gradient(90deg,#f1efe60f 1px,#0000 1px);background-size:96px 96px;flex-direction:column;align-items:center;padding:4rem 1.5rem 3rem;display:flex}body.hub h1{letter-spacing:-.02em;font-size:3rem;font-weight:900;font-stretch:125%}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(--surface);border:1.5px solid var(--line);color:var(--text);padding:1.1rem 1.3rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}a.card:hover,a.card:focus-visible{border-color:var(--accent);background:linear-gradient(rgba(var(--accent-rgb), .08), rgba(var(--accent-rgb), .08)), var(--surface)}.card .name{letter-spacing:-.01em;font-size:1.45rem;font-weight:800;font-stretch:118%}.card .desc{color:var(--text-dim);margin-top:.35rem;font-size:.9rem;line-height:1.5;display:block}.card.soon{opacity:.45;border-style:dashed}.back{margin-top:3rem;font-size:.78rem}.back a{color:var(--text-dim);text-decoration:none}.back a:hover,.back a:focus-visible{color:var(--accent)}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(--text-dim);font-size:1.2rem;text-decoration:none}.home:hover,.home:focus-visible{color:var(--accent)}body.game main{flex-direction:column;gap:1rem;width:100%;max-width:28rem;display:flex}#shape{background:var(--surface);border:1.5px solid var(--line);aspect-ratio:1;padding:.6rem}#shape svg{width:100%;height:auto;display:block}#shape path{fill:var(--accent)}#guess-form{gap:.6rem;display:flex}#combo{flex:1;position:relative}#guess{background:var(--surface);border:1.5px solid var(--line);width:100%;color:var(--text);font:inherit;padding:.65rem .8rem;line-height:1.3}#guess::placeholder{color:var(--text-dim);opacity:1}#guess:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}#suggestions{z-index:2;background:var(--surface);border:1.5px solid var(--accent);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;line-height:1.3}#suggestions li:hover{background:rgba(var(--accent-rgb), .15)}#suggestions li.active{background:var(--accent);color:var(--bg)}button{font:inherit;background:var(--surface);border:1.5px solid var(--line);color:var(--text);cursor:pointer;padding:.65rem 1rem;font-weight:600;font-stretch:112%;line-height:1.3;transition:border-color .15s,background .15s,color .15s}button:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(rgba(var(--accent-rgb), .08), rgba(var(--accent-rgb), .08)), var(--surface)}#btn-guess,#btn-again{border-color:var(--accent);color:var(--accent)}#btn-guess:hover:not(:disabled),#btn-again:hover:not(:disabled){background:var(--accent);color:var(--bg)}button[aria-pressed=true],button[aria-pressed=true]:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--bg)}#attempts{counter-reset:intento;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}#attempts li{background:var(--surface);border:1.5px solid var(--line-soft);font-variant-numeric:tabular-nums;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(--text-dim);font-size:.7rem}#attempts li.hit{border-color:var(--ok)}.g-km,.g-pct{color:var(--text-dim);font-size:.75rem}.g-dir{color:var(--accent);text-align:center;min-width:1em;font-family:DejaVu Sans,Segoe UI Symbol,Apple Symbols,sans-serif;font-size:1rem;line-height:1}#result{flex-direction:column;align-items:flex-start;gap:1rem;animation:.3s ease-out li-in;display:flex}#verdict{margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}#verdict:empty{position:absolute}.ok{color:var(--ok)}.bad{color:var(--bad)}.mini-flag{vertical-align:-.12em;border:1px solid #f1efe64d;height:1em}.flag-q{color:var(--text-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;text-align:center;width:100%;color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-weight:400;font-stretch:100%;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}#flag-grid button:disabled:not(.ok,.bad) img{opacity:.55}#flag-grid button.ok{border-color:var(--ok)}#flag-grid button.bad{border-color:var(--bad)}#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(--surface);border:1.5px solid var(--line);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, rgba(var(--accent-rgb), .05) 0 6px, transparent 6px 12px), linear-gradient(160deg, transparent, #f1efe60a), var(--surface);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .22);backface-visibility:hidden}.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%,#f1efe617 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{position:absolute}@media (prefers-reduced-motion:reduce){.panel.abierto,.panel.cae{opacity:0;animation:none}}#map{--ocean:#16201c;--land:#3a4a42;--border:#1e2925;background:var(--ocean);border:1.5px solid var(--line);box-sizing:content-box;aspect-ratio:960/620;width:calc(100% - .8rem - 3px);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{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e2925eb;padding:.3rem .6rem;font-size:.72rem;position:absolute;top:.6rem;right:.6rem}#btn-recenter[hidden]{display:none}#map .country{fill:var(--land);stroke:var(--border);stroke-width:.75px;vector-effect:non-scaling-stroke}#map .country.chain{fill:rgba(var(--accent-rgb), .6)}#map .country.neighbor{fill:#f1efe66b;stroke-width:1px}#map .country.a{fill:var(--ok)}#map .country.b{fill:var(--accent)}#map .country.current{stroke:var(--text);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(--text-dim)}#chain{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface);border:1.5px solid var(--line-soft);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(--accent)}.chip.current{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}#fails{letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--text-dim);align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;font-stretch:112%;display:flex}.pip{border:1.5px solid var(--line);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(--surface);border:1.5px solid var(--line);width:6rem;height:6rem;padding:.3rem}.hint-shape svg{width:100%;height:auto;display:block}.hint-shape path{fill:var(--accent)}#solution{color:var(--text-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}