:root{--bg:#121212;--panel:#1f1f1f;--text:#f3f3f3;--muted:#d0d0d0;--border:#333;--shadow:0 10px 30px rgba(0,0,0,.5);--radius:18px;--red:#c82d2d;--black:#1c1c1c;--green:#0f7a3a;--selC1:#1a66ff;--selC2:#ffd000;--selC3:#26d07c;--selC4:#ff3b30;--selC5:#af52de;--selC6:#ff9500;--selC7:#5ac8fa;--selC8:#ff2d55;--selC9:#fff;--selC10:#8e8e93;--selC11:#fc0;--selC12:#0f0;--selC13:#f0f;--selC14:#0ff;--selC15:#ff5e00;--highlight:#ffd54a}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow-x:hidden;overflow-y:auto}.app{min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s ease-in-out}.panelHeader{justify-content:space-between;margin-bottom:8px}.btn-min,.panelHeader{display:flex;align-items:center}.btn-min{background:hsla(0,0%,100%,.1);border:none;border-radius:6px;width:24px;height:24px;justify-content:center;cursor:pointer;font-weight:700;font-size:16px;color:#f3f3f3;transition:background .2s}.btn-min:hover{background:hsla(0,0%,100%,.2)}.panel.minimized{flex:0 0 auto!important;height:auto!important;min-height:0!important;padding-bottom:10px!important}.topbarNav{background:linear-gradient(90deg,rgba(31,31,31,.95),rgba(25,25,35,.95));border:1px solid rgba(255,208,0,.1);border-radius:12px;padding:12px 20px;justify-content:space-between;gap:30px;box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:12px}.topbarBrand,.topbarNav{display:flex;align-items:center}.topbarBrand{gap:12px;min-width:200px}.brandDot{width:12px;height:12px;background:#ffd000;border-radius:50%;box-shadow:0 0 10px rgba(255,208,0,.5);animation:pulse 2s infinite}.brandTitle{font-size:18px;font-weight:900;color:#ffd000;letter-spacing:2px;text-shadow:0 2px 8px rgba(255,208,0,.2)}.brandBadge{background:rgba(255,208,0,.15);border:1px solid rgba(255,208,0,.3);color:#ffd000;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px}.topbarMenu{flex:1 1}.navLink,.topbarMenu{display:flex;align-items:center;gap:8px}.navLink{padding:10px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.navLink:hover{background:rgba(255,208,0,.1);border-color:rgba(255,208,0,.3);color:#ffd000;transform:translateY(-2px)}.navLink.active{background:linear-gradient(135deg,#ffd000,#ffb700);border-color:#ffd000;color:#000;box-shadow:0 4px 15px rgba(255,208,0,.3);font-weight:700}.navLink.active:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,208,0,.4)}.navIcon{font-size:16px}.navText{display:none}.navLogout{margin-left:auto;background:rgba(200,45,45,.1);border-color:rgba(200,45,45,.3);color:#ff6b6b}.navLogout:hover{background:rgba(200,45,45,.2);border-color:#c82d2d;color:#f88}.topbarUser{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid hsla(0,0%,100%,.1)}.userInfo{font-size:13px;color:var(--muted);font-weight:600}.topbar{padding:12px;display:flex;flex-direction:column;gap:12px}.topbarLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbarLine.secondary{padding-top:8px;border-top:1px solid hsla(0,0%,100%,.05)}.userGreeting{font-size:16px;font-weight:900;color:#ffd000;margin-right:15px;text-shadow:0 0 10px rgba(255,208,0,.3)}.distCalcInside{padding:12px;background:rgba(0,0,0,.4)!important;border:1px solid hsla(0,0%,100%,.1);border-radius:14px}.distCalcTitle{font-size:11px;font-weight:900;color:#888;margin-bottom:10px;letter-spacing:1px}.distCalcContent{display:flex;align-items:center;justify-content:space-between;gap:15px}.distBtnGroup{display:flex;gap:6px}.distSelectBtn{background:#222;border:1px solid #444;border-radius:8px;color:#fff;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;min-width:65px}.distSelectBtn:hover{background:#333;border-color:#666}.distSelectBtn.active{background:#ffd000;color:#000;border-color:#fff;box-shadow:0 0 10px rgba(255,208,0,.5);animation:pulse 1.5s infinite}.distCalcInside.isPicking{border-color:#ffd000;background:rgba(255,208,0,.05)!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.distInputGroup{display:flex;gap:4px}.distInput{width:45px;height:28px;background:#000;border:1px solid #444;border-radius:6px;color:#fff;text-align:center;font-size:12px;font-weight:700}.distInput::-webkit-inner-spin-button,.distInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.distResults{display:flex;gap:10px;margin-left:5px}.distItem{display:flex;align-items:center;gap:3px}.distLabel{font-size:10px;color:#888;font-weight:700}.distValue{font-size:14px;color:#ffd000;font-weight:900}.topbar label{font-weight:900;color:var(--muted);white-space:nowrap}.inputWrap{flex:1 1}input[type=text]{width:100%;font-size:18px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);outline:none;background:#2a2a2a;color:#f3f3f3}.btn{border:none;border-radius:999px;padding:10px 14px;font-weight:950;font-size:15px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:transform .06s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-send{background:#22c55e;color:#fff}.btn-undo{background:#eab308;color:#000}.btn-reset{background:#ef4444;color:#fff}.btn-colors{background:#3b82f6;color:#fff}.lastStrip{padding:8px 10px;gap:6px;overflow:hidden;white-space:nowrap}.chip,.lastStrip{display:flex;align-items:center}.chip{width:46px;height:34px;border-radius:8px;justify-content:center;font-weight:950;color:#fff;flex:0 0 auto;border:2px solid hsla(0,0%,100%,.15);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.red{background:var(--red)}.black{background:var(--black)}.green{background:var(--green)}.selC1{background:var(--selC1)!important;box-shadow:0 0 18px rgba(26,102,255,.55)}.selC2{background:var(--selC2)!important;color:#111!important;box-shadow:0 0 18px rgba(255,208,0,.55)}.selC3{background:var(--selC3)!important;box-shadow:0 0 18px rgba(38,208,124,.55)}.selC4{background:var(--selC4)!important;box-shadow:0 0 18px rgba(255,59,48,.55)}.selC5{background:var(--selC5)!important;box-shadow:0 0 18px rgba(175,82,222,.55)}.selC6{background:var(--selC6)!important;box-shadow:0 0 18px rgba(255,149,0,.55)}.selC7{background:var(--selC7)!important;box-shadow:0 0 18px rgba(90,200,250,.55)}.selC7,.selC8{color:#111!important}.selC8{background:var(--selC8)!important;box-shadow:0 0 18px rgba(255,45,85,.55)}.selC9{background:var(--selC9)!important;box-shadow:0 0 18px hsla(0,0%,100%,.55)}.selC10{background:var(--selC10)!important;color:#111!important;box-shadow:0 0 18px hsla(240,2%,57%,.55)}.main{flex:1 1;min-height:0;display:grid;grid-template-columns:.8fr 1.5fr 2fr;grid-gap:10px;gap:10px}@media (max-width:1024px){.main{grid-template-columns:1fr;display:flex;flex-direction:column}.middleCols{grid-template-columns:1fr!important}.topbar{flex-direction:column;align-items:stretch}.inputWrap{width:100%}.colorPicker,.markingModeWrap,.modeSelectWrap{justify-content:center;margin-left:0}.app{overflow-y:auto;height:auto}.raceBox{min-height:180px}.terminalsGrid{grid-template-columns:repeat(5,1fr)}.repsGrid{grid-template-columns:repeat(4,1fr)}}.left{padding:10px;overflow:hidden;display:flex;flex-direction:column;gap:8px}.sectionTitle{font-weight:900;color:#aaa;letter-spacing:.5px;text-transform:uppercase;font-size:12px}.longGrid{flex:1 1;min-height:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(10,1fr);grid-gap:2px;gap:2px;overflow:hidden}.longCell{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px;color:#fff;border:2px solid hsla(0,0%,100%,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.longCell.empty{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);cursor:default}.tableMapContainer{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px}.mapBox{width:100%;display:flex;justify-content:center}.table{display:grid;grid-template-columns:40px repeat(12,1fr) 45px;grid-template-rows:repeat(5,45px);grid-gap:2px;gap:2px;width:100%;max-width:800px}.cell{display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;font-size:14px}.panel-wrap{min-height:0}.panel-wrap,.right{display:flex;flex-direction:column}.right{padding:10px;overflow:hidden;gap:10px}.raceBox{background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:2px solid #333;border-radius:24px;padding:10px;min-height:240px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8)}.raceBox,.raceBox svg{overflow:visible;width:100%}.raceBox svg{height:auto;display:block}.raceNode{transition:transform .2s ease-out;transform-box:fill-box;transform-origin:center}.raceNode:hover{transform:scale(1.5);filter:brightness(1.2);z-index:100}.raceCell{transition:all .2s ease-out}.bet{border-radius:10px;background:hsla(0,0%,100%,.1);border:2px solid #333;display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.4px;font-size:12px;position:relative;padding:8px 0}.bet.rep:after{content:"";position:absolute;inset:-4px;border-radius:14px;border:3px solid var(--highlight);pointer-events:none}.terminalsGrid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:8px;gap:8px}.termCard{background:hsla(0,0%,100%,.05);border:1px solid #333;border-radius:14px;padding:8px}.termVal{width:34px;background:#2a2a2a;border:1px solid #444;border-radius:10px;text-align:center;padding:2px 0;color:#fff}.repsGrid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:8px;gap:8px}.repCard{background:hsla(0,0%,100%,.05);border:1px solid #333;border-radius:14px;padding:8px}.repBox{height:30px;border-radius:10px;background:#2a2a2a;border:1px solid #444;display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff}.hint,.repBox{margin-top:6px}.hint{font-size:12px;color:var(--muted)}.neighborsPanel{padding:10px;overflow:hidden;height:100%}.strategiesList{display:flex;flex-direction:column;gap:8px}.strategyRow{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05)}.strategyName{width:140px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strategyActionBtn{background:none;border:1px solid #444;color:#f59e0b;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;transition:all .2s;flex-shrink:0}.strategyActionBtn:hover{background:rgba(245,158,11,.1);border-color:#f59e0b}.strategyHistory{display:flex;gap:4px;flex:1 1}.historyBox{width:18px;height:18px;border-radius:3px;border:1px solid #333;transition:background .3s}.historyBox.hit{background:#22c55e}.historyBox.miss{background:#262626}.nbCols{display:grid;grid-template-columns:1.35fr .55fr .55fr .7fr .55fr 1.35fr;grid-gap:10px;gap:10px;align-items:start}.nbMini{height:34px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:1000;border:1px solid #333;background:hsla(0,0%,100%,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:#fff}.nbNeutralForce{background:hsla(0,0%,100%,.1);color:#fff}.nbEmpty{opacity:.3}.rdGrid{display:flex;flex-direction:column;width:100%}.rdHeader,.rdRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:6px;text-align:center}.easterOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);z-index:9999}.zoneStrip{padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.zb{font-weight:900;font-size:12px;padding:4px 8px;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid #333;color:#fff}.zone3{display:flex;gap:6px;padding:6px 8px;border-radius:16px;border:1px solid #333;background:hsla(0,0%,100%,.05)}.versionBadge{position:fixed;right:12px;bottom:12px;z-index:9998;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.8);color:#fff;font-weight:950;font-size:12px}.modeSelectWrap{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid #333;background:hsla(0,0%,100%,.05);margin-left:8px}.modeSelect{border:1px solid #444;background:#2a2a2a;color:#fff;border-radius:12px;padding:8px 10px;font-weight:900;font-size:12px;cursor:pointer;outline:none}.historyPair{border:3px solid #39ff14!important;box-shadow:0 0 15px rgba(57,255,20,.4)!important}.colorPicker{display:flex;gap:8px;align-items:center;background:hsla(0,0%,100%,.05);padding:8px 12px;border-radius:16px;border:1px solid #333}.colorCircle{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid hsla(0,0%,100%,.2)}.colorCircle.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 15px hsla(0,0%,100%,.3)}.movementPanel{padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;min-height:0}.movementHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.movementTitle{font-weight:950;color:#aaa;letter-spacing:.5px;text-transform:uppercase;font-size:12px}.movementModeSelector{display:flex;gap:6px;background:hsla(0,0%,100%,.08);padding:4px;border-radius:10px;border:1px solid #333}.modeBtn{background:transparent;border:none;color:#aaa;padding:6px 12px;border-radius:8px;font-weight:900;font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.modeBtn.active{background:hsla(0,0%,100%,.15);color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.1)}.modeBtn:hover{color:#fff}.movementStrip{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.movementStrip::-webkit-scrollbar{height:4px}.movementStrip::-webkit-scrollbar-track{background:transparent}.movementStrip::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.movementCard{flex:0 0 auto;background:hsla(0,0%,100%,.08);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:60px;border:1px solid #333}.movementNum{font-weight:950;font-size:16px;color:#fff}.movementDist{font-weight:900;font-size:12px;color:#ffd000}.movementEmpty{color:#666;font-size:13px;padding:12px;text-align:center;width:100%}.markingModeWrap{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid #333;background:hsla(0,0%,100%,.05);margin-left:8px}.markingModeBtn{background:transparent;border:none;color:#aaa;padding:6px 12px;border-radius:8px;font-weight:900;font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.markingModeBtn.active{background:hsla(0,0%,100%,.15);color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.1)}.middleCols{display:flex;flex-direction:row;gap:10px;align-items:stretch}.strategiesWrap{flex:1.2 1;min-width:0}.movementWrap{flex:0.8 1;display:flex;flex-direction:column;gap:10px;min-width:0}