:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#24343a;background:#f4f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}aside{width:245px;background:#153a35;color:#e9f4e7;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:4px 10px 48px}.brand span{font-size:26px;color:#d6ab55}.brand strong,.brand small{display:block}.brand small{color:#a9c2b2;margin-top:4px;font-size:12px}nav{display:grid;gap:5px}nav button{background:transparent;color:#b6cec0;text-align:left;padding:12px 14px;border-radius:9px}nav button:hover,nav button.active{background:#27564e;color:#fff}.role{margin-top:auto;color:#9fbaa9;font-size:12px;padding:12px 14px}.signout{background:transparent;color:#d6ab55;text-align:left;padding:12px 14px}.content{flex:1;padding:34px 5vw;max-width:1440px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}h1,h2,p{margin-top:0}h1{font-size:34px;margin-bottom:0}h2{font-size:18px}.eyebrow{color:#698272;font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:8px}.live-dot{color:#317d5b;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #dbe8dc;border-radius:13px;box-shadow:0 8px 25px #183a2910}.metric{padding:20px}.metric span{display:block;color:#6d8272;font-size:13px}.metric strong{display:block;font-size:27px;margin-top:12px}.panel{padding:24px;margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading span{color:#7a8c7c;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px 10px;border-bottom:1px solid #e5eee5;text-align:left}th{color:#718474;font-size:11px;text-transform:uppercase;letter-spacing:.08em}td small{display:block;color:#7b8e80;margin-top:4px}.pill{background:#e5f3e7;color:#2e6f4e;border-radius:999px;padding:4px 9px;font-size:12px}.table-wrap{overflow:auto}pre{background:#162c29;color:#d8f2df;padding:18px;overflow:auto;border-radius:9px;font-size:12px;max-height:560px}label{display:grid;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;color:#506356}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cbdacc;border-radius:8px;background:#fff;color:#24343a}textarea{min-height:100px;resize:vertical}form button,.auth-card button{background:#236651;color:#fff;padding:12px 18px;border-radius:8px;font-weight:700}.check{display:flex;grid-template-columns:18px 1fr;align-items:center}.check input{width:auto}.narrow{max-width:680px}.auth-card{width:min(420px,calc(100% - 32px));margin:10vh auto;background:#fff;border:1px solid #dbe8dc;border-radius:16px;padding:32px}.auth-card h1{margin-bottom:12px}.center,.loading{display:grid;place-items:center;min-height:100vh;color:#68806d}.loading{min-height:200px}.error{color:#a63b3b}.success{color:#27714f}.banner{background:#fff0ef;padding:12px 16px;border-radius:8px;margin-bottom:16px}@media(max-width:800px){aside{width:180px}.cards{grid-template-columns:repeat(2,minmax(140px,1fr))}.content{padding:26px 20px}}@media(max-width:580px){.shell{display:block}aside{width:auto;min-height:auto}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.role{margin-top:15px}.cards{grid-template-columns:1fr 1fr}}.note-form{display:flex;gap:10px;align-items:flex-start}.note-form textarea{min-height:58px;flex:1}.note{border-top:1px solid #e5eee5;padding-top:11px}.note small{display:block;color:#7b8e80;margin-top:5px}.report-note{display:flex;gap:13px;align-items:flex-start;padding:15px 18px;border:1px solid #cfe4d3;border-radius:12px;background:linear-gradient(135deg,#f2fbf1,#fffdf5);color:#315844}.report-note-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#dcefdc;color:#317d5b;font-size:17px}.report-note strong{display:block;font-size:14px}.report-note p{margin:3px 0 0;color:#6b806f;font-size:13px;line-height:1.45}.game-summary-cards{grid-template-columns:repeat(4,minmax(150px,1fr));margin-top:16px}.metric small{display:block;margin-top:7px;color:#849586;font-size:12px;font-weight:500}.metric-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:22px!important}.panel-subtitle{display:block;margin-top:-12px;color:#7a8c7c;font-size:12px}.data-badge{background:#e5f3e7;color:#2e6f4e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.game-card{padding:18px;border:1px solid #dce9de;border-radius:12px;background:#fbfdfb}.game-card.is-empty{border-style:dashed;opacity:.72}.game-card-heading{display:flex;align-items:center;gap:11px}.game-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:11px;background:#dcefe0;color:#236651;font-weight:800}.game-card h3{margin:0;color:#243d34;font-size:15px}.game-card-heading small{display:block;margin-top:3px;color:#849586;font-size:11px}.game-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 14px}.game-card-stats strong,.game-card-stats span{display:block}.game-card-stats strong{color:#243d34;font-size:20px}.game-card-stats span{margin-top:3px;color:#849586;font-size:11px}.progress-track{height:7px;overflow:hidden;border-radius:99px;background:#e3ece3}.progress-track span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#4a9670,#d2a950);transition:width .3s ease}.game-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#849586;font-size:11px}.trend-panel{padding-bottom:20px}.trend-list{display:grid;gap:13px;margin-top:20px}.trend-row{display:grid;grid-template-columns:70px minmax(100px,1fr) auto;align-items:center;gap:12px}.trend-row time{color:#58705f;font-size:12px;font-weight:700}.trend-bars{display:grid;gap:4px}.trend-bar{display:block;height:6px;min-width:0;border-radius:99px}.trend-bar.starts{background:#4a9670}.trend-bar.completions{background:#d2a950}.trend-row small{min-width:140px;color:#849586;font-size:11px;text-align:right}.empty-report{display:grid;gap:5px;margin-top:17px;padding:20px;border:1px dashed #cbdacc;border-radius:10px;color:#6d8272;font-size:13px}.empty-report strong{color:#405b48;font-size:14px}@media(max-width:1050px){.game-summary-cards{grid-template-columns:repeat(2,minmax(150px,1fr))}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.game-grid{grid-template-columns:1fr}.trend-row{grid-template-columns:60px minmax(70px,1fr)}.trend-row small{grid-column:2;text-align:left}.panel-heading{gap:10px;align-items:flex-start}.data-badge{white-space:nowrap}}.subscription-summary-cards{grid-template-columns:repeat(4,minmax(150px,1fr));margin-top:16px}.subscription-note.is-empty{border-color:#ead9ae;background:linear-gradient(135deg,#fffaf0,#fffdf8)}.subscription-note.is-empty .report-note-icon{background:#fff0ca;color:#9b711e}.subscription-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subscription-panel{min-width:0}.distribution-list{display:grid;gap:18px;margin-top:20px}.distribution-row{display:grid;gap:8px}.distribution-label{display:flex;align-items:center;gap:8px;color:#405b48;font-size:13px}.distribution-label strong{flex:1}.distribution-label>span:last-child{color:#6d8272;font-weight:700}.status-dot{width:9px;height:9px;border-radius:50%;background:#9aac9d}.distribution-track{height:8px;overflow:hidden;border-radius:99px;background:#e6eee6}.distribution-track>span{display:block;height:100%;min-width:4px;border-radius:inherit}.tone-active{background:#4a9670}.tone-trial{background:#d2a950}.tone-warning{background:#d98c49}.tone-muted{background:#9ca9a0}.tone-neutral{background:#7598a0}.subscription-events{margin-top:14px}.event-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:18px}.event-item{display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid #e0eae0;border-radius:9px;background:#fbfdfb}.event-item span{color:#718474;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.event-item strong{color:#315844;font-size:20px}.accuracy-panel{border-left:4px solid #d2a950}.accuracy-panel p{max-width:800px;margin-bottom:0;color:#65796a;line-height:1.6}.report-footnote{margin:14px 2px 0;color:#718474;font-size:12px}@media(max-width:1050px){.subscription-summary-cards{grid-template-columns:repeat(2,minmax(150px,1fr))}.event-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:700px){.subscription-columns{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr 1fr}}.engagement-note.is-empty{border-color:#cbdde1;background:linear-gradient(135deg,#f2fafb,#fffdf8)}.engagement-note.is-empty .report-note-icon{background:#dceff1;color:#477d84}.engagement-summary-cards{grid-template-columns:repeat(4,minmax(150px,1fr));margin-top:16px}.live-metric.has-activity strong{color:#317d5b}.live-meter{height:5px;overflow:hidden;margin-top:16px;border-radius:99px;background:#e3ece3}.live-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a9670,#a9d17c)}.metric-alert{border-color:#ecd2cb}.metric-alert strong{color:#b05b45}.engagement-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.engagement-columns .panel{min-width:0}.status-badge{padding:6px 10px;border-radius:999px;background:#f0f3ef;color:#7a8c7c;font-size:12px;font-weight:700;white-space:nowrap}.status-badge.connected{background:#e5f3e7;color:#2e6f4e}.activity-hero{display:flex;align-items:center;gap:22px;margin:25px 0;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f4fbf5,#fbf8ed)}.activity-hero strong{display:block;color:#315844;font-size:17px}.activity-hero p{max-width:540px;margin:7px 0 0;color:#718474;font-size:13px;line-height:1.5}.activity-orbit{display:grid;place-items:center;width:82px;height:82px;flex:0 0 82px;border:8px solid #dcefe0;border-top-color:#4a9670;border-radius:50%;color:#236651;font-size:23px;font-weight:800}.activity-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-details div,.summary-row{padding:13px;border:1px solid #e0eae0;border-radius:9px;background:#fbfdfb}.activity-details span,.summary-row span{display:block;color:#849586;font-size:11px}.activity-details strong{display:block;margin-top:6px;color:#315844;font-size:14px}.summary-list{display:grid;gap:10px;margin-top:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary-row strong{color:#315844;font-size:14px;text-align:right}.error-panel{margin-top:14px}.error-badge{background:#fff0ef;color:#a63b3b!important}.error-list{display:grid;gap:9px;margin-top:18px}.error-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #f0d9d5;border-radius:9px;background:snow}.error-symbol{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#f8dcd7;color:#a63b3b;font-weight:800}.error-item strong,.error-item small{display:block}.error-item strong{color:#70443d;font-size:13px}.error-item small{margin-top:3px;color:#9a7770;font-size:11px}.error-item code{margin-left:auto;max-width:220px;overflow:hidden;color:#a17b74;font-size:10px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1050px){.engagement-summary-cards{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:700px){.engagement-columns{grid-template-columns:1fr}.activity-hero{align-items:flex-start}.error-item code{display:none}}.overview-note{margin-bottom:16px}.overview-cards{grid-template-columns:repeat(4,minmax(150px,1fr))}.overview-health{margin-top:14px}.overview-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 15px}.overview-health-grid div{padding:15px;border:1px solid #e0eae0;border-radius:9px;background:#fbfdfb}.overview-health-grid strong,.overview-health-grid span{display:block}.overview-health-grid strong{color:#315844;font-size:22px}.overview-health-grid span{margin-top:5px;color:#849586;font-size:11px}.overview-footnote{margin:0;color:#718474;font-size:12px;line-height:1.5}@media(max-width:1050px){.overview-cards{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:700px){.overview-cards{grid-template-columns:repeat(2,minmax(140px,1fr))}.overview-health-grid{grid-template-columns:1fr}}