:root{
  --bg:#070b09;--bg2:#0a100c;--panel:#0f1611;--panel2:#131c16;--panel3:#0b110d;
  --line:#253229;--line2:#34443a;--text:#f4f7f5;--muted:#8d9b92;--muted2:#65736a;
  --green:#98ee1b;--green2:#65bc00;--green-soft:rgba(152,238,27,.10);--red:#ff4b47;
  --amber:#ffbd39;--blue:#61a9ff;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.34);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% -10%,rgba(101,188,0,.11),transparent 34%),linear-gradient(#080d0a,#060907);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden,[hidden]{display:none!important}
.icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.fill{fill:currentColor;stroke:none}.icon-sm{width:18px;height:18px}.icon-lg{width:30px;height:30px}
.app-shell{display:none;min-height:100vh;grid-template-columns:268px minmax(0,1fr)}
body.app-member .app-shell,body.app-demo .app-shell{display:grid}
.landing{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 10%,rgba(152,238,27,.13),transparent 35%)}
body.app-member .landing,body.app-demo .landing{display:none}
.landing-card{width:min(1120px,100%);text-align:center;border:1px solid var(--line);background:linear-gradient(150deg,rgba(18,27,20,.97),rgba(7,11,9,.98));border-radius:28px;padding:34px 34px 30px;box-shadow:var(--shadow)}
.landing-logo{width:min(440px,80vw);max-height:300px;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(101,188,0,.16))}
.landing h1{max-width:1080px;margin:18px auto 10px;font-size:clamp(34px,5.6vw,72px);line-height:1.02;letter-spacing:-.05em}.landing h1 span{display:block;white-space:nowrap}.landing p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.65}
.landing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.demo-credentials{margin-top:18px;color:var(--muted2);font-size:12px}.demo-credentials code{color:#c9ff7c;background:#111a13;border:1px solid #2c3a30;border-radius:6px;padding:3px 6px}
.btn{border:1px solid #34433a;border-radius:11px;background:#141d17;color:#eaf0ec;padding:10px 14px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#536658;background:#19241c}.btn.primary{color:#102000;background:linear-gradient(180deg,#a9f62b,#83da0d);border-color:#b6ff47;box-shadow:0 10px 28px rgba(120,220,14,.15)}.btn.danger{color:#ffaaa6;border-color:#713b36;background:#241312}.btn.ghost{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.sidebar{position:sticky;top:0;height:100vh;background:rgba(6,10,7,.96);border-right:1px solid var(--line);padding:16px 14px;display:flex;flex-direction:column;z-index:20}
.brand{height:232px;border-bottom:1px solid var(--line);display:grid;place-items:center;margin-bottom:14px}.brand img{width:232px;max-height:220px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(152,238,27,.13))}
.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#5c6961;font-weight:900;padding:10px 13px 7px}.nav{display:grid;gap:5px}.nav-btn{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:#a7b2ab;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:760}.nav-btn:hover{color:#fff;background:#101711}.nav-btn.active{color:#fff;border-color:rgba(152,238,27,.25);background:linear-gradient(90deg,rgba(152,238,27,.14),rgba(152,238,27,.035))}.nav-btn.active .nav-icon{color:var(--green)}.nav-icon{width:25px;height:25px;display:grid;place-items:center;color:#9eaaa3;flex:0 0 25px}.nav-count{margin-left:auto;background:#202a23;color:#bcc7bf;padding:2px 7px;border-radius:999px;font-size:11px}
.engine-card{margin-top:auto;border:1px solid #2e3b32;border-radius:15px;background:linear-gradient(145deg,#111813,#0b100d);padding:13px}.engine-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.engine-dot{width:8px;height:8px;border-radius:50%;background:#718078}.engine-card[data-status="online"] .engine-dot{background:var(--green);box-shadow:0 0 12px rgba(152,238,27,.75)}.engine-card[data-status="delayed"] .engine-dot{background:var(--amber)}.engine-card[data-status="offline"] .engine-dot{background:var(--red)}.engine-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:9px 0 0}
.main{min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,11,8,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:14}.crumb{display:flex;align-items:center;gap:10px;color:#748178;font-size:13px}.crumb strong{color:#e8eee9}.top-actions{display:flex;align-items:center;gap:11px}.mode-pill{border:1px solid rgba(152,238,27,.28);background:rgba(152,238,27,.075);color:#ceff83;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.09em}.mode-pill.demo{border-color:rgba(255,189,57,.32);background:rgba(255,189,57,.08);color:#ffd77c}.clock{color:#7f8c84;font-size:12px}.account-btn{width:38px;height:38px;border-radius:50%;border:1px solid #3a493f;background:#172019;color:#fff;font-weight:900}
.content{max-width:1620px;margin:0 auto;padding:26px 30px 50px}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h1{font-size:30px;letter-spacing:-.04em;margin:0}.page-head p{font-size:13px;color:var(--muted);line-height:1.55;margin:7px 0 0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.demo-banner{display:none;border:1px solid rgba(255,189,57,.32);background:rgba(255,189,57,.06);border-radius:13px;padding:11px 13px;color:#d9c99e;font-size:12px;margin-bottom:14px}.demo-banner strong{color:#ffe19a}.app-demo .demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.kpi{border:1px solid var(--line);background:linear-gradient(145deg,#111813,#0c110e);border-radius:16px;padding:15px 16px;min-height:118px;position:relative;overflow:hidden}.kpi-icon{position:absolute;right:14px;top:13px;color:#819087}.kpi[data-tone="online"] .kpi-icon,.kpi[data-tone="active"] .kpi-icon{color:var(--green)}.kpi[data-tone="warning"] .kpi-icon{color:var(--amber)}.kpi-label{font-size:10px;color:#819087;font-weight:850;letter-spacing:.035em}.kpi-value{font-size:28px;font-weight:900;letter-spacing:-.045em;margin-top:10px}.kpi-sub{font-size:10px;color:#718078;line-height:1.45;margin-top:5px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(17,24,19,.99),rgba(10,15,12,.99));overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.13)}.panel-head{min-height:54px;padding:11px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.panel-title small{color:#76837b;font-size:10px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(152,238,27,.7)}.panel-tools{display:flex;gap:7px}.pill{border:1px solid #334138;background:#111713;color:#9ba79f;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:760}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:15px}.basketball-bar{border-bottom:1px solid var(--line);background:rgba(152,238,27,.045);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.basketball-bar strong{font-size:12px}.basketball-bar span{font-size:10px;color:#7f8c84;margin-left:8px}.basketball-status{display:flex;align-items:center;gap:8px}.basketball-dot{width:8px;height:8px;border-radius:50%;background:#6f7c73}.basketball-dot.online{background:var(--green);box-shadow:0 0 10px rgba(152,238,27,.7)}
.games{padding:10px;display:grid;gap:10px}.game-card{border:1px solid #29372e;border-radius:15px;background:#0c120e;overflow:hidden}.game-card.live{border-color:rgba(152,238,27,.38)}.game-card.stale{border-color:rgba(255,189,57,.34)}.game-top{display:grid;grid-template-columns:130px minmax(220px,1fr) 145px 150px;gap:12px;align-items:center;padding:14px}.league{font-size:10px;color:#849188;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.live-label{display:inline-flex;align-items:center;gap:5px;color:#ff7470}.live-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}.game-fresh{font-size:9px;color:#66746b;margin-top:5px}.teams{display:grid;gap:6px}.team{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.team-code{width:28px;height:27px;border-radius:8px;background:#1a241d;display:grid;place-items:center;font-size:9px;color:#b4c0b8}.team-score{font-size:19px;font-weight:900;margin-left:auto}.game-state{text-align:center}.game-state strong{font-size:13px}.game-state span,.pregame span{display:block;font-size:9px;color:#77857c;margin-top:4px}.pregame{text-align:right}.pregame strong{font-size:11px}.watchdogs-near-game{border-top:1px solid #222e26;background:#0f1611}.watchdogs-header{display:flex;justify-content:space-between;gap:10px;padding:9px 13px;color:#7d8a82;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.game-watchdog{padding:10px 13px;border-top:1px solid #1e2922}.game-watchdog:first-of-type{border-top:0}.game-watchdog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-watchdog-name{font-size:11px;font-weight:850}.match-summary{font-size:9px;color:#7b887f;white-space:nowrap}.match-summary.matched{color:#caff7a}.condition-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.condition-chip{border:1px solid #314038;background:#0a0f0c;color:#7f8c84;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:750}.condition-chip.met{border-color:rgba(152,238,27,.36);background:rgba(152,238,27,.075);color:#caff7a}.condition-chip.missing{border-color:rgba(255,189,57,.28);color:#d3b86f}.empty-state{padding:26px;text-align:center;color:#859188}.empty-state strong{display:block;color:#dfe7e1;font-size:13px;margin-bottom:5px}.empty-state p{font-size:11px;line-height:1.55;margin:0}
.alert-side{min-height:360px}.alert-list{display:grid}.alert-item{padding:13px 14px;border-bottom:1px solid #222d25;display:grid;grid-template-columns:35px 1fr;gap:10px}.alert-item:last-child{border-bottom:0}.alert-bark{width:34px;height:34px;border-radius:10px;background:rgba(152,238,27,.09);color:var(--green);display:grid;place-items:center}.alert-item h4{font-size:11px;margin:0 0 4px}.alert-item time{float:right;color:#66746b;font-size:8px;font-weight:500}.alert-item p{font-size:9.5px;color:#909d94;line-height:1.45;margin:0}.alert-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.alert-tag{border:1px solid #2d3931;border-radius:999px;padding:3px 6px;color:#79877e;font-size:8px}.alert-tag.test{color:#99c8ff;border-color:rgba(97,169,255,.3)}.alert-tag.replay{color:#ffd77c;border-color:rgba(255,189,57,.3)}
.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:820px}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.06em;text-align:left;color:#718078;background:#0b100d;padding:11px 13px}.data-table td{padding:12px 13px;border-top:1px solid #222d25;font-size:11px;color:#acb8b0;vertical-align:top}.rule-title{color:#ecf1ee;font-weight:850}.rule-desc{color:#758179;font-size:9px;line-height:1.4;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;color:#caff7a}.status.paused{color:#ffd77c}.row-actions{display:flex;gap:6px}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid #334038;background:#111813;color:#9eaaa2;display:grid;place-items:center}.icon-btn:hover{color:#fff;border-color:#526557}.toggle{width:42px;height:24px;border:1px solid #425046;border-radius:999px;background:#19211b;position:relative}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#849087;left:3px;top:3px;transition:.18s}.toggle.on{background:rgba(152,238,27,.22);border-color:rgba(152,238,27,.45)}.toggle.on:after{left:21px;background:var(--green)}
.alert-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{border:1px solid #344239;background:#111813;color:#88968d;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800}.filter-btn.active{color:#d4ff95;border-color:rgba(152,238,27,.4);background:rgba(152,238,27,.08)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setting-card{padding:16px}.setting-card h3{font-size:13px;margin:0 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #263229}.setting-row:first-of-type{border-top:0}.setting-row h4{font-size:11px;margin:0 0 3px}.setting-row p{font-size:9px;color:#77847b;line-height:1.45;margin:0}.account-block{display:flex;align-items:center;gap:11px;margin:10px 0}.account-avatar{width:43px;height:43px;border-radius:50%;background:#1b271d;border:1px solid rgba(152,238,27,.28);display:grid;place-items:center;color:#d0ff89;font-weight:900}.push-card{grid-column:1/-1}.push-card-head{display:flex;justify-content:space-between;gap:12px}.push-status{border:1px solid #3b493f;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.push-status[data-tone="success"]{color:#caff7a;border-color:rgba(152,238,27,.38)}.push-status[data-tone="warning"]{color:#ffd77c;border-color:rgba(255,189,57,.35)}.push-status[data-tone="error"]{color:#ff9995;border-color:rgba(255,75,71,.35)}.push-detail{font-size:10px;color:#8d9a92;line-height:1.5;margin:11px 0}.push-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.push-device-grid>div{border:1px solid #29362e;border-radius:10px;background:#0b100d;padding:10px}.push-device-grid span{font-size:8px;color:#6f7d74;text-transform:uppercase;letter-spacing:.06em}.push-device-grid strong{display:block;font-size:10px;margin-top:4px}.push-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.push-install{border:1px solid rgba(255,189,57,.3);background:rgba(255,189,57,.06);border-radius:10px;padding:10px;color:#c4b687;font-size:10px;margin-top:10px}.coming{border:1px solid rgba(97,169,255,.28);background:rgba(97,169,255,.06);color:#9cc9ff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.modal-backdrop,.auth-backdrop{position:fixed;inset:0;background:rgba(2,5,3,.78);backdrop-filter:blur(7px);z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open,.auth-backdrop.open{display:flex}.modal{width:min(980px,100%);max-height:min(92vh,920px);border:1px solid #344239;background:#0f1611;border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.modal-head h2{font-size:20px;margin:0}.modal-head p{font-size:10px;color:#758279;margin:4px 0 0}.close{width:39px;height:39px;border-radius:10px;border:1px solid #344139;background:#141b16;color:#a8b4ac;font-size:20px}.modal-body{padding:17px 19px;overflow:auto}.modal-foot{padding:13px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.builder-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.builder-card{border:1px solid #2c3930;background:#0b100d;border-radius:14px;padding:13px}.builder-card h3{font-size:12px;margin:0 0 4px}.builder-card p{font-size:9px;color:#748179;line-height:1.45;margin:0 0 10px}.field{display:grid;gap:5px;margin-bottom:10px}.field label{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:#748179;font-weight:900}.field input,.field select,.field textarea{width:100%;border:1px solid #303e35;background:#080d0a;color:#edf2ef;border-radius:9px;padding:9px 10px;outline:none}.field textarea{min-height:104px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#75bf22;box-shadow:0 0 0 2px rgba(152,238,27,.08)}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.condition-section{border:1px solid #2c3930;border-radius:12px;overflow:hidden;margin-top:9px}.condition-head{padding:9px 10px;background:#111813;display:flex;align-items:center;justify-content:space-between}.condition-head strong{font-size:10px}.condition-list{padding:9px;display:grid;gap:7px}.condition-row{display:grid;grid-template-columns:66px minmax(0,1fr) 31px;gap:7px;align-items:start}.condition-copy{display:grid;gap:5px}.condition-row select,.condition-row input{height:36px;border:1px solid #303d34;background:#080d0a;color:#e8eeea;border-radius:8px;padding:0 8px;font-size:10px}.condition-row select{font-size:8px;font-weight:900;color:#9ba79f}.condition-interpretation{min-height:20px;padding:5px 7px;border-radius:7px;border:1px solid #29372e;background:#0e1510;color:#88958d;font-size:8.5px;line-height:1.4}.condition-interpretation strong{color:#cbd5ce}.condition-interpretation span{margin-left:6px;color:#77847c;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.condition-interpretation.supported{border-color:rgba(152,238,27,.24);background:rgba(152,238,27,.045);color:#b8c6bc}.condition-interpretation.supported strong{color:#caff7a}.condition-interpretation.error{border-color:rgba(255,75,71,.32);background:rgba(255,75,71,.045);color:#ffaaa6}.remove-condition{border:1px solid #36443a;border-radius:8px;background:#141b16;color:#87938b}.condition-empty{font-size:9px;color:#68766d;padding:6px}.summary-box{border:1px solid rgba(152,238,27,.25);background:rgba(152,238,27,.05);border-radius:12px;padding:12px;margin-top:12px;font-size:10px;color:#b9c5bd;line-height:1.5}.test-panel{display:none;margin-top:13px;border:1px solid rgba(97,169,255,.28);background:rgba(97,169,255,.045);border-radius:12px;padding:12px}.modal.edit-mode .test-panel{display:block}.test-grid{display:grid;grid-template-columns:1.2fr .55fr 1.2fr .55fr;gap:8px}.test-result{margin-top:9px;border:1px solid #2c3930;border-radius:9px;padding:9px;font-size:9.5px;color:#89968e}.test-result.matched{border-color:rgba(152,238,27,.35);color:#caff7a}.test-result.error{border-color:rgba(255,75,71,.35);color:#ff9d99}
.auth-card{width:min(440px,100%);border:1px solid #344139;background:#0f1611;border-radius:20px;padding:21px;position:relative;box-shadow:var(--shadow)}.auth-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid #354239;border-radius:9px;background:#141b16;color:#aab5ae}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:16px}.auth-brand img{width:62px;height:62px;border-radius:14px;object-fit:cover}.auth-brand strong{font-size:20px}.auth-brand strong span{color:var(--green)}.auth-brand small{display:block;color:#718078;letter-spacing:.11em;font-size:8px;margin-top:3px}.auth-panel h2{font-size:23px;letter-spacing:-.035em;margin:5px 0}.auth-panel>p{color:#87948c;font-size:11px;line-height:1.5}.auth-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:900}.auth-message{border:1px solid #37453b;border-radius:9px;padding:9px 10px;font-size:10px;margin-bottom:10px}.auth-message.error{color:#ff9e99;border-color:rgba(255,75,71,.35)}.auth-message.success{color:#caff7a;border-color:rgba(152,238,27,.35)}.auth-form{display:grid;gap:10px;margin-top:14px}.auth-form label{display:grid;gap:5px;color:#8c9991;font-size:9px;font-weight:800}.auth-form input{height:42px;border:1px solid #334138;background:#080d0a;color:#fff;border-radius:9px;padding:0 11px}.auth-primary,.auth-secondary{height:43px;border-radius:10px;border:1px solid #adf83b;font-weight:900}.auth-primary{background:var(--green);color:#122000}.auth-secondary{background:#151d17;color:#e8eee9;border-color:#37453b;width:100%}.auth-link{border:0;background:transparent;color:#a9c886;font-size:10px;padding:10px 0}.auth-note{border-top:1px solid var(--line);margin-top:12px;padding-top:11px;color:#748179;font-size:9px;line-height:1.5}.demo-login{width:100%;margin-top:8px;border-color:rgba(255,189,57,.35);color:#ffe09a;background:rgba(255,189,57,.06)}
.toast{position:fixed;right:22px;top:84px;z-index:130;width:min(360px,calc(100vw - 28px));border:1px solid rgba(152,238,27,.35);background:rgba(15,23,17,.98);border-radius:15px;padding:13px;display:grid;grid-template-columns:45px 1fr 24px;gap:10px;box-shadow:var(--shadow);transform:translateX(420px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast img{width:43px;height:43px;border-radius:10px}.toast h4{font-size:12px;margin:1px 0 4px}.toast p{font-size:10px;color:#98a59d;line-height:1.45;margin:0}.toast button{border:0;background:transparent;color:#7d8981;font-size:18px}
.demo-runner{display:none;border:1px solid rgba(255,189,57,.3);background:rgba(255,189,57,.045);border-radius:14px;padding:12px 13px;margin-bottom:13px}.app-demo .demo-runner{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-runner p{font-size:10px;color:#b4aa8c;margin:2px 0 0}.demo-runner strong{font-size:11px;color:#ffe3a0}.demo-progress{height:5px;background:#20251d;border-radius:999px;overflow:hidden;margin-top:7px;width:min(360px,55vw)}.demo-progress span{display:block;height:100%;width:0;background:var(--green);transition:.5s}
@media(max-width:1150px){.game-top{grid-template-columns:110px 1fr 120px}.pregame{display:none}.dashboard-grid{grid-template-columns:1fr}.alert-side{min-height:auto}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.landing h1 span{white-space:normal}.landing h1{font-size:clamp(32px,10vw,52px)}body{padding-bottom:72px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:70px;padding:4px 5px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:50}.brand,.nav-label,.engine-card{display:none}.nav{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.nav-btn{padding:4px 2px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center;font-size:9px}.nav-icon{width:24px;height:24px;flex:0 0 24px}.nav-count{position:absolute;margin:0;transform:translate(12px,-12px);padding:1px 5px}.main{min-width:0}.topbar{height:64px;padding:env(safe-area-inset-top) 14px 0;position:sticky}.crumb span:not(:last-child){display:none}.clock{display:none}.content{padding:18px 13px 34px}.page-head{display:block}.page-actions{margin-top:12px}.page-head h1{font-size:27px}.kpis{grid-template-columns:repeat(3,1fr);gap:8px}.kpi{min-height:92px;padding:11px}.kpi:nth-child(4){grid-column:1/-1}.kpi-label{font-size:8px}.kpi-value{font-size:23px}.kpi-icon{right:8px;top:8px}.dashboard-grid{grid-template-columns:1fr}.panel-head{padding:10px 12px}.panel-tools{display:none}.basketball-bar{align-items:flex-start}.basketball-bar .btn{padding:7px 9px;min-height:36px}.game-top{grid-template-columns:1fr;gap:10px}.game-state{text-align:left;display:flex;gap:10px}.teams{order:2}.league{order:1}.game-state{order:3}.watchdogs-header{font-size:8px}.game-watchdog-top{align-items:flex-start}.match-summary{white-space:normal;text-align:right}.settings-grid{grid-template-columns:1fr}.push-card{grid-column:auto}.push-device-grid{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.meta-grid{grid-template-columns:1fr}.test-grid{grid-template-columns:1fr 82px}.modal-backdrop,.auth-backdrop{padding:0;align-items:stretch}.modal{height:100dvh;max-height:none;width:100%;border-radius:0;border:0}.modal-head{padding-top:calc(12px + env(safe-area-inset-top))}.modal-foot{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.modal-body{padding:14px}.auth-card{margin:auto 12px}.toast{top:calc(12px + env(safe-area-inset-top));right:14px}.landing{padding:15px}.landing-card{padding:24px 17px}.landing-logo{width:90%}.app-demo .demo-banner{display:block}.demo-runner{display:block}.demo-progress{width:100%}.data-table{min-width:700px}}
@media(max-width:420px){.kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(4){grid-column:auto}.kpi{min-height:100px}.mode-pill{font-size:8px;padding:6px 8px}.account-btn{width:34px;height:34px}.top-actions{gap:7px}.condition-row{grid-template-columns:58px 1fr 30px}}
/* V7 production-truth additions */
.game-watchdog.triggered{background:linear-gradient(90deg,rgba(152,238,27,.075),transparent)}
.game-watchdog.triggered .match-summary{color:#caff7a}
.game-watchdog-sub{display:block;color:#6f7d74;font-size:9px;margin-top:3px}
.empty-state.compact{padding:15px 13px;text-align:left}.empty-state.compact strong{font-size:10px}.empty-state.compact p{font-size:9px}
.rule-actions{display:flex;align-items:center;gap:6px}.rule-actions .btn{min-height:34px;padding:7px 9px;font-size:10px}
.alert-side{min-height:320px}.alert-list{padding:8px}.alert-card{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:10px;border-bottom:1px solid #222d25;cursor:pointer}.alert-card:last-child{border-bottom:0}.alert-card:hover{background:#111813}.alert-icon{width:32px;height:32px;border:1px solid rgba(152,238,27,.25);border-radius:9px;display:grid;place-items:center;color:var(--green)}.alert-card strong{font-size:10px}.alert-card p{font-size:9px;line-height:1.45;color:#849188;margin:3px 0}.alert-card span{font-size:8px;color:#647168}.alert-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{border:1px solid #344139;background:#101611;color:#8c9991;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.filter-btn.active{color:#caff7a;border-color:rgba(152,238,27,.38);background:rgba(152,238,27,.08)}
.setting-card{padding:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.push-card{grid-column:1/-1}.setting-card h3{font-size:12px;margin:0 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #233027;padding:11px 0}.setting-row:first-of-type{border-top:0}.setting-row h4{font-size:10px;margin:0}.setting-row p{font-size:9px;color:#738078;line-height:1.45;margin:3px 0 0}.account-block{display:flex;align-items:center;gap:10px;margin-bottom:10px}.account-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(152,238,27,.36);background:rgba(152,238,27,.08);display:grid;place-items:center;color:#caff7a;font-weight:900}
.demo-banner .btn{min-height:34px;padding:7px 10px}.app-demo #desktopPushSettings [data-push-action],.app-demo #desktopPushSettings a.btn{display:none}.app-demo #desktopPushSettings [data-push-detail]:after{content:" Demo alerts remain inside this isolated session; production push subscriptions are reserved for signed-in member accounts."}
body.app-demo #operationsNav{display:none!important}
@media(max-width:760px){.alert-filters{margin-top:12px}.setting-card{padding:13px}.game-watchdog-sub{font-size:8px}.alert-card{padding:9px 6px}.rule-actions{white-space:nowrap}}
.mobile-brand-mark{display:none;width:42px;height:42px;border-radius:11px;object-fit:cover;border:1px solid rgba(152,238,27,.28);box-shadow:0 0 18px rgba(152,238,27,.08)}
@media(max-width:760px){.mobile-brand-mark{display:block}.crumb{gap:8px}.crumb strong{font-size:13px}.topbar{height:70px}}


/* Watchdog V7.3 — selected Option 2 / Icon 2 plus recognizable dog-pack icon correction */
.btn[data-create-watchdog]{color:#102000!important;background:linear-gradient(180deg,#b2ff35,#83dc0b)!important;border-color:#c1ff58!important;box-shadow:0 10px 30px rgba(120,220,14,.24)!important}
.btn[data-create-watchdog]:hover{background:linear-gradient(180deg,#c0ff53,#94e91b)!important;border-color:#d0ff74!important;box-shadow:0 13px 36px rgba(120,220,14,.32)!important}
.mobile-branding{display:none;align-items:center;gap:10px;min-width:0}
.mobile-brand-copy{display:block;min-width:0;line-height:1}
.mobile-brand-wordmark{display:block;color:#f4f8f5;font-size:22px;font-weight:950;letter-spacing:-.045em;white-space:nowrap}
.mobile-brand-wordmark span{color:var(--green)}
.mobile-brand-tagline{display:block;color:#9eaaa3;font-size:7.8px;font-weight:850;letter-spacing:.145em;margin-top:4px;white-space:nowrap}
@media(max-width:760px){
  body{padding-bottom:72px}
  .topbar{height:86px;padding:calc(env(safe-area-inset-top) + 5px) 12px 5px;gap:8px}
  .crumb{flex:1 1 auto;min-width:0;gap:0}
  .desktop-crumb-label,.desktop-crumb-divider,.desktop-crumb-current{display:none!important}
  .mobile-branding{display:flex;min-width:0}
  .mobile-brand-mark{display:block;width:72px;height:72px;flex:0 0 72px;border-radius:16px;object-fit:contain;background:#050907;border:1px solid rgba(152,238,27,.46);box-shadow:0 0 20px rgba(152,238,27,.16)}
  .mode-pill{display:none}
  .nav-btn[data-view="alerts"] .nav-count{display:none!important}
}
@media(max-width:420px){
  .topbar{padding-left:9px;padding-right:9px}
  .mobile-branding{gap:8px}
  .mobile-brand-mark{width:66px;height:66px;flex-basis:66px;border-radius:15px}
  .mobile-brand-wordmark{font-size:19px}
  .mobile-brand-tagline{font-size:7px;letter-spacing:.12em}
}
@media(max-width:360px){
  .mobile-brand-mark{width:60px;height:60px;flex-basis:60px}
  .mobile-brand-wordmark{font-size:17px}
  .mobile-brand-tagline{font-size:6.3px;letter-spacing:.1em}
  .account-btn{width:32px;height:32px}
}


/* Watchdog V7.3 — recognizable three-dog pack icon correction */

/* V7.4.1 beta usability, eight-template picker, and platform-ready builder additions */
.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;border-left:1px solid #2d3931;background:transparent;color:#8d9a92;border-radius:0 7px 7px 0;display:grid;place-items:center;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:#caff7a;background:rgba(152,238,27,.06);outline:0}.password-toggle .icon{width:18px;height:18px}.password-toggle[aria-pressed="true"]{color:#caff7a}
.template-picker{border:1px solid rgba(152,238,27,.22);background:linear-gradient(180deg,rgba(152,238,27,.045),rgba(8,13,10,.15));border-radius:14px;padding:12px;margin-bottom:12px}.template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.template-head h3{font-size:12px;margin:0 0 4px}.template-head p{font-size:9px;color:#7f8d84;line-height:1.45;margin:0}.template-head .btn{flex:0 0 auto;min-height:34px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-card{min-height:112px;text-align:left;border:1px solid #303d34;background:#0c120e;color:#e8eee9;border-radius:11px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.template-card:hover,.template-card:focus-visible{border-color:rgba(152,238,27,.55);background:rgba(152,238,27,.065);transform:translateY(-1px);outline:0}.template-card.selected{border-color:#98ee1b;background:rgba(152,238,27,.09);box-shadow:0 0 0 1px rgba(152,238,27,.12)}.template-card strong{font-size:10.5px;line-height:1.25}.template-card span{font-size:8.5px;line-height:1.42;color:#7f8d84;margin-top:5px}.template-card small{font-size:8px;color:#bdfb60;font-weight:900;margin-top:auto;padding-top:9px}.modal.edit-mode .template-picker{display:none}
@media(max-width:980px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.template-head{display:block}.template-head .btn{margin-top:9px}.template-grid{grid-template-columns:1fr 1fr}.template-card{min-height:118px;padding:10px}.template-card strong{font-size:10px}}
@media(max-width:370px){.template-grid{grid-template-columns:1fr}.template-card{min-height:92px}}

/* Watchdog V7.5 - universal Live Alerts lockup and alert delivery experience */
.brand-lockup{display:grid;justify-items:center;line-height:1;filter:drop-shadow(0 15px 35px rgba(101,188,0,.16))}
.brand-art-crop{width:100%;aspect-ratio:1333/1180;overflow:hidden}
.brand-art-crop img{display:block;width:100%;height:auto;max-height:none!important;object-fit:contain}
.landing-brand-lockup{width:min(440px,80vw);margin-inline:auto}
.sidebar-brand-lockup{width:232px}
.alert-delivery-card{padding:18px}.alert-delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.alert-delivery-head h3{font-size:18px;margin:3px 0 5px}.alert-delivery-head p,.push-section-head p{font-size:10px;color:#7f8c84;line-height:1.5;margin:0}.settings-kicker{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.14em}.delivery-default{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(152,238,27,.25);background:rgba(152,238,27,.055);border-radius:13px;padding:12px 13px;margin:14px 0}.delivery-default label{display:grid;gap:3px}.delivery-default label strong{font-size:11px}.delivery-default label span{font-size:9px;color:#819087}.delivery-default select{min-width:180px;height:40px;border:1px solid #3a4a40;border-radius:9px;background:#0a100c;color:#f4f7f5;padding:0 10px}.push-channel-card{border:1px solid #29372e;border-radius:14px;background:#0b110d;padding:14px}.push-channel-card h4,.push-management h4,.sms-status-row h4{font-size:11px;margin:0}.push-channel-icon{width:34px;height:34px;border:1px solid rgba(152,238,27,.28);background:rgba(152,238,27,.08);color:var(--green);border-radius:10px;display:grid;place-items:center;font-weight:900}.push-client-note{font-size:8px;margin-top:-5px}.push-install ol{margin:7px 0 0;padding-left:18px;display:grid;gap:4px}.push-management{margin-top:15px;border-top:1px solid #243128;padding-top:14px}.push-section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.push-device-list,.push-delivery-list{display:grid;gap:7px}.push-device-card{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(220px,auto);align-items:center;gap:11px;border:1px solid #28362d;border-radius:11px;background:#0a100c;padding:10px}.push-device-card[data-current="true"]{border-color:rgba(152,238,27,.32)}.push-device-copy{min-width:0}.push-device-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.push-device-title strong{font-size:10px}.push-device-copy>span{display:block;color:#728078;font-size:8px;margin-top:3px;text-transform:capitalize}.push-device-current{border:1px solid rgba(152,238,27,.3);border-radius:999px;color:#caff7a;background:rgba(152,238,27,.06);font-size:7px;font-weight:900;padding:3px 5px;text-transform:uppercase}.push-device-state{font-size:8px;font-weight:900;border:1px solid #35443a;border-radius:999px;padding:4px 7px}.push-device-state[data-tone="success"]{color:#caff7a;border-color:rgba(152,238,27,.34)}.push-device-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.push-device-actions .btn{min-height:31px;padding:5px 8px;font-size:8px}.btn.danger.subtle{background:transparent;border-color:#4b3431}.push-empty{border:1px dashed #2d3a32;border-radius:10px;padding:12px;color:#77847c;font-size:9px;display:grid;gap:3px}.push-empty strong{color:#b7c1ba;font-size:10px}.push-delivery-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #202b24;padding:8px 2px}.push-delivery-row:last-child{border-bottom:0}.push-delivery-row strong{font-size:9px}.push-delivery-row div>span{display:block;color:#728078;font-size:8px;margin-top:3px}.push-delivery-status{font-size:7px;font-weight:900;text-transform:uppercase;border:1px solid #35443a;border-radius:999px;padding:4px 6px}.push-delivery-status[data-status="sent"],.push-delivery-status[data-status="delivered"]{color:#caff7a;border-color:rgba(152,238,27,.34)}.push-delivery-status[data-status="failed"]{color:#ff9995;border-color:rgba(255,75,71,.35)}.sms-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #243128;margin-top:15px;padding-top:14px}.sms-status-row p{font-size:9px;color:#748179;margin:3px 0 0}
@media(max-width:760px){.landing-brand-lockup{width:92%}.alert-delivery-card{padding:13px}.alert-delivery-head,.delivery-default,.sms-status-row{align-items:stretch;flex-direction:column}.delivery-default select{width:100%;min-width:0}.push-device-card{grid-template-columns:1fr auto}.push-device-actions{grid-column:1/-1;justify-content:flex-start}.push-device-grid{grid-template-columns:1fr}.push-actions .btn,.push-actions a.btn{flex:1 1 140px}.push-status{align-self:flex-start}}

/* Watchdog V7.6 expectation tracking and analytics */
.expectation-card{margin-top:14px;border-color:rgba(152,238,27,.16)}
.expectation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.expectation-head h3{margin-bottom:4px}.expectation-head p{margin:0;color:var(--muted)}
.expectation-toggle{display:flex;align-items:center;gap:8px;font-weight:800;color:#dce6df;white-space:nowrap;cursor:pointer}
.expectation-toggle input{width:18px;height:18px;accent-color:var(--green)}
.expectation-fields{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.expectation-wording{grid-column:span 2}.expectation-note{margin-top:10px;color:#7f9186;font-size:12px}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.analytics-best{font-size:22px;line-height:1.1;max-width:190px}
.analytics-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.analytics-recent-panel{grid-column:1/-1}
.analytics-list,.analytics-results{padding:8px 18px 18px}
.analytics-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(52,67,57,.55)}
.analytics-row:last-child{border-bottom:0}.analytics-row strong{display:block;color:#edf3ef}.analytics-row span{display:block;color:#809287;font-size:12px;margin-top:3px}
.analytics-rate{min-width:70px;text-align:right;font-size:18px;font-weight:900;color:#eef5f0}.analytics-rate small{display:block;font-size:10px;color:#7e9185;font-weight:700;margin-top:2px}
.analytics-bar{height:7px;border-radius:999px;background:#172019;overflow:hidden;margin-top:8px}.analytics-bar span{display:block;height:100%;margin:0;background:linear-gradient(90deg,#72c900,var(--green));border-radius:999px}
.analytics-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(52,67,57,.55)}
.analytics-result:last-child{border-bottom:0}.result-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;background:#6f7c74}.result-dot.correct{background:var(--green)}.result-dot.incorrect{background:#f05f62}.result-dot.pending{background:#ffc44d}.result-dot.indeterminate{background:#7d8b82}
.analytics-result strong{display:block}.analytics-result p{margin:3px 0 0;color:#83958a;font-size:12px}.analytics-result time{color:#718279;font-size:11px;white-space:nowrap}
.analytics-empty{padding:25px 18px;color:#83958a;text-align:center}.analytics-empty strong{display:block;color:#dce6df;margin-bottom:5px}
.rule-expectation{color:#93a59a;font-size:11px;margin-top:4px}.rule-expectation::before{content:"Prediction: ";color:#b8c6bd;font-weight:800}
@media(max-width:980px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.analytics-recent-panel{grid-column:auto}}
@media(max-width:760px){.nav{grid-template-columns:repeat(6,1fr)}.nav-btn{font-size:8px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analytics-best{font-size:16px}.expectation-head{align-items:center}.expectation-wording{grid-column:auto}.analytics-result{grid-template-columns:auto minmax(0,1fr)}.analytics-result time{grid-column:2}}
.analytics-confidence-panel{grid-column:1/-1}

/* V7.6.1 navigation icon hotfix */

/* V7.6.2 exact approved navigation artwork. These use the approved mockup shapes as
   monochrome masks so active/inactive colors continue to inherit from the UI. */
.icon-mask{display:inline-block;flex:0 0 auto;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.dog-pack-mark{width:36px;height:18px;-webkit-mask-image:url("watchdog-my-watchdogs-mask-v7-6-2.png");mask-image:url("watchdog-my-watchdogs-mask-v7-6-2.png")}
.analytics-mark{width:19px;height:24px;-webkit-mask-image:url("watchdog-analytics-mask-v7-6-2.png");mask-image:url("watchdog-analytics-mask-v7-6-2.png")}
.bark-mark{width:25px;height:17px;-webkit-mask-image:url("watchdog-alert-history-mask-v7-8.png");mask-image:url("watchdog-alert-history-mask-v7-8.png")}
.kpi-icon.bark-mark{width:27px;height:18px}
.nav-btn[data-view="rules"] .nav-icon{width:38px;height:25px;flex-basis:38px}
.nav-btn[data-view="rules"] .dog-pack-mark{width:36px;height:18px}
.nav-btn[data-view="analytics"] .analytics-mark{width:19px;height:24px}
.kpi-icon.dog-pack-mark{width:36px;height:18px}
.kpi-icon.analytics-mark{width:19px;height:24px}
.panel-title .dog-pack-mark{width:30px;height:15px}
.panel-title .analytics-mark{width:16px;height:20px}
@media(max-width:760px){.nav-btn[data-view="rules"] .nav-icon{width:34px;height:24px;flex-basis:34px}.nav-btn[data-view="rules"] .dog-pack-mark{width:33px;height:16px}.nav-btn[data-view="analytics"] .analytics-mark{width:18px;height:23px}}


/* Watchdog V7.6.3 - restored complete Live Alerts logo lockup. */
.brand-art-crop img{width:100%;height:100%;object-fit:contain}

/* Watchdog V7.7 - beta legal gate, trademark notice, and legal footers. */
.text-tm{font-size:.42em;margin-left:2px;vertical-align:super;color:#dce7df}
.demo-note{margin-top:18px;color:var(--muted2);font-size:12px}
.landing-legal{margin:22px auto 0;padding-top:17px;border-top:1px solid var(--line);color:#718078;font-size:11px;max-width:680px}
.landing-legal nav,.sidebar-legal nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:7px}
.landing-legal a,.sidebar-legal a{color:#a9b7ae;text-decoration:none}.landing-legal a:hover,.sidebar-legal a:hover{color:#d7e3db;text-decoration:underline}
.sidebar-legal{padding:10px 5px 0;text-align:center;color:#647269;font-size:8px;line-height:1.4}.sidebar-legal nav{gap:8px;margin-top:4px}
.legal-consents{border:1px solid #2f3e34;border-radius:11px;padding:11px;margin:3px 0 2px}.legal-consents legend{padding:0 5px;color:#94a198;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.legal-check{display:grid!important;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:9px!important;color:#aebbb2!important;font-size:10px!important;font-weight:600!important;line-height:1.5;cursor:pointer}
.legal-check+ .legal-check{margin-top:9px}.legal-check input{width:17px!important;height:17px!important;min-height:0!important;padding:0!important;margin:1px 0 0;accent-color:var(--green)}.legal-check a{color:#caff7a;font-weight:850}
.legal-gate{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,4,2,.9);backdrop-filter:blur(10px)}.legal-gate.open{display:flex}
.legal-gate-card{width:min(600px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #394a3f;border-radius:22px;background:linear-gradient(155deg,#121a14,#0a0f0c);padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.56)}
.legal-gate-brand{font-size:22px;font-weight:950;letter-spacing:-.04em;margin-bottom:18px;color:var(--text)}.legal-gate-brand span{color:var(--green)}.legal-gate-brand sup{font-size:8px;margin-left:2px;vertical-align:super;color:var(--text)}
.legal-gate-card h2{font-size:30px;letter-spacing:-.045em;margin:6px 0 8px}.legal-gate-card>p{color:#8e9c93;font-size:12px;line-height:1.6}.legal-gate-card form{display:grid;gap:13px;margin-top:18px}
.legal-gate-message{border:1px solid rgba(255,75,71,.38);background:rgba(255,75,71,.055);color:#ffaaa6;border-radius:10px;padding:10px 12px;font-size:11px;margin-top:12px}.legal-gate-message.success{border-color:rgba(152,238,27,.38);background:rgba(152,238,27,.055);color:#caff7a}
.legal-gate-actions{display:grid;grid-template-columns:1fr 150px;gap:10px;margin-top:5px}.legal-record-note{font-size:9px!important;color:#68766e!important;margin:13px 0 0!important}.legal-gate .auth-secondary{height:43px}
body.legal-review-required{overflow:hidden}
@media(max-width:760px){.sidebar-legal{display:none}.legal-gate{padding:0;align-items:stretch}.legal-gate-card{width:100%;max-height:none;border:0;border-radius:0;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));margin:0}.legal-gate-actions{grid-template-columns:1fr}.landing-legal{font-size:10px}.legal-check{font-size:11px!important}}