@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--bg:#0d1b14;--panel:#14271d;--green:#b5d48a;--lime:#d3edaa;--muted:#a0ad9f;--line:#ffffff20;--white:#f3f3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d1b14ed;backdrop-filter:blur(15px);z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:23px}.brand b{display:block;letter-spacing:3px;font-size:15px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:3px}.topbar nav{
    display:flex;
    gap:30px;
    font-size:12px;
    color:#d0d8cc;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}.topbar nav a:hover,footer a:hover{color:var(--lime)}.music-toggle{background:transparent;border:1px solid var(--line);color:var(--white);padding:10px 14px;border-radius:30px;cursor:pointer}.music-toggle b{color:var(--green);font-size:9px;margin-right:8px}.hero{min-height:690px;padding:90px 9vw 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;gap:6vw}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.eyebrow i,.live-dot{color:#a6d879}.hero h1{font-size:clamp(58px,7vw,105px);line-height:.9;letter-spacing:-5px;margin:27px 0}.hero h1 em,.section-head h2 em,.division-title h2 em,.k9-content h2 em,.signature h2 em,.modal h2 em{font-family:'Playfair Display',serif;color:var(--green);font-weight:600}.hero-copy>p{max-width:470px;color:#aeb9ad;line-height:2;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:1px solid var(--line);border-radius:3px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.btn.primary{background:var(--green);color:#142318;border-color:var(--green)}.btn.primary:hover{background:var(--lime);transform:translateY(-2px)}.btn.ghost:hover{border-color:var(--green)}.hero-stats{display:flex;gap:42px;margin-top:65px}.hero-stats b{display:block;font-size:19px;color:var(--green)}.hero-stats small{font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-art{height:475px;position:relative}.hero-photo{position:absolute;inset:25px 25px 35px 0;background:linear-gradient(0deg,#0d1b1460,#0d1b1410),url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=1200') center/cover;border-radius:2px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 12%)}.sun{position:absolute;width:180px;height:180px;border:1px solid #c6db9c80;border-radius:50%;top:-20px;right:-25px;z-index:1}.photo-tag{position:absolute;bottom:5px;right:0;background:var(--green);color:#142318;padding:14px 18px;font-size:9px;font-weight:800;letter-spacing:1px}.photo-tag span{margin-right:30px}.vertical-note{position:absolute;left:-24px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--green)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#879487;font-size:9px;letter-spacing:2px}.ticker{display:flex;justify-content:space-around;gap:20px;overflow:hidden;background:#b5d48a;color:#142318;padding:17px;font-weight:800;font-size:10px;letter-spacing:2px}.section,.division{padding:115px 9vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:24px 0 50px}.section-head h2,.division-title h2{font-size:clamp(38px,5vw,65px);line-height:1.1;margin:0;letter-spacing:-2px}.section-head p{max-width:390px;color:var(--muted);line-height:2;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid var(--line);padding:30px;min-height:190px;background:linear-gradient(145deg,#182c20,#102017)}.feature span{color:var(--green);font-size:12px}.feature h3{font-size:18px;margin:28px 0 8px}.feature p,.division-card p{color:var(--muted);font-size:12px;line-height:1.9}.division{background:#13251b}.division-title{display:flex;align-items:end;justify-content:space-between;margin:25px 0 45px}.division-title>span{font-size:9px;letter-spacing:3px;color:var(--green)}.division-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.division-card{background:#0d1b14;border:1px solid var(--line);padding-bottom:25px}.div-image{height:190px;background-size:cover;background-position:center;filter:saturate(.7)}.division-card.big .div-image{height:245px}.forest{background-image:url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=900')}.canine{background-image:url('https://images.unsplash.com/photo-1552053831-71594a27632d?w=900')}.wildlife{background-image:url('https://images.unsplash.com/photo-1472396961693-142e6e269027?w=900')}.division-card>div:last-child{padding:22px}.division-card small{color:var(--green);letter-spacing:2px;font-size:9px}.division-card h3{letter-spacing:2px;font-size:17px}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ranger-card{background:#14271d;border:1px solid var(--line);cursor:pointer;transition:.2s}.ranger-card:hover{transform:translateY(-5px);border-color:var(--green)}.ranger-card img{width:100%;height:230px;object-fit:cover;filter:saturate(.7)}.ranger-info{padding:20px}.ranger-info small{color:var(--green);letter-spacing:1px}.ranger-info h3{margin:10px 0 4px}.ranger-info p{color:var(--muted);font-size:12px}.k9-section{position:relative;overflow:hidden;background:#182d20}.k9-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#102218f5,#102218d9),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1400') center/cover}.k9-content{position:relative;padding:105px 9vw}.k9-layout{display:grid;grid-template-columns:1fr .75fr;gap:9vw;align-items:center;margin-top:35px}.k9-content h2{font-size:clamp(50px,6vw,82px);line-height:.95;margin:22px 0}.k9-content p{max-width:470px;color:#c0cbbd;font-size:13px;line-height:2}.k9-stamp{width:65px;height:65px;border:1px solid var(--green);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--green);font-size:23px;font-weight:800}.k9-stamp small{font-size:8px;letter-spacing:2px}.k9-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:30px;font-size:9px;color:var(--green);letter-spacing:1px}.apply-panel{background:#f0f1e7;color:#142318;padding:35px}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#52634e}.apply-panel h3{font-size:27px;margin:40px 0 8px}.apply-panel p,.apply-panel>small{color:#637061;font-size:12px;line-height:1.9}.apply-panel .wide{width:100%;margin:20px 0 10px}.signature{padding:90px 9vw;display:flex;justify-content:space-between;align-items:center}.signature h2{font-size:50px;line-height:.95}.signature-card{border-right:2px solid var(--green);padding:10px 24px;text-align:right}.sig-line{font-family:'Playfair Display',serif;font-style:italic;font-size:29px;color:var(--green);margin-bottom:13px}.signature-card b,.signature-card span,.signature-card small{display:block;letter-spacing:1px;font-size:10px;margin:7px 0}.signature-card span,.signature-card small{color:var(--muted)}footer{padding:25px 6vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#93a18f;font-size:9px;letter-spacing:1px}.modal{position:fixed;inset:0;background:#050c09d9;backdrop-filter:blur(9px);z-index:30;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;background:#172b20;border:1px solid #b5d48a55;width:min(620px,100%);max-height:90vh;overflow:auto;padding:35px}.close{position:absolute;top:13px;left:16px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.modal h2{font-size:34px;line-height:1.2}.modal p{color:var(--muted);font-size:13px;line-height:1.9}.handbook-link{display:block;color:var(--green);font-size:11px;margin:20px 0}.handbook-link input,.answer{width:100%;margin-top:8px;padding:13px;background:#0c1a12;border:1px solid var(--line);color:white;outline:none}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.hint{font-size:10px!important}.quiz-card{width:min(700px,100%)}.quiz-top{display:flex;justify-content:space-between;color:var(--green);font-size:11px;letter-spacing:1px}.quiz-top #timer{font-size:18px;font-weight:800}.progress{height:3px;background:#ffffff20;margin:18px 0 30px}.progress i{display:block;height:100%;width:0;background:var(--green);transition:width .3s}.question-count{font-size:10px;color:var(--green);letter-spacing:2px}.question-title{font-size:22px;line-height:1.5;margin:15px 0}.answer{min-height:125px;resize:vertical;font:inherit;line-height:1.8}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:#142318;padding:13px 20px;z-index:50;opacity:0;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{color:var(--muted)}.profile-hero{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.profile-hero img{width:150px;height:170px;object-fit:cover}.profile-hero h2{font-size:24px;margin:8px 0}.profile-meta{color:var(--green);font-size:10px;letter-spacing:1px}.profile-story{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}
