:root{--bg: #0a0b0f;--bg-elevated: #12141c;--bg-card: #181b26;--border: #2a2f3f;--border-subtle: #1e2230;--text: #e8eaef;--text-muted: #8b92a8;--text-dim: #5c6378;--accent: #6b9fff;--accent-hover: #8ab4ff;--accent-muted: rgba(107, 159, 255, .12);--success: #4ade80;--error: #f87171;--radius: 10px;--radius-sm: 6px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 1080px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(ellipse 90% 60% at 15% 30%,rgba(55,75,130,.18) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 15%,rgba(90,55,120,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 55% at 55% 90%,rgba(40,65,110,.14) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 70% 55%,rgba(107,159,255,.06) 0%,transparent 45%);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 25% 65%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 40% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 70% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 85% 55%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 92% 12%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 5% 88%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 48% 48%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 33% 42%,rgba(255,255,255,.2),transparent);background-size:100% 100%;background-repeat:no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Ccircle cx='42' cy='18' r='0.6' fill='white' opacity='0.5'/%3E%3Ccircle cx='128' cy='76' r='0.4' fill='white' opacity='0.35'/%3E%3Ccircle cx='210' cy='34' r='0.7' fill='white' opacity='0.45'/%3E%3Ccircle cx='67' cy='142' r='0.5' fill='white' opacity='0.4'/%3E%3Ccircle cx='175' cy='198' r='0.6' fill='white' opacity='0.35'/%3E%3Ccircle cx='256' cy='112' r='0.4' fill='white' opacity='0.5'/%3E%3Ccircle cx='18' cy='245' r='0.5' fill='white' opacity='0.3'/%3E%3Ccircle cx='145' cy='268' r='0.6' fill='white' opacity='0.4'/%3E%3Ccircle cx='288' cy='256' r='0.4' fill='white' opacity='0.35'/%3E%3Ccircle cx='98' cy='52' r='0.3' fill='white' opacity='0.25'/%3E%3C/svg%3E");background-size:300px 300px}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.site-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#0a0b0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.site-nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.site-nav__brand{font-weight:600;font-size:1.05rem;color:var(--text);letter-spacing:-.02em}.site-nav__brand:hover{color:var(--text)}.site-nav__links{display:flex;gap:1.75rem;list-style:none}.site-nav__links a{color:var(--text-muted);font-size:.9rem;font-weight:500}.site-nav__links a:hover,.site-nav__links a.active{color:var(--text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section--compact{padding:3rem 0}.hero{padding:7rem 0 5rem}.hero__eyebrow{font-size:.85rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero__subtitle{font-size:1.15rem;color:var(--text-muted);max-width:540px;line-height:1.7}.hero__actions{display:flex;gap:1rem;margin-top:2.25rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:500;font-family:var(--font);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none}.btn--primary{background:var(--accent);color:#0a0b0f;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#0a0b0f}.btn--ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn--ghost:hover{color:var(--text);border-color:var(--text-dim)}.btn--large{padding:.8rem 1.75rem;font-size:.95rem}.btn:disabled{opacity:.45;cursor:not-allowed}.section-header{margin-bottom:2.5rem}.section-header__label{font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.section-header__title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.card{background:#181b26e0;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card:hover{border-color:var(--border)}.card__title{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.card__desc{font-size:.9rem;color:var(--text-muted);line-height:1.6}.card__tag{display:inline-block;font-size:.75rem;font-weight:500;color:var(--accent);background:var(--accent-muted);padding:.2rem .55rem;border-radius:4px;margin-bottom:.75rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-grid p{color:var(--text-muted);margin-bottom:1rem}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.skill-list li{font-size:.82rem;font-weight:500;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:.35rem .75rem;border-radius:var(--radius-sm)}.contact-links{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-links a{font-size:.95rem;font-weight:500}.site-footer{border-top:1px solid var(--border-subtle);padding:2rem 0;margin-top:2rem}.site-footer p{font-size:.85rem;color:var(--text-dim);text-align:center}.tool-header{padding:3rem 0 2rem}.tool-header__title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.tool-header__desc{color:var(--text-muted);max-width:600px}.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-bottom:4rem;align-items:start}.panel{background:#181b26e0;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel__title{font-size:.95rem;font-weight:600;margin-bottom:1.25rem;color:var(--text)}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.82rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem}.form-hint{font-size:.78rem;color:var(--text-dim);margin-top:.3rem}.form-input,.form-select{width:100%;padding:.55rem .75rem;font-size:.9rem;font-family:var(--font);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent)}.form-input[type=number]{max-width:120px}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.checkbox-row label{font-size:.88rem;color:var(--text-muted);cursor:pointer}.expansion-toggles{display:flex;flex-direction:column;gap:.35rem}.player-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;margin-bottom:.75rem}.player-card:last-child{margin-bottom:0}.player-card__header{font-size:.85rem;font-weight:600;margin-bottom:.6rem;color:var(--text)}.autocomplete{position:relative}.autocomplete__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000059;max-height:220px;overflow-y:auto}.autocomplete__option{display:block;width:100%;padding:.55rem .75rem;font-size:.85rem;font-family:var(--font);text-align:left;color:var(--text-muted);background:none;border:none;cursor:pointer}.autocomplete__option:hover,.autocomplete__option.is-active{background:var(--accent-muted);color:var(--text)}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;min-height:0}.tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border-subtle);padding:.25rem .5rem;border-radius:4px}.tag__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;font-size:1rem;line-height:1;color:var(--text-dim);background:none;border:none;cursor:pointer;border-radius:2px}.tag__remove:hover{color:var(--error)}.tool-actions{display:flex;gap:.75rem;margin-top:1.5rem}.results-panel{min-height:200px}.results-empty{color:var(--text-dim);font-size:.9rem;text-align:center;padding:3rem 1rem}.result-player{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:.75rem}.result-player:last-child{margin-bottom:0}.result-player__name{font-size:.95rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.result-player__factions{list-style:none}.result-player__factions li{font-size:.95rem;padding:.3rem 0;color:var(--text)}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:1rem}.alert--error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--error)}.pool-info{font-size:.82rem;color:var(--text-dim);margin-top:.75rem}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--text-muted)}.map-page{padding-bottom:3rem}.btn--small{padding:.35rem .7rem;font-size:.8rem}.expansion-toggle{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--text-muted);cursor:pointer}.expansion-toggle input{accent-color:var(--accent)}.map-entry__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.map-entry__card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1.25rem}.map-entry__card h3{font-size:1rem;margin-bottom:1rem}.map-session__top{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem}.map-room-badge{display:inline-flex;align-items:center;gap:.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .75rem}.map-room-badge__label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.map-room-badge strong{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.12em}.map-session__meta{display:flex;gap:1rem;color:var(--text-muted);font-size:.88rem;flex:1}.map-error{color:var(--error);background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);padding:.65rem .9rem;margin-bottom:1rem;font-size:.88rem}.map-session__body{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:1.25rem;align-items:start}.map-sidebar{position:sticky;top:calc(var(--nav-height) + 1rem)}.map-seat-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem}.map-seat{display:grid;grid-template-columns:12px 1fr;gap:.55rem .65rem;padding:.65rem .7rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.map-seat--mine{border-color:var(--accent)}.map-seat--turn{box-shadow:inset 0 0 0 1px #6b9fff73}.map-seat__swatch{width:12px;height:12px;border-radius:3px;margin-top:.25rem}.map-seat__info{min-width:0}.map-seat__name{font-size:.9rem;font-weight:600}.map-seat__status{font-size:.75rem;color:var(--text-dim)}.map-seat__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.map-seat__input{flex:1;min-width:100px;padding:.35rem .5rem;font-size:.82rem}.map-home-chip{cursor:grab;background:transparent;color:var(--text);border:1px dashed;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-family:var(--font)}.map-home-chip:active{cursor:grabbing}.map-draft-order{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.map-draft-order__item{padding:.45rem .65rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.85rem}.map-draft-order__item[draggable=true]{cursor:grab}.map-draft-order__item.is-dragging{opacity:.5}.map-draft-order__item--turn{border-color:var(--accent);color:var(--accent-hover)}.map-sidebar__actions{margin:1rem 0 1.25rem}.map-turn-label{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.map-hand-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.map-hand{display:flex;flex-direction:column;gap:.65rem;max-height:min(55vh,520px);overflow:auto}.map-tile-card{display:none}.tv-card-btn{display:block;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.tv-card-btn.is-selected .tv-card,.tv-card.is-selected{outline:2px solid var(--accent);outline-offset:1px;background:#1a2744}.tv-card{background:#151b2b;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .7rem .5rem}.tv-card--red{border-left:3px solid #e36b6b}.tv-card--blue{border-left:3px solid #5b8def}.tv-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.tv-card__id,.tv-face__id{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.tv-card__name{font-size:.88rem;font-weight:600;margin-bottom:.35rem;line-height:1.25}.tv-card__meta,.tv-face__meta{font-size:.72rem;color:#c4c9d6;margin-bottom:.35rem}.tv-wh--alpha{color:#e8923a;font-weight:700}.tv-wh--beta{color:#3d9b6e;font-weight:700}.tv-wh-sep{color:#8b92a8}.map-export{margin-top:1.25rem}.map-export__row{display:flex;gap:.6rem;align-items:center}.map-export__input{flex:1;font-family:var(--font-mono);font-size:.8rem;max-width:none}.tv-card__planets{display:flex;flex-direction:column;gap:.3rem}.tv-card__empty-note{font-size:.8rem;color:var(--text-muted)}.tv-planet{border-radius:4px;padding:.28rem .4rem;color:#fff}.tv-planet__top{display:flex;justify-content:space-between;align-items:center;gap:.35rem}.tv-planet__name{font-size:.72rem;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-planet__techs{display:inline-flex;gap:.15rem;flex-shrink:0}.tv-tech{display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem;border-radius:999px;font-size:.58rem;font-weight:700;color:#0a0b0f;border:1px solid rgba(0,0,0,.25)}.tv-planet__stats{display:flex;align-items:baseline;gap:0;margin-top:.15rem;font-family:var(--font-mono);font-weight:700}.tv-stat{font-size:.78rem}.tv-stat-sep{font-size:.72rem;color:#ffffff8c;margin:0 .05rem}.tv-stat--res{color:#f5d76e}.tv-stat--inf{color:#243f6e;text-shadow:0 1px 0 rgba(255,255,255,.35)}.tv-face{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:.2rem;pointer-events:none;text-align:center}.tv-face__header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .35rem;font-size:.58rem}.tv-face__title{font-size:.68rem;font-weight:700;line-height:1.15}.tv-face__planets{display:flex;flex-direction:column;gap:.15rem;width:100%}.tv-face__planets .tv-planet{padding:.15rem .28rem}.tv-face__planets .tv-planet__name{font-size:.58rem}.tv-face__planets .tv-stat{font-size:.68rem}.tv-face--mecatol{color:#1a1520}.tv-face--mecatol .tv-face__title{font-size:.72rem;color:#1a1520}.tv-face--mecatol .tv-stat--res{color:#8a6a10}.tv-face--mecatol .tv-stat--inf{color:#243f6e}.tv-face--mecatol .tv-stat-sep{color:#1a152073}.tv-face--empty .tv-face__title{font-size:.62rem;color:#d0d5e2}.map-board-wrap{min-width:0}.map-board-scroll{overflow:auto;max-height:min(92vh,1200px);padding:1rem;background:#0d1018;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:420px}.map-page,.map-page.container{max-width:1400px}.map-canvas{position:relative;margin:0 auto;background:radial-gradient(ellipse at center,#151a28,#0d1018 70%)}.map-canvas__empty{color:var(--text-muted);text-align:center;padding:4rem 1rem;margin:0}.map-hex-tile{position:absolute;box-sizing:border-box;margin:0;padding:0;border:1.5px solid #8b92a8;color:#f2f4f8;font-family:var(--font-mono);cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;line-height:1.1;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.map-hex-tile:disabled{opacity:1;cursor:default}.map-hex-tile--home-empty{border:2.5px solid #4ade80;color:#86efac;cursor:copy}.map-hex-tile--mecatol{border-color:#f0d78c;font-weight:700}.map-hex-tile--legal{border-color:#8ab4ff;border-width:3px;cursor:pointer;filter:brightness(1.15)}.map-hex-tile--dragover{border-color:#4ade80;border-width:3px;filter:brightness(1.25)}.map-hex-tile__label{font-size:.7rem;font-weight:600;pointer-events:none}.map-hex-tile__sub{font-size:.55rem;color:#c5cad8;pointer-events:none}@media(max-width:900px){.map-entry__grid,.map-session__body{grid-template-columns:1fr}.map-sidebar{position:static}}@media(max-width:768px){.about-grid,.tool-layout{grid-template-columns:1fr}.hero{padding:4.5rem 0 3rem}.section{padding:3.5rem 0}.site-nav__links{gap:1rem}}