.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip{color:#fff;word-wrap:break-word;z-index:10000;pointer-events:none;white-space:normal;background:#000000e6;border-radius:4px;width:max-content;max-width:500px;padding:6px 10px;font-size:12px;line-height:1.4;animation:.15s ease-out tooltip-fade-in;position:absolute;box-shadow:0 2px 8px #0000004d}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{border-width:6px 6px 0;border-color:#000000e6 #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{border-width:0 6px 6px;border-color:#0000 #0000 #000000e6;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-width:6px 0 6px 6px;border-color:#0000 #0000 #0000 #000000e6;top:50%;left:100%;transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip-right .tooltip-arrow{border-width:6px 6px 6px 0;border-color:#0000 #000000e6 #0000 #0000;top:50%;right:100%;transform:translateY(-50%)}.field-tooltip-icon{color:var(--primary-color,#059669);cursor:help;vertical-align:middle;justify-content:center;align-items:center;margin-left:4px;transition:all .2s;display:inline-flex}.field-tooltip-icon:hover{color:var(--primary-hover,#047857);transform:scale(1.1)}.field-tooltip-icon svg{display:block}@media (max-width:768px){.tooltip{max-width:400px;font-size:12px}}@media (max-width:480px){.tooltip{max-width:300px;font-size:11px}}:root{--primary-color:#059669;--success-color:#10b981;--success-hover:#059669;--info-color:#06b6d4;--info-hover:#0891b2;--secondary-color:#f3f4f6;--secondary-hover:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#d1d5db;--border-light:#e5e7eb;--input-bg:#fff;--disabled-bg:#f3f4f6;--disabled-thumb:#9ca3af;--range-bg:#e5e7eb;--description-bg:#f8fafc;--panel-bg:#fff;--panel-header-bg:#f8fafc;--preset-bg:#f9fafb;--preset-hover:#f3f4f6}.parameter-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.panel-header{background:var(--panel-header-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.panel-actions{gap:8px;display:flex}.panel-content{padding:12px}.parameter-section{border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:12px}.parameter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.parameter-section h3{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:600}.parameter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.parameter-item{flex-direction:column;gap:6px;display:flex}.parameter-item.full-width{grid-column:1/-1}.parameter-item label{color:var(--text-primary);font-size:13px;font-weight:500}.parameter-input,.parameter-select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:4px;padding:6px 10px;font-size:13px;transition:all .2s}.parameter-input:focus,.parameter-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0596691a}.parameter-input:disabled,.parameter-select:disabled{background:var(--disabled-bg);cursor:not-allowed}.parameter-range{background:var(--range-bg);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px;margin:6px 0}.parameter-range::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.parameter-range::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.parameter-range:disabled{background:var(--disabled-bg)}.parameter-range:disabled::-webkit-slider-thumb{background:var(--disabled-thumb)}.range-value{text-align:center;color:var(--primary-color);font-size:12px;font-weight:600}.parameter-help{color:var(--text-secondary);margin-top:2px;font-size:11px}.parameter-description{color:var(--text-secondary);background:var(--description-bg);border-left:3px solid var(--primary-color);border-radius:4px;margin-top:6px;padding:6px 10px;font-size:12px}.apply-button{background:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.apply-button:hover{background:var(--success-hover);transform:translateY(-1px)}.apply-button:disabled{background:var(--disabled-bg);cursor:not-allowed;transform:none}.reset-button{background:var(--secondary-color);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.reset-button:hover{background:var(--secondary-hover);transform:translateY(-1px)}.reset-button:disabled{background:var(--disabled-bg);cursor:not-allowed;transform:none}.parameter-actions{margin-top:10px}.generate-seed-button{background:var(--info-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.generate-seed-button:hover{background:var(--info-hover);transform:translateY(-1px)}.generate-seed-button:disabled{background:var(--disabled-bg);cursor:not-allowed;transform:none}.preset-buttons{flex-wrap:wrap;gap:10px;display:flex}.preset-button{background:var(--preset-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex:1;min-width:120px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.preset-button:hover{background:var(--preset-hover);transform:translateY(-1px)}.preset-button:disabled{background:var(--disabled-bg);cursor:not-allowed;transform:none}.simulation-config{background:var(--config-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;padding:10px}.simulation-config h3{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:14px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.config-item{flex-direction:column;gap:4px;display:flex}.config-item label{color:var(--text-primary);font-size:12px;font-weight:500}.config-item input,.config-item select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:4px;padding:5px 8px;font-size:12px;transition:border-color .2s}.config-item input:focus,.config-item select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #0596691a}.config-item input:disabled,.config-item select:disabled{background:var(--disabled-bg);cursor:not-allowed}.simulation-controls{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.control-button{cursor:pointer;border:none;border-radius:4px;min-width:65px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.control-button.start{background:var(--success-color);color:#fff}.control-button.start:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px)}.control-button.pause{background:var(--warning-color);color:#fff}.control-button.pause:hover:not(:disabled){background:var(--warning-hover);transform:translateY(-1px)}.control-button.stop{background:var(--error-color);color:#fff}.control-button.stop:hover:not(:disabled){background:var(--error-hover);transform:translateY(-1px)}.control-button.reset{background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color)}.control-button.reset:hover:not(:disabled){background:var(--button-hover-bg);transform:translateY(-1px)}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-container{background:var(--progress-bg);border:1px solid var(--border-color);border-radius:4px;margin:10px 0;padding:6px}.progress-bar{background:var(--progress-track);border-radius:7px;width:100%;height:14px;margin-bottom:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:7px;height:100%;transition:width .3s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;color:var(--text-secondary);margin-bottom:4px;font-size:11px}.progress-stats{color:var(--text-secondary);justify-content:space-between;font-size:10px;display:flex}.auto-simulation{background:var(--bg-secondary);border-radius:6px;padding:10px;box-shadow:0 1px 4px #00000014}.auto-simulation h2{color:var(--text-primary);text-align:center;margin-bottom:10px}.simulation-results{background:var(--results-bg);border:1px solid var(--border-color);border-radius:6px;padding:10px}.simulation-results h3{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.strategy-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:10px;box-shadow:0 1px 2px #0000000a}.strategy-card h4{color:var(--text-primary);text-align:center;border-bottom:2px solid var(--border-color);margin-bottom:10px;padding-bottom:8px;font-size:14px}.stat-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-value{color:var(--text-primary);font-size:13px;font-weight:600}.stat-value.highlight{color:var(--primary-color);font-size:14px}.danger-button{background:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.danger-button:hover{background:var(--danger-hover);transform:translateY(-1px)}:root{--primary-color:#059669;--primary-hover:#047857;--primary-light:#10b981;--secondary-color:#f3f4f6;--secondary-hover:#e5e7eb;--danger-color:#ef4444;--danger-hover:#dc2626;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#d1d5db;--border-light:#e5e7eb;--input-bg:#fff;--disabled-bg:#f3f4f6;--config-bg:#f8fafc;--progress-bg:#e5e7eb;--results-bg:#f8fafc;--card-bg:#fff;--bg-secondary:#fff}.manual-game{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.manual-game h2{color:var(--text-primary);text-align:center;margin-bottom:20px}.game-message{text-align:center;color:var(--text-secondary);min-height:24px;margin-bottom:20px;font-size:18px;font-weight:500}.doors-container{flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;display:flex}.door{border:3px solid var(--border-color);background:linear-gradient(135deg,var(--door-bg-start),var(--door-bg-end));cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:150px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.door:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.door.selected{border-color:var(--primary-color);box-shadow:0 0 20px #05966980}.door.opened{background:var(--opened-door-bg);cursor:not-allowed;opacity:.7}.door.revealed{background:var(--revealed-door-bg);cursor:not-allowed}.door-number{color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:700}.door-content{margin:10px 0;font-size:40px}.selection-indicator{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.game-controls{justify-content:center;gap:15px;margin:20px 0;display:flex}.switch-decision{gap:20px;display:flex}.primary-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{background:var(--secondary-color);color:var(--text-primary);border:2px solid var(--border-color);cursor:pointer;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.secondary-button:hover{background:var(--secondary-hover);transform:translateY(-1px)}.game-info{background:var(--info-bg);border-left:4px solid var(--info-border);border-radius:8px;margin-top:20px;padding:15px}.game-info p{color:var(--text-secondary);margin:5px 0;font-size:14px}:root{--primary-color:#059669;--primary-hover:#047857;--secondary-color:#f3f4f6;--secondary-hover:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#d1d5db;--door-bg-start:#059669;--door-bg-end:#047857;--opened-door-bg:#f9fafb;--revealed-door-bg:#fef3c7;--info-bg:#f0f9ff;--info-border:#0ea5e9;--bg-secondary:#fff}@media (prefers-reduced-motion:reduce){.door,.primary-button,.secondary-button{transition:none}}.statistics-charts{background:var(--bg-secondary);border-radius:6px;margin-top:12px;padding:12px;box-shadow:0 2px 8px #0000001a}.statistics-charts h2{color:var(--text-primary);text-align:center;margin-bottom:12px;font-size:18px;font-weight:600}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:12px;display:grid}.chart-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px;box-shadow:0 2px 4px #0000000d}.chart-container.full-width{grid-column:1/-1;min-width:100%}.chart-container h3{color:var(--text-primary);text-align:center;margin-bottom:10px;font-size:15px;font-weight:600}.custom-tooltip{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:4px;padding:8px;box-shadow:0 4px 12px #00000026}.tooltip-label{color:var(--text-primary);margin-bottom:6px;font-size:12px;font-weight:600}.tooltip-item{margin:3px 0;font-size:11px;font-weight:500}.stats-table{border:1px solid var(--border-color);border-radius:6px;overflow-x:auto}.stats-table table{border-collapse:collapse;background:var(--table-bg);width:100%}.stats-table th,.stats-table td{text-align:center;border-bottom:1px solid var(--border-light);padding:8px 6px}.stats-table th{background:var(--table-header-bg);color:var(--text-primary);font-size:13px;font-weight:600}.stats-table td{color:var(--text-secondary);font-size:12px}.stats-table tr:hover{background:var(--table-hover-bg)}.strategy-name{font-weight:600;color:var(--text-primary)!important}.wins{font-weight:600;color:#10b981!important}.losses{font-weight:600;color:#ef4444!important}.win-rate{font-weight:700;color:var(--primary-color)!important;font-size:13px!important}.std-error,.confidence-interval{font-family:Courier New,monospace;font-size:11px!important}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.chart-container{padding:10px}.stats-table{font-size:11px}.stats-table th,.stats-table td{padding:6px 4px}}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#d1d5db;--border-light:#e5e7eb;--card-bg:#fff;--bg-secondary:#f9fafb;--table-bg:#fff;--table-header-bg:#f8fafc;--table-hover-bg:#f1f5f9;--secondary-color:#f3f4f6;--secondary-hover:#e5e7eb;--bg-primary:#fff;--info-bg:#eff6ff;--info-border:#dbeafe;--success-bg:#f0fdf4;--success-text:#166534;--success-border:#bbf7d0;--error-bg:#fef2f2;--error-text:#dc2626;--error-border:#fecaca}.data-manager{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px;box-shadow:0 4px 6px #0000000d}.data-manager-header{margin-bottom:12px}.data-manager-header h3{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.data-manager-description{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.data-manager-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.action-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px}.action-group h4{color:var(--text-primary);margin:0 0 8px;font-size:13px;font-weight:600}.button-group{flex-direction:column;gap:6px;display:flex}.data-button{cursor:pointer;text-align:left;border:none;border-radius:4px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.data-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.data-button:hover:before{left:100%}.data-button.primary{background:var(--primary-color);color:#fff}.data-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.data-button.secondary{background:var(--secondary-color);color:var(--text-primary);border:1px solid var(--border-color)}.data-button.secondary:hover{background:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.data-button:focus{outline:none;box-shadow:0 0 0 3px #0596694d}.import-message{border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s slideIn}.import-message.success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.import-message.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-manager-info{background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;padding:16px}.data-manager-info h4{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.format-info{flex-direction:column;gap:12px;display:flex}.format-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px}.format-item strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.format-item p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}@media (max-width:768px){.data-manager-actions{grid-template-columns:1fr;gap:16px}.button-group{flex-flow:wrap}.data-button{flex:1;min-width:120px}}.theme-switcher{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d}.theme-switcher-title{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.theme-options{flex-direction:column;gap:8px;display:flex}.theme-option{border:2px solid var(--border-color);background:var(--button-bg);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex;position:relative}.theme-option:hover{border-color:var(--primary-color);background:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.theme-option.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #0596694d}.theme-option:focus{outline:none;box-shadow:0 0 0 3px #0596694d}.theme-icon{flex-shrink:0;font-size:20px;line-height:1}.theme-label{flex:1;font-size:14px;font-weight:500}.theme-check{color:currentColor;flex-shrink:0;font-size:16px;font-weight:700}@media (max-width:768px){.theme-switcher{padding:16px}.theme-option{gap:10px;padding:10px 12px}.theme-icon{font-size:18px}.theme-label{font-size:13px}}.dark .theme-option{background:var(--button-bg);color:var(--text-primary)}.dark .theme-option:hover{background:var(--button-hover)}.dark .theme-option.active{background:var(--primary-color);color:#fff}@media (prefers-reduced-motion:reduce){.theme-option{transition:none}.theme-option:hover{transform:none}}@media (prefers-contrast:high){.theme-option{border-width:3px}.theme-option.active{border-width:4px}}.language-switcher{background:var(--switcher-bg);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:4px;display:flex}.language-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.language-button:hover{background:var(--button-hover);color:var(--text-primary)}.language-button.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0000001a}.language-button.active:hover{background:var(--primary-hover)}.language-button:focus{outline:none;box-shadow:0 0 0 3px #0596694d}:root{--primary-color:#059669;--primary-hover:#047857;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#d1d5db;--switcher-bg:#f9fafb;--button-hover:#f3f4f6}.settings{max-width:800px;margin:0 auto;padding:24px}.settings-header{text-align:center;margin-bottom:40px}.settings-header h1{color:var(--text-primary);margin:0 0 12px;font-size:32px;font-weight:700}.settings-description{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}.settings-content{flex-direction:column;gap:24px;display:flex}.settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d}.settings-section h2{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:600}.settings-item{margin-top:16px}.accessibility-info{background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;padding:20px}.accessibility-info h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.accessibility-list{color:var(--text-secondary);margin:0;padding-left:20px}.accessibility-list li{margin-bottom:8px;line-height:1.5}.shortcuts-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.shortcuts-info h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.shortcut-item{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;display:flex}.shortcut-item:last-child{margin-bottom:0}kbd{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;border-radius:4px;padding:4px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.settings{padding:16px}.settings-header h1{font-size:28px}.settings-section{padding:20px}.settings-section h2{font-size:18px}}.dark .settings-section{background:var(--card-bg);border-color:var(--border-color)}.dark .accessibility-info{background:var(--info-bg);border-color:var(--info-border)}.dark .shortcuts-info{background:var(--bg-secondary);border-color:var(--border-color)}.dark kbd{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.settings-section{transition:none}}@media (prefers-contrast:high){.settings-section,.accessibility-info,.shortcuts-info{border-width:2px}}.introduction{background:linear-gradient(135deg,#f8fafc 0%,#e0f2f1 100%);width:100%;min-height:calc(100vh - 120px);padding:2rem 1rem}.introduction-container{background:#fff;border-radius:12px;max-width:900px;margin:0 auto;padding:3rem 2.5rem;box-shadow:0 4px 20px #0000001a}.intro-hero{text-align:center;border-bottom:3px solid var(--primary-color,#059669);margin-bottom:2.5rem;padding-bottom:2rem}.intro-hero h1{color:var(--text-primary,#1f2937);margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.intro-subtitle{color:var(--text-secondary,#6b7280);margin:0;font-size:1.2rem;font-weight:400}.intro-section{margin-bottom:3.5rem}.intro-section h2{color:var(--text-primary,#1f2937);margin:0 0 1rem;padding-left:1rem;font-size:1.8rem;font-weight:600;position:relative}.intro-section h2:before{content:"";background:var(--primary-color,#059669);border-radius:2px;width:4px;height:1.5rem;position:absolute;top:.3rem;left:0}.intro-section h3{color:var(--text-primary,#1f2937);margin:1.5rem 0 .8rem;font-size:1.3rem;font-weight:600}.intro-section p{color:var(--text-secondary,#4b5563);margin:0 0 1rem;font-size:1.05rem;line-height:1.8}.intro-section ul,.intro-section ol{color:var(--text-secondary,#4b5563);margin:1rem 0;padding-left:2rem;font-size:1.05rem;line-height:1.8}.intro-section li{margin-bottom:.8rem}.problem-description{border-left:4px solid var(--primary-color,#059669);background:#f0fdfa;border-radius:12px;margin:2rem 0;padding:2.5rem}.problem-question{text-align:center;background:#fff;border-radius:6px;margin-top:1.5rem;padding:1rem;font-size:1.1rem}.answer-highlight{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;margin:2rem 0;padding:2rem;font-size:1.2rem;box-shadow:0 4px 12px #0596694d}.probability-analysis{background:#fefce8;border-left:4px solid #eab308;border-radius:12px;margin:2rem 0;padding:2.5rem}.probability-analysis ul li{background:#fff;border-left:4px solid #eab308;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.conclusion{text-align:center;color:var(--primary-color,#059669);background:#fff;border-radius:6px;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:600}.key-insights{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-top:2.5rem;display:grid}.insight-card{background:linear-gradient(135deg,#f0fdfa 0%,#ecfdf5 100%);border:2px solid #a7f3d0;border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966926}.insight-card h3{color:var(--primary-color,#059669);margin:0 0 .8rem;font-size:1.2rem}.insight-card p{margin:0;font-size:.95rem;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border:2px solid #c4b5fd;border-radius:12px;padding:2rem}.cta-section h2{color:#7c3aed}.cta-section h2:before{background:#7c3aed}.cta-text{color:#7c3aed;margin-top:1rem;font-size:1.15rem;font-weight:600}.illustration-svg{width:100%;max-width:600px;height:auto;margin:2rem auto;display:block}.door-group{cursor:pointer;transition:transform .2s}.door-group:hover{transform:translateY(-3px)}.game-steps-visual{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin:3rem 0;display:grid}.step-visual{background:#fff;border:2px solid #d1fae5;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014}.step-visual h4{color:#059669;text-align:center;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.step-visual svg{width:100%;height:auto}.probability-tree{background:#fff;border-radius:8px;width:100%;max-width:800px;height:auto;margin:2rem auto;padding:1.5rem;display:block;box-shadow:0 2px 12px #00000014}.intuition-box{background:#fff7ed;border:2px dashed #fb923c;border-radius:8px;margin:1rem 0;padding:1.5rem}.intuition-text{color:#9a3412;margin:0;font-size:1.1rem;font-style:italic}.answer-explanation{background:#f0fdf4;border-left:4px solid #10b981;border-radius:6px;margin:1rem 0;padding:1rem;font-size:1.05rem}.strategy-explanation{background:#fff;border-radius:6px;margin:1rem 0;padding:1rem;font-size:1.05rem}.scenarios-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin:2.5rem 0;display:grid}.scenario-card{border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.scenario-card.scenario-win{border:2px solid #10b981}.scenario-card.scenario-lose{border:2px solid #dc2626}.scenario-header{text-align:center;color:#fff;padding:1rem;font-size:1rem;font-weight:600}.scenario-win .scenario-header{background:linear-gradient(135deg,#10b981,#059669)}.scenario-lose .scenario-header{background:linear-gradient(135deg,#dc2626,#991b1b)}.scenario-body{background:#fff;padding:2rem}.scenario-body p{margin:.5rem 0;font-size:.95rem;line-height:1.6}.scenario-result{text-align:center;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:1.1rem;font-weight:700}.scenario-result.win{color:#065f46;background:#d1fae5}.scenario-result.lose{color:#991b1b;background:#fee2e2}.history-story{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:8px;padding:1.5rem}.history-story p{margin:.8rem 0}.story-conflict{background:#fee2e2;border-left:3px solid #dc2626;border-radius:6px;padding:1rem;font-weight:500}.story-lesson{background:#ecfdf5;border-left:3px solid #10b981;border-radius:6px;margin-top:1rem;padding:1rem;font-weight:500}.cta-intro{margin-bottom:1.5rem;font-size:1.1rem}.cta-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;margin:3rem 0;display:grid}.cta-feature{text-align:center;background:#fff;border:2px solid #c4b5fd;border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s}.cta-feature:hover{transform:translateY(-3px);box-shadow:0 6px 16px #7c3aed33}.feature-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.cta-feature p{color:#374151;text-align:center;margin:0;font-size:.95rem}.probability-comparison{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:3rem 0;padding:3rem}.probability-comparison h3{text-align:center;color:#1f2937;margin-bottom:2rem;font-size:1.5rem}.comparison-container{flex-direction:column;gap:3rem;display:flex}.strategy-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;display:grid}.strategy-card{background:#fff;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #0000001a}.strategy-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.strategy-card.switch{border:3px solid #10b981}.strategy-card.no-switch{border:3px solid #dc2626}.strategy-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.strategy-icon{font-size:1.5rem}.strategy-header h4{color:#1f2937;margin:0;font-size:1.2rem}.probability-bar{background:#e5e7eb;border-radius:15px;height:30px;margin:1rem 0;position:relative;overflow:hidden}.bar-fill{border-radius:15px;height:100%;transition:width .8s;position:relative}.strategy-card.switch .bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.strategy-card.no-switch .bar-fill{background:linear-gradient(90deg,#dc2626,#991b1b)}.bar-label{color:#fff;font-size:1rem;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.strategy-desc{text-align:center;color:#6b7280;margin:.5rem 0;font-size:1rem}.win-scenario{color:#374151;background:#f9fafb;border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.5}.versus-divider{justify-content:center;align-items:center;display:flex}.vs-text{color:#fff;background:#374151;border-radius:50%;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.key-insight{margin-top:1rem}.insight-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:5px solid #f59e0b;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.insight-icon{flex-shrink:0;font-size:2rem}.insight-text{color:#92400e;font-size:1.1rem;line-height:1.6}.probability-pie-charts{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin:3rem 0;padding:3rem;box-shadow:0 4px 12px #0000001a}.probability-pie-charts h3{text-align:center;color:#1f2937;margin-bottom:2rem;font-size:1.5rem}.pie-charts-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem;display:grid}.pie-chart-wrapper{text-align:center}.pie-chart-wrapper h4{color:#374151;margin-bottom:1rem;font-size:1.2rem}.pie-chart{width:200px;height:200px;margin:0 auto 1rem;display:block}.pie-legend{flex-direction:column;align-items:center;gap:.5rem;display:flex}.legend-item{color:#374151;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-color{border-radius:3px;width:16px;height:16px;display:inline-block}.pie-chart-note{text-align:center;color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;margin:1rem 0 0;padding:1rem;font-size:1rem;line-height:1.5}@media (max-width:1200px){.strategy-comparison{grid-template-columns:1fr;gap:1.5rem}.versus-divider{margin:1rem 0;transform:rotate(90deg)}}@media (max-width:768px){.introduction-container{padding:2rem 1.5rem}.intro-hero h1{font-size:2rem}.intro-subtitle{font-size:1rem}.intro-section h2{font-size:1.5rem}.intro-section h3{font-size:1.2rem}.intro-section p,.intro-section ul,.intro-section ol{font-size:1rem}.key-insights,.game-steps-visual,.scenarios-grid,.cta-features{grid-template-columns:1fr}.probability-tree{padding:1rem}}@media (max-width:480px){.introduction{padding:1rem .5rem}.introduction-container{border-radius:8px;padding:1.5rem 1rem}.intro-hero h1{font-size:1.75rem}.illustration-svg{max-width:100%}.step-visual{padding:1rem}.scenario-card{margin-bottom:1rem}.probability-tree{padding:.5rem;font-size:.85rem}}.github-badge{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#24292e 0%,#1a1e22 100%);border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 8px #00000026}.github-badge:hover{background:linear-gradient(135deg,#2ea44f 0%,#22863a 100%);border-color:#2ea44f;transform:translateY(-2px);box-shadow:0 4px 16px #2ea44f4d}.github-badge:active{transform:translateY(0);box-shadow:0 2px 8px #2ea44f33}.github-icon{width:20px;height:20px;transition:transform .3s}.github-badge:hover .github-icon{transform:scale(1.1)}.github-text{letter-spacing:.5px;font-weight:600}@media (max-width:768px){.github-badge{padding:.4rem .8rem;font-size:.8rem;top:15px;right:15px}.github-icon{width:16px;height:16px}.github-text{display:none}}@media (max-width:480px){.github-badge{padding:.3rem .6rem;top:10px;right:10px}.github-icon{width:14px;height:14px}}.app{background:var(--background-color);min-height:100vh;color:var(--text-color);flex-direction:column;display:flex}.skip-link{background:var(--primary-color);color:#fff;z-index:1000;border-radius:0 0 4px;padding:8px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.app-main{box-sizing:border-box;flex:1;width:100%;padding:.6rem}.app-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.6rem;padding:.75rem;transition:all .3s;box-shadow:0 1px 3px #0000000f}.app-section:hover{box-shadow:0 2px 6px #0000001a}.section-title{color:var(--text-primary);border-bottom:2px solid var(--primary-color);margin:0 0 .6rem;padding-bottom:.25rem;font-size:1rem;font-weight:600}.section-content{width:100%}@media (max-width:768px){.app-main{padding:.6rem}.app-section{margin-bottom:.8rem;padding:.75rem}.section-title{font-size:1rem}}@media (max-width:480px){.app-main{padding:.5rem}.app-section{padding:.6rem}.section-title{font-size:.95rem}}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);padding:.375rem 2rem;position:relative}.app-title{color:var(--text-primary);text-align:center;margin:0 0 .375rem;font-size:1.8rem;font-weight:700}.app-nav{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.main-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.sub-nav{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.nav-button{background:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:2.4rem;padding:.45rem .9rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.main-nav-button{background:linear-gradient(135deg,var(--primary-color),#047857);color:#fff;border:none;padding:.6rem 1.2rem;font-size:1.35rem;font-weight:600}.main-nav-button:hover{background:linear-gradient(135deg,#047857,var(--primary-color));transform:translateY(-1px);box-shadow:0 2px 8px #0596694d}.main-nav-button.active{background:linear-gradient(135deg,#065f46,#047857);box-shadow:inset 0 2px 4px #0003}.nav-button:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border);transform:translateY(-1px)}.nav-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nav-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.nav-button:active{transform:translateY(0)}@media (max-width:768px){.app-header{padding:.75rem}.app-title{margin-bottom:.45rem;font-size:1.8rem}.app-nav,.main-nav{gap:1.2rem}.sub-nav{gap:.6rem}.nav-button{min-height:2.7rem;padding:.45rem .9rem;font-size:1.125rem}.main-nav-button{padding:.54rem 1.05rem;font-size:1.2rem}}@media (max-width:480px){.app-header{padding:.6rem}.app-title{font-size:1.65rem}.main-nav,.sub-nav{flex-direction:column;align-items:center;width:100%}.nav-button{width:100%;max-width:360px}}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding:2rem}.app-footer p{margin:0 0 1rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.footer-link{color:var(--primary-color);border-radius:4px;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.footer-link:hover{background-color:var(--primary-color-light);text-decoration:underline}.footer-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.footer-links{flex-direction:column;align-items:center}}[data-theme=dark] .app{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-secondary-rgb:30,41,59;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--button-bg:#334155;--button-text:#f8fafc;--button-border:#475569;--button-hover-bg:#475569;--button-hover-border:#64748b;--primary-color:#059669;--primary-color-light:#0596691a}[data-theme=light] .app{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-secondary-rgb:248,250,252;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--button-bg:#fff;--button-text:#0f172a;--button-border:#d1d5db;--button-hover-bg:#f3f4f6;--button-hover-border:#9ca3af;--primary-color:#059669;--primary-color-light:#0596691a}@media (prefers-reduced-motion:reduce){.app,.app *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.app{--border-color:#000;--text-primary:#000;--text-secondary:#333}.nav-button,.footer-link{border-width:2px}.nav-button:focus,.footer-link:focus{outline-width:3px}}@media (prefers-contrast:high) and (prefers-color-scheme:dark){[data-theme=dark] .app{--border-color:#fff;--text-primary:#fff;--text-secondary:#ccc}}@media print{.app-header,.app-footer,.skip-link{display:none}.app-main{padding:0}.app-section{break-inside:avoid;box-shadow:none;border:1px solid #000}}.app-layout{grid-template-columns:280px 1fr 280px;gap:.6rem;width:100%;max-width:1600px;margin:0 auto;display:grid}.sidebar{align-self:flex-start;max-height:calc(100vh - 90px);position:sticky;top:70px;overflow-y:auto}.main-content{min-height:400px}.data-sidebar{align-self:flex-start;max-height:calc(100vh - 90px);position:sticky;top:70px;overflow-y:auto}.tab-content{flex-direction:column;gap:.6rem;display:flex}@media (max-width:1400px){.app-layout{grid-template-columns:260px 1fr 260px;gap:.8rem}}@media (max-width:1200px){.app-layout{grid-template-columns:1fr;gap:1rem}.sidebar,.data-sidebar{max-height:none;position:static}}.parameter-section,.simulation-section,.charts-section,.manual-game-section,.settings-section,.data-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;box-shadow:0 1px 3px #0000000f}.parameter-section h2,.simulation-section h2,.charts-section h2,.manual-game-section h2,.settings-section h2,.data-section h2{color:var(--text-primary);border-bottom:2px solid var(--primary-color);margin:0 0 .6rem;padding-bottom:.3rem;font-size:1rem;font-weight:600}:root{--primary-color:#059669;--primary-color-rgb:5,150,105;--primary-color-light:#0596691a;--primary-color-dark:#047857;--success-color:#10b981;--success-color-rgb:16,185,129;--warning-color:#f59e0b;--warning-color-rgb:245,158,11;--error-color:#ef4444;--error-color-rgb:239,68,68;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-accent:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--border-color-dark:#cbd5e1;--button-bg:#fff;--button-text:#0f172a;--button-border:#d1d5db;--button-hover-bg:#f3f4f6;--button-hover-border:#9ca3af;--button-active-bg:#e5e7eb;--button-disabled-bg:#f3f4f6;--button-disabled-text:#9ca3af;--input-bg:#fff;--input-text:#0f172a;--input-border:#d1d5db;--input-focus-border:var(--primary-color);--input-placeholder:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-accent:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-color-light:#475569;--border-color-dark:#1e293b;--button-bg:#334155;--button-text:#f8fafc;--button-border:#475569;--button-hover-bg:#475569;--button-hover-border:#64748b;--button-active-bg:#64748b;--button-disabled-bg:#1e293b;--button-disabled-text:#64748b;--input-bg:#1e293b;--input-text:#f8fafc;--input-border:#475569;--input-focus-border:var(--primary-color);--input-placeholder:#64748b}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}::selection{background-color:var(--primary-color);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-color:#000;--text-primary:#000;--text-secondary:#333}}@media (prefers-contrast:high) and (prefers-color-scheme:dark){:root{--border-color:#fff;--text-primary:#fff;--text-secondary:#ccc}}