: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;background-position:var(--parallax-x, 0px) var(--parallax-y, 0px),calc(50% + var(--parallax-x, 0px)) calc(50% + var(--parallax-y, 0px)),var(--parallax-x, 0px) var(--parallax-y, 0px),calc(var(--parallax-x, 0px) * -.6) calc(var(--parallax-y, 0px) * -.6),0 0;transition:background-position .05s linear}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}.doc-toolbar{display:flex;gap:.6rem;align-items:center;margin:1rem 0 .75rem}.doc-toolbar button.primary{font:inherit;font-size:.9rem;padding:8px 16px;background:#7c3aed;color:#fff;border:1px solid transparent;border-radius:6px;cursor:pointer}.doc-toolbar button.primary:hover{background:#7d4ed0}.doc-markdown{max-height:70vh;overflow:auto;padding:1rem 1.25rem;background:#0d1220b3;border:1px solid var(--border);border-radius:8px;color:#d4d8e4;font-family:var(--mono-font);font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.doc-markdown code{background:none;color:inherit;padding:0;font-size:inherit}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1.25rem 2rem;margin-top:3rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);background:#0d122080}.site-footer a{color:var(--muted);text-decoration:none;border-bottom:1px dotted rgba(124,124,153,.4)}.site-footer a:hover{color:#d4d8e4;border-bottom-color:var(--planet)}.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}.stats-chart-wrap{margin-top:.75rem;padding:.75rem;background:#00000038;border:1px solid var(--border);border-radius:8px}.stats-chart{display:block}.daily{max-width:720px;margin:0 auto;padding:1rem 1.25rem;background:#c084fc0f;border:1px solid rgba(192,132,252,.25);border-radius:10px}.daily h3{margin:0 0 .25rem;display:flex;align-items:center;gap:.65rem;font-size:1.05rem}.daily p.muted{margin:0 0 .75rem;font-size:.88rem}.daily-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.daily-seed{font-family:var(--mono-font);font-size:.9rem;background:#c084fc1f;color:#d8b4fe;padding:4px 10px;border-radius:6px}.daily-tag{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.04em}.daily button.primary{font:inherit;padding:6px 14px;background:#6d3ec0;color:#fff;border:1px solid #8b5cf6;border-radius:6px;cursor:pointer}.daily button.primary:hover{background:#7d4ed0}.collapsible-head{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.55rem;padding:6px 10px;margin:1.25rem 0 .5rem;background:#0003;border:1px solid var(--border);border-radius:8px;transition:background .15s,border-color .15s}.collapsible-head:hover{background:#c084fc14;border-color:#c084fc59}.collapsible-head:focus-visible{outline:2px solid var(--planet);outline-offset:2px}.collapse-chevron{display:inline-block;width:14px;text-align:center;color:var(--planet);transition:transform .18s;transform:rotate(0)}.collapsible-head.collapsed .collapse-chevron{transform:rotate(-90deg)}.collapsible-summary{flex:1}.collapsible-summary strong{color:#fff;font-weight:700}.collapsible-badge{margin-left:auto}.affordable-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f0b94526;color:#f0b945;border:1px solid rgba(240,185,69,.4);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;animation:affordable-pulse 2.4s ease-in-out infinite}@keyframes affordable-pulse{0%,to{box-shadow:0 0 #f0b94500}50%{box-shadow:0 0 0 4px #f0b9452e}}.collapsible-body{margin-top:.25rem}.play-controls button.end-turn{background:#6d3ec0;border-color:#8b5cf6;color:#fff;font-weight:600;padding:6px 14px}.play-controls button.end-turn:hover:not(:disabled){background:#7d4ed0}.nav-icon-btn{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.nav-icon-btn:hover{color:#fff;border-color:var(--planet)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1aa6;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{background:#1a2030;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;max-width:420px;width:90%;box-shadow:0 20px 60px #0009,0 0 30px #c084fc2e}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.settings-head h3{margin:0;font-size:1.15rem}.settings-head button.ghost{background:transparent;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .5rem}.settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.settings-list label{display:flex;align-items:center;gap:.65rem;font-size:.92rem;cursor:pointer}.settings-list input[type=checkbox]{accent-color:var(--planet);transform:scale(1.15)}.settings-sep{padding-top:.65rem;border-top:1px solid var(--border)}.settings-sep button.ghost{font:inherit;font-size:.85rem;padding:5px 12px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer}.settings-sep button.ghost:hover{color:#fff;background:#2a3550}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1ab3;display:flex;align-items:center;justify-content:center;z-index:90;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-card{background:linear-gradient(160deg,#1a2030,#1d1e2d);border:1px solid rgba(192,132,252,.4);border-radius:14px;padding:1.5rem 1.75rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0009,0 0 30px #c084fc33}.tutorial-step{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.tutorial-card h3{margin:.35rem 0 .65rem;font-size:1.4rem;background:linear-gradient(115deg,#c084fc,#6ee7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tutorial-card p{color:#d4d8e4;line-height:1.55;margin:0 0 1.25rem}.tutorial-actions{display:flex;gap:.5rem;justify-content:flex-end}.tutorial-actions button.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:7px 14px;border-radius:6px;cursor:pointer;font:inherit}.tutorial-actions button.ghost:hover{color:#fff;background:#2a3550}.tutorial-actions button.primary{background:#6d3ec0;border:1px solid #8b5cf6;color:#fff;padding:7px 16px;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}.tutorial-actions button.primary:hover{background:#7d4ed0}.tutorial-dots{display:flex;gap:6px;justify-content:center;margin-top:1rem}.tutorial-dots span{width:8px;height:8px;border-radius:50%;background:var(--border)}.tutorial-dots span.active{background:var(--planet)}body.compact .card{width:175px;min-height:270px;padding:.55rem;gap:.35rem;font-size:.78rem}body.compact .grid{gap:.45rem}body.compact .grid-cards{grid-template-columns:repeat(auto-fill,175px)}body.compact .play-shell{padding:1rem 1.5rem}body.compact .play-head{padding:.65rem 0}body.compact h2,body.compact .stat-value{font-size:.9rem}body.cb .icon-coin{background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(240,185,69,.25) 4px 5px)}body.cb .icon-labor{background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(255,138,76,.25) 4px 5px)}@media (max-width: 760px){.top-nav{gap:.5rem;padding:.5rem .75rem;flex-wrap:wrap}.top-nav a{font-size:.85rem;padding:4px 6px}.play-shell{padding:1rem .75rem}.splash{padding:2.5rem 1rem 2rem}.splash-title{font-size:2.75rem}.splash-tagline{font-size:1rem}.splash-links{flex-direction:column;gap:.5rem}.play-head{grid-template-columns:1fr;gap:.5rem}.play-stats{flex-wrap:wrap;gap:.5rem}.stat{min-width:50px}.grid-cards{grid-template-columns:repeat(auto-fill,165px);gap:.4rem}.card{width:165px;min-height:270px;padding:.5rem;font-size:.76rem}.play-bottom{grid-template-columns:1fr}.info-page{padding:1.5rem 1rem 3rem}.info-head h1{font-size:2rem}.info-page p,.info-page ul,.info-page ol{font-size:.92rem}.resume-panel{padding:.75rem}.resume-line{font-size:.85rem}.new-game{flex-direction:column;align-items:stretch}.new-game input{max-width:none}.stats-chart{width:100%}.site-footer{padding:1rem;flex-direction:column;text-align:center;gap:.35rem}}.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}.pile-strip{display:inline-flex;gap:.75rem;align-items:center;padding-left:.75rem;margin-left:.25rem;border-left:1px solid var(--border)}.pile-count{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#00000038;border:1px solid var(--border);border-radius:6px}.pile-count.pile-empty{opacity:.5}.pile-stack{position:relative;width:14px;height:18px;flex-shrink:0}.pile-stack span{position:absolute;top:0;right:0;bottom:0;left:0;background:#93c5fd40;border:1px solid rgba(147,197,253,.55);border-radius:2px;width:10px;height:14px}.pile-stack span:nth-child(1){transform:translate(0)}.pile-stack span:nth-child(2){transform:translate(2px,2px);opacity:.7}.pile-stack span:nth-child(3){transform:translate(4px,4px);opacity:.45}.pile-empty .pile-stack span{background:transparent;border-style:dashed}.pile-meta{display:flex;flex-direction:column;gap:0;line-height:1.1}.pile-label{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.pile-value{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.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%)}.icon-refresh{filter:brightness(0) saturate(100%) invert(70%) sepia(40%) saturate(900%) hue-rotate(232deg)}.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{position:relative}.cost-stack{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:3px;z-index:2;align-items:stretch}.cost-stack-inline{top:4px;right:4px}.cost-badge{background:#00000080;border:1px solid rgba(240,185,69,.45);border-radius:7px;padding:2px 7px 2px 6px;display:flex;align-items:center;gap:6px;font-size:.78rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.cost-badge-label{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cost-badge-value{display:inline-flex;align-items:center;gap:6px}.cost-badge-cost{border-color:#f0b94573}.cost-badge-build{border-color:#93c5fd73}.cost-badge-yield{border-color:#6ee7b773}.card .card-head{padding-right:92px}.card-market .card-head{min-height:56px}.outpost-half{padding-right:76px}.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:3px}.pip-count{font-weight:600;font-variant-numeric:tabular-nums;font-size:.95em;min-width:.7em;text-align:right}.cost,.gain{display:inline-flex;align-items:center;gap:8px}.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}.play-section,.build-section{padding:.4rem .55rem;border-radius:6px}.play-section{background:#f0b9450f;border-left:2px solid rgba(240,185,69,.45);flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem}.play-section .section-label{color:#f0b945d9}.play-section .gain{justify-content:flex-end}.build-section{background:#93c5fd0d;border-left:2px solid rgba(147,197,253,.45)}.build-section .section-label{color:#93c5fdd9}.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}.effect-body-inner{display:inline-flex;align-items:center;gap:4px}.market-glyph{font-size:.78em;color:var(--planet);text-transform:lowercase;letter-spacing:.04em}.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}.card-outpost{position:relative}.biome-watermark{position:absolute;left:10px;bottom:10px;width:28px;height:28px;color:hsl(var(--outpost-hue, 270),60%,75%);opacity:.3;pointer-events:none;transition:opacity .2s;z-index:0}.card-outpost:hover .biome-watermark{opacity:.5}.biome-watermark svg{width:100%;height:100%}.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-stake-income{display:inline-flex;align-items:center;gap:2px;opacity:.85}.effect-instant .effect-tag{color:#fbbf24;font-weight:700}.pending-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.pending-modal{background:#13181f;border:2px solid #fbbf24;border-radius:10px;padding:20px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.pending-title{margin:0 0 12px;color:#fbbf24;font-size:1.05rem}.pending-body{display:flex;flex-direction:column;gap:10px}.pending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.pending-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer}.pending-item.disabled{opacity:.5;cursor:not-allowed}.pending-item-btn{width:100%;text-align:left;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:inherit;cursor:pointer}.pending-item-btn:hover{background:#fbbf241a;border-color:#fbbf2466}.pending-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.market-sub{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin:8px 0 4px}.outpost-half{padding:.4rem .55rem;background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:4px;position:relative}.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}