:root{color-scheme:dark;--ink: #e7eef6;--muted: #b7c5d4;--gold: #e4c27a;--gold-dim: rgba(228, 194, 122, .45);--line: rgba(190, 214, 236, .16);--panel: rgba(7, 12, 22, .72);--blue: #8ebfff;--red: #ff9b9b;--sans: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;font-family:var(--sans);background:#05070d;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:-2;background:url(/art/universo.jpg) center / cover no-repeat}body:after{z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(8,16,32,.12),transparent 42%),linear-gradient(180deg,#05070d38,#05070d8c 36%,#05070de6)}a{color:var(--gold)}.skip{position:absolute;left:1rem;top:-4rem;z-index:6;padding:.45rem .7rem;background:#05070d;border:1px solid var(--gold-dim);border-radius:999px;color:var(--gold)}.skip:focus{top:.6rem}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;padding:.85rem 6vw;background:#050810b8;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{flex:none;font-weight:650;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;color:var(--gold);text-decoration:none}.top-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem 1.2rem}.top nav{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;font-size:.92rem}.lang{gap:.3rem;font-size:.78rem;letter-spacing:.12em}.lang a{border:1px solid transparent;border-radius:999px;padding:.12rem .42rem}.lang a[aria-current=page],.sections a[aria-current=page]{color:var(--gold)}.lang a[aria-current=page]{border-color:var(--gold-dim)}.top a{color:var(--ink);text-decoration:none}.top a:hover{color:var(--gold)}.music-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border:1px solid var(--line);border-radius:999px;background:#080c1473;color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}.music-toggle:hover,.music-toggle[aria-pressed=true]{color:var(--gold);border-color:var(--gold-dim)}.hero{padding:12vh 6vw 4rem;max-width:76rem}.eyebrow{margin:0;letter-spacing:.22em;text-transform:uppercase;font-size:.75rem;color:var(--gold)}.hero h1{margin:.35rem 0 .6rem;font-size:clamp(3.4rem,9vw,6.6rem);line-height:.92;font-weight:620;letter-spacing:-.03em;text-shadow:0 2px 22px rgba(0,0,0,.72)}.lede{max-width:38rem;font-size:1.2rem;line-height:1.5;color:#d5dee8;text-shadow:0 1px 12px rgba(0,0,0,.8)}.status{max-width:38rem;margin:.9rem 0 0;color:var(--gold);line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.8)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.hero-actions a{text-decoration:none;border:1px solid var(--gold-dim);color:var(--ink);padding:.7rem 1rem;border-radius:999px;background:#080c1473}.hero-actions a:hover{border-color:var(--gold);color:var(--gold)}main{padding:0 6vw 5rem}section{max-width:76rem;margin:0 auto 4.5rem}h2{margin:0 0 .8rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:600}.kicker{margin:0 0 .35rem;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.3rem;backdrop-filter:blur(10px)}.prose p,.panel p{line-height:1.6;color:var(--ink)}.prose p{max-width:44rem}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}ol.steps{margin:0;padding-left:1.2rem;line-height:1.55}ol.steps li+li{margin-top:.35rem}.board-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.8rem}.readout{min-height:2.6rem;margin:0;color:var(--gold);font-size:.95rem}.board-scroll{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#03060c47}.board-scroll svg{display:block;width:100%;height:auto;min-width:720px}.cell polygon{stroke:#bad6ec47;stroke-width:1.1;transition:stroke .15s ease,fill .15s ease}.cell.neutral polygon{fill:#1220342e}.cell.start-blue polygon{fill:#1c48842e}.cell.start-red polygon{fill:#7a24342e}.cell.star polygon{fill:#b084301f}.cell.blackhole polygon{fill:#0000006b}.cell:hover polygon,.cell:focus-within polygon{stroke:var(--gold);stroke-width:1.8}.piece{cursor:pointer}.piece.is-dim{opacity:.28}.ship-shadow{filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}.compass{fill:#d5e4f4;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans)}.legend{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;margin:.85rem 0 0;padding:0;list-style:none;color:var(--muted);font-size:.88rem}.swatch{display:inline-block;width:.8rem;height:.8rem;margin-right:.35rem;border-radius:3px;vertical-align:-1px;border:1px solid rgba(255,255,255,.25)}.swatch.neutral{background:#1c314c}.swatch.blue{background:#2a5ea8}.swatch.red{background:#8a3040}.swatch.star{background:#c4963a}.swatch.hole{background:#111318}.note{color:var(--muted);font-size:.92rem;line-height:1.5}.fleet{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem}.card{text-align:left;color:inherit;font:inherit;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:.9rem;backdrop-filter:blur(10px)}.card.is-on{border-color:var(--gold)}.card:hover{border-color:var(--gold-dim)}.card-art{display:flex;justify-content:center;gap:.4rem;min-height:7.2rem;align-items:center;background:radial-gradient(circle at 50% 60%,rgba(228,194,122,.08),transparent 62%),#00000040;border-radius:12px;margin-bottom:.75rem}.card-art img{width:46%;height:6.4rem;object-fit:contain}.card-art img.facing-down{transform:rotate(180deg)}.card h3{margin:0;font-size:1.15rem}.analogy{margin:.15rem 0 .55rem;color:var(--gold);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.stats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.stats span{border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;font-size:.78rem;color:var(--muted)}.card p{margin:0;line-height:1.45;font-size:.95rem}.traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:.9rem}.traits article h3{margin:0 0 .35rem;font-size:1.05rem}.traits article p{margin:0;color:var(--muted);line-height:1.5}footer{max-width:76rem;margin:0 auto;padding:0 6vw 3rem;color:var(--muted);font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:.7rem 0 0}.page{max-width:76rem;margin:0 auto;padding:3.5rem 6vw 4rem}.page h1{margin:.35rem 0 .6rem;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;font-weight:620;letter-spacing:-.03em}.page>.lede{margin-top:0}.page .panel{margin-top:1rem}.page .panel h2{margin-bottom:.35rem;font-size:1.35rem}.empty-log{margin-top:1rem}.follow h2{margin-bottom:.45rem}.follow .hero-actions{margin-top:.9rem}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-form label{display:block;margin-top:.95rem}.feedback-form input,.feedback-form textarea,.feedback-form select{display:block;width:100%;margin-top:.35rem;color:inherit;font:inherit;background:#00000047;border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem}.feedback-form textarea{resize:vertical}.hint{display:block;margin-top:.35rem;color:var(--muted);font-size:.88rem;line-height:1.4}.feedback-form label.check{display:flex;gap:.6rem;align-items:flex-start}.feedback-form label.check input{display:inline-block;width:auto;margin-top:.2rem}.feedback-form button,dialog.confirm button{margin-top:1.1rem;color:var(--ink);font:inherit;cursor:pointer;background:#080c1473;border:1px solid var(--gold-dim);border-radius:999px;padding:.7rem 1rem}.feedback-form button:hover,dialog.confirm button:hover{border-color:var(--gold);color:var(--gold)}.feedback-form button:disabled,dialog.confirm button:disabled{opacity:.6;cursor:wait}.feedback-form button.danger,dialog.confirm button.danger{border-color:#ff9b9bbf}.button-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.button-row button{margin-top:1.1rem}.panel ul{margin:.4rem 0 0;padding-left:1.2rem;line-height:1.55}.panel li+li{margin-top:.35rem}.code-banner[hidden]{display:none}.code-banner{border-color:var(--gold-dim)}.issued-code{margin:.35rem 0 0;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:1.25rem;letter-spacing:.08em}dialog.confirm{width:min(34rem,calc(100vw - 2rem));color:var(--ink);background:#121820;border:1px solid var(--gold-dim);border-radius:18px;padding:1.25rem 1.3rem}dialog.confirm::backdrop{background:#000000b8}dialog.confirm h3{margin:0 0 .6rem;font-size:1.25rem}dialog.confirm p{margin:0;line-height:1.55}.dialog-actions{display:flex;flex-wrap:wrap;gap:.6rem}.dialog-actions button{margin-top:0}.form-status{min-height:1.4rem;margin:.8rem 0 0;color:var(--gold)}.update time{display:block;margin-bottom:.7rem;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.update ul{margin:0;padding-left:1.2rem;line-height:1.55}.update li+li{margin-top:.35rem}@media(max-width:800px){.split{grid-template-columns:1fr}.top{padding-inline:1rem}.hero,main,footer,.page{padding-inline:1rem}.top nav{gap:.55rem .7rem;font-size:.82rem}}