:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7f8;background:#071319;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #071319;--bg-soft: #09171d;--panel: #0d1b22;--panel-soft: #101f27;--panel-deep: #09151b;--border: rgba(151, 180, 191, .13);--border-strong: rgba(151, 180, 191, .22);--text: #f4f7f8;--muted: #81949e;--muted-2: #657983;--green: #18a873;--green-dark: #10724f;--green-light: #50e3b0;--red: #bd3640;--red-dark: #982c35;--black: #151d23;--gold: #d7a93d;--gold-light: #efd06a;--blue: #39a8ff;--yellow: #ffc928;--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:320px;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(19,112,87,.12),transparent 32%),linear-gradient(180deg,#071319,#061116);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}.app{min-height:100vh}.app-header{position:sticky;top:0;z-index:100;width:100%;background:#061117f5;border-bottom:1px solid rgba(255,255,255,.065);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header-inner{width:100%;max-width:1540px;margin:0 auto;min-height:58px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;min-width:160px}.brand-mark{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(145deg,#1cbb80,#11875d);color:#fff;font-size:14px;font-weight:900;box-shadow:0 0 16px #1ed2962e}.brand-copy{display:grid;gap:1px}.brand-copy strong{color:#f4f7f8;font-size:14px;line-height:1.1}.brand-copy span{color:#70838d;font-size:9px}.nav-tabs{display:inline-flex;align-items:center;padding:4px;gap:3px;border-radius:10px;background:#0b1920;border:1px solid rgba(255,255,255,.065)}.nav-tabs button{min-height:34px;padding:7px 14px;border:0;border-radius:7px;background:transparent;color:#84969f;font-size:12px;font-weight:750;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-tabs button:hover{color:#fff;background:#ffffff0a}.nav-tabs button.active{color:#fff;background:#162730;box-shadow:inset 0 0 0 1px #ffffff0b}.page{width:100%;max-width:1540px;margin:0 auto;padding:18px 18px 46px}.roulette-page{width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text)}h1{margin-bottom:12px;font-size:34px;line-height:1}h2{margin-bottom:10px;font-size:18px}h3{margin-bottom:8px;font-size:15px}.eyebrow{margin:0 0 5px;color:#54e2b6;font-size:10px;font-weight:900;letter-spacing:.105em;text-transform:uppercase}.helper-text{color:var(--muted);font-size:11px;line-height:1.45}.card{background:linear-gradient(180deg,#0e1d25fb,#09161dfb);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 28px #0000001c;overflow:hidden}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.badge,.counter{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border-radius:999px;border:1px solid rgba(55,218,160,.23);background:#107b5729;color:#5de1b7;font-size:10px;white-space:nowrap}.badge.muted,.counter{color:#8da0a9;background:#ffffff08;border-color:#ffffff12}.button{min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,#192832,#14212a);color:#f2f6f7;font-size:12px;font-weight:800;cursor:pointer;transition:filter .14s ease,transform .1s ease,background .14s ease,box-shadow .14s ease,border-color .14s ease}.button:hover:not(:disabled){filter:brightness(1.12);border-color:#ffffff21}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:linear-gradient(180deg,#1aae78,#159665);border-color:#4ce8b13d}.button.primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 14px #1dd39424}.button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.7)}input,select,textarea{width:100%;min-height:40px;padding:8px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.085);outline:none;background:#09171e;color:#fff}input:focus,select:focus,textarea:focus{border-color:#46e1aa73;box-shadow:0 0 0 2px #32d29b0f}.roulette-main-layout{width:100%;display:grid;grid-template-columns:minmax(355px,.96fr) minmax(510px,1.34fr) minmax(245px,.66fr);gap:14px;align-items:start}.roulette-main-layout>*{min-width:0}.roulette-main-layout>div:first-child{min-width:0}.roulette-main-layout>div:first-child>.card{width:100%;padding:14px!important}.roulette-main-layout>div:first-child button{min-width:0}.roulette-main-layout>div:first-child *{max-width:100%}.wheel-card{padding:16px;overflow:hidden}.roulette-center-card{width:100%;min-width:0;background:radial-gradient(circle at 50% 42%,#2d434338,#09161dfa 66%)!important}.roulette-wheel-stage{width:100%;max-width:585px;margin:0 auto;padding:2px 0 7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.wheel-shell{position:relative;width:min(100%,545px);aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center}.roulette-svg{width:100%;height:100%;display:block;overflow:visible}.wheel-rim{fill:#b47d1d;stroke:#e7bc56;stroke-width:8}.segment{stroke:#e2b13966;stroke-width:.8}.segment.red{fill:#bd3843}.segment.black{fill:#141c21}.segment.green{fill:#149d68}.wheel-number{fill:#fff;font-size:11px;font-weight:900}.wheel-center{fill:#ad761d;stroke:#dba738;stroke-width:5}.wheel-center-inner{fill:#10181c;stroke:#d4a23a;stroke-width:3}.wheel-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#141d21,#091014);border:2px solid rgba(222,173,58,.6);box-shadow:0 8px 22px #00000061;pointer-events:none}.wheel-result-label{color:#81949d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.wheel-result strong{margin-top:4px;font-size:30px;line-height:1}.wheel-pointer{position:absolute;z-index:8;top:2.2%;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:23px solid #efcf74;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));pointer-events:none}.spin-button{width:100%;min-height:46px;margin-top:7px;cursor:pointer;transition:background-color .18s ease,transform .12s ease,box-shadow .18s ease,filter .18s ease}.spin-button:hover:not(:disabled){filter:brightness(1.22);box-shadow:0 0 0 1px #46ffbe52,0 0 18px #1edc963d;transform:translateY(-1px)}.spin-button:active:not(:disabled){transform:translateY(1px) scale(.995);filter:brightness(.92)}.spin-button:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.6);transform:none;box-shadow:none}.roulette-data-column{width:100%;min-width:0}.roulette-data-column>.card{width:100%;padding:15px}.roulette-data-column label{display:block;margin-bottom:6px;color:#82949e;font-size:11px}.roulette-data-column input[type=number]{width:100%;margin-bottom:9px}.roulette-data-column input[type=file]{width:100%;min-height:38px;padding:5px;border-radius:8px;border:1px solid rgba(255,255,255,.075);background:#09171e;color:#82949e;font-size:10px;overflow:hidden}.roulette-data-column input[type=file]::file-selector-button{min-height:28px;margin-right:7px;padding:4px 9px;border:0;border-radius:6px;background:#172630;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.roulette-data-column .button{width:100%;margin-top:7px}.bankroll-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bankroll-grid>*{min-width:0}.bankroll-stat{padding:13px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff05}.bet-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}.bet-step{position:relative;text-align:center;padding:4px 8px 0}.bet-step:not(:last-child):after{content:"";position:absolute;top:17px;left:calc(50% + 18px);right:calc(-50% + 18px);height:3px;background:#8296a03d;z-index:0}.history-card{margin-top:14px;padding:17px}.history-card .section-heading{margin-bottom:11px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px;width:100%}.history-chip{min-width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.075);color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #ffffff05;transition:transform .12s ease,filter .12s ease}.history-chip:hover{transform:translateY(-1px);filter:brightness(1.11)}.history-chip.red{background:linear-gradient(180deg,#c63b46,#a92d37)}.history-chip.black{background:linear-gradient(180deg,#19232a,#10171c)}.history-chip.green{background:linear-gradient(180deg,#19a875,#10825a)}.empty-state{padding:22px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.08);border-radius:10px;background:#ffffff03}.method-groups{display:grid;grid-template-columns:1fr;gap:9px}.signal-card,.signal-placeholder{margin-top:10px;padding:13px;border-radius:10px;border:1px dashed rgba(255,255,255,.09);background:#ffffff03}.signal-placeholder{display:grid;gap:8px}.signal-placeholder>div{display:grid;gap:4px}.signal-placeholder span{text-align:left}.method-row,.signal-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:12px;align-items:center;min-height:40px;padding:8px 11px;border-radius:8px;background:#ffffff06}.method-row strong,.signal-row strong{font-size:12px}.method-status{color:#889aa3;font-size:11px;text-transform:uppercase}section.card:has(.method-groups),section.card:has(.signal-placeholder){padding:17px}.bet-history-grid{display:grid;gap:8px}.bet-history-row{display:grid;grid-template-columns:90px 110px 100px 110px 1fr;gap:12px;align-items:center;padding:11px 13px;border-radius:9px;background:#ffffff06}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:14px;align-items:stretch}.roulette-data-column .section-heading{margin-bottom:12px}.roulette-data-column h2{margin-bottom:10px}.roulette-data-column p:last-child{color:#70838d;font-size:10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#071319}::-webkit-scrollbar-thumb{background:#21343e;border-radius:999px;border:2px solid #071319}::-webkit-scrollbar-thumb:hover{background:#2b4652}@media (min-width: 1600px){.page,.app-header-inner{max-width:1580px}.roulette-main-layout{grid-template-columns:minmax(365px,.94fr) minmax(540px,1.34fr) minmax(255px,.65fr)}.wheel-shell{width:min(100%,565px)}}@media (max-width: 1280px){.page{padding:15px 14px 42px}.roulette-main-layout{grid-template-columns:minmax(340px,.88fr) minmax(455px,1.12fr)}.roulette-data-column{grid-column:1 / -1}.roulette-data-column>.card{max-width:none}.bankroll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.app-header-inner{padding:9px 11px}.page{padding:11px}.roulette-main-layout{grid-template-columns:1fr}.roulette-data-column{grid-column:auto}.hero-grid{grid-template-columns:1fr}.wheel-shell{max-width:515px}.bankroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bet-steps{grid-template-columns:repeat(2,1fr);row-gap:16px}.bet-step:after{display:none}.history-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.history-chip{min-width:32px;min-height:32px}}@media (max-width: 600px){.app-header-inner{align-items:flex-start;flex-direction:column}.nav-tabs{width:100%}.nav-tabs button{flex:1;padding:7px 6px}.page{padding:8px}.card{border-radius:10px}.wheel-card{padding:11px}.wheel-shell{width:100%}.section-heading{gap:8px}h1{font-size:28px}h2{font-size:16px}.bankroll-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr))}.history-chip{min-width:30px;min-height:30px;font-size:10px}}.app-header-inner{justify-content:space-between}.app-header-inner>div:first-child{display:flex;align-items:center;gap:22px}.nav-tabs{padding:5px;gap:4px}.nav-tabs button{min-height:40px;padding:9px 18px;font-size:13px;font-weight:800}.brand{min-width:auto}.brand-mark{width:38px;height:38px;flex-basis:38px;font-size:15px}.brand-copy strong{font-size:15px}.analysis-page,.statistics-page{width:100%}.analysis-page>.card,.statistics-page>.card{padding:22px}.analysis-page h1,.statistics-page h1{margin:3px 0 8px;font-size:30px;line-height:1.1}.analysis-page h2,.statistics-page h2{margin:3px 0 8px;font-size:17px}.analysis-page p,.statistics-page p{line-height:1.45}.analysis-summary,.statistics-summary,.stats-summary,.summary-grid,.analysis-stats,.statistics-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.analysis-summary>*,.statistics-summary>*,.stats-summary>*,.summary-grid>*,.analysis-stats>*,.statistics-stats>*{min-width:0;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff06}.analysis-summary span,.statistics-summary span,.stats-summary span,.summary-grid span,.analysis-stats span,.statistics-stats span{display:block;margin-bottom:4px;color:#78909b;font-size:10px}.analysis-summary strong,.statistics-summary strong,.stats-summary strong,.summary-grid strong,.analysis-stats strong,.statistics-stats strong{display:block;color:#f5f8f9;font-size:15px;font-weight:850}.method-library{display:grid;gap:10px;margin-top:14px}.method-family{padding:16px;border-radius:11px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,#0f1f27fa,#0a181ffa)}.method-family .eyebrow{margin-bottom:5px}.method-family h2,.method-family h3{margin:0 0 7px;color:#f5f7f8}.method-family p{margin-bottom:10px;color:#91a1a9;font-size:12px}.method-family .badge,.method-family .counter{width:fit-content}.analysis-page .card+.card,.statistics-page .card+.card{margin-top:10px}.analysis-page .card>div,.statistics-page .card>div{min-width:0}.stat-grid,.metric-grid,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:15px}.stat-card,.metric-card{padding:14px;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.07)}.stat-card span,.metric-card span{display:block;margin-bottom:4px;color:#78909b;font-size:10px}.stat-card strong,.metric-card strong{display:block;color:#fff;font-size:17px}@media (max-width: 800px){.analysis-summary,.statistics-summary,.stats-summary,.summary-grid,.analysis-stats,.statistics-stats{grid-template-columns:1fr}.analysis-page>.card,.statistics-page>.card{padding:16px}}