@media(max-width:800px){.topbar{padding:0 4vw}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:65px 7vw 25px}.hero-art{height:340px;grid-row:2}.hero-bottom{grid-row:3}.hero-stats{gap:22px}.section,.division{padding:75px 7vw}.section-head{display:block}.feature-grid,.division-grid,.roster-grid{grid-template-columns:1fr}.division-card.big .div-image,.div-image{height:210px}.k9-content{padding:75px 7vw}.k9-layout{grid-template-columns:1fr;gap:35px}.signature{padding:65px 7vw;display:block}.signature-card{margin-top:30px}footer{flex-wrap:wrap;gap:20px}.hero h1{letter-spacing:-3px}.division-title{display:block}.division-title>span{display:block;margin-top:20px}}
/* ==============================
   SASPR FLOATING RADIO
================================ */

.radio-widget {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 100;
}

/* Small Floating Button */

.radio-float {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #b5d48a70;
    background: #172d20;
    color: var(--green);
    font-size: 23px;
    cursor: pointer;
    box-shadow: 0 5px 25px #0008;
    transition: .25s ease;
}

.radio-float:hover {
    background: #b5d48a;
    color: #142318;
    transform: translateY(-3px);
}

/* Radio Panel */

.radio-panel {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 260px;
    padding: 17px;
    background: #14271d;
    border: 1px solid #b5d48a45;
    border-radius: 12px;
    box-shadow: 0 12px 40px #0009;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(12px) scale(.96);
    transform-origin: bottom right;
    transition: .25s ease;
}

