:root{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color-scheme:dark;background:#0a0e1a;color:#e6e8ee;--display-font: "Space Grotesk", system-ui, sans-serif;--mono-font: "JetBrains Mono", ui-monospace, monospace;--coin: #f0b945;--labor: #ff8a4c;--vp: #6ee7b7;--cards: #93c5fd;--planet: #c084fc;--bg-card: #1a2030;--bg-card-2: #232a3d;--border: #2c3447;--muted: #7c8499}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 60% 40% at 18% 8%,rgba(192,132,252,.1),transparent 60%),radial-gradient(ellipse 70% 50% at 85% 88%,rgba(110,231,183,.06),transparent 65%),radial-gradient(ellipse 50% 40% at 92% 18%,rgba(240,185,69,.04),transparent 65%),url(/starfield.svg) repeat,#0a0e1a;background-attachment:fixed;background-size:auto,auto,auto,800px 800px,auto}img.icon{display:inline-block;vertical-align:middle}h1,h2,h3,h4,.splash-title,.brand,.top-nav .brand{font-family:var(--display-font);letter-spacing:-.01em}code{font-family:var(--mono-font)}.top-nav{display:flex;align-items:center;gap:1rem;padding:.65rem 1.25rem;background:#0d1220bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.top-nav .brand-link{text-decoration:none;margin-right:auto;display:inline-flex;align-items:center;gap:.5rem}.top-nav .brand-mark{filter:drop-shadow(0 0 6px rgba(192,132,252,.35))}.top-nav .brand{font-weight:700;letter-spacing:-.01em;color:#fff;font-size:1.05rem}.top-nav a{color:var(--muted);text-decoration:none;font-size:.9rem;padding:4px 10px;border-radius:6px}.top-nav a.active{color:#fff;background:#233048}.top-nav a:hover{color:#fff}.splash{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4.5rem 2rem 3rem;margin-bottom:1rem}.splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 45% 40% at 50% 38%,rgba(192,132,252,.18),transparent 70%);pointer-events:none;z-index:-1;animation:splash-pulse 8s ease-in-out infinite}@keyframes splash-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.splash svg{animation:planet-float 10s ease-in-out infinite}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-title{font-size:4.5rem;margin:1.5rem 0 .5rem;letter-spacing:-.03em;font-weight:700;background:linear-gradient(115deg,#c084fc,#6ee7b7,#f0b945 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.05}.splash-tagline{color:#c9cdd9;font-size:1.2rem;font-style:italic;margin:0 0 2.75rem;letter-spacing:.01em}.splash-cta{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.splash-cta .new-game{gap:.5rem}.splash-cta .new-game input{max-width:220px}.resume-panel{background:#6ee7b714;border:1px solid rgba(110,231,183,.35);border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;max-width:520px}.resume-line{color:#d4d8e4;font-size:.95rem}.resume-line code{background:#6ee7b726;color:#6ee7b7;padding:1px 6px;border-radius:4px;font-size:.9em}.resume-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}.resume-actions button.ghost{font:inherit;font-size:.85rem;padding:6px 12px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer}.resume-actions button.ghost:hover{color:#fff;background:#2a3550}button.ghost.large{padding:10px 18px;font:inherit;font-size:.95rem;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer}button.ghost.large:hover{color:#fff;background:#2a3550}button.primary.large{padding:10px 22px;font-size:1rem;font-weight:600}.splash-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:1.25rem}.splash-links a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:6px 4px;border-bottom:1px solid transparent;transition:color .15s,border-color .15s,transform .15s}.splash-links a:hover{color:#e6e8ee;border-bottom-color:var(--planet);transform:translateY(-1px)}.info-page{position:relative;max-width:760px;margin:0 auto;padding:3rem 2rem 4rem;overflow:hidden}.info-page:before{content:"";position:absolute;right:-120px;bottom:-140px;width:500px;height:500px;background:url(/planet-watermark.svg) center/contain no-repeat;opacity:.06;pointer-events:none;z-index:0}.info-page>*{position:relative;z-index:1}.info-head{margin-bottom:2rem}.info-head h1{margin:.35rem 0 0;font-size:2.75rem;letter-spacing:-.03em;font-weight:700;background:linear-gradient(115deg,#c084fc,#6ee7b7 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.info-back{display:inline-block;color:var(--muted);text-decoration:none;font-size:.85rem;padding:4px 0;transition:color .15s,transform .15s}.info-back:hover{color:#e6e8ee;transform:translate(-3px)}.info-page section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(124,58,237,.15)}.info-page section:first-of-type{border-top:none;padding-top:0}.info-page h2{margin:0 0 .75rem;font-size:1.3rem;color:#e6e8ee;font-weight:600;display:flex;align-items:center;gap:.5rem}.info-page h2:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--planet),var(--vp));border-radius:2px}.info-page p{line-height:1.7;color:#d4d8e4;margin:0 0 .75rem;font-size:.98rem}.info-page ul,.info-page ol{line-height:1.7;color:#d4d8e4;padding-left:1.4rem;font-size:.97rem}.info-page li{margin:.3rem 0}.info-page ul ul{margin-top:.25rem}.info-page code{background:#6ee7b71f;color:#6ee7b7;padding:1px 7px;border-radius:4px;font-size:.88em;font-family:var(--mono-font)}.info-page em{color:#e9d5ff;font-style:italic}.info-page strong{color:#fff}.info-signature{color:var(--muted);font-style:italic;text-align:right;margin-top:1.75rem;font-size:1rem}.play-shell{max-width:1400px;margin:0 auto;padding:1.25rem 2rem}.play-shell h1{margin:0;font-size:1.8rem;letter-spacing:-.02em}.play-shell h2{margin:.5rem 0 .4rem;font-size:.95rem;font-weight:600;color:#c9cdd9}.play-head{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem;position:sticky;top:49px;background:#0a0e1a;z-index:5}.play-title{display:flex;align-items:baseline;gap:.75rem}.play-title .seed{color:var(--muted);font-size:.8rem;font-family:ui-monospace,monospace}.play-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px;min-width:70px}.stat-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:1.05rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.play-controls{display:flex;gap:.5rem}.play-controls button,.new-game button,.hand-card button,.market-row button,.half-btn{font:inherit;font-size:.8rem;padding:5px 10px;background:#2a3550;color:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer}.play-controls button:disabled,.hand-card button:disabled,.market-row button:disabled,.half-btn:disabled{opacity:.4;cursor:not-allowed}.play-controls button:hover:not(:disabled){background:#354161}.play-controls button.ghost{background:transparent;color:var(--muted)}.banner{padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.88rem}.banner-win{background:#6ee7b71f;color:#6ee7b7;border:1px solid rgba(110,231,183,.4)}.banner-loss{background:#ff8a4c1f;color:#ff8a4c;border:1px solid rgba(255,138,76,.4)}.banner-error{background:#ff4d4d1f;color:#ff8a8a;border:1px solid rgba(255,77,77,.4)}.banner-claim{background:#c084fc1a;color:#d8b4fe;border:1px solid rgba(192,132,252,.4);display:flex;align-items:center;justify-content:space-between;gap:1rem}.banner-claim button{font:inherit;padding:4px 10px;border-radius:6px;background:transparent;border:1px solid rgba(192,132,252,.4);color:inherit;cursor:pointer}.banner-claim button:hover{background:#c084fc26}.score-summary{display:flex;flex-direction:column;gap:.65rem}.score-headline{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.score-headline strong{font-size:1.05rem}.score-total{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:#6ee7b726;color:#6ee7b7;font-weight:700}.score-headline button.primary{margin-left:auto;padding:6px 14px;font:inherit;background:#6d3ec0;border:1px solid #8b5cf6;color:#fff;border-radius:6px;cursor:pointer}.score-headline button.primary:hover{background:#7d4ed0}.score-summary details summary{cursor:pointer;color:var(--muted);font-size:.85rem;padding:4px 0}.score-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:4px}.score-list li{display:grid;grid-template-columns:60px 1fr auto;gap:.75rem;align-items:baseline;padding:4px 8px;background:#0000002e;border-radius:6px;font-size:.82rem;color:var(--text, #e6e8ee)}.score-vp{font-weight:700;color:var(--vp)}.score-name{color:#e6e8ee}.score-by{font-size:.75rem}.card-actions button.primary,.half-action .claim-btn.primary{background:#6d3ec0;border-color:#8b5cf6}.card-actions button.primary:hover:not(:disabled),.half-action .claim-btn.primary:hover:not(:disabled){background:#7d4ed0}.new-game{display:flex;gap:.5rem;margin-top:.5rem}.new-game input{font:inherit;padding:6px 10px;background:#151a28;color:#fff;border:1px solid var(--border);border-radius:6px;flex:1;max-width:320px}.new-game button.primary{font:inherit;padding:6px 16px;background:#6d3ec0;color:#fff;border:1px solid #8b5cf6;border-radius:6px;cursor:pointer}.new-game button.primary:hover{background:#7d4ed0}.home section{margin-top:1.75rem}.home h3{margin:0 0 .35rem;font-size:1rem;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-top:.5rem}.home-stat{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#0000002e;border:1px solid var(--border);border-radius:8px}.run-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:4px}.run{display:grid;grid-template-columns:56px 70px 1fr auto auto;align-items:center;gap:.75rem;padding:6px 12px;background:#0000002e;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.run-result{font-weight:700;font-size:.72rem;text-align:center;padding:2px 6px;border-radius:999px}.run-win-tag{background:#6ee7b726;color:#6ee7b7}.run-loss-tag{background:#ff8a4c26;color:#ff8a4c}.run-score{display:inline-flex;align-items:center;gap:4px;color:var(--vp);font-weight:600}.run-meta{font-size:.8rem}.run-seed{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--muted)}.run button.ghost{font:inherit;font-size:.78rem;padding:3px 10px;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;cursor:pointer}.run button.ghost:hover{color:#fff;background:#2a3550}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.65rem}.site{background:linear-gradient(160deg,#1a2030,#2a1d2a);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;display:flex;flex-direction:column;gap:.45rem}.site.claimed{filter:grayscale(.4)}.site-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.site-idx{color:var(--muted);font-size:.72rem}.site-name{font-weight:600;font-size:.92rem}.site-claimed{color:var(--muted);font-size:.78rem;font-style:italic;text-align:right}.site-half{display:flex;flex-direction:column;gap:4px;padding:.4rem .5rem;background:#00000038;border-radius:8px}.site-half-claimed{background:#6ee7b714;border:1px solid rgba(110,231,183,.25)}.site-half-hidden{background:#0000001a;padding:.25rem .5rem;opacity:.5}.site-half-head{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.claim-btn{font-size:.75rem;padding:4px 8px;margin-top:2px}.play-middle{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-top:1rem}.col{min-width:0}.hand{display:flex;flex-wrap:wrap;gap:.55rem}.minicard{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;font-size:.8rem;min-width:170px;max-width:220px;display:flex;flex-direction:column;gap:.35rem}.minicard.colonist{border-left:3px solid var(--coin)}.minicard.market{border-left:3px solid var(--cards)}.minicard.tableau{border-left:3px solid var(--planet)}.mc-name{font-weight:500}.mc-actions{display:flex;gap:4px;margin-top:auto;padding-top:4px}.mc-effect{display:flex;align-items:center;gap:6px;font-size:.78rem}.mc-tag{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;min-width:38px}.mc-ongoing .effect-tag{min-width:90px}.market-list{display:flex;flex-direction:column;gap:4px}.market-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;font-size:.82rem;padding:5px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.mr-name{font-weight:500}.mr-cost{color:var(--muted);display:inline-flex;align-items:center;gap:4px}.mr-stack{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8rem}.pile-list{list-style:none;padding:0;margin:0 0 .75rem;color:var(--muted);font-size:.85rem}.pile-list li{padding:3px 0}.log{list-style:none;padding:0;margin:0;font-family:ui-monospace,monospace;font-size:.75rem;color:var(--muted);max-height:180px;overflow-y:auto}.log li{padding:2px 0}.icon-coin{filter:brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(450%) hue-rotate(353deg)}.icon-labor{filter:brightness(0) saturate(100%) invert(64%) sepia(60%) saturate(900%) hue-rotate(338deg)}.icon-vp{filter:brightness(0) saturate(100%) invert(86%) sepia(35%) saturate(450%) hue-rotate(99deg)}.icon-cards{filter:brightness(0) saturate(100%) invert(78%) sepia(36%) saturate(700%) hue-rotate(186deg)}.icon-planet{filter:brightness(0) saturate(100%) invert(70%) sepia(40%) saturate(900%) hue-rotate(232deg)}.icon-colonist{filter:brightness(0) saturate(100%) invert(95%)}.preview{max-width:1400px;margin:0 auto;padding:2rem}.preview-head h1{margin:0 0 .4rem;font-size:2.75rem;letter-spacing:-.03em;font-weight:700;background:linear-gradient(115deg,#c084fc,#6ee7b7 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.preview-head .subtitle{color:var(--muted);margin:0 0 2rem;font-size:1rem}.preview h2{margin:2.75rem 0 .35rem;font-size:1.35rem;font-weight:600;color:#e6e8ee;display:flex;align-items:center;gap:.55rem}.preview h2:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--planet),var(--vp));border-radius:2px}.preview h2 .count{display:inline-block;margin-left:.5rem;padding:2px 10px;border-radius:999px;background:#7c3aed26;color:var(--planet);font-size:.8rem;font-weight:500;font-family:var(--mono-font)}.preview .muted{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.grid{display:grid;gap:.75rem}.grid-cards,.grid-colonist,.grid-market,.grid-outpost,.grid-hand{grid-template-columns:repeat(auto-fill,210px)}.grid.played{opacity:.55}.card{width:210px;min-height:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;font-size:.82rem;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px)}.card-colonist.colonist-coin:hover{box-shadow:0 6px 24px #00000073,0 0 18px #f0b94538}.card-colonist.colonist-labor:hover{box-shadow:0 6px 24px #00000073,0 0 18px #ff8a4c38}.card-market:hover{box-shadow:0 6px 24px #00000073,0 0 18px #93c5fd38}.market-reserve:hover{box-shadow:0 6px 24px #00000073,0 0 18px #f0b94547}.card-outpost:hover{box-shadow:0 6px 24px #00000073,0 0 22px hsl(var(--outpost-hue, 270) 60% 55% / .25)}.card-actions{display:flex;gap:4px;padding-top:6px;margin-top:auto;border-top:1px dashed var(--border)}.card-actions button{flex:1;font:inherit;font-size:.78rem;padding:5px 8px;background:#2a3550;color:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer}.card-actions button:hover:not(:disabled){background:#354161}.card-actions button:disabled{opacity:.35;cursor:not-allowed}.card-head{display:flex;flex-direction:column;gap:2px}.card-name{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.card-sub{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.pips{display:inline-flex;align-items:center;gap:2px}.cost,.gain{display:inline-flex;align-items:center;gap:6px}.cost-free{color:var(--muted);font-style:italic;font-size:.8rem}.card-colonist{border-color:#3a4055}.colonist-coin{background:linear-gradient(160deg,#20283a,#2a2418);border-left:3px solid var(--coin)}.colonist-labor{background:linear-gradient(160deg,#20283a,#2a1f18);border-left:3px solid var(--labor)}.card-colonist .card-art{display:flex;align-items:center;justify-content:center;padding:.35rem 0 .15rem}.card-market{border-left:3px solid var(--cards)}.market-permanent{background:linear-gradient(160deg,#1a2030,#1d2940)}.market-unique{background:linear-gradient(160deg,#1a2030,#261d3a);border-left-color:var(--planet)}.market-reserve{background:linear-gradient(160deg,#1d1e2d,#2a2419);border-left-color:var(--coin);border:1px solid rgba(240,185,69,.35)}.market-costs{display:flex;gap:.85rem;flex-wrap:wrap;padding:.4rem .55rem;background:#0003;border-radius:8px;font-size:.78rem}.cost-row{display:flex;align-items:center;gap:6px}.cost-label{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.card-section{display:flex;flex-direction:column;gap:4px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.effect{display:flex;align-items:center;gap:6px;font-size:.82rem}.effect-tag{color:var(--muted);font-size:.72rem;min-width:110px}.effect-body{display:inline-flex;align-items:center;gap:6px}.card-outpost{border-left:3px solid hsl(var(--outpost-hue, 270),60%,65%);background:linear-gradient(160deg,#181d2c,hsl(var(--outpost-hue, 270),28%,17%) 60%,hsl(var(--outpost-hue, 270),32%,14%))}.card-outpost-claimed{filter:saturate(.7)}.card-outpost .card-sub{display:inline-flex;align-items:center;gap:4px}.outpost-owner{margin-top:4px;padding:4px 8px;background:#6ee7b71a;color:#6ee7b7;border:1px solid rgba(110,231,183,.3);border-radius:6px;font-size:.75rem;display:inline-flex;align-items:center;gap:6px;align-self:flex-start}.outpost-half{padding:.4rem .55rem;background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:4px}.outpost-half-bottom{background:#00000052}.outpost-half-active{background:#6ee7b71a;border:1px solid rgba(110,231,183,.3)}.outpost-half-covered{opacity:.35}.outpost-half-affordable{background:#f0b94514;border:1px solid rgba(240,185,69,.45)}.card-outpost-actionable{border-color:#f0b94573;box-shadow:0 0 14px #f0b9451a}.half-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.half-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.vp-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--vp)}.half-ability{display:flex;flex-direction:column;gap:2px}.half-action{margin-top:4px}.half-action .claim-btn{width:100%;font:inherit;font-size:.76rem;padding:4px 8px;background:#2a3550;color:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:center}.half-action .claim-btn:hover:not(:disabled){background:#354161}.half-action .claim-btn:disabled{opacity:.35;cursor:not-allowed}.outpost-divider{height:1px;background:var(--border);margin:0 .25rem}.play-bottom{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-top:1rem}