.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"steps steps" "board rail";gap:var(--space-lg);align-items:start}.game-steps{grid-area:steps}.game-center{grid-area:board}.panel-right{grid-area:rail}.panel-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-command-navy);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-strategic-amber)}.instruction-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.instruction-step{display:flex;gap:var(--space-sm);align-items:flex-start}.step-number{flex-shrink:0;width:28px;height:28px;background-color:var(--color-strategic-amber);color:var(--color-intelligence-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.instruction-step p{margin:0;line-height:var(--leading-relaxed)}.ball-swatch{position:relative;display:inline-block;flex-shrink:0;width:18px;height:18px;border-radius:4px;background:var(--bayes-felt-start);vertical-align:-4px}.ball-swatch:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--swatch-colour);box-shadow:0 0 0 1px var(--bayes-ball-border)}.ball-swatch--left{--swatch-colour: var(--bayes-ball-left)}.ball-swatch--right{--swatch-colour: var(--bayes-ball-right)}.ball-swatch--forecast:after{inset:2px auto 2px 8px;width:0;border-radius:0;background:none;box-shadow:none;border-left:2px dashed var(--bayes-forecast)}.key-insight{background:linear-gradient(135deg,#f4a9001a,#f4a9000d);border:1px solid var(--color-strategic-amber);border-radius:var(--border-radius);padding:var(--space-md)}.key-insight h3{color:var(--color-command-navy);font-size:var(--text-base);margin-bottom:var(--space-sm)}.key-insight p{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.forecast-log-section{margin-top:var(--space-xl)}.log-table-wrap{margin-top:var(--space-md);overflow-y:auto;max-height:300px;border:1px solid rgba(139,157,195,.2);border-radius:var(--border-radius)}.log-table-wrap{overflow-x:auto;position:relative}.log-table-wrap:before,.log-table-wrap:after{content:"";position:sticky;top:0;width:18px;height:100%;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.log-table-wrap:before{left:0;background:linear-gradient(90deg,#0a246326,#0a246300)}.log-table-wrap:after{right:0;background:linear-gradient(270deg,#0a246326,#0a246300)}.log-table-wrap.is-scroll-left:before{opacity:1}.log-table-wrap.is-scroll-right:after{opacity:1}.scroll-hint{display:none;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-cipher-silver)}.forecast-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-mono)}.forecast-table thead th{position:sticky;top:0;background-color:var(--color-command-navy);color:var(--color-intelligence-white);font-weight:var(--font-semibold);padding:var(--space-sm);text-align:left;z-index:1}.forecast-table tbody td{padding:var(--space-sm);border-bottom:1px solid rgba(139,157,195,.1)}@media (hover: hover){.forecast-table tbody tr:hover{background-color:#00b4d80d}}.forecast-table .empty-state td{text-align:center;color:var(--color-cipher-silver);padding:var(--space-lg);font-family:var(--font-body)}.game-center{display:flex;flex-direction:column;gap:var(--space-lg)}.table-container{position:relative;text-align:center}.table-stage{position:relative}#simulation{--bayes-felt-start: #1a7f3a;--bayes-felt-end: #10632b;--bayes-wood: #5a3d2b;--bayes-rail: #3b2a12;--bayes-ball-left: #e69f00;--bayes-ball-right: #0072b2;--bayes-cue-ball: #f8fafc;--bayes-forecast: #f8fafc;--bayes-forecast-preview: #f8fafc;--bayes-ball-highlight: rgba(255, 255, 255, .4);--bayes-ball-highlight-clear: rgba(255, 255, 255, 0);--bayes-ball-border: rgba(255, 255, 255, .85);--bayes-toggle-on-hover: #0f9e6f}body.dark-mode #simulation{--bayes-ball-right: #3a8fd8}#billiardsTable{--bayes-table-wood-shadow: #7a5b2a;--bayes-table-rail-shadow: #3b2a12;--bayes-table-shadow-color: rgba(0, 0, 0, .15);--bayes-table-shadow-outer: 10px;--bayes-table-shadow-inner: 20px;--bayes-table-shadow-lift: 8px;--bayes-table-shadow-blur: 20px;width:100%;max-width:100%;height:auto;border-radius:var(--border-radius-lg);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 var(--bayes-table-shadow-outer) var(--bayes-table-wood-shadow),inset 0 0 0 var(--bayes-table-shadow-inner) var(--bayes-table-rail-shadow),0 var(--bayes-table-shadow-lift) var(--bayes-table-shadow-blur) var(--bayes-table-shadow-color);-webkit-user-select:none;user-select:none}#billiardsTable:focus-visible{outline:2px solid var(--color-strategic-amber);outline-offset:2px}.table-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(139,157,195,.2)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-strategic-graphite)}.table-status{margin-top:var(--space-md);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-command-navy);min-height:24px}.control-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.control-bar .btn{flex:0 0 auto}.btn-icon{margin-right:var(--space-xs)}.btn.toggle.on{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-intelligence-white)}@media (hover: hover){.btn.toggle.on:hover{background-color:var(--bayes-toggle-on-hover);border-color:var(--bayes-toggle-on-hover)}}.current-forecast-section{margin-bottom:var(--space-xl)}.forecast-display{background-color:#00b4d80d;border:1px solid var(--color-strategic-amber);border-radius:var(--border-radius);padding:var(--space-md);min-height:80px}.empty-state-text{color:var(--color-cipher-silver);font-size:var(--text-sm);text-align:center;margin:0}.forecast-info{display:flex;flex-direction:column;gap:var(--space-sm)}.forecast-item{display:flex;justify-content:space-between;align-items:center}.forecast-explain{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-strategic-graphite)}.forecast-label{font-size:var(--text-sm);color:var(--color-strategic-graphite)}.forecast-value{font-family:var(--font-mono);font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-command-navy)}.forecast-value.error{color:var(--color-error)}.forecast-value.accuracy{color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.stat-item{min-width:0;text-align:center;padding:var(--space-md) var(--space-sm);background-color:#8b9dc314;border-radius:var(--border-radius)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-strategic-amber);font-family:var(--font-display);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-xs);color:var(--color-cipher-silver);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold)}.stat-note{margin:var(--space-sm) 0 0;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-ink-muted)}.game-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-lg);align-items:start}.bayesian-connection h3{font-size:var(--text-base);color:var(--color-command-navy);margin-bottom:var(--space-md)}.connection-steps{display:flex;flex-direction:column;gap:var(--space-sm)}.connection-item{padding:var(--space-sm);background-color:#00b4d80d;border-left:3px solid var(--color-strategic-amber);border-radius:var(--border-radius);font-size:var(--text-sm);line-height:var(--leading-normal)}.formula-box{background-color:var(--color-intelligence-white);border:var(--border-width) solid var(--color-cipher-silver);padding:var(--space-lg);border-radius:var(--border-radius);margin:var(--space-lg) 0;overflow-x:auto}body .formula-box code{background-color:transparent;color:var(--color-strategic-amber-dark);font-family:var(--font-mono);font-size:var(--text-base);padding:0}.parallel-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin:var(--space-xl) 0}.comparison-column{background-color:var(--color-intelligence-white);border:2px solid rgba(139,157,195,.3);border-radius:var(--border-radius);padding:var(--space-lg)}.comparison-column h4{color:var(--color-command-navy);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-strategic-amber)}.comparison-column ul{list-style:none;padding:0}.comparison-column li{padding:var(--space-sm) 0;line-height:var(--leading-relaxed)}.cyber-calculation{margin-top:var(--space-lg);padding:var(--space-lg);background-color:var(--color-intelligence-white);border-radius:var(--border-radius)}.cyber-calculation code{display:block;font-family:var(--font-mono);background-color:#0a24630d;padding:var(--space-sm);border-radius:var(--border-radius);margin:var(--space-xs) 0}.insight-highlight{background-color:#00b4d81a;border-left:4px solid var(--color-strategic-amber);padding:var(--space-md);margin-top:var(--space-lg);border-radius:var(--border-radius)}.insight-highlight p{margin:0;line-height:var(--leading-relaxed)}@media (max-width: 1023px){.game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps" "board" "rail";gap:var(--space-lg)}.instruction-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.parallel-comparison{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}}@media (max-width: 767px){.scroll-hint{display:block}.header-content{flex-direction:column;gap:var(--space-sm)}.header-left,.header-right{flex:1;width:100%;text-align:center}#billiardsTable{max-width:100%;height:auto}.control-bar{flex-direction:column}.control-bar .btn{width:100%;white-space:normal}.table-legend{flex-direction:column;align-items:center;gap:var(--space-sm)}.instruction-steps,.game-notes{grid-template-columns:minmax(0,1fr)}}