@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#18302b;--muted:#71827e;--bg:#f5f7f5;--line:#e2e9e5;--green:#168865;--deep:#103b32;--pale:#ebf7f0;--white:#fff;--warn:#a26312}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:DM Sans,Arial,sans-serif;font-size:14px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif}h1{margin-bottom:10px;font-size:35px;font-weight:800;line-height:1.15}h2{margin-bottom:0;font-size:19px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d2e3da;background:#103b32;flex-direction:column;padding:30px 18px;display:flex}.brand{color:#fff;align-items:center;gap:11px;padding:0 14px 48px;font-family:Manrope;font-size:18px;font-weight:800;line-height:1.05;display:flex}.brand small{letter-spacing:.22em;color:#a6c9b8;margin-top:5px;font-size:9px;display:block}.brand-mark{color:#fff;background:#27a478;border-radius:11px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.nav-label,.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:800}.nav-label{color:#8cb4a4;margin:0 14px 12px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{border-radius:8px;padding:11px 14px;font-weight:700}.sidebar nav a:hover{color:#fff;background:#1d5547}.sidebar-foot{border-top:1px solid #396457;align-items:center;gap:10px;margin-top:auto;padding:22px 8px 0;display:flex}.avatar{color:#fff;background:#2b7460;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{color:#fff;font-size:12px}.sidebar-foot small{color:#a6c9b8;margin-top:3px;font-size:11px}.signout{color:#b7d6c7;background:0 0;border:0;padding:4px;font-size:19px}.sidebar-foot form{margin-left:auto}.main{width:100%;max-width:1700px;margin:0 auto;padding:44px 5.1%}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-head .eyebrow{color:var(--green);margin-bottom:11px}.page-head p{color:var(--muted);margin:0}.head-meta{border:1px solid var(--line);color:#587067;background:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.back-link{color:var(--muted);margin-bottom:22px;font-weight:700;display:inline-block}.back-link:hover{color:var(--green)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.game-card,.panel,.stat-card,.empty-state{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 3px 20px #163e2b05}.game-card{padding:22px 24px;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #163e2b15}.game-card-top,.game-card-line,.admin-game-header,.admin-game-footer,.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.game-card h2{margin:23px 0 5px}.game-id{color:var(--muted);margin-bottom:28px;font-size:12px}.state-badge{color:#168865;background:#e7f4ed;border-radius:6px;align-items:center;padding:6px 8px;font-size:11px;font-weight:800;display:inline-flex}.status-pill{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.status-good{color:#117150;background:#e7f6ed}.status-warn{color:#9a6517;background:#fff2dc}.game-card-line{border-top:1px solid #ecf0ed;padding:11px 0;font-size:12px}.game-card-line span{color:var(--muted)}.game-card-line strong{font-size:12px}.view-link{color:var(--green);justify-content:space-between;margin-top:18px;font-size:12px;font-weight:800;display:flex}.section-heading{margin:32px 0 16px}.section-heading .eyebrow{color:var(--green);margin-bottom:7px}.section-heading .muted{font-size:12px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat-card{padding:20px}.stat-card span,.stat-card small{color:var(--muted);display:block}.stat-card span{font-size:12px;font-weight:700}.stat-card strong{letter-spacing:-.05em;white-space:nowrap;margin:16px 0 10px;font:800 28px/1.2 Manrope,Arial,sans-serif;display:block}.stat-card small{font-size:11px}.two-col{grid-template-columns:1fr 1.3fr;gap:18px;margin-top:24px;display:grid}.panel{padding:22px 24px}.panel .section-heading{margin:0 0 18px}.panel p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.tier-summary{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;margin:16px 0;display:grid;overflow:hidden}.tier-summary>div{padding:16px}.tier-summary>div+div{border-left:1px solid var(--line)}.tier-summary span,.tier-summary small{color:var(--muted);font-size:11px;display:block}.tier-summary strong{margin:7px 0;font:800 20px Manrope;display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{letter-spacing:.07em;color:#8b9c96;text-transform:uppercase;background:#f7f9f7;font-size:10px;font-weight:800}td,th{white-space:nowrap;border-bottom:1px solid #e9efeb;padding:11px 12px}td:first-child,th:first-child{padding-left:10px}.device-cell{text-overflow:ellipsis;max-width:220px;overflow:hidden}.barcode{font-family:ui-monospace,SFMono-Regular,monospace}.admin-section{margin-top:24px}.admin-section>.section-heading{margin:30px 0 16px}.match{color:#168865;font-weight:800}.mismatch{color:#b26514;font-weight:800}.notice{color:#2d6650;background:#edf5f1;border:1px solid #d1e5d9;border-radius:9px;margin:14px 0;padding:13px 16px}.notice.warn{color:#8d5d17;background:#fff6e9;border-color:#f4dfba}.notice.good{background:#e9f7ef;border-color:#ccead8}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#0d7253}.button.secondary{color:#346c56;background:#fff;border-color:#cfdcd4}.button.full{width:100%;margin-top:5px}.empty-state{text-align:center;padding:65px 20px}.empty-state h2{font-size:21px}.empty-state p{color:var(--muted);max-width:450px;margin:12px auto 25px}.empty-icon{width:58px;height:58px;color:var(--green);background:#e7f5eb;border-radius:16px;place-items:center;margin:0 auto 22px;font-size:26px;display:grid}.setup-screen{background:radial-gradient(circle at 20% 10%,#dff4e9 0,#0000 33%),#f5f7f5;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,430px);padding:36px;box-shadow:0 18px 50px #153c2d12}.auth-card .eyebrow{color:var(--green);margin-bottom:17px}.auth-card h1{font-size:28px}.auth-card p{color:var(--muted);margin-bottom:24px;line-height:1.55}.form-stack{gap:17px;display:grid}.form-stack label,.game-form label,.inline-form label{gap:7px;font-size:12px;font-weight:800;display:grid}.form-stack label small,.game-form label small{color:var(--muted);font-weight:400}input,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #ccd9d1;border-radius:8px;outline:none;padding:10px 11px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1688651a}input[readonly],select:disabled{color:#647a70;background:#f5f7f5}.form-error{color:#985915;background:#fff3e7;border-radius:8px;margin-bottom:17px;padding:11px 13px}.admin-grid{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.inline-form{align-items:end;gap:9px;display:flex}.inline-form label{flex:1}.invite-box{background:#f2f8f4;border-radius:9px;gap:7px;margin-top:20px;padding:15px;display:grid}.invite-box small{color:var(--muted)}.game-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game-form .wide{grid-column:span 2}.form-submit{align-items:end;display:flex}.admin-game-list{gap:14px;display:grid}.admin-game-header strong{margin-left:8px}.admin-game-header .small{margin-top:8px}.admin-game-footer{color:var(--muted);justify-content:flex-start;gap:30px;padding-top:16px;font-size:12px}.admin-game-footer strong{color:var(--ink)}details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}summary{cursor:pointer;color:var(--green);font-size:12px;font-weight:800}details .game-form{margin-top:18px}.empty-compact{color:var(--muted);border:1px dashed #cedbd2;border-radius:10px;padding:25px}@media (max-width:1050px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.admin-grid{grid-template-columns:1fr}}@media (max-width:700px){.app-shell{display:block}.sidebar{padding:14px 18px;display:block}.brand{padding:0 0 12px}.nav-label,.sidebar-foot{display:none}.sidebar nav{display:flex}.sidebar nav a{padding:8px 10px}.main{padding:26px 18px}.page-head{display:block}.page-head form{margin-top:20px}.stat-grid,.game-form{grid-template-columns:1fr}.game-form .wide{grid-column:auto}.inline-form{display:grid}.two-col{display:block}.two-col .panel+.panel{margin-top:16px}.stat-card strong{font-size:24px}h1{font-size:29px}}.overview-context{color:var(--muted);margin:-12px 0 22px;font-size:12px;font-weight:700}.overview-secondary{margin-top:15px}.overview-chart-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:18px;margin-top:24px;display:grid}.overview-chart-grid .section-heading{margin:0 0 18px}.overview-chart-grid .small{margin:16px 0 0}.chart-legend{color:var(--muted);gap:17px;margin-bottom:16px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.legend-attempts{background:#c9e9d8}.legend-success{background:#188b69}.activity-chart{gap:10px;display:grid}.activity-row{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:11px;font-size:11px;display:grid}.activity-label{color:var(--muted);font-weight:700}.activity-track,.ranked-track{background:#edf2ee;border-radius:5px;height:17px;overflow:hidden}.attempts-bar{background:#c9e9d8;border-radius:5px;min-width:2px;height:100%;overflow:hidden}.success-bar{opacity:.92;background:#188b69;height:100%}.activity-row strong{text-align:right;font-size:11px}.ranked-chart{gap:16px;display:grid}.ranked-meta{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.ranked-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:78%;overflow:hidden}.ranked-meta strong{font-size:12px}.ranked-track{height:10px}.ranked-track>div{background:#188b69;border-radius:5px;height:100%}.ranked-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.overview-game-list{gap:8px;display:grid}.overview-game-row{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto 16px;align-items:center;gap:15px;padding:14px 18px;font-size:12px;display:grid}.overview-game-row:hover{border-color:#89c6a9;box-shadow:0 3px 14px #163e2b0b}.overview-game-row strong{font-size:13px}.scanner-heading{align-items:end!important}.scanner-filter{align-items:end;gap:9px;display:flex}.scanner-filter label{color:var(--muted);padding-bottom:11px;font-size:11px;font-weight:800}.scanner-filter select{min-width:190px;max-width:270px}.scanner-charts{border-top:1px solid var(--line);margin-top:8px;margin-bottom:24px;padding-top:20px}.scanner-charts h3,.scanner-table-heading h3{margin:0 0 16px;font:800 14px Manrope,Arial,sans-serif}.scanner-table-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.scanner-table-heading h3{margin:0 0 10px}@media (max-width:1050px){.overview-chart-grid{grid-template-columns:1fr}.scanner-heading{flex-direction:column;align-items:start!important}.scanner-filter{width:100%}}@media (max-width:700px){.overview-game-row{grid-template-columns:42px minmax(0,1fr) 16px}.overview-game-row .muted{display:none}.scanner-filter{grid-template-columns:1fr auto;display:grid}.scanner-filter label{grid-column:1/-1;padding-bottom:0}.scanner-filter select{width:100%;min-width:0}.activity-row{grid-template-columns:36px minmax(0,1fr) 35px}}