.radio-widget.open .radio-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.radio-widget.open .radio-float {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Header */

.radio-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.radio-brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

.radio-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #b5d48a50;
    border-radius: 9px;
    color: var(--green);
    font-size: 20px;
}

.radio-brand strong {
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
}

.radio-brand small {
    display: block;
    margin-top: 5px;
    font-size: 9px;
    color: var(--muted);
    letter-spacing: 1px;
}

.radio-close {
    border: 0;
    background: transparent;
    color: #a0ad9f;
    font-size: 25px;
    cursor: pointer;
}

.radio-close:hover {
    color: white;
}

.radio-divider {
    height: 1px;
    background: #ffffff16;
    margin: 15px 0;
}

/* Controls */

.radio-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin: 18px 0;
}

.radio-controls button {
    border: 0;
    background: transparent;
    color: #c4d3c1;
    cursor: pointer;
    font-size: 14px;
    transition: .2s;
}

.radio-controls button:hover {
    color: var(--lime);
    transform: scale(1.1);
}

.radio-controls .radio-play {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: var(--green);
    color: #142318;
    font-size: 16px;
}

.radio-controls .radio-play:hover {
    background: var(--lime);
}

/* Volume */

.radio-volume {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 9px;
    color: var(--muted);
}

.radio-volume input {
    flex: 1;
    min-width: 0;
    accent-color: var(--green);
    cursor: pointer;
}

#volumeValue {
    min-width: 25px;
    text-align: right;
}

/* Footer */

.radio-footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ffffff16;
    padding-top: 12px;
    margin-top: 13px;
    color: #879987;
    font-size: 8px;
    letter-spacing: .8px;
}

/* Mobile */

@media(max-width:600px) {
    .radio-widget {
        right: 15px;
        bottom: 15px;
    }

    .radio-panel {
        width: 245px;
    }
}
/* PROFILE PHOTO STACK - ORIGINAL PROFILE LAYOUT */

.profile-photo-stack {
    position: relative;
    width: 150px;
    height: 170px;
    flex-shrink: 0;
}

.profile-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 2px solid #536d45;
    background: #14271d;
    cursor: pointer;
    border-radius: 4px;
    transition: transform .4s ease, box-shadow .4s ease;
}

.profile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-photo:nth-child(1) {
    z-index: 3;
}

.profile-photo:nth-child(2) {
    z-index: 2;
    transform: rotate(4deg);
}

.profile-photo:nth-child(3) {
    z-index: 1;
    transform: rotate(-5deg);
}

.profile-photo-stack:hover .profile-photo:nth-child(2) {
    transform: translateX(35px) rotate(9deg);
}

.profile-photo-stack:hover .profile-photo:nth-child(3) {
    transform: translateX(65px) rotate(-9deg);
}

.profile-photo:hover {
    z-index: 10;
    box-shadow: 0 0 18px rgba(145, 210, 90, .7);
    border-color: #b5e987;
}

