:root{color:#102235;--navy:#071526;--green:#24bd77;--red:#c74c4c;--line:#dbe5ea;--muted:#70828e;background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f6;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:56px}.app-shell>header{background:var(--navy);color:#cbd9e1;z-index:10;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.app-shell>header img{width:130px}.app-shell>header div{gap:10px;font-size:11px;font-weight:750;display:flex}.online{color:#61d99e}.offline{color:#f2a1a1}main{width:min(720px,100%);margin:auto;padding:16px}.checkpoint-head{color:#fff;background:linear-gradient(145deg,#071526,#12324b);border-radius:16px;padding:20px}.checkpoint-head>span{letter-spacing:.18em;color:#74d9a6;font-size:9px;font-weight:900}.checkpoint-head h1{margin:8px 0 3px;font-size:28px}.checkpoint-head p{color:#9fb3c0;margin:0;font-size:12px}.counts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.counts div{background:#ffffff12;border:1px solid #ffffff1a;border-radius:11px;padding:11px}.counts small{color:#9eb2bf;text-transform:uppercase;letter-spacing:.08em;font-size:9px;display:block}.counts strong{margin-top:3px;font-size:24px;display:block}.record-card,.recent{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:12px;padding:16px;box-shadow:0 8px 26px #0715260d}label{color:#536977;text-transform:uppercase;letter-spacing:.06em;gap:8px;font-size:11px;font-weight:850;display:grid}input{border:2px solid #cbd9df;border-radius:12px;outline:none;width:100%;padding:16px;font-size:20px;font-weight:800}input:focus{border-color:#24bd77;box-shadow:0 0 0 4px #24bd771f}.matches{gap:6px;margin-top:8px;display:grid}.matches button{text-align:left;background:#f8fafb;border:1px solid #e0e8ec;border-radius:10px;grid-template-columns:62px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.matches b{color:#168d58}.matches span{font-weight:800}.matches small{color:#82939d}.selected{background:#edf8f3;border:1px solid #d0eadc;border-radius:12px;margin-top:12px;padding:13px}.selected>span{letter-spacing:.12em;color:#16834f;font-size:9px;font-weight:900}.selected h2{margin:4px 0;font-size:20px}.selected small{color:#678074}.actions{grid-template-columns:2fr 1fr;gap:10px;margin-top:12px;display:grid}.actions button{letter-spacing:.05em;border:0;border-radius:14px;padding:22px 10px;font-size:18px;font-weight:950}.actions button:disabled{opacity:.35;cursor:not-allowed}.actions .arrived{background:var(--green);color:#052015}.actions .dnf{color:#9f3030;background:#f4e4e4}.notice,.error{border-radius:9px;margin-top:10px;padding:10px 12px;font-size:11px}.notice{color:#2c6248;background:#edf7f2}.error{color:#a33a3a;background:#fff0f0}.offline-note{color:#7b8d97;margin:12px 0 0;font-size:10px;line-height:1.5}.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title>div{align-items:center;gap:8px;display:flex}.section-title span{letter-spacing:.14em;color:#7b8e99;font-size:9px;font-weight:900}.section-title strong{background:#edf2f4;border-radius:999px;padding:3px 7px;font-size:11px}.section-title button{color:#31566a;background:#edf3f5;border:0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.recent-list{max-height:420px;overflow:auto}.row{border-bottom:1px solid #edf1f3;grid-template-columns:76px 58px minmax(120px,1fr) 72px;align-items:center;gap:8px;padding:11px 3px;font-size:11px;display:grid}.row time{color:#83949e}.row b{color:#183d52}.row span{font-weight:750}.row strong{text-align:center;text-transform:uppercase;border-radius:999px;padding:5px;font-size:9px}.row.arrived strong{color:#16834f;background:#e3f7ed}.row.dnf strong{color:#a63636;background:#fae7e7}.empty{text-align:center;color:#8798a2;padding:30px 0;font-size:11px}.app-shell>footer{color:#8797a0;background:#fff;border-top:1px solid #dce5e9;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.app-shell>footer button{color:#526b78;background:0 0;border:0;font-weight:800}.access-screen{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:28px;display:grid}.access-screen img{background:#071526;border-radius:12px;width:220px;padding:14px}.access-screen h1{margin:24px 0 8px;font-size:24px}.access-screen p{color:#6f828e;max-width:420px}.access-screen button{background:#e8f0f3;border:0;border-radius:9px;padding:10px 14px;font-weight:800}@media (width<=480px){main{padding:10px}.checkpoint-head{border-radius:13px;padding:16px}.checkpoint-head h1{font-size:24px}.record-card,.recent{border-radius:13px;padding:12px}.actions{grid-template-columns:1fr}.actions button{padding:19px}.row{grid-template-columns:62px 50px 1fr}.row strong{grid-column:3}.matches button{grid-template-columns:52px 1fr}.matches small{display:none}}