:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e6ecf4;background:#10151e;font-size:14px;color-scheme:dark;--line:#29313f;--muted:#93a0b3;--accent:#88e0cd;--panel:#181f2a}
.environments button{padding:7px 16px;font-size:12px;font-weight:400;color:var(--muted);border-radius:5px;background:transparent}.environments button[aria-pressed=true]{background:#2b3545;color:#fff}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:7px;padding:11px 17px;font-weight:600;white-space:nowrap}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input{width:100%;background:#101720;border:1px solid #354153;border-radius:7px;color:#ecf1f7;padding:12px 13px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #88e0cd18}input::placeholder{color:#77869b}label{display:block;font-size:12px;font-weight:600;margin:0 0 9px;color:#bac6d5}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:650;line-height:1.2}h2{font-size:15px;font-weight:600}h3{font-size:16px}.muted{color:var(--muted);line-height:1.6}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:650;margin-bottom:13px}.primary{background:var(--accent);color:#102922}.primary:hover{background:#adebdd}.secondary{background:#222c3a;border-color:#364153;color:#d9e4f1}.secondary:hover:not(:disabled){background:#2b384b}.quiet{color:#aebcce;background:transparent}.quiet:hover{color:#fff;background:#ffffff09}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:24px;background:#121922}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.6px}.brand b{font-weight:400;color:#8f9caf}.brand-icon{background:var(--accent);color:#153229;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:22px}.environments{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px}.environments a{padding:7px 16px;font-size:12px;color:var(--muted);border-radius:5px}.environments a[aria-current=page]{background:#2b3545;color:#fff}.top-right{display:flex;gap:12px;align-items:center}.badge{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:650;color:#f4cb85;background:#f4cb8510;padding:7px 11px;border:1px solid #f4cb8533;border-radius:5px}.badge:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}html[data-environment=prod] .badge{color:#a8d7ff;background:#a8d7ff10;border-color:#a8d7ff33}.login-screen{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;gap:140px;padding:64px 40px}.login-card{width:365px}.login-card h1{font-size:40px;line-height:1.17;margin-bottom:20px}.login-card>.muted{font-size:14px;margin-bottom:33px;line-height:1.8}#login-form input{margin-bottom:21px}#login-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:14px 16px}.login-note{font-size:11px;color:#718198;line-height:1.8;margin-top:24px}.error{color:#ffaeae;line-height:1.5;margin-top:15px;min-height:18px}.login-decoration{position:relative;width:350px;height:350px;display:grid;place-items:center;color:#88e0cd33;font-size:105px;font-weight:800;letter-spacing:-8px;text-align:center;line-height:.8}.login-decoration small{font-size:10px;letter-spacing:4px;color:#7e9e9a;font-weight:400}.orbit{position:absolute;border:1px solid #88e0cd1d;border-radius:50%;width:100%;height:100%}.orbit.two{width:77%;height:77%;border-style:dashed}.orbit.one:after{content:'';display:block;background:var(--accent);width:8px;height:8px;border-radius:50%;position:absolute;top:41px;right:49px;box-shadow:0 0 20px #88e0cd66}.workspace{padding:36px;max-width:1920px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.page-heading h1{margin-bottom:9px}.page-heading .eyebrow{margin-bottom:9px}.filters{display:flex;gap:16px;align-items:end;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.filters>div{flex:1;min-width:120px}.filters .player-filter{flex:1.7}.hint{font-weight:400;color:#7e8b9f}.status{min-height:22px;color:var(--muted);margin:16px 0 12px;font-size:12px}.status.error{color:#ffaeae}.report-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.85fr);gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading .muted{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;color:#8593a9;padding:16px 12px;background:#151c26;white-space:nowrap}td{padding:17px 12px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}td:first-child,th:first-child{padding-left:22px}tr.selected{background:#88e0cd0b}tbody tr:hover{background:#ffffff04}.row-date{font-size:11px;color:#8292aa;margin-bottom:6px}.row-message{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.player-id{font-family:Consolas,monospace;font-size:11px;color:#a4b5ca;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.country{background:#273342;padding:4px 7px;border-radius:4px;display:inline-block;font-size:11px}.open-report{font-size:18px;padding:4px 10px;color:var(--accent);background:transparent}.pagination{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:10px}.pagination .muted{font-size:11px}.pagination button{padding:7px 10px;font-size:11px}.pagination>div{display:flex;gap:7px}.empty{padding:42px 24px;text-align:center;color:var(--muted)}.empty h3{color:#d4deeb;margin:13px 0 7px}.empty p{font-size:12px;line-height:1.7}.empty-symbol{font-size:35px;color:#65778f;font-weight:300}.detail{min-height:410px}.detail-placeholder{text-align:center;padding:96px 20px}.detail-placeholder h2{margin:17px 0 11px}.detail-placeholder p{font-size:12px}.detail-body{padding:22px}.detail-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.detail-title h2{font-size:19px}.report-meta{color:#8292aa;font-size:10px;font-family:Consolas,monospace;margin-top:9px;overflow-wrap:anywhere;line-height:1.7}.detail-section{margin-top:25px}.section-label{display:block;color:#8b9bb0;text-transform:uppercase;font-size:10px;letter-spacing:1.2px;margin-bottom:12px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;background:#101720;border:1px solid var(--line);border-radius:6px;padding:14px}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.metadata dt{color:#8292aa;font-size:10px;margin-bottom:6px}.metadata dd{margin:0;font-size:12px;overflow-wrap:anywhere;line-height:1.5}.logs{font:11px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto;background:#0e141d;border:1px solid var(--line);border-radius:6px;padding:14px;color:#b3c7da;margin:0}.download{padding:5px 0;font-size:11px;color:var(--accent);background:transparent;margin-top:9px}footer{font-size:10px;color:#687992;display:flex;gap:12px;justify-content:center;padding:28px 0 5px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.workspace{padding:40px 48px}.topbar{padding:0 48px}.report-layout{grid-template-columns:minmax(0,1.5fr) minmax(430px,1fr)}.player-id{max-width:220px}}
@media(max-width:1150px){.login-screen{gap:65px}.login-decoration{width:280px;height:280px}.report-layout{grid-template-columns:1fr}.detail-placeholder{padding:50px 20px}.detail{min-height:230px}.row-message{max-width:340px}.player-id{max-width:250px}}
@media(max-width:700px){.topbar{padding:0 16px;height:68px;gap:8px}.brand{font-size:15px}.brand-icon{width:26px;height:26px;font-size:18px}.environments a{padding:6px 8px;font-size:10px}.badge{padding:5px;font-size:9px}.top-right{gap:2px}.top-right button{padding:8px;font-size:11px}.workspace{padding:24px 16px}.filters{flex-wrap:wrap;padding:16px;gap:15px}.filters .player-filter{flex-basis:100%}.filters>div{min-width:40%}.filters button{flex:1}.login-screen{padding:48px 22px;min-height:calc(100vh - 68px)}.login-decoration{display:none}.login-card{max-width:365px;width:100%}.login-card h1{font-size:36px}.page-heading{gap:10px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.page-heading button{padding:10px;font-size:12px}.pagination{padding:14px}.player-id{max-width:110px}.row-message{max-width:200px}footer{flex-wrap:wrap;line-height:1.7;text-align:center;gap:4px 10px}.detail-body{padding:18px}.metadata{gap:15px}.report-layout{gap:16px}}
@media(max-width:700px){th:nth-child(2),td:nth-child(2),th:nth-child(5),td:nth-child(5){display:none}.row-message{max-width:38vw}th{font-size:9px;letter-spacing:.4px}td:nth-child(4){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.environments button{padding:6px 8px;font-size:10px}}