@font-face{font-family:Inter;src:url('/brand/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--sidebar:224px;--ink:#ecf3f8;--muted:#93acbd;--line:#1b303b;--green:#51d7d3;--accent:#51d7d3;--surface:#0d1b24;--border:#243844}
html{color-scheme:dark}body{font-family:Inter,system-ui,sans-serif;background:#07131c;color:var(--ink);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}h1,h2,h3,p{font-family:inherit}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:760}h2{font-size:16px;letter-spacing:-.35px;font-weight:680}h3{font-size:15px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px;color:var(--accent)}.subtitle{font-size:13px;color:#9eb5c5;line-height:1.5;margin-top:9px}
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.sidebar{width:var(--sidebar);background:#08151f;border-right:1px solid var(--line);padding:22px 14px 0;gap:0}.vision-brand{display:flex;align-items:center;gap:10px;margin:0 11px 28px;white-space:nowrap}.vision-brand img{width:31px;height:36px;object-fit:contain}.vision-brand strong{font-size:25px;letter-spacing:-1px;font-weight:760}.sidebar-project{margin:0 4px 24px}.sidebar-project>.nav-label{display:block;margin:0 0 10px;padding:0 7px}.sidebar-project-picker{border:1px solid #213541;border-radius:7px;padding:11px 9px;display:flex;align-items:center;gap:9px;min-width:0;background:#0c1b24}.sidebar-project-picker>img,.sidebar-project-generic{width:32px;height:32px;flex:0 0 32px;border-radius:5px;object-fit:cover;color:var(--accent)}.sidebar-project-picker>div{min-width:0;flex:1}.sidebar-project-picker select{appearance:none;-webkit-appearance:none;width:100%;color:var(--ink);font-size:12px;font-weight:650;border:0;outline-offset:4px;background:transparent;cursor:pointer;padding:0;min-width:0;text-overflow:ellipsis}.sidebar-project-picker small{font-size:10px;color:#9eb8c4;display:block}.sidebar-project-picker>.ui-icon{width:12px;height:12px;flex-basis:12px}.nav-label{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#93afc1;margin:0 0 9px;padding:0 14px}.sidebar nav{overflow:auto;scrollbar-width:thin;flex:1;min-height:0}.sidebar nav>a,.nav-more>a{display:flex;align-items:center;gap:13px;padding:10px 14px;margin:1px 0;border-radius:5px;min-height:39px;font-size:12px;color:#a8bfce;font-weight:500}.sidebar nav a:hover{background:#102630;color:#e4f8f7}.sidebar nav>a.active,.nav-more>a.active{color:#53e3df;background:#103039;box-shadow:inset 2px 0 #57dad6;font-weight:650}.sidebar nav .ui-icon{width:20px;height:20px}.nav-gap{border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.nav-count{background:#142b36;color:#9fb9c8;font-size:9px;margin-left:auto}.nav-more{margin-top:12px}.nav-more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 14px;font-size:10px;color:#8aa6b8}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary .ui-icon{width:12px;height:12px}.sidebar-bottom{margin-top:10px}.account{padding:16px 5px;border-top:1px solid var(--line);font-size:11px;gap:10px}.account small{font-size:10px;color:#91adbe}.avatar{background:#19343f;color:#e7f3f5;width:34px;height:34px;font-size:12px}.logout{margin-left:auto;color:#a5c0cd;border:1px solid #213541;border-radius:5px;display:grid;place-items:center;width:30px;height:30px;background:transparent}.logout .ui-icon{width:16px;height:16px}
.shell{margin-left:var(--sidebar)}.topbar{height:56px;min-height:56px;padding:0 26px;background:#08151f;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:6}.breadcrumb{font-size:12px;color:#9cb7c8;gap:16px}.breadcrumb strong{color:#ecf5f9;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.connection-status{display:flex;align-items:center;gap:8px;color:#a4bdcb;font-size:11px;order:-2}.connection-status .tiny-dot{background:#44d3a2}.update-status{font-size:10px;color:#8eaabb;order:-1}.button{border-radius:5px;font-size:12px;font-weight:650;min-height:36px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:#ff7157;color:#07131c;border:1px solid #ff7157;box-shadow:none}.button.primary:hover{background:#ff876f;border-color:#ff876f}.button.secondary{background:#0c1b25;color:#c3d6e1;border:1px solid #263c49;box-shadow:none}.button.secondary:hover{background:#152c37}.button .ui-icon{width:16px;height:16px;flex-basis:16px}.text-button{font-size:12px;color:#53dcd9;font-weight:600;display:inline-flex;align-items:center;gap:7px}.text-button .ui-icon{width:15px;height:15px;flex-basis:15px}.button.danger{background:transparent;color:#ff9d90;border-color:#9b524c}.page-heading{margin-bottom:22px;gap:20px}.page-heading .eyebrow{color:#5ce1dd}
main{max-width:1800px;width:100%;margin:0 auto;padding:26px}.controls{margin:0 0 16px;gap:12px;align-items:center;display:flex;justify-content:space-between}.control-group{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.select-wrap{border:1px solid #263a47;background:#0b1b25;border-radius:6px;min-height:39px;padding:0 11px;display:flex;align-items:center;gap:9px}.select-wrap select{font-size:11px;max-width:190px;color:#e0edf4;padding:10px 0;background:transparent}.select-wrap .ui-icon{width:16px;height:16px;flex-basis:16px;color:#93aebf}.project-picker img{width:26px;height:29px;object-fit:cover;border-radius:4px}.project-picker select{font-weight:650;max-width:168px}.demo-tag,.tag{background:#0d202b;border:1px solid #213a47;color:#a7becd;font-size:10px;border-radius:5px;padding:10px;white-space:nowrap}.demo-tag .tiny-dot{background:#41cc9d}.data-filter{font-size:10px;line-height:1.4;margin:0 0 16px;gap:12px;color:#819eb1}.data-filter label{font-size:10px;color:#93aebb}.data-filter input{width:12px;height:12px;margin:0;accent-color:var(--accent)}.notice{border:1px solid #294153;background:#0e202b;color:#a6bfce;padding:11px 14px;font-size:12px;border-radius:6px}.notice .ui-icon{color:var(--accent)}
.overview-heading{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px 18px;margin-bottom:14px;align-items:center}.overview-heading .page-heading{margin:0}.overview-heading .page-heading h1{margin-top:6px}.overview-heading .subtitle{font-size:13px;margin:7px 0 0}.overview-heading>.controls{margin:0;justify-content:flex-end;gap:10px}.overview-heading>.data-filter{grid-column:1/-1;margin:0;justify-content:flex-end}.overview-heading .demo-tag{padding:10px}.overview-heading .controls .control-group{flex-wrap:nowrap}.overview-heading .select-wrap{padding:0 9px}.overview-heading .select-wrap select{max-width:155px;font-size:10px}.overview-heading .select-wrap img{width:22px;height:25px}
.metrics{gap:14px;margin-bottom:16px}.metric{padding:19px 16px;background:#0e1e28;border:1px solid var(--line);border-radius:6px;min-width:0}.overview-metrics .metric{display:flex;align-items:flex-start;gap:13px;min-height:111px}.metric-icon{height:40px;width:40px;flex:0 0 40px;border-radius:7px;background:#12313b;color:#55ded9;display:grid;place-items:center}.metric-icon .ui-icon{width:24px;height:24px}.metric-content{min-width:0}.metric-title{font-size:11px;font-weight:500;color:#b9cfdd;margin:0;line-height:1.4}.metric-value{font-size:29px;font-weight:740;letter-spacing:-1px;margin-top:7px;line-height:1.1;color:#f1f7fa}.metric-bottom{font-size:10px;line-height:1.5;margin-top:7px;color:#9ab4c4;display:flex;gap:4px;flex-wrap:wrap}.metric-bottom strong{font-size:10px;font-weight:500;color:#b5cbd7}.revenue-value{font-size:26px;overflow-wrap:anywhere}.metrics:not(.overview-metrics) .metric{display:block}
.panel{background:#0d1d27;border:1px solid var(--line);border-radius:6px;box-shadow:none}.panel-header{padding:18px 19px 0;gap:12px}.panel-header h2{font-size:16px}.panel-header p{font-size:11px;line-height:1.5;color:#9db7c8;margin:5px 0 0}.panel-body{padding:20px}.dashboard-grid{grid-template-columns:minmax(0,2.1fr) minmax(270px,1fr);gap:15px;margin-bottom:16px}.activity-panel,.source-panel{height:291px}.activity-panel .panel-header{padding-top:17px;align-items:center;flex-wrap:wrap}.legend{font-size:10px;color:#b0c8d8;gap:14px}.legend i{width:9px;height:9px;background:#51d7d3}.legend i.blue{background:#9dbfe1}.chart-period{font-size:10px;color:#9bb6c7;margin-left:auto}.chart{height:241px;padding:12px 16px 9px 8px}.chart text{font-family:Inter,sans-serif;font-size:10px;fill:#a2bdce}.chart line{stroke:#243946;stroke-dasharray:2 3}.chart .chart-players{stroke:#48d8d3;stroke-width:2}.chart .chart-sessions{stroke:#9cbfdf;stroke-width:2;stroke-dasharray:none}.chart-caption{font-size:10px;color:#8cabbc;border-color:var(--line)}.sources{padding:17px 19px 0}.source-row{margin-bottom:17px}.source-info{font-size:11px;margin-bottom:7px;color:#e3edf4}.source-info strong{font-size:12px}.source-info small{color:#99b4c5;font-size:10px}.source-name{display:inline-flex;align-items:center;gap:9px}.source-name .ui-icon{width:20px;height:20px;color:#51d7d3}.source-info .source-name{font-size:11px}.bar-track{height:7px;background:#1e3542;margin-left:29px;border-radius:2px}.bar-fill{border-radius:2px;background:#51d7d3!important}.sources-note{font-size:9px;color:#819dad;padding:8px 19px 12px}.source-icon{background:#17303b;color:var(--accent)}
table{font-size:12px;font-variant-numeric:tabular-nums}th{background:#10232e;color:#a0bbcc;border-color:var(--line);font-size:10px;font-weight:500;padding:12px 16px}td{color:#d1e0e9;border-color:#1b303b;padding:15px 16px}tbody tr:hover{background:#122a36}.campaign-title{color:#eaf2f8;font-weight:650;gap:10px}.campaign-title small{color:#9db8ca;font-size:10px;margin-top:3px}.game-thumb{width:32px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.table-wrap{max-height:500px}.table-panel{margin-bottom:16px}.table-panel .panel-header{padding-bottom:14px}.overview-comparison .panel-header{padding:17px 19px 14px}.overview-ad-table{max-height:270px}.overview-ad-table td{font-size:11px;padding:11px 17px}.overview-ad-table th{font-size:10px;padding:10px 17px}.overview-ad-table td:nth-child(n+3),.overview-ad-table th:nth-child(n+3){text-align:right}.overview-ad-table .source-name{gap:7px;white-space:nowrap;font-size:10px}.overview-ad-table .source-name .ui-icon{width:20px;height:20px}.overview-ad-table .campaign-title{font-size:11px}.table-footnote{display:flex;align-items:center;gap:8px;font-size:9px;color:#96afc0;margin:0;padding:10px 18px;border-top:1px solid var(--line)}.table-footnote .ui-icon{width:13px;height:13px;flex-basis:13px}.sdk-strip{border:1px solid var(--line);background:#0d1e28;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}.sdk-strip-title{display:flex;align-items:center;gap:14px}.sdk-strip-title>.ui-icon{width:32px;height:32px;flex-basis:32px;color:#d8e7ef}.sdk-strip strong{font-size:13px;font-weight:650}.sdk-strip small{display:block;font-size:10px;color:#93aebf;margin-top:3px}.sdk-filename{display:flex;align-items:center;gap:10px;font-size:12px}.sdk-filename>.ui-icon{width:18px;height:18px;color:#9ab5c6}.sdk-strip .button{font-size:11px;white-space:nowrap}footer{padding:14px 26px;font-size:10px;color:#7c9bad;border-top:0}
.project-card,.settings-grid>.panel,.steps>.panel{background:#0d1e28;border-color:var(--line);border-radius:7px}.project-card h2{color:var(--ink);font-size:19px}.project-art{color:var(--accent);background:#15333e}.field>span{color:#bbd0dd;font-size:12px}.field input,.field textarea,.field select{font-size:13px;padding:11px 12px;background:#091924;color:#e8f2f8;border-color:#2a404e;border-radius:5px}.field small,.info-note{color:#98b1c1;font-size:11px;line-height:1.7}.field input[type=checkbox]{width:auto;accent-color:var(--accent)}.copy-field{border-color:var(--line);background:#081924}.copy-field code{color:#8fe5df;font-size:12px}.copy-field button{background:#1a3541;color:#b5d6df}.copy-field .ui-icon{width:16px;height:16px}.setting-row{color:#a1bac9;font-size:13px;border-color:var(--line)}.setting-row strong{color:#d6e5ee}.step-content p{font-size:13px;line-height:1.8;color:#adc5d4}.step-number{color:var(--accent);background:#18343e}.mono{color:#b2cfdd}pre{font-size:12px;line-height:1.8;background:#07151f;border-color:var(--line);color:#a0ded7}dialog{background:#0e202b;border:1px solid #2b424f;border-radius:9px;box-shadow:0 22px 90px #0009;max-height:calc(100dvh - 48px);overflow:auto}.dialog-heading h2{color:#eef6f9;font-size:24px}.dialog-actions{border-color:var(--line)}.icon-button{color:#a6c0d0}.form-error{font-size:12px}.storage-stat strong{font-size:25px}.storage-stat>span{font-size:12px}.storage-stat small{font-size:11px}.level-popover{background:#102732;border-color:#36505c;color:var(--ink)}.brand-reference img{width:64px}.brand-reference p{font-size:13px}
.login-screen{background:#07131c;padding:30px 6vw}.login-brand{gap:12px}.login-brand img{height:40px;width:35px;object-fit:contain}.login-brand strong{font-size:27px;letter-spacing:-1px}.login-brand>span{font-size:10px;color:#91aebf}.login-intro h1{font-size:clamp(40px,4.2vw,66px);line-height:1.08;letter-spacing:-2.4px}.login-intro h1>span{color:#52dcd7}.login-intro>p{font-size:16px;color:#a3bece}.login-wordmark{display:none}.login-card{background:#0d202b;border:1px solid #29414f;border-top:2px solid #52dcd7;border-radius:9px;padding:32px}.login-card h2{font-size:27px}.login-card .button{font-size:13px}.login-security{border-color:var(--line);color:#91aebf}.login-footer{color:#8aa6b8;font-size:11px}.login-footer>span{color:#8aa6b8}#toast{background:#15333d;border-color:#38606a;color:#e1f5f4}.acquisition-setup>div{background:#0e222d;border-color:var(--line);border-radius:6px}.acquisition-table th:first-child{background:#0d1e28}.acquisition-table .acquisition-actions .button{font-size:11px}.progression-chart-frame{background:#0c1d27}
@media(min-width:1550px){main{padding:30px}.metric{padding:22px}.metric-value{font-size:33px}.chart{height:241px}.overview-heading .select-wrap select{font-size:11px;max-width:180px}}
@media(max-width:1250px){.overview-heading{grid-template-columns:1fr}.overview-heading>.controls{justify-content:space-between}.overview-heading>.data-filter{justify-content:space-between}.overview-metrics .metric{gap:9px;padding:15px 11px}.metric-icon{width:32px;height:32px;flex-basis:32px}.metric-icon .ui-icon{width:21px;height:21px}.metric-value{font-size:25px}.chart-period{display:none}.overview-heading .controls .control-group{flex-wrap:wrap}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.activity-panel{height:300px}.source-panel{height:auto}.source-panel .sources{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.source-panel .sources-note{padding-top:4px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sdk-filename{display:none}.table-footnote{align-items:flex-start}.overview-heading .controls .control-group{gap:8px}.overview-heading .controls{flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:62px}.sidebar{padding:20px 7px 0}.vision-brand{margin:0 auto 24px;justify-content:center}.vision-brand strong,.sidebar-project,.sidebar nav .nav-label,.sidebar nav>a>.nav-count,.nav-more>summary{display:none}.vision-brand img{width:32px;height:36px}.sidebar nav>a,.nav-more>a{font-size:0;justify-content:center;padding:11px 8px;gap:0}.sidebar nav>a>.ui-icon,.sidebar nav>a>span:first-child{display:block;font-size:0}.sidebar .nav-more{display:block;margin-top:8px}.nav-more>a{display:flex}.nav-more:not([open])>a{display:flex}.account{justify-content:center;padding:15px 0}.account>.avatar,.account>span:not(.avatar){display:none}.logout{margin:0}.topbar{padding:0 16px}.breadcrumb{font-size:10px;gap:8px}.update-status{display:none}.topbar-actions{gap:9px}.connection-status{font-size:0;gap:0}.topbar .button{font-size:11px;padding:8px 10px}main{padding:22px 16px}.page-heading h1{font-size:27px}.sdk-strip{padding:14px;gap:12px}.sdk-strip-title{gap:9px}.sdk-strip-title small{display:none}.sdk-strip-title strong{font-size:12px}.sdk-strip .button{font-size:10px;padding:8px 10px}.settings-grid,.steps{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-intro{margin:0 0 25px}.login-intro h1{font-size:40px;letter-spacing:-1.5px}.login-intro>p{font-size:14px}.login-card{max-width:460px}.login-brand>span{display:none}}
@media(max-width:480px){main{padding:20px 12px}.metrics{gap:9px}.overview-metrics .metric{display:block;min-height:135px;padding:13px}.metric-icon{margin-bottom:10px}.metric-value{font-size:23px}.metric-bottom{font-size:9px}.source-panel .sources{grid-template-columns:1fr}.controls .button{min-height:35px}.overview-heading .select-wrap select{max-width:132px;font-size:10px}.sdk-strip-title>.ui-icon{display:none}.table-footnote{font-size:10px}.login-screen{padding:25px 20px}.login-intro>p{display:none}.login-intro h1{font-size:35px}.login-card{padding:24px}.login-footer>span{display:none}}

.sdk-strip+.storage-panels{margin-top:20px}.sidebar-project-generic[hidden]{display:none!important}

.overview-test-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:#91adbe}.overview-test-toggle input{width:12px;height:12px;margin:0}.activity-panel,.source-panel{height:310px}.activity-panel .chart{height:260px}.overview-ad-table td{font-size:12px;padding-top:9px;padding-bottom:9px}.overview-ad-table .campaign-title{font-size:12px}.overview-comparison .panel-header{padding-top:15px;padding-bottom:12px}.sidebar nav>a,.nav-more>a{font-size:13px}
@media(max-width:1250px){.overview-heading>.controls{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:1000px){.source-panel{height:auto}}@media(max-width:760px){.sidebar nav>a,.nav-more>a{font-size:0}.overview-heading>.controls{gap:8px}.overview-test-toggle{font-size:10px}}

@media(max-width:760px){.sidebar .nav-more>summary{display:flex;justify-content:center;font-size:0;padding:12px 8px}.sidebar .nav-more>summary .ui-icon{width:18px;height:18px}.sidebar .nav-more[open]>summary .ui-icon{transform:rotate(180deg)}}
.project-card .project-art:has(.project-card-image){width:88px;height:88px;padding:0;overflow:hidden}.project-card-image{display:block;width:100%;height:100%;object-fit:cover}.project-image-preview{display:block;width:112px;height:112px;object-fit:cover;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.project-image-preview[hidden]{display:none}.project-image-editor{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:7px}.progression-chart-controls .field{min-width:150px;max-width:240px}
.campaign-title small.campaign-permalink{max-width:340px;white-space:normal;overflow-wrap:anywhere;color:var(--accent);font-size:10px}