/* PHOTO VIEWER */

.photo-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    background: rgba(4, 12, 7, .96);
}

.photo-lightbox.active {
    display: flex;
}

.photo-lightbox > img {
    max-width: 80vw;
    max-height: 82vh;
    object-fit: contain;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
    position: absolute;
    z-index: 2;
    background: #172b20;
    color: white;
    border: 1px solid #79945d;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 25px;
}

.lightbox-close {
    top: 25px;
    right: 30px;
}

.lightbox-prev {
    left: 25px;
    top: 50%;
}

.lightbox-next {
    right: 25px;
    top: 50%;
}

.lightbox-counter {
    position: absolute;
    bottom: 25px;
    color: white;
}
/* Homepage featured officer polish and clean viewport */
html,body{max-width:100%;overflow-x:clip}
html{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
.premium-card{position:relative;overflow:hidden;border:1px solid #a9d17b55;box-shadow:0 12px 35px #0004;transition:transform .35s,border-color .35s,box-shadow .35s}
.premium-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#b5d48a12,transparent 35%,transparent 70%,#b5d48a0c);opacity:.7}
.premium-card:hover{transform:translateY(-8px);border-color:#c8ed9b;box-shadow:0 22px 55px #0008,0 0 26px #b5d48a22}
.card-image-wrap{position:relative;overflow:hidden}
.card-image-wrap>img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .65s,filter .5s}
.premium-card:hover .card-image-wrap>img{transform:scale(1.055);filter:saturate(1.15)}
.card-corner{position:absolute;top:13px;left:13px;padding:7px 10px;background:#101f16e8;border:1px solid #c3e78b;color:#d9f6b1;font-size:8px;letter-spacing:1.4px;box-shadow:0 0 18px #b5d48a20}
.premium-card .ranger-info{position:relative;z-index:1}
.empty-featured{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #b5d48a55;background:radial-gradient(ellipse at center,#b5d48a0d,transparent 70%);padding:35px}
.empty-featured>span{font-size:30px;color:var(--lime);text-shadow:0 0 18px #b5d48a80}
.empty-featured h3{margin:12px 0 4px;font-size:22px}
.empty-featured p{color:var(--muted);font-size:13px}
.member-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.member-tag{display:inline-flex;padding:5px 8px;border:1px solid #ffffff25;background:#ffffff08;color:#c3d0bd;font-size:8px;letter-spacing:.5px}
.member-tag.saspr-tag{border-color:#a7d77a;color:#d8f3b6;background:#a7d77a13;box-shadow:0 0 13px #a7d77a20}
.profile-dog-image{width:100px;height:100px;object-fit:cover;border:1px solid #a7d77a;border-radius:3px;margin:8px 0;box-shadow:0 0 18px #a7d77a22}
@media(max-width:800px){.topbar nav{display:none}}


/* Reliable profile stack, biography layout and accessible image viewer */
.profile-card{width:min(820px,100%);max-height:88vh;overflow:auto;border-radius:8px;box-shadow:0 28px 90px #000b}
.profile-card .profile-hero{grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start}
.profile-photo-stack{width:170px;height:190px;isolation:isolate;overflow:visible;perspective:900px}
.profile-photo{inset:0;width:100%;height:100%;transform-origin:center bottom;will-change:transform;box-shadow:0 12px 30px #0008}
.profile-photo:nth-child(1){z-index:4;transform:rotate(-2deg)}
.profile-photo:nth-child(2){z-index:3;transform:translate(7px,2px) rotate(4deg)}
.profile-photo:nth-child(3){z-index:2;transform:translate(13px,4px) rotate(-6deg)}
.profile-photo:nth-child(n+4){z-index:1;transform:translate(18px,6px) rotate(8deg)}
.profile-photo-stack:hover .profile-photo:nth-child(1){transform:translateX(-7px) rotate(-5deg)}
.profile-photo-stack:hover .profile-photo:nth-child(2){transform:translateX(30px) rotate(5deg)}
.profile-photo-stack:hover .profile-photo:nth-child(3){transform:translateX(67px) rotate(-8deg)}
.profile-photo-stack:hover .profile-photo:nth-child(n+4){transform:translateX(100px) rotate(9deg)}
.profile-photo:hover,.profile-photo:focus-visible{z-index:20;outline:2px solid #d3edaa;box-shadow:0 0 24px #b5d48a99}
.profile-details{min-width:0}
.profile-details>p,.profile-bio{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-story p{white-space:pre-wrap;line-height:2;overflow-wrap:anywhere;color:#c1cdbd}
.profile-dog-wrap{display:flex;align-items:center;gap:12px;margin:10px 0}
.profile-dog-wrap span{font-size:8px;letter-spacing:1.4px;color:#b5d48a}
.profile-dog-image{width:82px;height:82px;object-fit:cover;border:1px solid #a7d77a;border-radius:5px;margin:0;box-shadow:0 0 18px #a7d77a24}
.photo-lightbox{padding:70px 90px}
.photo-lightbox .lightbox-main-image{max-width:min(82vw,1100px);max-height:78vh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 70px #000b}
.lightbox-counter{font-size:11px;letter-spacing:1px}
@media(max-width:650px){.profile-card{padding:25px 18px}.profile-card .profile-hero{grid-template-columns:1fr;gap:22px}.profile-photo-stack{margin:0 auto 12px}.photo-lightbox{padding:60px 15px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}


/* V14 polish */
html,body,body *{ -webkit-user-select:none!important; user-select:none!important; }
input,textarea,[contenteditable="true"],.selectable-text{ -webkit-user-select:text!important; user-select:text!important; }
.skill-board-viewport,.skill-board-canvas,.skill-board-branch,.skill-node-tablet{user-select:none!important;-webkit-user-select:none!important;}
.o-id-card-pair{width:min(100%,580px);min-height:clamp(210px,34vw,365px);display:grid;place-items:center;position:relative;perspective:1200px}
.o-id-card.o-id-independent{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:1.586;transform:none!important;transition:opacity .42s ease,transform .55s cubic-bezier(.2,.8,.2,1);backface-visibility:visible!important}
.o-id-independent>.o-id-face{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;backface-visibility:visible!important}
.o-id-independent .o-id-face{border-radius:17px!important;overflow:hidden!important}
.o-id-independent.personal-credential{opacity:1;transform:translateX(0) rotateY(0) scale(1)!important;z-index:2}
.o-id-independent.division-credential{opacity:0;pointer-events:none;transform:translateX(35px) rotateY(12deg) scale(.94)!important;z-index:1}
.o-id-card-pair.show-division .personal-credential{opacity:0;pointer-events:none;transform:translateX(-35px) rotateY(-12deg) scale(.94)!important}
.o-id-card-pair.show-division .division-credential{opacity:1;pointer-events:auto;transform:translateX(0) rotateY(0) scale(1)!important;z-index:3}
.o-id-independent .o-id-back{background:linear-gradient(145deg,#26372a,#101912 75%)!important}
.skill-board-canvas{width:min(1120px,96%)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;justify-content:center!important}
.skill-board-branch{width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:850px){.skill-board-canvas{grid-template-columns:minmax(0,1fr)!important;width:94%!important}.o-id-card-pair{min-height:clamp(190px,55vw,300px)}}
.hc-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.hc-confirm-actions button{padding:10px 16px;border-radius:6px;border:1px solid #849776;background:#1a281d;color:#eaf0e4;cursor:pointer}.hc-confirm-actions [data-yes]{background:#42583b;border-color:#a7c28c}

/* V29 — unlocked Members profile presentation */
.directory-card.has-elite-frame{outline:1px solid #b6c99a88;outline-offset:3px;box-shadow:0 0 0 1px #b6c99a22,0 16px 40px #0008}
.directory-card.has-elite-frame .member-officer{border:2px solid #b6c99a;padding:3px;background:#101711;box-shadow:0 0 18px #b6c99a22}
.prestige-emblem{font:7px Arial;letter-spacing:1px;color:#d6e4b8;border:1px solid #a9c88377;border-radius:20px;padding:4px 7px;margin-left:auto}
.profile-hero.elite-profile-frame{outline:1px solid #b6c99a88;outline-offset:8px;border-radius:8px;padding:10px;background:linear-gradient(135deg,#b6c99a0d,transparent)}
.member-service-showcase,.member-career-highlights{margin-top:22px;padding:18px;border:1px solid #a9c88355;border-radius:8px;background:linear-gradient(135deg,#1b2b20,#111812)}
.member-service-showcase>small,.member-career-highlights>small{font:8px Arial;letter-spacing:1.5px;color:#b6c99a}
.member-service-showcase h3,.member-career-highlights h3{color:#e5eddf;font:18px Georgia;margin:8px 0}
.member-career-highlights p{color:#aebba7;line-height:1.7}


/* V30 — Members Skill Tree unlock presentation */
.directory-card.has-elite-frame{outline:2px solid #d9bd69!important;outline-offset:4px!important;border-color:#d9bd69!important;box-shadow:0 0 0 1px #d9bd6944,0 0 18px #d9bd6940,0 16px 40px #0009!important}
.directory-card.has-elite-frame .member-officer{border:3px solid #d9bd69!important;padding:4px!important;background:linear-gradient(135deg,#f6dc83,#6c5420,#f8e7a6)!important;box-shadow:0 0 0 2px #111,0 0 16px #f0ce5d88,0 0 28px #9ff5e755!important;border-radius:5px!important}
.directory-card.has-elite-frame .member-officer img{border-radius:2px!important}
.directory-card.has-accent-ii{background:linear-gradient(145deg,#1a3023,#101e16 75%) padding-box,linear-gradient(120deg,var(--badge-accent),var(--badge-accent-2),#f0d16a,var(--badge-accent)) border-box!important;border:2px solid transparent!important;box-shadow:0 0 15px color-mix(in srgb,var(--badge-accent-2),transparent 55%)!important}
.directory-card.has-prestige-emblem .prestige-emblem{font:800 8px Arial!important;letter-spacing:1.4px!important;color:#ffe69a!important;border:1px solid #e5c35e!important;background:linear-gradient(110deg,#5b451b,#1b1a10)!important;padding:5px 9px!important;box-shadow:0 0 12px #f0cb5c66!important}
.profile-hero.has-profile-accent{border:1px solid var(--badge-accent)!important;border-radius:10px!important;padding:13px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--badge-accent),transparent 88%),transparent 65%)!important;box-shadow:inset 0 0 24px color-mix(in srgb,var(--badge-accent),transparent 90%),0 0 16px color-mix(in srgb,var(--badge-accent),transparent 75%)!important}
.profile-hero.has-profile-accent-ii{border-image:linear-gradient(120deg,var(--badge-accent),var(--badge-accent-2),#e9ce75) 1!important;box-shadow:0 0 18px color-mix(in srgb,var(--badge-accent-2),transparent 65%)!important}
.profile-prestige-emblem{display:inline-flex;vertical-align:middle;align-items:center;margin-left:8px;padding:4px 8px;border:1px solid #e5c35e;border-radius:20px;background:linear-gradient(110deg,#5a451b,#17180f);color:#ffe69a;font:800 8px Arial;letter-spacing:1px;box-shadow:0 0 12px #f0cb5c66}
.member-service-showcase{border-color:#b8d58e!important;box-shadow:inset 0 0 24px #b8d58e0b,0 0 16px #b8d58e14!important}
.member-service-showcase .service-distinction{border-color:#d8bd69!important;color:#f1df9c!important;background:#d8bd6917!important;margin:4px!important}
.member-career-highlights{border-color:#9dbb83!important}
.career-highlight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.career-highlight-list article{display:grid;gap:4px;padding:10px;border:1px solid #ffffff1c;border-radius:6px;background:#ffffff06;min-width:0}
.career-highlight-list article b{font:12px Georgia;color:#e5eddf}
.career-highlight-list article span{font:10px Arial;color:#aebba7;line-height:1.5}
.career-highlight-list article small{font:8px Arial;color:#b6c99a;letter-spacing:1px}
@media(max-width:650px){.career-highlight-list{grid-template-columns:1fr}}