@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--left: 520px;--right: 760px;--gap: 40px;--page: calc(var(--left) + var(--right) + var(--gap));--bg: #121212;--card: #181818;--text: #e6e6e6;--muted: #b3b3b3;--border: #2a2a2a;--green: #1db954;--green-2: #19a34a;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--ff: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--ff);line-height:1.55}.layout{min-height:100vh;display:flex;flex-direction:column}.header{width:var(--page);max-width:var(--page);margin:0 auto 10px}.header h1{margin:0;color:#fff;font-size:2.4rem;font-weight:800;letter-spacing:-.02em}h4{width:var(--page);max-width:var(--page);margin:6px auto 18px;color:var(--muted);font-weight:600}.bandit-tabs{--tabs: 3;--gap: 8px;--pad: 6px;--inner: calc(100% - 2 * var(--pad));--cols: calc(var(--inner) - (var(--tabs) - 1) * var(--gap));--col: calc(var(--cols) / var(--tabs));--step: calc(var(--col) + var(--gap));--active: 1;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap);width:var(--page);max-width:var(--page);margin:10px auto 22px;padding:var(--pad);border-radius:9999px;background:#1a1a1a;border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff0d}.bandit-tabs:after{content:"";position:absolute;z-index:0;top:var(--pad);height:calc(100% - 2 * var(--pad));width:var(--col);left:calc(var(--pad) + (var(--active) - 1) * var(--step));border-radius:9999px;background:linear-gradient(180deg,var(--green),var(--green-2));box-shadow:0 10px 24px #1db9542e;transition:left .25s ease}.bandit-tabs[data-active="1"]{--active: 1}.bandit-tabs[data-active="2"]{--active: 2}.bandit-tabs[data-active="3"]{--active: 3}.bandit-tabs .tab{position:relative;z-index:1;border:0;background:transparent;color:var(--text);font-weight:800;padding:.65rem 1.05rem;border-radius:9999px;cursor:pointer;transition:transform .06s ease}.bandit-tabs .tab:hover{transform:translateY(-1px)}.bandit-tabs .tab.active{color:#0b1a10}.main{width:var(--page);max-width:var(--page);margin:0 auto}.footer{width:var(--page);max-width:var(--page);margin:24px auto 0;color:var(--muted)}.footer small{opacity:.85}.readme-main{width:var(--page);max-width:var(--page);margin:0 auto;display:flex;justify-content:center;align-items:flex-start}.readme-card{width:100%;max-width:900px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.readme-content{white-space:pre-wrap;word-break:break-word;margin:0;color:var(--text);font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-header h2{margin:0 0 6px;font-size:2rem;font-weight:800;color:#fff}.feedback-box{margin-top:16px;background:#101010;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 22px;text-align:center}.feedback-current{font-weight:800;font-size:1.05rem;margin-bottom:12px}.feedback-current.hit{color:var(--success);text-shadow:0 0 8px rgba(29,185,84,.25)}.feedback-current.miss{color:var(--danger);text-shadow:0 0 8px rgba(255,77,79,.2)}.feedback-log h4{margin:10px 0;color:var(--txt);font-weight:700}.feedback-log ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.feedback-log li{font-weight:700;padding:6px 10px;border-radius:10px;background:#181818;border:1px solid var(--border)}.feedback-log li.hit{color:var(--success)}.feedback-log li.miss{color:var(--danger)}:root{--left: 520px;--right: 760px;--gap: 40px;--page: calc(var(--left) + var(--right) + var(--gap));--bg-page: #121212;--bg-card: #181818;--txt: #e6e6e6;--muted: #b3b3b3;--border: #2a2a2a;--primary: #1db954;--primary-600: #19a34a;--success: #1db954;--danger: #ff4d4f;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--gap-lg: 24px;--gap-md: 14px;--gap-sm: 8px;--chart-h: 420px;--ff: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--txt);font-family:var(--ff);line-height:1.55}#root{width:100%;padding:32px 0;text-align:center}.bandit-dashboard>.dashboard-header,.bandit-dashboard .dashboard-header{width:var(--page);max-width:var(--page);margin:0 auto 18px;text-align:center}.dashboard-header h2{font-size:2.6rem;font-weight:800;margin:0 0 6px;color:#fff}.dashboard-header .intro{color:var(--muted)}.main{width:var(--page);max-width:var(--page);margin:0 auto;display:grid;grid-template-columns:var(--left) var(--right);gap:var(--gap);align-items:start;justify-items:stretch}.left-col,.right-col{display:flex;flex-direction:column;gap:var(--gap-lg);align-items:stretch}.block,.control-panel,.user-choice,.user-log,.charts-section,.feedback,.charts-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-align:left}.control-panel h3,.user-choice h3,.charts-section h3{text-align:center;margin-bottom:var(--gap-md);color:#fff}.row,.turns-input{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);flex-wrap:wrap;margin-top:var(--gap-sm)}.control-panel input{height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#0e0e0e;color:var(--txt);outline:none}.control-panel label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}button,.user-choice button{appearance:none;border:1px solid transparent;border-radius:999px;padding:.7rem 1.15rem;font-weight:800;color:#081b0f;background:linear-gradient(180deg,var(--primary),var(--primary-600));cursor:pointer;box-shadow:0 8px 24px #1db9542e;transition:transform .06s,filter .2s;white-space:nowrap}button:hover:not(:disabled),.user-choice button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.reset-btn{background:#2a2a2a;color:#e6e6e6;border:1px solid var(--border)}.reset-btn:hover{filter:brightness(1.08)}.user-choice .strategies-grid{display:grid;gap:10px;grid-template-columns:1fr;max-width:420px;margin:12px auto 0}.user-choice button{width:100%;background:#222;color:#e6e6e6;border:1px solid var(--border)}.user-choice button:hover{background:#242424}.feedback{text-align:center;font-weight:800}.feedback.hit{color:var(--success)}.feedback.miss{color:var(--danger)}.user-log h4{margin:8px 0;text-align:center;color:var(--muted)}.user-log ul{list-style:none;margin:0;padding:0}.user-log li{font-weight:700;margin:.25rem 0}.user-log li.hit{color:var(--success)}.user-log li.miss{color:var(--danger)}.charts-card{order:-1;padding:16px}.charts-grid{display:grid;grid-template-columns:1fr;gap:18px;justify-items:center}.charts-grid>*{width:100%;max-width:720px;height:var(--chart-h);background:#111;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.charts-grid>* :where(.recharts-wrapper,.recharts-responsive-container,.recharts-surface,svg,canvas){width:100%!important;height:100%!important;display:block!important}.chart-empty{width:100%;height:100%;border-radius:12px;border:1.5px dashed var(--border);background:transparent}.charts-section{text-align:center}.charts-section table{width:min(100%,720px);margin:10px auto 0;border-collapse:collapse;background:#111;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-align:left}.charts-section thead{background:#1a1a1a;color:#d8d8d8;border-bottom:1px solid var(--border)}.charts-section th,.charts-section td{padding:.9rem 1rem}.charts-section tbody tr:nth-child(2n){background:#151515}.recharts-legend-wrapper{width:100%!important;max-width:720px!important;margin:6px auto 0!important}.recharts-default-legend{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;align-items:center!important;justify-items:center!important;padding:0 8px!important;margin:0!important;font-size:12px!important;line-height:1.1!important}.recharts-default-legend li{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;padding:4px 6px!important;border-radius:8px!important;background:#181818!important;box-shadow:inset 0 0 0 1px #252525!important;color:#cfcfcf!important}.recharts-legend-icon{width:10px!important;height:10px!important;margin:0!important;transform:translateY(1px)}.recharts-default-legend span,.recharts-legend-item text{font-size:12px!important;font-weight:700!important;color:#bdbdbd!important;fill:#bdbdbd!important}