header.kanz-header{height:82px;position:sticky;top:0;z-index:30;padding:12px 24px;display:flex;direction:rtl;justify-content:space-between;background:#fffefa;border-bottom:2px solid #f6b258;gap:12px}.header-identity{display:flex;align-items:center;gap:12px;min-width:0}.header-username{font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-icon{width:42px;height:42px;min-width:42px;border:1px solid #dbe7e0;border-radius:12px;background:transparent;color:#43868a;display:grid;place-items:center;padding:8px}.header-icon svg,.participation-points svg{width:24px;height:24px}.header-stats{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-stats .header-icon{border-radius:50%;background:#f0f5ed}.header-badge svg{width:26px;height:28px}.participation-points{display:flex;align-items:center;gap:6px;background:transparent;color:#8d742b;padding:6px;font-size:13px;font-weight:700}.participation-points svg{fill:#f8cb75;stroke:#9b813b}.main-drawer{position:fixed;inset:0 0 0 auto;width:min(320px,88vw);height:100dvh;overflow:auto;z-index:110;background:#fffefa;padding:22px 20px;box-shadow:-8px 0 30px #143b3526;display:flex;flex-direction:column;gap:22px}.main-drawer[hidden],.drawer-scrim[hidden]{display:none!important}.drawer-scrim{position:fixed;inset:0;z-index:100;background:#193c3655;border:0;width:100vw;height:100dvh;border-radius:0}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-top img{width:48px;height:78px;object-fit:contain;mix-blend-mode:multiply}.drawer-close{width:36px;height:36px;border-radius:10px;background:#edf2e8;color:#43868a;font-size:25px;line-height:1}.drawer-account{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e2e9de}.drawer-account b{font-size:15px;overflow-wrap:anywhere}.drawer-account small{display:block;font-size:11px;color:#7c8b7c}.drawer-avatar{height:58px;width:58px;min-width:58px;background:#e4f0eb;border-radius:50%;display:grid;place-items:center;color:#87a9a5}.drawer-avatar svg{height:40px;width:40px;fill:#87a9a5}.drawer-account .textbtn{font-size:12px}.drawer-nav{display:flex;flex-direction:column;gap:7px;align-items:stretch;height:auto}.drawer-nav button{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:10px;background:transparent;color:#426d61;font-size:14px;text-align:right;height:auto;min-height:46px}.drawer-nav button[aria-current],.drawer-nav button:hover{background:#edf4e8;color:#205d4e}.drawer-nav svg{width:22px;height:22px;flex-shrink:0}.drawer-caption{margin-top:auto;color:#879784;font-size:11px;text-align:center}.drawer-open{overflow:hidden}.badge-gallery{margin-top:20px}.badge-gallery .panel{margin-top:0}.badge-emblem{display:inline-grid;place-items:center;background:#edf0e7;border-radius:50%;height:55px;width:55px;margin-bottom:12px;color:#a1ab98}.badge-emblem svg{width:30px;height:34px}.badge-earned .badge-emblem{color:#538970;background:#e1f1e3}.badge-earned{border-color:#8eb99c}@media(max-width:600px){header.kanz-header{height:70px;padding:10px 12px;gap:8px}.header-identity{gap:8px}.header-username{max-width:140px;font-size:12px}.header-stats{gap:7px}.header-icon{width:36px;height:36px;min-width:36px;padding:7px}.header-icon svg{width:21px;height:21px}.participation-points{padding:2px;gap:3px}.participation-points svg{width:21px}.main-drawer{padding:20px 16px}.drawer-nav button{font-size:14px;padding:12px}}
.demo-login{max-width:530px;margin:35px auto;padding:20px}.demo-login>img{display:block;object-fit:contain;margin:0 auto 18px;mix-blend-mode:multiply}.demo-login>h1,.demo-login>p:first-of-type{text-align:center}.demo-login .field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.demo-login input{background:white;border:1px solid var(--line);border-radius:9px;padding:12px}.demo-login .primary{width:100%;margin-top:10px}.demo-login h2{font-size:18px}.demo-account-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.demo-account-list code{font-family:Cairo,sans-serif;color:#43868a}
.drawer-account-links{display:flex;align-items:center;gap:16px;margin-top:8px}.drawer-account-links button{display:flex;align-items:center;gap:5px;background:transparent;color:#43868a;font-size:12px;padding:4px 0}.drawer-account-links svg{width:18px;height:18px}.drawer-account-links button:hover{color:#205d4e}.drawer-account>div:last-child{min-width:0}
.previewstrip{display:none}.screen-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px}.screen-heading h1{font-size:25px;line-height:1.6}.screen-back{background:transparent;color:var(--green);font-size:25px;padding:3px 8px;min-width:38px;min-height:42px;border-radius:9px}.screen-back:hover{background:#edf2e8}.screen-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}.screen-actions:empty{display:none}#main>.panel:first-of-type{margin-top:0}#main>.practical-head p,#main>.group-heading p{display:none}.login-local-note{text-align:center;font-size:11px;color:var(--muted);margin-top:18px}.practical-head{margin-bottom:16px}@media(max-width:600px){.screen-heading{margin-bottom:14px}.screen-heading h1{font-size:21px}.layout{padding-top:20px}}
.map-age-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 24px;color:var(--green)}.map-age-filter select{font:inherit;border:1px solid var(--line);border-radius:10px;background:#fffefa;padding:10px 14px;color:var(--ink)}.journey-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:14px 0}.journey-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;background:#fffefa;color:var(--green);border:1px solid var(--line);border-radius:22px;padding:28px 18px;min-height:260px}.journey-stage:hover{background:#edf3e7}.journey-stage h2{margin:0;font-size:24px}.stage-number{align-self:flex-start;display:grid;place-items:center;background:#edf3e7;width:32px;height:32px;border-radius:50%}.stage-symbol{font-size:42px;line-height:1}.journey-stage>span:last-child{font-size:26px}@media(max-width:650px){.journey-stages{grid-template-columns:1fr;gap:14px}.journey-stage{min-height:0;padding:20px;gap:10px}.stage-symbol{font-size:30px}.journey-stage h2{font-size:21px}}
.screen-back{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;padding:10px;border:1px solid #e1e8dc;border-radius:12px;background:#eef3e8;color:#416957}.screen-back svg{width:23px;height:23px;display:block}.screen-back:hover{background:#e3ecdc;border-color:#cbdac7}.screen-back:focus-visible{outline:2px solid #4c805c;outline-offset:3px}.map-age-filter select{appearance:none;-webkit-appearance:none;min-height:44px;background-image:url('assets/chevron-down.svg');background-repeat:no-repeat;background-position:left 13px center;background-size:18px 18px;padding:10px 14px 10px 44px;border-color:#dce5d7;border-radius:12px}.screen-heading{gap:14px;align-items:center}.screen-heading h1{margin:0}