/* BudemPrávnik Liga · premium ranking, profile and certificate visuals */
.lra-board-wrap{display:grid;gap:4px;margin-top:18px}
.lra-board-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(62px,90px) 64px;gap:10px;padding:11px 12px;border-bottom:1px solid #d8d6cc;color:#89795c;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.12em}
.lra-board-head span:nth-child(2),.lra-board-head span:nth-child(3){text-align:right}
.lra-board-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(62px,90px) 64px;align-items:center;gap:10px;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:9px;color:#18374a;background:transparent;text-align:left;cursor:pointer;transition:background .17s,border-color .17s,transform .17s}
.lra-board-row:focus-visible,.lra-certificate-tabs button:focus-visible,.lra-action:focus-visible,.lra-close:focus-visible{outline:3px solid #a28aca;outline-offset:2px}
.lra-board-row:hover{background:#f5f3ed;border-color:#e6e0d5;transform:translateY(-1px)}
.lra-board-row.lra-first{background:linear-gradient(100deg,#fcf5e4,#fffdf6);border-color:#e3cf9f}
.lra-board-row.lra-second{background:linear-gradient(100deg,#f0f3f7,#fff);border-color:#dee4e9}
.lra-board-row.lra-third{background:linear-gradient(100deg,#f9efe9,#fffaf7);border-color:#ead4c5}
.lra-member{display:flex;align-items:center;gap:9px;min-width:0}
.lra-pos{font:700 11px Arial,sans-serif;min-width:19px;color:#8b8b84}
.lra-avatar{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#173a50;color:#fff;font:600 12px Georgia,serif}
.lra-first .lra-avatar{background:#af8240}.lra-second .lra-avatar{background:#80909d}.lra-third .lra-avatar{background:#a9755b}
.lra-member-main{display:flex;flex-direction:column;min-width:0;gap:2px}
.lra-member-main b{font:700 12px/1.4 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lra-member-main small{font:10px/1.4 Arial,sans-serif;color:#78848c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lra-score{text-align:right;font:700 14px/1.4 Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.lra-score small,.lra-attend small{font-size:10px;color:#82909b}
.lra-attend{text-align:right;font:600 12px Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.lra-demo-foot{font:11px/1.7 Arial,sans-serif;color:#8b7b64;border-top:1px solid #ebe7dc;margin:14px 0 0;padding-top:11px}
.lra-drawer-backdrop{position:fixed;inset:0;z-index:1999;background:#071f32b8;padding:22px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:auto;backdrop-filter:blur(5px)}
.lra-profile,.lra-certificate-content{position:relative;max-height:min(94vh,860px);overflow:auto;box-sizing:border-box;width:min(100%,610px);background:#fbfaf6;border:1px solid #cdbf9f;border-radius:19px;padding:clamp(20px,4vw,38px);box-shadow:0 25px 90px #041b2e72}
.lra-close{position:absolute;top:16px;right:16px;border:1px solid #d6d9d7;background:#fff;color:#1e3848;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font:28px/1 Arial,sans-serif;cursor:pointer}
.lra-profile-top{display:flex;align-items:center;gap:17px;margin:8px 34px 25px 0}
.lra-profile-avatar{width:76px;height:76px;border-radius:19px;background:linear-gradient(135deg,#17394d,#37596a);color:#e8d09b;display:grid;place-items:center;flex-shrink:0;font:38px Georgia,serif;border:2px solid #c3a875}
.lra-profile-top h2{font:normal clamp(26px,5vw,38px)/1.1 Georgia,serif;color:#1c394f;margin:10px 0}
.lra-profile-top p{font:12px/1.5 Arial,sans-serif;color:#70808a;margin:0}
.lra-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lra-profile-stats>div{padding:14px 7px;border:1px solid #e9e2d4;border-radius:10px;background:#fff;display:grid;gap:5px;text-align:center}
.lra-profile-stats strong{font:700 clamp(15px,3vw,23px) Arial,sans-serif;color:#183a4f}
.lra-profile-stats span{font:10px Arial,sans-serif;color:#80909b}
.lra-further{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.lra-further span{border-radius:100px;background:#e9eced;padding:7px 10px;font:11px Arial,sans-serif;color:#567080}
.lra-profile h3,.lra-certificate-content h2{font:normal 25px Georgia,serif;color:#183a4d;margin:23px 0 12px}
/* Moderná medaila — 12 handcrafted SVG hexagonal awards */
.lra-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lra-badge{
 --lra-metal:#ccad71;--lra-metal-light:#f5dfaa;--lra-metal-dark:#8a6937;
 --lra-field:#153549;--lra-glyph:#f4d994;
 display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;
 gap:7px;min-width:0;max-width:100%;padding:5px 3px;color:#284557;
 background:transparent;border:0;text-align:center;vertical-align:top
}
.lra-medal-shell{position:relative;display:grid;place-items:center;width:88px;height:88px;flex-shrink:0}
.lra-medal-artwork{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 4px #0b233b2d);transition:transform .2s ease,filter .2s ease}
.lra-badge:not(.is-locked):hover .lra-medal-artwork{transform:translateY(-3px);filter:drop-shadow(0 8px 6px #0b233b35)}
.lra-medal-shadow{fill:#061829;opacity:.13}
.lra-medal-rim{fill:var(--lra-metal);stroke:var(--lra-metal-dark);stroke-width:1.6}
.lra-medal-rim-light{fill:none;stroke:var(--lra-metal-light);stroke-width:2.5}
.lra-medal-field{fill:var(--lra-field);stroke:var(--lra-metal-dark);stroke-width:1}
.lra-medal-inner-line{fill:none;stroke:var(--lra-metal);stroke-width:1.25;opacity:.85}
.lra-medal-facet{fill:var(--lra-metal-light);opacity:.11}
.lra-medal-micro{fill:none;stroke:var(--lra-metal-light);stroke-width:1;opacity:.76}
.lra-medal-motif{fill:none;stroke:var(--lra-glyph);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lra-medal-motif .lra-roman{fill:var(--lra-glyph);stroke:none;font:700 31px Georgia,'Times New Roman',serif}
.lra-medal-motif .lra-paragraph{fill:var(--lra-glyph);stroke:none;font:700 30px Georgia,'Times New Roman',serif}
.lra-badge-copy{display:block;min-width:0;max-width:100%}
.lra-badge-copy strong{display:block;font:700 11px/1.3 Arial,sans-serif;color:#27495c;text-wrap:balance}
.lra-badge.lra-small{padding:0}
.lra-small .lra-medal-shell{width:40px;height:40px}
.lra-silver{--lra-metal:#aebbc6;--lra-metal-light:#f3f6f7;--lra-metal-dark:#657785;--lra-glyph:#e4edf2}
.lra-bronze{--lra-metal:#c39172;--lra-metal-light:#f4d5b9;--lra-metal-dark:#855843;--lra-glyph:#f4d2ab}
.lra-blue{--lra-metal:#9aafbd;--lra-metal-light:#e1edf4;--lra-metal-dark:#536f81;--lra-glyph:#e4c68e}
.lra-copper{--lra-metal:#bf8765;--lra-metal-light:#f3c8a8;--lra-metal-dark:#80513e;--lra-field:#173b41;--lra-glyph:#f3d1ad}
.lra-green{--lra-metal:#9eab8a;--lra-metal-light:#e6ebcb;--lra-metal-dark:#677c67;--lra-field:#21453f;--lra-glyph:#e5e7bc}
.lra-badges .lra-badge{width:100%;min-height:124px;box-sizing:border-box;padding:12px 6px;border:1px solid #e7e0d4;border-radius:11px;background:#fffdfa}
.lra-badges .lra-medal-shell{width:66px;height:66px}
.lra-badges .lra-badge-copy strong{font-size:10px;line-height:1.3}
.lra-badge.is-locked .lra-medal-artwork{filter:grayscale(1);opacity:.30}
.lra-badge.is-locked .lra-badge-copy{opacity:.52}
.lra-badges .lra-badge.is-locked{background:#f6f6f3;border-style:dashed;border-color:#e2e4e1}
.lra-medal-padlock{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;display:grid;place-items:center;background:#f5f5f3;border:1px solid #c8cecb;border-radius:50%;color:#748188}
.lra-medal-padlock svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lra-owned-count{float:right;font:700 11px/2 Arial,sans-serif;color:#9b7b4e}
.lra-vitrine-intro{font:11px/1.6 Arial,sans-serif;color:#75858e;margin:-3px 0 14px}
.lra-award-card{align-items:center;text-align:center;justify-content:flex-start}
.lra-award-card>div{width:100%;display:flex;justify-content:center;min-height:118px}
.lra-award-card .lra-medal-shell{width:92px;height:92px}
.lra-award-card .lra-badge-copy strong{font-size:12px}
.lra-award-card small{max-width:235px}
@media(max-width:600px){.lra-badges{grid-template-columns:repeat(3,minmax(0,1fr))}.lra-badges .lra-medal-shell{width:56px;height:56px}}
@media(max-width:385px){.lra-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.lra-medal-artwork{transition:none!important}}
.lra-days{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
.lra-days span{display:grid;place-items:center;min-height:27px;border:1px solid #e6e6e1;background:#fff;border-radius:5px;color:#829097;font:10px Arial,sans-serif}
.lra-days .is-done{color:#2b684b;background:#dceee0;border-color:#bfddc7}
.lra-privacy,.lra-profile-note{font:12px/1.7 Arial,sans-serif;color:#667d8a}
.lra-profile-actions{margin-top:22px}
.lra-action{appearance:none;border:0;border-radius:7px;background:#17394e;color:#fff;padding:12px 17px;font:700 12px/1.5 Arial,sans-serif;cursor:pointer}
.lra-action:hover{background:#315974}
.lra-award-section{border:1px solid #e1dacb;border-radius:16px;background:#fff;padding:clamp(19px,4vw,35px);margin:25px 0}
.lra-award-section h2{font:normal clamp(25px,4vw,35px) Georgia,serif;color:#173b4e;margin:10px 0}
.lra-award-section>p{color:#657986;font:13px/1.8 Arial,sans-serif;margin-bottom:22px}
.lra-award-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lra-award-card{display:flex;flex-direction:column;gap:10px;background:#faf9f5;border:1px solid #ede5d8;border-radius:10px;padding:14px;min-width:0}
.lra-award-card small{font:11px/1.6 Arial,sans-serif;color:#6c7e86}
.lra-cert-invite{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:22px;border-radius:12px;background:linear-gradient(120deg,#152d41,#29485c);color:white}
.lra-cert-invite .nl-kicker{color:#d7c090}.lra-cert-invite h3{font:normal 25px Georgia,serif;margin:8px 0}
.lra-cert-invite p{color:#cad6de;font:12px/1.65 Arial,sans-serif;margin:0}
.lra-cert-invite .lra-action{background:#e2c38a;color:#213447;white-space:nowrap}
.lra-certificate-content{width:min(100%,950px);background:#fdfbf7}
.lra-certificate-content h2{margin-right:32px}
.lra-certificate-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.lra-certificate-tabs button{appearance:none;border:1px solid #d7d5d0;background:#fff;color:#586c78;border-radius:50px;font:700 10px/1.5 Arial,sans-serif;padding:9px 12px;cursor:pointer}
.lra-certificate-tabs button.is-active{border-color:#aa905c;background:#f7ebd1;color:#7e5f2c}
.lra-svg-preview{background:#fff;box-shadow:0 12px 34px #18344918;overflow:hidden;border-radius:9px}
.lra-svg-preview svg{display:block;width:100%;height:auto}
.lra-certificate-content>p{font:12px/1.7 Arial,sans-serif;color:#71808a}
@media(max-width:760px){.lra-award-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lra-cert-invite{align-items:flex-start;flex-direction:column}.lra-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.lra-board-head,.lra-board-row{grid-template-columns:minmax(0,1fr) 82px 48px;gap:3px}.lra-board-row{padding:10px 5px}.lra-member{gap:6px}.lra-pos{font-size:10px;min-width:15px}.lra-avatar{width:25px;height:25px;flex-basis:25px}.lra-score{font-size:12px}.lra-score small,.lra-attend small{font-size:9px}.lra-attend{font-size:11px}.lra-member-main b{font-size:11px}.lra-member-main small{font-size:9px}.lra-drawer-backdrop{padding:12px;align-items:center}.lra-profile,.lra-certificate-content{padding:23px 16px;max-height:94vh}.lra-profile-top{gap:10px}.lra-profile-avatar{width:56px;height:56px;font-size:27px}.lra-award-gallery{grid-template-columns:1fr}.lra-cert-invite h3{font-size:22px}}

.lra-board-empty{display:grid;gap:8px;padding:25px 16px 28px;border:1px dashed #d8cab1;border-radius:9px;background:#faf7ef;text-align:center}
.lra-board-empty strong{color:#183b4f;font:600 18px Georgia,serif}
.lra-board-empty span{max-width:490px;margin:auto;color:#71808a;font:12px/1.7 Arial,sans-serif}
