:root{--bg: #0d0f14;--bg-surface: #141720;--bg-card: #1a1e2a;--bg-inset: #0a0c10;--text-primary: #e8e4d9;--text-secondary: #9b96a8;--text-muted: #5a5568;--roundel-red: #e3000f;--roundel-navy: #003b8e;--accent-gold: #f5c842;--accent-teal: #00a499;--accent-violet: #9b59b6;--accent-cerulean:#0098d4;--accent-green: #00883c;--accent-orange: #ee7c0e;--accent-pink: #d7336d;--line-width: 6px;--station-r: 9px;--border: rgba(255,255,255,.07);--font-display: "Playfair Display", Georgia, serif;--font-body: "Raleway", sans-serif;--font-mono: "DM Mono", monospace;--shadow-card: 0 4px 32px rgba(0,0,0,.5);--transition: .25s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-body);font-size:16px;line-height:1.7;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg: #f0ede6;--bg-surface: #e8e4dc;--bg-card: #faf9f6;--bg-inset: #ddd9d0;--text-primary: #141720;--text-secondary: #4a4658;--text-muted: #9b96a8;--border: rgba(0,0,0,.09);--shadow-card: 0 4px 24px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.7;min-height:100vh;transition:background var(--transition),color var(--transition)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.35}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--roundel-navy);border-radius:3px}.page-wrapper{max-width:960px;margin:0 auto;padding:0 2rem 6rem}.mode-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:2rem;padding:.4rem 1rem;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition);display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-card)}.mode-toggle:hover{color:var(--text-primary);border-color:var(--roundel-red)}.mode-toggle .icon{font-size:1rem}.hero{padding:5rem 0 3rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:-2rem;right:-2rem;bottom:1.5rem;height:var(--line-width);background:linear-gradient(90deg,var(--roundel-red) 0%,var(--roundel-red) 30%,var(--accent-cerulean) 30%,var(--accent-cerulean) 55%,var(--accent-teal) 55%,var(--accent-teal) 78%,var(--accent-gold) 78%);border-radius:3px;opacity:.7}.hero-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--roundel-red);margin-bottom:1.2rem;display:flex;align-items:center;gap:.75rem}.hero-eyebrow:before{content:"";display:inline-block;width:2rem;height:2px;background:var(--roundel-red)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:.6rem;color:var(--text-primary)}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);font-weight:300;max-width:520px;margin-top:1rem;letter-spacing:.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero>*{animation:fadeInUp .6s ease both}.hero-eyebrow{animation-delay:.05s}.hero-title{animation-delay:.15s}.hero-subtitle{animation-delay:.25s}hr.tube-line{border:none;height:var(--line-width);border-radius:3px;margin:0 0 2rem}hr.tube-line.red{background:var(--roundel-red)}hr.tube-line.navy{background:var(--roundel-navy)}hr.tube-line.teal{background:var(--accent-teal)}hr.tube-line.cerulean{background:var(--accent-cerulean)}hr.tube-line.gold{background:var(--accent-gold)}hr.tube-line.violet{background:var(--accent-violet)}hr.tube-line.green{background:var(--accent-green)}hr.tube-line.orange{background:var(--accent-orange)}hr.tube-line.pink{background:var(--accent-pink)}.page-section{margin-top:4rem}.section-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem}.section-number{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--roundel-red);color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0}h2.section-heading{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;margin-bottom:1.5rem;color:var(--text-primary)}.status{color:var(--text-secondary);font-size:.95rem}.status.error{color:var(--roundel-red)}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;list-style:none;padding:0}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.4rem 1.5rem;box-shadow:var(--shadow-card);transition:transform var(--transition),border-color var(--transition);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--text-primary)}.game-card:hover{transform:translateY(-2px);border-color:var(--roundel-red)}.game-card-icon{font-size:1.4rem;margin-bottom:.6rem}.game-card-title{font-weight:700;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin-bottom:.3rem}.game-card-sub{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.back-button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:2rem;padding:.4rem 1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.back-button:hover{color:var(--text-primary);border-color:var(--roundel-red)}.detail-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:.5rem}.detail-table th{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);text-align:left;padding:.5rem 1rem .5rem 0;border-bottom:1px solid var(--border)}.detail-table td{padding:.65rem 1rem .65rem 0;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:top}.detail-table td:first-child{color:var(--text-primary);font-weight:600}.detail-table tr:last-child td{border-bottom:none}.hazard-position-cell{position:relative;top:-2px}.hazard-position-bar{width:80px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;cursor:default;display:inline-block}.hazard-position-fill{height:100%;background:var(--accent-gold);border-radius:3px}code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;padding:.1em .4em;color:var(--accent-teal)}.graph-container{margin-bottom:1rem;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-inset)}.graph-toolbar{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;padding:.35rem .5rem}.graph-spread-label{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.graph-spread-slider{width:90px;accent-color:var(--roundel-red);cursor:pointer}.graph-spread-value{min-width:3ch;text-align:right}.graph-reset-btn{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .55rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.graph-reset-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.graph-container svg{display:block;--graph-node-fill: var(--bg-card);--graph-node-stroke: var(--text-muted);--graph-label-fill: var(--text-primary)}.graph-container svg *{transition:opacity .15s}.graph-legend{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--bg-surface)}.graph-legend-item{display:flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.app-footer{margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-roundel{position:relative;width:32px;height:32px;flex-shrink:0}.footer-roundel .r-circle{width:32px;height:32px;border-radius:50%;border:4px solid var(--roundel-red);background:transparent;position:absolute;left:0;top:0}.footer-roundel .r-bar{position:absolute;left:-2px;right:-2px;top:50%;transform:translateY(-50%);height:9px;background:var(--roundel-red)}.footer-text{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}@media(max-width:640px){.page-wrapper{padding:0 1rem 4rem}.hero-title{font-size:2.8rem}.game-card-grid{grid-template-columns:1fr 1fr}}.app-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:2rem 2rem 1.5rem;background:linear-gradient(120deg,hsl(var(--accent) / .35),hsl(var(--secondary) / .5));border-bottom:1px solid hsl(var(--border))}.kicker{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--primary))}h1{margin:.35rem 0 .5rem;font-size:2rem;color:hsl(var(--foreground))}.subtitle{margin:0;color:hsl(var(--muted-foreground))}.games-panel{padding:1.5rem 2rem 2rem}.status{margin:0;color:hsl(var(--muted-foreground))}.status.error{color:hsl(var(--destructive))}.game-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.pill{display:block;width:100%;border-radius:999px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--secondary-foreground));text-align:center;padding:.45rem .75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-size:inherit;font-family:inherit;transition:background .15s}.pill:hover:not(:disabled){background:hsl(var(--accent));border-color:hsl(var(--primary) / .4)}.pill:disabled{opacity:.5;cursor:default}.header-actions{display:flex;align-items:center;gap:.5rem}.back-button{border:1px solid hsl(var(--border));background:hsl(var(--background) / .9);color:hsl(var(--foreground));border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.back-button:hover{background:hsl(var(--accent))}.section-heading{margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em}.section-heading:first-child{margin-top:0}.detail-table{width:100%;border-collapse:collapse;font-size:.9rem}.detail-table th,.detail-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid hsl(var(--border))}.detail-table th{font-weight:600;color:hsl(var(--muted-foreground));font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.detail-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em}.graph-container{margin-bottom:.5rem;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden;background:hsl(var(--muted) / .4)}.graph-container svg{display:block;--graph-node-fill: hsl(var(--secondary));--graph-node-stroke: hsl(var(--border));--graph-label-fill: hsl(var(--foreground))}.graph-legend{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem .75rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.graph-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:hsl(var(--muted-foreground));text-transform:capitalize}.graph-legend-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.app-footer{border-top:1px solid hsl(var(--border));padding:.9rem 1.25rem;display:flex;align-items:center;gap:.5rem;background:hsl(var(--muted) / .6);color:hsl(var(--muted-foreground))}.app-footer code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:hsl(var(--foreground));font-size:.9rem}.mode-toggle{border:1px solid hsl(var(--border));background:hsl(var(--background) / .9);color:hsl(var(--foreground));border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.mode-toggle:hover{background:hsl(var(--accent))}@media(max-width:640px){.app-shell{margin:1.25rem auto}.app-header,.games-panel{padding-inline:1rem}h1{font-size:1.6rem}.game-list{grid-template-columns:1fr}}