:root{color:#f4f7ef;font-synthesis:none;background:#101310;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}#root{max-width:720px;min-height:100svh;margin:auto;padding:20px 16px 60px}header,.section-title,.rank{align-items:center;display:flex}header{border-bottom:1px solid #30362e;justify-content:space-between;padding-bottom:18px}.header-actions{justify-items:end;gap:10px;display:grid}h1{letter-spacing:-2px;margin:6px 0;font-size:42px;line-height:1}.eyebrow{color:#b9f52c;letter-spacing:1.5px;font-size:11px;font-weight:800}.status{color:#b9f52c;text-transform:uppercase;font-size:12px}.hero,.capture{border-bottom:1px solid #30362e;padding:24px 0}.rank{border-bottom:1px solid #252a24;gap:14px;padding:16px 0}.rank strong{color:#b9f52c;width:18px}.rank span{flex:1;font-weight:700}.rank b{font-size:20px}.rank small{color:#8b9584;font-size:11px}.section-title{color:#8b9584;justify-content:space-between;margin-bottom:20px;font-size:11px}form{gap:12px;display:grid}label{color:#8b9584;letter-spacing:1px;gap:6px;font-size:11px;font-weight:700;display:grid}select,input{color:#f4f7ef;background:#1a1f19;border:1px solid #3b4436;border-radius:0;min-height:50px;padding:14px}button{cursor:pointer;border:0;border-radius:0}form button{color:#101310;letter-spacing:.5px;background:#b9f52c;min-height:56px;margin-top:8px;font-weight:900}form button span{float:right;font-size:24px}.success{color:#b9f52c;text-align:center;border:1px solid #b9f52c;margin-top:18px;padding:18px;font-weight:900}.login{background:#161a15;border:1px solid #30362e;max-width:420px;margin:12vh auto;padding:32px}.login h1{margin-top:8px}.muted{color:#8b9584;margin:0 0 28px}.error{color:#ff9b8f;border:1px solid #d96b5f;margin-top:16px;padding:14px}.logout{color:#8b9584;letter-spacing:1px;background:0 0;font-size:10px;font-weight:800}.loading{color:#b9f52c;padding:40px}.settings{max-width:720px;margin:8vh auto;padding:24px 0}.settings-head{border-bottom:1px solid #30362e;justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.settings h2{letter-spacing:-1px;margin:8px 0;font-size:32px}.close{color:#f4f7ef;background:0 0;font-size:30px;line-height:1}.settings .muted{margin:24px 0}.settings form{max-width:520px}.bottom-nav{z-index:10;background:#071116;border-top:1px solid #26343a;justify-content:center;align-items:end;gap:0;height:72px;padding:0 calc(50% - 360px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#83939a;letter-spacing:.7px;background:0 0;min-width:72px;height:58px;padding:8px 10px;font-size:9px;font-weight:800}.bottom-nav button.active{color:#78ed7e}.nav-icon{font-size:18px;line-height:22px;display:block}.bottom-nav .add-catch{color:#071116;background:#78ed7e;border:4px solid #071116;border-radius:50%;align-self:flex-start;width:62px;min-width:62px;height:62px;margin:-20px 20px 0;padding:16px}.add-catch svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:100%;height:100%;display:block}.bottom-nav .add-catch:active{background:#b9f52c}.panel{padding:24px 0}.panel h2{letter-spacing:-1px;margin:8px 0 24px;font-size:28px}.catch-row{border-bottom:1px solid #26343a;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px 0;display:grid}.catch-row small{color:#83939a;margin-top:5px;display:block}.catch-row strong{color:#78ed7e}.delete,.text-button{color:#83939a;background:0 0;font-size:11px}.map-placeholder{text-align:center;color:#c5d7c3;background:linear-gradient(145deg,#173c3b,#102827 45%,#1c3e31);border:1px solid #36564a;place-items:center;height:55vh;min-height:300px;padding:30px;display:grid}