.galton-page{max-width:1140px;margin:0 auto}.galton-header{width:auto;margin:0 0 20px;padding-top:0}.galton-header h1{font-size:32px;font-weight:700;color:var(--text);margin:0 0 10px}.galton-header p{color:var(--text);font-size:15px;line-height:1.7;margin:0}.mode-switch{display:inline-flex;background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:4px;margin-bottom:16px;box-shadow:var(--card-shadow)}.mode-switch input{position:absolute;opacity:0;pointer-events:none}.mode-switch label{padding:8px 28px;border-radius:999px;font-size:15px;font-weight:700;color:var(--text-sub);cursor:pointer;transition:all .25s ease;user-select:none}.mode-switch input:checked+label{background:var(--accent);color:#fff}.mode-switch label:hover{color:var(--text)}.mode-switch input:checked+label:hover{color:#fff}.galton-page[data-mode=play] .study-only,.galton-page[data-mode=study] .play-only{display:none}.galton-board-container{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.board-wrapper{background:var(--card-bg);border-radius:var(--card-radius);padding:16px;box-shadow:var(--card-shadow)}#galtonCanvas{display:block;background:#0f262b;border-radius:12px;width:100%;height:auto;cursor:pointer;touch-action:none}.controls{display:flex;flex-direction:column;gap:20px}.control-section{background:var(--card-bg);border-radius:var(--card-radius);padding:20px;box-shadow:var(--card-shadow)}.control-section h3{margin:0 0 15px;font-size:1.05rem;color:var(--text)}.flow-toggle{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text);cursor:pointer;margin-bottom:16px;user-select:none}.flow-toggle input{position:absolute;opacity:0;pointer-events:none}.flow-knob{position:relative;width:44px;height:24px;flex-shrink:0;background:#cdd9d8;border-radius:999px;transition:background .2s ease}.flow-knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:left .2s ease}.flow-toggle input:checked+.flow-knob{background:var(--accent)}.flow-toggle input:checked+.flow-knob:after{left:23px}.btn-big{display:block;width:100%;padding:18px 16px;margin-bottom:10px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #2a9d8f59}.btn-big:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2a9d8f66}.btn-big:active{transform:translateY(0) scale(.98)}.button-row{display:flex;gap:10px;margin-bottom:16px}.btn-mid{flex:1;padding:12px 10px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;background:var(--card-bg);color:var(--accent);border:2px solid var(--accent);transition:all .15s ease}.btn-mid:hover{background:var(--accent-soft);color:var(--accent-hover)}.btn-mid-reset{color:var(--text-sub);border-color:#cdd9d8}.btn-mid-reset:hover{background:#dc35450f;color:var(--danger);border-color:var(--danger)}.play-hint{font-size:13px;color:var(--text-sub);line-height:1.8;margin:10px 0 0}.sound-toggle{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text);cursor:pointer}.sound-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.hundred-result{font-size:13px;font-weight:700;color:var(--accent);line-height:1.6;margin:0 0 10px}.predict-lead{font-size:13px;color:var(--text-sub);line-height:1.7;margin:0 0 10px}.bin-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px}.bin-pick-btn{padding:8px 0;border:2px solid var(--accent);border-radius:8px;background:var(--card-bg);color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.bin-pick-btn:hover:not(:disabled){background:var(--accent-soft)}.bin-pick-btn:disabled{opacity:.45;cursor:default}.bin-pick-btn.selected{background:var(--accent);color:#fff;opacity:1}.predict-result{min-height:1.5em;font-size:14px;font-weight:700;color:var(--text);margin:0 0 8px}.predict-result.win{color:var(--accent);animation:predict-pop .5s ease}.predict-result.superwin{color:#d99a00;animation:predict-pop .7s ease}.predict-result.lose{color:var(--text-sub)}@keyframes predict-pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}.predict-streak{display:flex;justify-content:space-between;font-size:13px;color:var(--text-sub)}.predict-streak strong{color:var(--text);font-size:15px}.predict-tip{margin-top:12px;font-size:13px}.predict-tip summary{color:var(--accent);font-weight:700;cursor:pointer;user-select:none}.predict-tip p{line-height:1.8;color:var(--text);margin:8px 0 0}.stat-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.95rem}.stat-label{color:var(--text-sub)}.stat-value{font-weight:700;color:var(--text)}.control-item{margin-bottom:12px}.control-item label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text);cursor:pointer}.control-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.button-group{display:flex;gap:10px;margin-top:16px}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-outline{background:var(--card-bg);color:var(--danger);border:1px solid var(--danger)}.btn-outline:hover{background:var(--danger);color:#fff}.explanation{margin-top:32px;padding:28px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.explanation h2{width:auto;margin:0 0 14px;font-size:1.25rem;color:var(--text)}.explanation p{line-height:1.8;color:var(--text);margin-bottom:12px}@media (max-width: 900px){.galton-page{padding:0 14px}.galton-board-container{grid-template-columns:1fr}.controls{flex-direction:column}}@media (max-width: 480px){.galton-header h1{font-size:24px}.board-wrapper{padding:10px}.mode-switch label{padding:8px 20px}.explanation{padding:20px}}