@font-face{font-family:Digi;src:url('/assets/site/fonts/EasyPixel.woff') format('woff');font-display:swap}
@font-face{font-family:KreweWordmark;src:url('/assets/site/fonts/CherryBombs-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--digi-ink:#574265;--digi-muted:#8b7598;--digi-line:#c9b4d9;--digi-pink:#f8b5d8;--digi-mint:#dbf3eb;--digi-purple:#eee4fb}
body.krewes-page{color:var(--digi-ink)}
.krewe-shell{max-width:1180px;margin:28px auto 60px;padding:24px;background:#fffaff;border:1px solid #b9a4ce;border-radius:10px;box-shadow:5px 6px 0 #b5aac960,0 0 0 5px #ffffff65;position:relative}
.krewe-shell::before{content:'';position:absolute;left:20px;right:20px;top:0;height:4px;background:repeating-linear-gradient(90deg,#eab7d7 0 24px,#e5d7f7 24px 48px,#c2e7de 48px 72px)}
.krewe-page-actions{margin:2px 0 20px;gap:12px}.krewe-back{font-size:12px;font-weight:bold;color:#8b608f;text-decoration:none}.krewe-back:hover{color:#b94c8e}.krewe-back img{width:27px;height:27px}
.president-actions{gap:10px}.president-actions .text-action{font-size:11px;color:#907292;margin-right:6px}
.primary-action,.secondary-action{border:1px solid #9b6a9b;border-radius:4px;box-shadow:2px 3px 0 #dbc3df;background:#f8bcdb;color:#73416d;font-size:12px!important;padding:9px 15px!important;line-height:1.3}
.primary-action:hover{background:#ffaed7}.primary-action:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #dbc3df}
.secondary-action{background:#efe7ff;color:#765b91}.secondary-action:hover:not(:disabled){background:#e4d6fa}
.krewe-identity-bar{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;padding:61px 25px 26px;margin:0 0 24px;border:1px solid #b694c4;border-radius:7px;background:#f9eafa;box-shadow:3px 4px 0 #e9d7ee;isolation:isolate;overflow:hidden}
.krewe-identity-bar::before{content:'';position:absolute;z-index:-1;inset:35px 0 0;background:linear-gradient(90deg,#fff7fc 30%,#fff7fc00 76%),repeating-linear-gradient(0deg,transparent 0 19px,#fff9 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#fff9 19px 20px);pointer-events:none}
.identity-ribbon{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px;border-bottom:1px solid #bfa4cf;background:#eedcf4;color:#775283;font-family:Digi,monospace;font-size:14px;letter-spacing:.2px}
.ribbon-sparkles{font:19px Georgia,serif;letter-spacing:7px;color:#a778b3}
.krewe-page-logo{width:112px;height:112px;align-self:center}
.digi-kicker{font-family:Digi,monospace;color:#a16c9b;font-size:12px;letter-spacing:.1px;display:block;margin-bottom:7px}
.krewe-shell .krewe-title-block h1{font-size:42px;line-height:1.1;color:#9e498d;letter-spacing:-.5px;margin:0 0 10px;text-shadow:1px 2px 0 white}
.krewe-title-block>p{font-size:14px;color:#856c91;margin:0 0 17px;line-height:1.5}
.krewe-facts{gap:8px;flex-wrap:wrap;color:#866a98;font-size:10px}
.krewe-facts>span{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#fff9fe;border:1px solid #d7bfdc;border-radius:3px;box-shadow:1px 2px 0 #ecdff2}
.krewe-facts b{font-family:Digi,monospace;font-weight:normal;font-size:19px;line-height:1;color:#845996;margin:0}
.krewe-president{display:flex;align-items:center;gap:11px;border:0;border-left:1px dashed #c7a9d0;padding:12px 0 12px 22px;margin-left:0;max-width:210px}
.krewe-president>a>img{width:49px;height:61px;border:2px solid white;border-radius:4px;box-shadow:0 0 0 1px #ccb4d7,2px 3px 0 #dcc8e5}
.krewe-president small{font-family:Digi,monospace;font-size:12px;color:#9c6f94}.krewe-president strong{font-size:17px;color:#81528e}.krewe-president span{font-size:10px;color:#a28aad}
.krewe-page-columns{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:24px}
.krewe-description,.krewe-members-section,.krewe-applicants-section,.pending-invitations,.krewe-conversation{border:1px solid var(--digi-line);border-radius:6px;background:#fff;box-shadow:3px 3px 0 #e9dfef;overflow:hidden;padding:0 17px 17px}
.krewe-description h2,.krewe-section-title{background:var(--digi-mint);border:0;border-bottom:1px solid #a9cdc1;border-radius:0;box-shadow:none;color:#507f77}
.krewe-description h2,.krewe-people-column .krewe-section-title{margin:0 -17px 17px;padding:11px 14px;min-height:40px;box-sizing:border-box}
.krewe-description h2,.krewe-section-title h2{display:flex;align-items:center;gap:9px;font-size:19px;color:#567d78}
.section-pixel{width:8px;height:8px;background:#7eb7aa;box-shadow:3px 3px 0 #b0d8cd;display:inline-block;flex:none;margin-right:1px}
.krewe-section-title>span{font-family:Digi,monospace;font-size:14px;color:#648d82;background:#f5fffb;border:1px solid #b4d4c7;border-radius:3px;padding:3px 7px;line-height:1}
.krewe-description>p{font-size:13px;line-height:1.75;color:#7c668b;margin:16px 0}
.krewe-description .empty-about{color:#a08ba9;font-style:italic}
.krewe-membership-action{padding-top:12px;margin-top:17px;border-top:1px dashed #e0d1e8;gap:12px}
.krewe-page-columns .member-label{font-size:10px;padding:5px 9px;border:1px solid #d5b5d7;background:#f8eaf7;color:#956b9c;border-radius:3px}
.leave-krewe-button{color:#a86c93;font-size:11px!important}
.krewe-people-column .member-roster{gap:15px 6px;grid-template-columns:repeat(7,minmax(0,1fr));padding:2px 0}
.krewe-people-column .roster-member{gap:5px;min-width:0}
.krewe-people-column .roster-profile{gap:7px}
.krewe-people-column .roster-profile img{width:43px;height:54px;border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #c2aad2,2px 3px 0 #e1d3ed;transition:transform .15s}
.roster-profile:hover img{transform:translateY(-2px)}
.roster-profile strong{font-size:10px;color:#825890;line-height:1.3;max-width:70px;text-align:center}
.roster-meta{min-height:18px}.krewe-people-column .president-role{font-size:9px;color:#9f7c3d;background:#fff4d9;border:1px solid #ead7a8;border-radius:3px;padding:2px 4px}
.krewe-people-column .member-vote{display:inline-grid;grid-template-columns:14px auto;align-items:center;gap:4px;min-height:20px;padding:0 2px;color:#a797b5;line-height:14px}
.member-star-icon{display:block;width:14px;height:14px;overflow:visible}
.member-star-icon path{fill:none;stroke:#ae9bbb;stroke-width:1.6;stroke-linejoin:round}
.member-vote:hover:not(:disabled):not(.is-starred) .member-star-icon path{fill:none;stroke:#9078a2}
.member-vote.is-starred .member-star-icon path{fill:#efbd3e;stroke:#bb8824}
.member-vote.is-starred:hover:not(:disabled) .member-star-icon path{fill:#f7d36e}
.krewe-people-column .member-vote>b{display:block;height:14px;margin:0;padding:0;font:normal 12px/14px Arial,sans-serif;font-variant-numeric:tabular-nums;color:#9584a2}
.krewe-people-column .member-vote.is-starred>b{color:#a88848}

.remove-krewe-member{font-size:9px;color:#b7779e}
.roster-pagination{margin-top:15px;padding-top:10px;border-top:1px dashed #ded0e8}.roster-range{font-size:10px;color:#a48bad}
.roster-pagination button{border-radius:3px;font-size:11px}.roster-pagination button[aria-current=page]{background:#f9d4e9;border-color:#c59abd;box-shadow:1px 2px 0 #e9d3e5;color:#9a568b}
.krewe-applicants-section{margin-top:20px}
.krewe-applicants-section .krewe-section-title{background:#f4e9fc;border-bottom-color:#d8bde5}
.krewe-applicants-section .krewe-section-title h2{color:#9971ad}
.krewe-applicants-section .section-pixel{background:#b48bc7;box-shadow:3px 3px 0 #dac4e7}
.krewe-applicants-section .krewe-section-title>span{background:#fff9ff;border-color:#d8bfe6;color:#a381b7}
.no-applicants{font-size:11px;color:#9982a6;line-height:1.6;margin:0 0 15px}
.krewe-conversation{margin-top:20px;padding:0}
.conversation-title{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#f6d9ed;border-bottom:1px solid #ccabc9}
.conversation-title>img{width:22px;height:22px;object-fit:contain}.conversation-title h2{font:20px "Kimoru",Arial,sans-serif;color:#955780;margin:0}
.window-dots{display:flex;gap:4px;margin-left:auto}.window-dots i{display:block;width:5px;height:5px;border:1px solid #c393ba;background:#ffeef9}
.krewe-conversation .krewe-page-tabs{display:flex;gap:0;overflow:hidden;border:0;border-bottom:1px solid #e2cfe7;background:#fcf4ff;padding:0 12px}
.krewe-conversation .krewe-page-tabs button{font-size:11px;padding:12px 11px;border:0;border-radius:0;background:transparent;color:#a087ac}
.krewe-conversation .krewe-page-tabs button[aria-pressed=true]{color:#a7528c;background:transparent;box-shadow:inset 0 -3px #db8dbd;font-weight:bold}
#comment-pane{padding:0 17px 17px}.krewe-conversation .krewe-comment{position:relative;min-height:48px;padding:18px 0 18px 50px;border-bottom:1px solid #eee3f3}
.krewe-comment .comment-avatar{position:absolute;left:0;top:18px;display:block}.comment-avatar img{display:block;width:32px;height:40px;object-fit:cover;border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #d9c4e3}
.krewe-comment>a:not(.comment-avatar){font-size:12px;color:#95618f}.krewe-comment>span{font-size:9px;color:#b29dbb;margin-left:7px}.krewe-comment p{font-size:12px;line-height:1.7;color:#806b8b;margin:8px 0 0}
.krewe-conversation .comment-pagination{margin-top:0;padding:10px 0;border-top:0;border-bottom:1px dashed #e4d4e9}
.krewe-conversation .krewe-comment-form{margin:16px 0 0;gap:10px}.krewe-conversation .krewe-comment-form label{font-family:Digi,monospace;font-size:13px;color:#9a75ab}
.krewe-conversation .krewe-comment-form textarea{box-sizing:border-box;width:100%;height:96px;min-height:96px;padding:13px;resize:none!important;border:1px solid #cdb8d9;border-radius:4px;background:#fffcff;color:#735d83;box-shadow:inset 0 2px 0 #f4edf7;font-size:12px;line-height:1.6}
.krewe-comment-form textarea::placeholder{color:#b39fbe}.krewe-comment-form .primary-action{align-self:flex-end;margin-top:2px}
.private-locked{font-size:12px;padding:20px 0;color:#9d83ac}
.rankings-column .krewe-ranking{border-color:#bca6cf;border-radius:5px;overflow:hidden}.krewe-ranking th{font-family:Digi,monospace;font-size:13px;color:#628c80}
.rankings-column .row-status{font-family:Digi,monospace;font-weight:normal;font-size:12px}
.krewe-shell .ranked-toolbar h2{color:#94619e}.your-krewe-panel{border-color:#bca6cf;box-shadow:3px 4px 0 #e6d7ee}.your-krewe-panel .eyebrow{font-family:Digi,monospace;font-weight:normal;font-size:15px}
dialog{color:#80618c}dialog textarea{resize:none!important}.membership-options span{font-size:12px}
#toast{font-size:12px;color:#7d5387;background:#f9eafa;border:1px solid #c8a6d4}
@media(min-width:1400px){.krewe-shell{margin-top:42px}}
@media(max-width:1000px){.krewe-shell{margin:24px 24px 45px;padding:20px}.krewe-page-columns{gap:18px}.krewe-identity-bar{grid-template-columns:90px minmax(0,1fr) auto;padding-inline:20px;gap:18px}.krewe-page-logo{width:90px;height:90px}.krewe-shell .krewe-title-block h1{font-size:34px}.krewe-president{max-width:170px;padding-left:15px}.krewe-president>a>img{width:38px;height:48px}.krewe-president strong{font-size:15px}.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:740px){.krewe-shell{margin:20px 12px 35px;padding:16px}.krewe-page-columns{grid-template-columns:1fr;gap:20px}.krewe-identity-bar{grid-template-columns:80px minmax(0,1fr);padding:54px 17px 18px;gap:16px}.krewe-page-logo{width:80px;height:80px}.krewe-president{grid-column:1/-1;max-width:none;margin:0;border:0;border-top:1px dashed #d9c0df;padding:14px 0 0;width:auto}.krewe-president>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px}.krewe-president span{grid-column:2;grid-row:2}.krewe-president small{font-size:12px}.krewe-title-block>p{font-size:12px}.krewe-facts{gap:5px}.krewe-facts>span{padding:5px 7px}.krewe-shell .krewe-title-block h1{font-size:32px}.krewe-people-column .member-roster{grid-template-columns:repeat(7,minmax(0,1fr))}.krewe-page-actions{flex-wrap:wrap}.president-actions{width:100%;justify-content:flex-end}.digi-kicker{font-size:10px}}
@media(max-width:420px){.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr))}.krewe-facts b{font-size:16px}.krewe-facts>span{font-size:9px}.krewe-identity-bar{gap:12px}.krewe-page-logo{width:70px;height:70px}.krewe-shell .krewe-title-block h1{font-size:27px}.president-actions{gap:8px}.president-actions .text-action{font-size:10px}.krewe-comment>span{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){.krewe-people-column .roster-profile img{transition:none}}

/* Keep presidency actions attached to the person they affect. */
.krewe-president{display:grid;grid-template-columns:49px minmax(0,1fr);align-content:center;align-self:stretch;gap:10px 11px}
.krewe-president>div{min-width:0}
.president-resign{grid-column:1/-1;justify-self:start;margin-top:2px;padding:6px 9px;border:1px solid #d5b5d7;border-radius:4px;background:#fff7fc;color:#9b6b91;font-size:10px!important;line-height:1.3;box-shadow:1px 2px 0 #e9d9ed}
.president-resign:hover{background:#f8e2f0;border-color:#c299c1;color:#88567e}
.president-resign:active{transform:translateY(1px);box-shadow:0 1px 0 #e9d9ed}
@media(max-width:1000px){.krewe-president{grid-template-columns:38px minmax(0,1fr)}}
@media(max-width:740px){.krewe-president{justify-content:start;grid-template-columns:38px auto;justify-items:start}.krewe-president>div{grid-template-columns:1fr;gap:4px}.krewe-president span{grid-column:auto;grid-row:auto}}

/* Quiet inline stats keep the name and logo as the focal point. */
.krewe-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;max-width:100%;margin-top:3px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.krewe-facts>.krewe-stat{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:5px;min-width:0;padding:0 14px;border:0;border-right:1px solid #decee5;border-radius:0;background:none;box-shadow:none;white-space:nowrap}
.krewe-facts>.krewe-stat:first-child{padding-left:0}
.krewe-facts>.krewe-stat:last-child{padding-right:0;border-right:0}
.krewe-facts .krewe-stat small{font:11px/1.3 Arial,sans-serif;color:#9984a4}
.krewe-facts .krewe-stat b{display:inline-flex;align-items:baseline;gap:1px;order:-1;font:600 17px/1.1 "Barlow Semi Condensed",Arial,sans-serif;letter-spacing:0;color:#92709e}
.krewe-facts .stat-rank b{color:#b18a43}
.krewe-facts .stat-members b{color:#6d9989}
.krewe-facts .krewe-stat em{font:500 12px/1.1 "Barlow Semi Condensed",Arial,sans-serif;color:#9bb3a9}
@media(max-width:420px){.krewe-facts>.krewe-stat{padding-inline:9px}.krewe-facts>.krewe-stat:first-child{padding-left:0}.krewe-facts>.krewe-stat:last-child{padding-right:0}.krewe-facts .krewe-stat b{font-size:16px}.krewe-facts .krewe-stat small{font-size:10px}}

/* Rounded sticker lettering gives each Krewe a proper nameplate. */
.krewe-shell .krewe-title-block h1{font-family:KreweWordmark,"Froople",sans-serif;font-weight:400;font-size:48px;line-height:1.16;letter-spacing:.15px;color:#c66ca7;-webkit-text-stroke:2px #fffafd;paint-order:stroke fill;text-shadow:1px 2px 0 #fffafd,2px 3px 0 #eab6d8,4px 5px 0 #d6bde6;margin:0 0 15px;padding:0 5px 3px 0}
@media(max-width:1000px){.krewe-shell .krewe-title-block h1{font-size:40px}}
@media(max-width:740px){.krewe-shell .krewe-title-block h1{font-size:36px;-webkit-text-stroke:1.5px #fffafd;text-shadow:1px 2px 0 #fffafd,2px 3px 0 #eab6d8,3px 4px 0 #d6bde6}}
@media(max-width:420px){.krewe-shell .krewe-title-block h1{font-size:30px}}

/* The shared Socipic picker stays anchored to the composer without clipping. */
.krewe-conversation{overflow:visible}.conversation-title{border-radius:5px 5px 0 0}
.krewe-comment-form{position:relative;overflow:visible}
.comment-tools{display:flex;align-items:center;justify-content:flex-end;gap:11px}
.krewe-comment-form .comment-tools .primary-action{margin:0;align-self:center}
.comment-emoji-toggle{display:grid;place-items:center;width:34px;height:34px;padding:4px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none}
.comment-emoji-toggle img{display:block;width:26px;height:26px;object-fit:contain}
.comment-emoji-toggle:hover,.comment-emoji-toggle[aria-expanded=true]{background:#f4e9fb;border-color:#d7c1e3}
#krewe-emoji-picker{z-index:100}

/* Name, tagline and stats share one compact, left-aligned rhythm. */
.krewe-title-block{display:grid;justify-items:start;align-content:center;gap:9px}
.krewe-shell .krewe-title-block h1{margin-bottom:0}
.krewe-title-block>.krewe-tagline{display:block;max-width:48ch;margin:0;padding:0;font:500 14px/1.45 "Barlow Semi Condensed",Arial,sans-serif;letter-spacing:.15px;color:#93779e}
.krewe-tagline .tagline-text{overflow-wrap:anywhere;text-wrap:pretty}
.krewe-title-block>.krewe-facts{margin-top:5px}
@media(max-width:740px){.krewe-title-block{gap:7px}.krewe-title-block>.krewe-tagline{font-size:13px}.krewe-title-block>.krewe-facts{margin-top:4px}}

/* Give conversations a little more room and a consistent action menu. */
.krewe-conversation .krewe-comment{padding:19px 33px 20px 59px;min-height:57px}
.krewe-comment .comment-avatar{top:19px}
.krewe-comment .comment-avatar img{width:40px;height:50px}
.krewe-comment>a:not(.comment-avatar){font-size:13px}
.krewe-comment>span{font-size:10px}
.krewe-comment>p{font-size:13px;line-height:1.7;margin-top:9px}
.krewe-comment:target{background:#fcf3fb;outline:1px solid #edd8ed;outline-offset:5px;border-radius:3px}

.krewe-people-column .roster-profile,
.krewe-people-column .roster-profile:is(:hover,:focus),
.krewe-people-column .roster-profile strong,
.krewe-people-column .roster-profile:is(:hover,:focus) strong,
.krewe-people-column .remove-krewe-member,
.krewe-people-column .remove-krewe-member:is(:hover,:focus){text-decoration:none}

/* Rounded pagination with a bright pink current-page marker. */
.krewes-page :is(.directory-pagination,.roster-pagination){flex-wrap:wrap;row-gap:12px}
.krewes-page :is(.directory-pagination,.roster-pagination) nav{display:flex;align-items:center;gap:1px;padding:2px 4px;border:1px solid #d6dcef;border-radius:999px;background:linear-gradient(180deg,#fff 0%,#f6f8ff 100%);box-shadow:0 2px 5px #7e8cb214,inset 0 1px 0 #fff;max-width:100%;box-sizing:border-box}
.krewes-page :is(.directory-pagination,.roster-pagination) button{flex:0 0 auto;display:grid;place-items:center;min-width:22px;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;box-shadow:none;color:#9eacc9;font:normal 11px/1 Arial,sans-serif;transition:background .15s,color .15s,box-shadow .15s}
.krewes-page :is(.directory-pagination,.roster-pagination) button:hover:not(:disabled):not([aria-current=page]){background:#edf0fb;color:#7f91b8}
.krewes-page :is(.directory-pagination,.roster-pagination) button[aria-current=page]{background:linear-gradient(180deg,#ff82bc 0%,#f54d99 100%);border-color:#ff91c6;color:#fff;box-shadow:inset 0 1px 0 #ffffff70,0 2px 5px #f65aa32e;width:24px;min-width:24px;height:24px;font-size:13px}
.krewes-page :is(.directory-pagination,.roster-pagination) button[aria-label]>span{display:block;font:normal 17px/1 Arial,sans-serif;transform:translateY(-1px)}
.krewes-page :is(.directory-pagination,.roster-pagination) button:disabled{opacity:.38;cursor:default}
.krewes-page :is(.directory-pagination,.roster-pagination) nav>span{color:#b0bad0;font:12px/1 Arial,sans-serif}
.krewes-page :is(.directory-pagination,.roster-pagination) button:focus-visible{outline:2px solid #c578b4;outline-offset:2px}

/* Directory controls and rows follow the same compact, pastel rhythm. */
.krewe-shell:has(>#directory:not([hidden])){max-width:1080px}
#directory .krewe-banner{margin-bottom:24px}
#directory .krewe-directory-columns{gap:24px;grid-template-columns:minmax(0,1fr) 216px}
#directory .krewe-directory-columns:not(:has(.your-krewe-panel:not([hidden]))){grid-template-columns:minmax(0,1fr);max-width:none;margin-inline:0}
#directory .ranked-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 16px}
#directory .ranked-toolbar h2{margin:0 0 5px;color:#896098;font:22px/1.15 Kimoru,Arial,sans-serif}
#directory #results-count{color:#a08aab;font:11px/1.4 Arial,sans-serif}
#directory .directory-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-left:auto}
#directory .search{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:194px;height:38px;margin:0;padding:0 11px;border:1px solid #ddd0e8;border-radius:8px;background:#fff;box-shadow:inset 0 1px 3px #8b6aa009;transition:border-color .15s,box-shadow .15s}
#directory .search:focus-within{border-color:#c59ac9;box-shadow:0 0 0 3px #eddaef66}
#directory .search>img{display:block;flex:none;width:17px;height:17px;object-fit:contain;opacity:.75}
#directory .search input{padding:0;min-width:0;font:12px/1.3 Arial,sans-serif!important;color:#80658f;outline:none!important}
#directory .search input::placeholder{color:#ac99b6}
#directory #create-open{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px!important;border:1px solid #d99abc;border-radius:8px;background:linear-gradient(#fbd4e9,#f7bedc);box-shadow:0 2px 0 #ead3e2;color:#8b5078;font:bold 12px/1.3 Arial,sans-serif!important}
#directory #create-open:hover{background:linear-gradient(#ffdced,#f9c7e2);border-color:#ca83ab}
#directory #create-open:active{transform:translateY(1px);box-shadow:0 1px 0 #ead3e2}
#directory #create-open .create-plus{display:block;margin:0;padding:0;border:0;background:none;color:#ad6593;font:normal 19px/1 Arial,sans-serif}
#directory #create-open .create-cost{margin-left:2px;padding:4px 6px;border:0;border-radius:4px;background:#fff6fb99;color:#9d6487;font:normal 11px/1 Arial,sans-serif;white-space:nowrap}
#directory .krewe-ranking{border:1px solid #dfd3e8;border-collapse:separate;border-spacing:0;border-radius:8px;background:#fff;overflow:hidden}
#directory .krewe-ranking th{padding:11px 12px;border:0;border-bottom:1px solid #d3e7e1;background:#e8f6f1;color:#6b9489;font:600 11px/1.3 Arial,sans-serif;letter-spacing:0}
#directory .krewe-ranking .rank-column{width:38px}
#directory .krewe-ranking .numeric-column{width:64px}
#directory .krewe-ranking .membership-column{width:132px;padding-left:18px}
#directory .krewe-ranking td{padding:16px 12px;border-bottom:1px solid #eee6f2}
#directory .krewe-ranking tr:last-child td{border-bottom:0}
#directory .krewe-row{background:#fff;transition:background .15s}
#directory .krewe-row:nth-child(even){background:#fdfaff}
#directory .krewe-row.is-yours{background:#fff6fb}
#directory .krewe-row:hover{background:#faf3fc}
#directory .row-identity-inner{gap:13px}
#directory .krewe-ranking .krewe-logo{width:44px;height:44px;flex-basis:44px}
#directory .row-name{gap:8px}
#directory .row-open{color:#85528f;font-size:18px!important;text-decoration:none}
#directory .row-open:hover,#directory .row-founder a:hover{color:#ba619b;text-decoration:none}
#directory .row-copy p{margin:4px 0 6px;color:#9984a4;font:12px/1.45 "Barlow Semi Condensed",Arial,sans-serif}
#directory .row-founder{color:#b09bbb;font:10px/1.3 Arial,sans-serif}
#directory .row-yours{padding:3px 5px;border-radius:4px;background:#fae6f1;color:#b3769c;font:9px/1 Arial,sans-serif}
#directory .row-rank>span{display:inline-grid;place-items:center;min-width:27px;min-height:27px;border:1px solid transparent;border-radius:50%;background:none;box-shadow:none;color:#ab94ba;font:600 16px/1 "Barlow Semi Condensed",Arial,sans-serif}
#directory .krewe-row[data-rank="1"] .row-rank>span{border-color:#efdba8;background:#fff4d4;color:#b28b3c;box-shadow:inset 0 1px 0 #fff}
#directory .krewe-row[data-rank="2"] .row-rank>span{border-color:#e1d2ef;background:#f3eafa;color:#a386bb}
#directory .krewe-row[data-rank="3"] .row-rank>span{border-color:#f0d1e0;background:#fff0f6;color:#be85a2}
#directory .row-points{color:#9273a2;font:600 20px/1.2 "Barlow Semi Condensed",Arial,sans-serif}
#directory .row-members{white-space:nowrap;color:#b5a1be;font:12px/1.2 Arial,sans-serif}
#directory .row-members b{font-weight:normal;font-size:15px;color:#947b9e}
#directory .row-status{gap:0;padding:5px 9px;border-radius:999px;box-shadow:none;font:500 11px/1.2 "Barlow Semi Condensed",Arial,sans-serif;letter-spacing:0}
#directory .row-status.is-open{background:#edf9f4;border-color:#c3e3d8;color:#689a8b}
#directory .row-status.is-invite{background:#f5effc;border-color:#e1d3ef;color:#a28bb7}
#directory .row-status.is-full{background:#fff0f6;border-color:#efd6e3;color:#bd8ba4}
#directory .directory-pagination{padding-top:15px}
#directory .your-krewe-panel{border-color:#dfcde7;box-shadow:2px 3px 0 #eee3f2}
#directory .your-krewe-panel h2 a:hover{text-decoration:none}
@media(min-width:801px) and (max-width:1100px){#directory .krewe-directory-columns{grid-template-columns:minmax(0,1fr) 196px;gap:18px}#directory .directory-actions{gap:8px}#directory .search{width:170px}}
@media(max-width:800px){#directory .krewe-directory-columns{grid-template-columns:minmax(0,1fr)}#directory .krewe-ranking .membership-column{display:none}}
@media(max-width:600px){#directory .ranked-toolbar{align-items:stretch;gap:13px}#directory .ranked-toolbar>div:first-child{width:100%}#directory .directory-actions{width:100%;margin:0;justify-content:space-between;flex-wrap:nowrap}#directory .search{width:auto;flex:1;min-width:100px}#directory #create-open{gap:6px;padding:7px 9px!important;font-size:11px!important}#directory #create-open .create-cost{padding:4px}#directory .krewe-ranking th,#directory .krewe-ranking td{padding-inline:8px}#directory .krewe-ranking .rank-column{width:28px}#directory .krewe-ranking .numeric-column{width:48px}#directory .row-identity-inner{gap:10px}#directory .row-open{font-size:16px!important}#directory .krewe-ranking .krewe-logo{width:38px;height:38px;flex-basis:38px}#directory .row-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#directory :is(.search,.krewe-row){transition:none}}

@media(max-width:420px){#directory .directory-actions{flex-wrap:wrap}#directory .search{flex-basis:100%;width:100%}#directory #create-open{margin-left:auto}}

/* Keep the personal panel visible while visitors choose a Krewe. */
#directory .your-krewe-panel.is-unjoined{padding-bottom:22px}
#directory .panel-empty-icon{display:block;width:58px;height:58px;margin:2px 0 4px;object-fit:contain}
#directory .your-krewe-panel.is-unjoined h2{margin:12px 0 0;font-size:19px}
#directory .your-krewe-panel.is-unjoined p{max-width:24ch;margin:12px 0 0;font:12px/1.6 "Barlow Semi Condensed",Arial,sans-serif;color:#a087ac}
#directory .your-krewe-panel .panel-login{margin-top:17px;text-decoration:none}

/* Individual-page panels use a smaller pagination control. */
#krewe .roster-pagination{row-gap:6px;margin-top:10px;padding-top:7px}
#krewe .comment-pagination{margin-top:0;padding-block:7px}
#krewe .roster-pagination nav{gap:1px;padding:1px 3px;box-shadow:0 1px 3px #7e8cb210,inset 0 1px 0 #fff}
#krewe .roster-pagination button{min-width:16px;width:16px;height:16px;font-size:9px}
#krewe .roster-pagination button[aria-current=page]{min-width:16px;width:16px;height:16px;font-size:10px;box-shadow:inset 0 1px 0 #ffffff70,0 1px 2px #f65aa31a}
#krewe .roster-pagination button[aria-label]>span{font-size:12px;transform:none}
#krewe .roster-pagination nav>span{font-size:9px}