:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-600:#475569;--slate-900:#1e293b;--blue-600:#2563eb;--amber-600:#d97706;--red-500:#ef4444;--emerald-500:#10b981}body{background-color:#fcfcfd;margin:0}.app-container{max-width:1200px;color:var(--slate-900);flex-direction:column;gap:32px;margin:0 auto;padding:40px 20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.title-link{color:inherit;text-align:center;text-decoration:none;display:block}.title-link:hover{opacity:.8}.title{text-align:center;letter-spacing:-.025em;margin:0 0 8px;font-size:2.25rem;font-weight:800}.intro{text-align:left;color:var(--slate-600);max-width:680px;margin:0 auto;font-size:.95rem;line-height:1.6}.examples-section,.faq-section,.share-section{border:1px solid var(--slate-200);box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:680px;margin:0 auto;padding:16px 20px}.examples-label,.faq-heading{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.75rem;font-weight:700}.share-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.75rem;font-weight:700}.examples-list{margin:0;padding:0 0 0 18px;list-style:outside}.examples-item{color:var(--slate-600);margin-bottom:6px;font-size:.95rem;line-height:1.5}.examples-item:last-child{margin-bottom:0}.examples-link{color:var(--blue-600);cursor:pointer;font-weight:600}.examples-link:hover{text-decoration:underline}.examples-desc{color:var(--slate-600)}.control-panel{border:1px solid var(--slate-200);background:#fff;border-radius:16px;flex:1;height:fit-content;padding:24px;box-shadow:0 1px 3px #0000001a}.control-group{margin-bottom:20px}.control-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.toggle-card{border:1px solid var(--slate-200);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.toggle-card:hover{background:var(--slate-50);border-color:var(--slate-300)}.toggle-card:active{background:var(--slate-100)}.toggle-card input[type=checkbox]{display:none}.toggle-switch{background:var(--slate-300);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000026}.toggle-card.active .toggle-switch{background:var(--blue-600)}.toggle-card.active .toggle-switch:after{transform:translate(16px)}.toggle-text{color:var(--slate-600);font-size:.9rem;font-weight:500;line-height:1.3}.faq-link{background:var(--slate-200);width:18px;height:18px;color:var(--slate-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.faq-link:hover{background:var(--blue-600);color:#fff}.level-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.range-input{width:100%;accent-color:var(--blue-600);cursor:pointer}.plot-section{box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex;overflow:hidden}.chart-wrapper{width:100%;max-width:500px;min-height:400px;margin:0 auto}.chart-controls-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;max-width:800px;margin:32px auto 0;padding-top:24px;display:grid}.chart-controls{background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:12px;padding:16px}.checkbox-label{color:var(--slate-600);cursor:pointer;align-items:center;font-size:.85rem;font-weight:500;display:flex}.checkbox-label input{margin-right:8px}.stat-card-container{border:1px solid var(--slate-200);background:#fff;border-radius:16px;flex:1;min-width:300px;height:fit-content;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.stat-name{color:var(--slate-900);margin:0;font-size:1.5rem;font-weight:800}.stat-subtitle{color:var(--slate-400);margin:4px 0 20px;font-size:.875rem}.stat-table-header,.stat-table-row{align-items:center;gap:12px;padding:10px 0;display:flex}.stat-table-header{border-bottom:2px solid var(--slate-100)}.header-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.1em;flex:1.2;font-size:.65rem;font-weight:700}.header-label--right{text-align:right;cursor:help;text-underline-offset:3px;flex:1.5;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.header-sub{color:var(--slate-400);font-size:.6rem;font-weight:400}.stat-table-row{border-bottom:1px solid var(--slate-50)}.stat-table-row:last-child{border-bottom:none}.col-label{flex:1.2;font-size:.9rem;font-weight:700}.val-cursed{color:var(--red-500)}.val-blessed{color:var(--emerald-500)}.val-median{font-weight:700}.val-sep{color:var(--slate-300)}.col-range-value{text-align:right;color:var(--slate-600);flex:1.5;font-size:.9rem}.val-growth{color:var(--slate-400);font-size:.75rem;font-weight:400}.faq-item{border-top:1px solid var(--slate-100);padding:4px 0}.faq-item:first-of-type{border-top:none}.faq-question{color:var(--slate-900);cursor:pointer;padding:8px 0;font-size:1rem;font-weight:600}.faq-question:hover{color:var(--blue-600)}.faq-answer{color:var(--slate-600);margin:0 0 8px;padding:0 0 0 4px;font-size:.95rem;line-height:1.6}.share-row{align-items:center;gap:8px;display:flex}.share-input{border:1px solid var(--slate-200);background:var(--slate-50);color:var(--slate-600);cursor:text;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:monospace;font-size:.85rem}.share-input:focus{border-color:var(--blue-600)}.share-copy-btn{border:1px solid var(--blue-600);background:var(--blue-600);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .15s}.share-copy-btn:hover{background:#1d4ed8}.share-copy-btn:active{background:#1e40af}@media (width<=900px){.app-container{padding:20px}}@media (width<=600px){.chart-wrapper{height:350px;min-height:unset;max-width:none}}.notice-banner{color:#92400e;text-align:center;box-sizing:border-box;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;max-width:680px;margin:0 auto;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.3s noticeFadeIn}@keyframes noticeFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.section-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0 0 16px;font-size:.85rem;font-weight:700}.section-divider{background:var(--slate-200);height:1px;margin:0 0 12px}.character-selection-section,.stats-section{width:100%}.controls-row,.stats-row{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.controls-row>*,.stats-row>*{flex:1;min-width:280px;max-width:300px}