:root{--bg:#080d17;--rail:#0a101b;--panel:#101b2b;--panel2:#142034;--line:#223047;--text:#f3f7ff;--muted:#8192ab;--blue:#387cff;--red:#f04f67;--gold:#e8b661;--green:#35d5a0;--font:'Montserrat',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #8eb6ff;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}[hidden]{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 40% at 72% -13%,rgba(30,72,141,.16),transparent 80%);z-index:0}.layout{position:relative;z-index:1;display:flex;min-height:100vh}.rail{position:sticky;top:0;height:100vh;width:238px;flex:none;background:linear-gradient(180deg,#0e1624,#0a101b 70%);border-right:1px solid #1d293c;display:flex;flex-direction:column;padding:29px 18px 21px}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 60px}.logo-dice{height:39px;width:41px;border-radius:10px;background:linear-gradient(140deg,#4683ff,#1f54cf);box-shadow:0 8px 22px #1e63e142;transform:rotate(-8deg);position:relative;border:1px solid #8eb1ff80}.logo-dice i{width:6px;height:6px;border-radius:50%;background:white;position:absolute;box-shadow:0 1px 2px #143867}.logo-dice i:nth-child(1){top:8px;left:8px}.logo-dice i:nth-child(2){top:8px;right:8px}.logo-dice i:nth-child(3){top:17px;left:17px}.logo-dice i:nth-child(4){bottom:8px;left:8px}.logo-dice i:nth-child(5){bottom:8px;right:8px}.logo-text strong{font-size:21px;letter-spacing:-1.7px;font-weight:900;line-height:1.05;display:block}.logo-text strong span{color:#5892ff}.logo-text strong b{color:var(--red)}.logo-text small{display:block;color:#8194b1;letter-spacing:3px;font-size:7px;font-weight:800;margin-top:5px}.rail-section{font-size:9px;letter-spacing:2px;font-weight:800;color:#576a87;padding:0 13px 17px}.rail-nav{display:flex;flex-direction:column;gap:6px}.rail-nav a{display:flex;align-items:center;gap:13px;height:47px;padding:0 15px;color:#8e9cb0;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:11px;transition:.18s}.rail-nav a:hover{color:white;background:#152137}.rail-nav a.selected{background:linear-gradient(100deg,#192e51,#172236);color:white;border-color:#31518c60;box-shadow:inset 3px 0 #4787ff}.nav-symbol{font-size:20px;color:#5b84ca;line-height:1}.selected .nav-symbol{color:#6ba4ff}.rail-gap{flex:1}.rail-mini{height:90px;border:1px solid #27374d;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;background:#142034}.rail-mini span{font-size:10px;font-weight:800;letter-spacing:.8px;color:#c4d0e5}.rail-mini b{color:#7d899a;font-size:9px;margin:0 3px}.mini-light{width:25px;height:25px;border-radius:50%;background:linear-gradient(120deg,#397eff 48%,#ee5269 50%);box-shadow:0 0 16px #397eff50}.rail-foot{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#5b6e87;text-align:center;margin-top:22px}.rail-foot span{color:#ef526a;padding:0 4px}
.main{flex:1;min-width:0}.bar{height:75px;border-bottom:1px solid #1d2a3c;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1290px)/2));background:#0d1421a8}.bar-left{color:#9baac2;font-size:11px;letter-spacing:1px;font-weight:800}.bar-left b{color:#e0e9f7}.bar-mark{color:#397eff;font-size:16px;margin-right:9px}.slash{color:#455771;margin:0 13px}.bar-right{display:flex;align-items:center;gap:20px}.clock{font-size:12px;color:#b0bfd3;font-weight:700;font-variant-numeric:tabular-nums}.status-pill{display:flex;align-items:center;gap:9px;border:1px solid #293751;background:#172234;border-radius:100px;padding:9px 12px;font-size:9px;letter-spacing:.6px;color:#9fb0c7;font-weight:900;white-space:nowrap}.status-pill i{width:7px;height:7px;background:#8297b1;border-radius:50%;box-shadow:0 0 0 4px #8297b117}.status-pill.online i,.status-pill.manual i{background:var(--green);box-shadow:0 0 0 4px #35d5a018}.status-pill.error i{background:var(--red);box-shadow:0 0 0 4px #f04f671d}.status-pill.demo i{background:var(--gold)}
.inner{max-width:1350px;padding:38px 36px 22px;margin:0 auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 26px}.eyebrow{color:#97acc7;font-size:9px;letter-spacing:2px;font-weight:900;display:flex;align-items:center;gap:9px}.eyebrow span{width:18px;height:3px;background:var(--blue);display:block;border-radius:5px}.intro h1{margin:10px 0 8px;font-weight:900;font-size:clamp(27px,3vw,37px);letter-spacing:-1.65px;line-height:1.2}.intro h1 em{font-style:normal;color:#6998ff}.intro p{margin:0;color:#8e9eb4;font-size:11px;line-height:1.7;font-weight:500}.refresh{border-radius:9px;background:#18253a;color:#d8e4f8;border:1px solid #2a3a54;padding:12px 17px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;font-weight:700;transition:.2s}.refresh:hover{background:#263650;border-color:#5985cc}.refresh span{font-size:20px;line-height:.6;color:#7cabff}.refresh.spinning span{animation:spin .8s linear infinite}
.mode-bar{min-height:56px;display:flex;align-items:center;gap:7px;border:1px solid #233249;border-radius:12px;padding:7px;background:#101a29;margin-bottom:21px}.mode{background:transparent;color:#899bb5;border:1px solid transparent;border-radius:8px;font-weight:800;padding:10px 13px;font-size:10px;display:flex;gap:9px;align-items:center;transition:.15s;white-space:nowrap}.mode:hover{color:white;background:#1a2a41}.mode.active{color:white;background:#223553;border-color:#354d71;box-shadow:0 2px 10px #02081120}.mode-dot,.dot{width:8px;height:8px;border-radius:100px;display:inline-block;flex:none}.mode-dot.blue,.dot.blue{background:#4088ff}.mode-dot.purple{background:#a48aff}.mode-dot.gold,.dot.gold{background:var(--gold)}.dot.red{background:var(--red)}.dot.green{background:var(--green)}.mode-caption{color:#647a99;font-size:9px;font-weight:600;flex:1;text-align:right;padding-right:15px}.notice{border:1px solid #6c434f;background:linear-gradient(105deg,#39202b,#301c26);border-radius:10px;display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:17px}.notice-icon{background:#ed6074;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:none}.notice>div{flex:1;display:flex;flex-direction:column;gap:4px}.notice strong{font-size:11px}.notice span:not(.notice-icon){font-size:10px;color:#dfb5bf;line-height:1.5}.notice button{background:none;border:0;color:#bd95a1;font-size:23px}.demo-notice{border:1px solid #a7824330;color:#e9c997;background:#2d261a;padding:14px 16px;border-radius:10px;margin-bottom:17px;font-size:10px;line-height:1.6}.demo-notice b{font-size:10px;letter-spacing:.9px;margin-right:8px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,.85fr);gap:17px}.signal{min-height:310px;border:1px solid #2a4569;border-radius:16px;background:linear-gradient(116deg,#14284a,#111c30 56%,#121b2a);overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;transition:border-color .3s}.signal[data-side="player"]{border-color:#3768c0;box-shadow:inset 0 1px #7eafff20,0 8px 26px #0309123a}.signal[data-side="banker"]{border-color:#a04455;box-shadow:inset 0 1px #ffabb020,0 8px 26px #0309123a;background:linear-gradient(118deg,#381b34,#201b31 50%,#181b2b)}.signal-light{position:absolute;right:-120px;top:-140px;width:460px;height:440px;z-index:-1;opacity:.7;border-radius:50%;background:radial-gradient(circle,#387cff26,transparent 68%);filter:blur(7px)}.signal[data-side="banker"] .signal-light{background:radial-gradient(circle,#f04f6728,transparent 68%)}.signal-header{padding:23px 28px;display:flex;justify-content:space-between;gap:8px;align-items:center}.live-tag{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.35px;font-weight:900;color:#b2c6e5}.tag-blink{width:8px;height:8px;background:#67a0ff;box-shadow:0 0 0 5px #5e96ff1c;border-radius:50%;animation:pulse 2.6s infinite}.signal[data-side="banker"] .tag-blink{background:#ff758a;box-shadow:0 0 0 5px #ff758a1a}.signal-code{color:#718bad;font-size:11px;font-weight:800;letter-spacing:1px}.signal-middle{flex:1;display:flex;align-items:center;justify-content:space-between;padding:4px 33px 24px 28px;gap:0;min-width:0}.signal-text{position:relative;z-index:2}.minor{color:#7d9abe;font-weight:800;letter-spacing:2px;font-size:9px;margin-bottom:13px}.signal-main{display:flex;align-items:center;gap:19px}.large-orb{height:66px;width:66px;flex:none;border-radius:50%;border:5px solid #aec7f84a;display:grid;place-items:center;background:#6582a63b;box-shadow:inset 0 0 0 5px #fff1,0 0 35px #3a7aff24;transition:.3s}.large-orb:after{content:"";height:31px;width:31px;border-radius:50%;background:#8296b3}.signal[data-side="player"] .large-orb{border-color:#77a4ff5c;background:#2d62dd35;box-shadow:0 0 34px #2e78ff49,inset 0 0 0 5px #ffffff09}.signal[data-side="player"] .large-orb:after{background:linear-gradient(135deg,#85b5ff,#347bff)}.signal[data-side="banker"] .large-orb{border-color:#ff789159;background:#cf2d4d25;box-shadow:0 0 34px #ff3b6441,inset 0 0 0 5px #ffffff09}.signal[data-side="banker"] .large-orb:after{background:linear-gradient(135deg,#ff9fa9,#ed365b)}.signal-main h2{font-size:clamp(35px,3.4vw,54px);margin:0;color:#eef5ff;line-height:1;font-weight:900;letter-spacing:-2.1px}.signal[data-side="player"] .signal-main h2{color:#83adff;text-shadow:0 5px 22px #4f7dff26}.signal[data-side="banker"] .signal-main h2{color:#ff8497;text-shadow:0 5px 22px #f04f6726}.signal-under{margin-top:8px;color:#a5bad6;text-transform:uppercase;font-weight:800;font-size:9px;letter-spacing:2px}.signal-text p{color:#8ca5c8;font-size:10px;line-height:1.9;margin:19px 0 0;max-width:395px}.dice-visual{position:relative;width:175px;height:163px;flex:none;margin-right:5px;transform:rotate(-10deg);animation:float 6s ease-in-out infinite}.die{position:absolute;height:108px;width:108px;border-radius:21px;border:1px solid #ffffff45;box-shadow:inset 0 3px #ffffff2a,0 20px 32px #0005;transform:rotate(-13deg);transition:background .3s}.die-blue{top:12px;left:5px;background:linear-gradient(150deg,#4d95ff,#184fc2)}.die-red{top:47px;left:76px;background:linear-gradient(150deg,#ff7890,#b52748);transform:rotate(18deg);height:94px;width:94px}.die i{width:12px;height:12px;background:white;border-radius:50%;box-shadow:inset 0 1px 1px #4d4d4d33;position:absolute}.die-blue i:nth-child(1){left:19px;top:19px}.die-blue i:nth-child(2){right:19px;top:19px}.die-blue i:nth-child(3){top:48px;left:46px}.die-blue i:nth-child(4){bottom:19px;left:19px}.die-blue i:nth-child(5){bottom:19px;right:19px}.die-red i:nth-child(1){top:18px;left:18px}.die-red i:nth-child(2){top:18px;right:18px}.die-red i:nth-child(3){bottom:18px;left:18px}.die-red i:nth-child(4){bottom:18px;right:18px}.die-red i:nth-child(5){display:none}.signal-bottom{min-height:67px;background:#0913227f;border-top:1px solid #ffffff13;padding:13px 28px;display:flex;align-items:center;gap:32px}.live-meta{display:flex;flex-direction:column;gap:6px}.live-meta small{font-size:8px;color:#6e87a8;font-weight:900;letter-spacing:1.1px}.live-meta strong{font-size:10px;color:#d5e1f3;font-weight:800}.meta-right{margin-left:auto}.side-box{background:#121d2d;border:1px solid #273751;border-radius:16px;display:flex;flex-direction:column;padding:24px 24px 0;min-height:310px}.side-box-top{display:flex;justify-content:space-between;align-items:center}.side-box h3{font-size:14px;margin:0;font-weight:800}.signal-waves{display:flex;gap:4px;align-items:center;height:15px}.signal-waves i{width:3px;border-radius:4px;background:#64a0ff;animation:wave 1.2s ease-in-out infinite}.signal-waves i:nth-child(1){height:5px}.signal-waves i:nth-child(2){height:12px;animation-delay:.2s}.signal-waves i:nth-child(3){height:9px;animation-delay:.4s}.signal-waves i:nth-child(4){height:14px;animation-delay:.6s}.table-state{display:flex;align-items:center;gap:15px;margin:30px 0}.state-icon{height:49px;width:49px;background:#243450;border:1px solid #395071;border-radius:50%;display:grid;place-items:center;flex:none}.state-icon i{height:17px;width:17px;background:#8ea5c7;border-radius:50%;box-shadow:0 0 0 7px #98bbff22}.state-icon.online i{background:var(--green);box-shadow:0 0 0 7px #35d5a01c}.state-icon.error i{background:var(--red);box-shadow:0 0 0 7px #f04f671f}.state-icon.demo i{background:var(--gold);box-shadow:0 0 0 7px #e8b66124}.table-state b{display:block;font-size:15px;font-weight:900;margin-bottom:6px}.table-state span:not(.state-icon){font-size:10px;color:#8296b1;line-height:1.4}.table-line{height:1px;background:#25344a}.table-overline{letter-spacing:1.3px;color:#7186a3;font-size:9px;font-weight:900;margin-top:21px}.last-result{display:flex;align-items:center;gap:12px;margin-top:12px;margin-bottom:15px}.last-ball{height:45px;width:45px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900;flex:none}.last-ball.neutral{border:1px solid #344763;color:#8294ae}.last-ball.player{background:#357fff24;border:1px solid #377bff;color:#80b2ff}.last-ball.banker{background:#ed4d6524;border:1px solid #e4526a;color:#ff8494}.last-ball.tie{background:#e8b66124;border:1px solid #aa7f3b;color:#e8b661}.last-result strong{display:block;font-size:12px}.last-result span{color:#899bb3;font-size:10px;display:block;margin-top:5px}.side-box-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #26384d;color:#7691b2;font-size:9px;font-weight:700;min-height:42px;margin-top:auto}.small-live-dot{height:6px;width:6px;background:#477eff;border-radius:50%}
.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.score{min-height:146px;background:#121d2d;border:1px solid #283750;border-radius:13px;position:relative;overflow:hidden;padding:21px 20px}.score:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#426eab}.score-win:after{background:var(--green)}.score-loss:after{background:var(--red)}.score-rate:after{background:#6d9dff}.score-total:after{background:var(--gold)}.score-label{font-size:9px;color:#8096b2;font-weight:900;letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between;gap:7px}.score-ico{font-size:14px;height:28px;width:28px;display:grid;place-items:center;background:#1d3550;border-radius:8px;color:#8ba9d4}.score-win .score-ico{background:#1e4e42;color:var(--green)}.score-loss .score-ico{background:#4c2939;color:#ff91a0}.score-value{font-size:36px;font-weight:900;letter-spacing:-1.5px;margin-top:5px;font-variant-numeric:tabular-nums}.score-small{color:#7b90aa;font-size:9px;line-height:1.6;font-weight:600;margin-top:6px}
.lower-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(295px,1fr);gap:17px}.panel{border:1px solid #273751;background:#111d2d;border-radius:14px;padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h3{margin:7px 0 0;font-size:17px;font-weight:900;letter-spacing:-.5px}.block-subtitle{color:#7389a8;font-size:9px;letter-spacing:1.5px;font-weight:900}.rounds-count,.tag-rounded{border:1px solid #33445e;background:#1b293c;border-radius:7px;font-weight:900;letter-spacing:.6px;color:#96accb;font-size:9px;padding:9px 10px;white-space:nowrap}.legend{display:flex;align-items:center;gap:20px;margin:22px 0;color:#9eb0ca;font-size:10px;font-weight:700}.legend span{display:flex;align-items:center;gap:6px}.round-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;min-height:119px;align-content:start}.round{aspect-ratio:1/1;display:grid;place-items:center;border-radius:10px;border:1px solid #fff2;font-weight:900;font-size:12px;position:relative;animation:appear .25s ease both}.round.player{background:linear-gradient(135deg,#3c8bff,#2056c7);color:white;box-shadow:0 4px 10px #1c5bc626}.round.banker{background:linear-gradient(135deg,#fa6980,#b8334e);color:white;box-shadow:0 4px 10px #ad304826}.round.tie{background:linear-gradient(135deg,#e7b75f,#a9772f);color:#32210d}.round:first-child{outline:2px solid #ffffff9a;outline-offset:2px}.empty-grid{grid-column:1/-1;color:#7188a7;font-size:11px;padding:30px 4px}.panel-small-note{font-size:9px;color:#667c99;padding-top:18px;margin-top:16px;border-top:1px solid #25354b}.progress-section{margin-top:34px}.progress-top,.progress-key{display:flex;justify-content:space-between;align-items:center;gap:8px}.progress-top span{font-size:10px;color:#9eafc7;font-weight:700}.progress-top b{color:#a5bdff;font-size:19px;font-weight:900}.progress{height:9px;border-radius:10px;overflow:hidden;background:#2a3a52;margin:15px 0 14px}.progress>div{width:0;height:100%;background:linear-gradient(90deg,#36d5a3,#8fedc6);border-radius:10px;transition:width .5s}.progress-key span{display:flex;align-items:center;gap:7px;color:#91a3bb;font-size:10px}.progress-key b{color:white;margin-right:2px}.activity-row{margin-top:28px;border-top:1px solid #27384e;padding-top:20px;display:flex;justify-content:space-between;gap:10px}.activity-row>div{display:flex;flex-direction:column;gap:9px}.activity-row span{font-size:9px;color:#8399b7;font-weight:800;letter-spacing:.6px}.activity-row strong{font-size:12px}.activity-note{background:#1b2b40;border:1px solid #2b415e;border-radius:10px;margin-top:24px;padding:13px;display:flex;align-items:flex-start;gap:10px}.activity-note span{color:#86a8df;font-size:18px}.activity-note p{margin:0;color:#91a7c3;font-size:9px;line-height:1.7}
.history{margin-top:18px}.export{background:#1a2c43;color:#d3e1f6;border:1px solid #2e4564;border-radius:8px;padding:10px 14px;font-size:10px;font-weight:800}.export:hover{background:#284361}.table-scroller{overflow-x:auto;margin-top:21px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#18263a;color:#7d96b7;font-weight:900;font-size:9px;letter-spacing:1px;padding:15px}td{border-bottom:1px solid #25354a;padding:13px 15px;color:#b7c8df;font-size:11px;font-weight:700}tr:last-child td{border-bottom:0}.history-empty{text-align:center;color:#7086a4;padding:30px}.mini-side{display:inline-flex;align-items:center;gap:7px;color:#bad0ef}.mini-side:before{content:"";width:8px;height:8px;border-radius:50%;background:#91a2be}.mini-side.player:before{background:var(--blue)}.mini-side.banker:before{background:var(--red)}.mini-side.tie:before{background:var(--gold)}.outcome{border-radius:5px;padding:6px 10px;font-weight:900;font-size:10px;letter-spacing:.5px}.outcome.win{color:#67e6b4;background:#35d5a01c}.outcome.loss{color:#ff92a4;background:#f04f671b}
.manual-controls,.demo-controls{margin-top:17px;border:1px solid #40516b;border-radius:12px;padding:17px 20px;background:#142239;display:flex;align-items:center;justify-content:space-between;gap:18px}.manual-controls b,.demo-controls strong{display:block;font-size:12px;margin-bottom:6px}.manual-controls p,.demo-controls span{font-size:10px;line-height:1.6;color:#98adc8;margin:0}.manual-fields{display:flex;flex-direction:column;gap:9px;min-width:365px}.manual-fields input{background:#0c1727;color:white;border:1px solid #405777;border-radius:6px;padding:11px 12px;outline:none;font-size:11px;min-width:0}.manual-buttons,.demo-actions{display:flex;gap:7px;align-items:center}.manual-buttons button,.primary-button,.ghost-button{border-radius:7px;padding:10px 12px;border:1px solid #ffffff16;font-size:10px;font-weight:800;color:white;white-space:nowrap}.manual-blue{background:#2564de}.manual-red{background:#bf324d}.manual-gold{background:#b07a28}.primary-button{background:#346ff1;padding:13px 17px}.primary-button:hover{background:#5185fc}.primary-button span{color:white;margin-left:5px}.ghost-button{background:#273850}.demo-controls{background:#1d2439;border-color:#373b63}
footer{border-top:1px solid #1f2c41;margin:32px 0 0;padding:22px 0 4px;display:flex;justify-content:space-between;gap:10px;color:#617692;letter-spacing:1px;font-size:9px;font-weight:800}.toast{position:fixed;right:24px;bottom:25px;background:#1d2f48;border:1px solid #426eaa;border-left:4px solid #4a86ff;border-radius:12px;box-shadow:0 16px 60px #0009;display:flex;align-items:center;gap:12px;padding:17px 20px;z-index:100;opacity:0;transform:translateY(35px);pointer-events:none;transition:opacity .25s,transform .25s;max-width:330px}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{color:#7fabff;font-size:22px}.toast strong{font-size:12px;display:block;margin-bottom:5px}.toast span:not(.toast-icon){font-size:10px;color:#a7b8ce;line-height:1.5}
@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.1)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-9px) rotate(-7deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.inner{padding-left:48px;padding-right:48px}}
@media(max-width:1200px){.rail{width:199px}.logo{padding-left:3px}.inner{padding:32px 24px}.signal-middle{padding-right:14px}.die-blue{left:0}.dice-visual{transform:scale(.83);margin-left:-20px}.signal-main h2{font-size:40px}.side-box{padding:20px 17px 0}}
@media(max-width:1020px){.rail{width:77px;padding:22px 12px}.logo{padding:0 0 52px;justify-content:center}.logo-text,.rail-section,.rail-nav a:not(.selected),.rail-nav a.selected{font-size:0}.rail-nav a{justify-content:center;padding:0}.nav-symbol{font-size:22px}.rail-mini,.rail-foot{display:none}.rail-nav a{height:48px}.mode-caption{display:none}.hero-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:820px){.hero-layout,.lower-layout{grid-template-columns:1fr}.side-box{min-height:230px;padding:21px}.table-state{margin:20px 0}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.signal-main h2{font-size:46px}.manual-controls,.demo-controls{flex-direction:column;align-items:stretch}.manual-fields{min-width:0}.bar{padding:0 24px}}
@media(max-width:600px){.layout{display:block}.rail{position:relative;width:auto;height:66px;flex-direction:row;padding:12px 17px;align-items:center;border-right:0;border-bottom:1px solid #283b53}.logo{padding:0}.logo-dice{height:34px;width:35px}.logo-text{display:block}.logo-text strong{font-size:18px}.logo-text small{font-size:6px}.rail-section,.rail-nav,.rail-gap{display:none}.bar{height:53px;padding:0 17px}.bar-left{font-size:9px}.bar-mark{font-size:12px}.bar-right{gap:8px}.clock{font-size:10px}.status-pill{font-size:8px;padding:8px}.inner{padding:22px 15px}.intro{align-items:start;margin-bottom:22px}.intro h1{font-size:28px}.intro p{font-size:10px;max-width:270px}.eyebrow{font-size:8px}.refresh{font-size:0;padding:9px}.refresh span{font-size:24px}.mode-bar{overflow-x:auto;justify-content:space-between;gap:3px;padding:5px}.mode{font-size:9px;padding:10px 8px;gap:5px}.mode-dot{width:6px;height:6px}.signal{min-height:310px}.signal-header{padding:19px}.signal-middle{padding:10px 19px 20px}.live-tag{font-size:8px;letter-spacing:.5px}.signal-code{font-size:9px}.signal-main{gap:12px}.large-orb{height:48px;width:48px;border-width:4px}.large-orb:after{height:22px;width:22px}.signal-main h2{font-size:clamp(30px,10vw,45px);letter-spacing:-1.5px}.signal-under{font-size:8px;letter-spacing:1px}.minor{font-size:8px}.signal-text p{max-width:235px;font-size:9px}.dice-visual{position:absolute;right:-45px;top:113px;transform:scale(.7);opacity:.45;animation:none}.signal-bottom{padding:14px 18px;gap:13px}.live-meta small{font-size:7px}.live-meta strong{font-size:8px}.meta-right{display:none}.score-grid{gap:10px}.score{min-height:129px;padding:17px 14px}.score-label{font-size:8px;letter-spacing:.6px}.score-value{font-size:31px}.score-small{font-size:9px}.side-box{min-height:245px}.panel{padding:19px 15px}.panel-title h3{font-size:15px}.round-grid{gap:7px;grid-template-columns:repeat(8,minmax(0,1fr))}.round{font-size:11px}.legend{gap:16px;font-size:9px}.demo-actions,.manual-buttons{flex-wrap:wrap}.demo-actions button{flex:1}footer{font-size:8px}.toast{left:15px;right:15px;bottom:15px;max-width:unset}}
@media(max-width:355px){.mode{font-size:8px;padding:9px 5px}.signal-main h2{font-size:30px}.clock{display:none}.round-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}