:root{--bg: #0a0e1a;--bg-elev: #111827;--bg-card: #141c2e;--border: #1f2a44;--text: #d8e1f0;--text-dim: #8b95a8;--text-muted: #5a6478;--accent: #44cccc;--accent-dim: #2a8a8a;--warn: #ccaa44;--danger: #cc4444;--zone-0: #4488ff;--zone-1: #44cc66;--zone-2: #cccc44;--zone-3: #cc8844;--zone-4: #cc4444;--rarity-common: #8b95a8;--rarity-uncommon: #44cc66;--rarity-rare: #4488ff;--rarity-legendary: #cc44cc;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--maxw: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent-dim)}a:hover{color:#7fe3e3;border-bottom-color:var(--accent)}h1,h2,h3,h4{color:#fff;font-weight:600;line-height:1.25}h1{font-size:2.2rem;margin:0 0 1rem;letter-spacing:-.01em}h2{font-size:1.5rem;margin:2.2rem 0 .8rem;border-bottom:1px solid var(--border);padding-bottom:.4rem}h3{font-size:1.15rem;margin:1.6rem 0 .5rem;color:var(--accent)}p{margin:0 0 1rem}code,pre{font-family:var(--mono);font-size:.9em}code{background:var(--bg-elev);padding:.1em .4em;border-radius:3px;border:1px solid var(--border)}pre{background:var(--bg-elev);padding:.9rem 1rem;border-radius:5px;border:1px solid var(--border);overflow-x:auto;margin:1rem 0}pre code{background:transparent;border:0;padding:0}hr{border:0;border-top:1px solid var(--border);margin:2rem 0}ul,ol{padding-left:1.4rem}li{margin-bottom:.3rem}blockquote{border-left:3px solid var(--accent-dim);padding:.2rem 0 .2rem 1rem;color:var(--text-dim);margin:1rem 0;font-style:italic}table{width:100%;border-collapse:collapse;margin:1rem 0;font-family:var(--mono);font-size:.88rem}th,td{text-align:left;padding:.45rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent-dim);background:var(--bg-elev)}tbody tr:hover{background:#44cccc0a}.site{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}main{flex:1;padding:2rem 0 4rem}.site-header{background:#060912;border-bottom:1px solid var(--border);padding:.9rem 0;position:sticky;top:0;z-index:10;backdrop-filter:blur(4px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:1rem;color:var(--text);border:0;text-transform:uppercase;letter-spacing:.1em}.brand:hover{color:var(--accent)}.brand-mark{color:var(--accent);font-weight:700}.nav{display:flex;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.88rem}.nav a{color:var(--text-dim);border:0;padding:.2rem 0}.nav a:hover,.nav a.active{color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:#060912;padding:1.5rem 0;color:var(--text-muted);font-size:.85rem;font-family:var(--mono)}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.hero{position:relative;padding:5rem 2rem 4rem;border-bottom:1px solid var(--border);margin-bottom:2rem;background-image:linear-gradient(#000000a6,#0000008c),url(/hero1.png);background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:6px}.hero h1{font-size:2.8rem;margin-bottom:.6rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hero .tagline{font-size:1.2rem;color:#fff;max-width:640px;text-shadow:0 1px 6px rgba(0,0,0,.85)}.hero .reference-class{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.85)}.hero .cta-row{display:flex;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}.btn{display:inline-block;padding:.7rem 1.3rem;border-radius:4px;font-family:var(--mono);font-size:.92rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--accent-dim);background:transparent;color:var(--accent);cursor:pointer}.btn:hover{background:var(--accent-dim);color:#0a0e1a;border-color:var(--accent)}.btn.primary{background:var(--accent);color:#0a0e1a;border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#7fe3e3;border-color:#7fe3e3}.btn.disabled,.btn.primary.disabled,.btn.disabled:hover,.btn.primary.disabled:hover{opacity:.55;cursor:not-allowed;pointer-events:none;background:var(--accent-dim);color:var(--bg, #0a0e1a);border-color:var(--accent-dim)}.aboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem;margin:1.5rem 0 2rem}.aboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin:0;overflow:hidden;display:flex;flex-direction:column}.aboard-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#000}.aboard-caption{padding:.7rem .9rem .9rem;color:var(--text-dim);font-size:.92rem;line-height:1.5}.aboard-personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.2rem;margin:1.5rem 0 2rem}.persona-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.persona-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#000;border-bottom:1px solid var(--border)}.persona-body{padding:1rem 1.1rem 1.2rem}.persona-body h3{margin:0 0 .5rem;color:var(--accent);font-family:var(--mono);font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.persona-body p{color:var(--text-dim);font-size:.95rem;line-height:1.55;margin:0 0 .7rem}.persona-body p:last-child{margin-bottom:0}.quadrant-section{text-align:center;margin:2rem 0 2.5rem}.quadrant-image{display:block;margin:0 auto;max-width:min(720px,100%);height:auto;border-radius:6px;border:1px solid var(--border)}.quadrant-caption{color:var(--text-dim, #8a8a9a);font-size:.95rem;max-width:720px;margin:.8rem auto 0}.reference-class{color:var(--text-dim, #8a8a9a);font-size:.95rem;margin-top:-.25rem;margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.5rem 0}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.1rem 1.2rem}.feature .feature-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px;border:1px solid var(--border);margin-bottom:.8rem;background:#000}.feature h3{margin-top:0;font-family:var(--mono);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.feature p{color:var(--text-dim);font-size:.95rem;margin:0}.cmd-group{margin:1.8rem 0 1rem}.cmd-group h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.85rem;margin:0 0 .5rem}.cmd-name{color:var(--accent);white-space:nowrap}.cmd-desc{color:var(--text-dim)}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:1rem;margin-top:1.5rem}.monster{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1rem 1.1rem;display:flex;flex-direction:column}.monster .portrait{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px;border:1px solid var(--border);margin-bottom:.7rem;background:#000}.monster header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.4rem}.monster h3{margin:0;color:#fff;font-family:var(--sans);font-size:1.05rem}.monster .meta{display:flex;gap:.4rem;flex-wrap:wrap;margin:.3rem 0 .6rem}.monster .desc{color:var(--text-dim);font-size:.92rem;margin:.4rem 0}.monster .flavor{border-left:2px solid var(--accent-dim);padding-left:.7rem;color:var(--text-muted);font-size:.85rem;font-style:italic;margin-top:.6rem}.monster .stats{display:flex;gap:.8rem;font-family:var(--mono);font-size:.78rem;color:var(--text-dim);margin-top:.5rem}.monster .stats span b{color:var(--text);font-weight:600}.monster .actions-carousel{position:relative;margin-top:.7rem;background:#000;border-radius:4px;border:1px solid var(--border);overflow:hidden}.monster .action-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.monster .action-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;width:32px;height:32px;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px;transition:background .12s ease}.monster .action-nav:hover{background:#000000d9}.monster .action-prev{left:.5rem}.monster .action-next{right:.5rem}.monster .action-counter{position:absolute;bottom:.5rem;right:.6rem;font-family:var(--mono);font-size:.72rem;color:#fff;background:#0000008c;padding:.1rem .45rem;border-radius:3px}.pill{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;background:#ffffff05}.pill.zone-0{color:var(--zone-0)}.pill.zone-1{color:var(--zone-1)}.pill.zone-2{color:var(--zone-2)}.pill.zone-3{color:var(--zone-3)}.pill.zone-4{color:var(--zone-4)}.rarity{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .5rem;border-radius:3px}.rarity.common{color:var(--rarity-common);border:1px solid var(--rarity-common)}.rarity.uncommon{color:var(--rarity-uncommon);border:1px solid var(--rarity-uncommon)}.rarity.rare{color:var(--rarity-rare);border:1px solid var(--rarity-rare)}.rarity.legendary{color:var(--rarity-legendary);border:1px solid var(--rarity-legendary)}.prose{max-width:740px}.prose h1{margin-top:0}@media (max-width: 640px){h1{font-size:1.75rem}.hero h1{font-size:2rem}.hero{padding:2.5rem 1rem 2rem}.nav{font-size:.82rem;gap:.8rem}}