.krewes-page{margin:0;color:#202744;font-family:Arial,Helvetica,sans-serif;font-size:14px}.krewes-page button,.krewes-page input,.krewes-page select{font:inherit}.krewes-page button{cursor:pointer}.krewes-page button:focus-visible,.krewes-page a:focus-visible,.krewes-page input:focus-visible,.krewes-page select:focus-visible{outline:3px solid #328d87;outline-offset:4px}.preview-account{color:#293254;text-decoration:none;font-weight:bold}.preview-account span{color:#2b9b7d;font-size:10px;margin-left:8px}.preview-bar{max-width:1180px;margin:12px auto 0;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#656c84;font-size:12px}.preview-bar b{font-size:10px;letter-spacing:1.5px;color:#89637e}.sample-note{margin-left:12px}.preview-bar nav{display:flex;gap:4px}.preview-bar a{padding:9px 13px;color:#535d7d;text-decoration:none;border-radius:6px}.preview-bar a[aria-current=page]{background:#fff;color:#9a436f;box-shadow:0 2px 5px #2932540a}.krewe-shell{max-width:1180px;margin:16px auto 50px;background:#fffcfe;border:1px solid white;border-radius:15px;box-shadow:0 12px 40px #3945720e;padding:36px}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:block;font-size:10px;font-weight:bold;letter-spacing:1.8px;color:#817087}.krewe-shell h1{font-family:"Kimoru",Arial,sans-serif;font-size:37px;line-height:1.15;letter-spacing:-.7px;margin:10px 0}.krewe-shell p{line-height:1.6}.heading-copy p,.section-heading p{color:#78778b;margin:9px 0 0}.heading-star{display:inline-block;color:#eabc43;font-family:serif;margin-left:12px;transform:rotate(12deg)}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #c88ba7;border-radius:5px;background:#fbd4e5;color:#653d56;padding:12px 16px;box-shadow:2px 3px 0 #ead7e2;font-weight:bold!important;white-space:nowrap}.primary-action:hover{background:#f8c4dc}.primary-action span{font-size:12px;border-left:1px solid #cc9ab0;padding-left:14px}.my-krewe{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#f2f8f5;border:1px solid #cee1da;border-left:4px solid #7fb7a5;border-radius:6px;margin-bottom:28px}.my-krewe>div{display:grid;gap:5px}.my-krewe strong{font-size:17px}.my-krewe .eyebrow{font-size:9px;color:#5e8c7c}.muted{color:#787d8d;font-size:12px}.my-motto{margin-left:auto;color:#678578;font-style:italic;font-size:13px}.text-action{border:0;background:transparent;color:#745572;font-weight:bold!important;text-decoration:none;white-space:nowrap;padding:8px}.my-krewe .text-action{margin-left:16px;color:#497865}.text-action span{margin-left:10px}.mini-logo{display:inline-flex;flex-shrink:0;width:45px;height:45px}.mini-logo svg,.mini-logo img,.krewe-logo svg,.krewe-logo img{width:100%;height:100%;object-fit:contain}.directory-tools{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e8e2eb}.filters{display:flex;gap:20px}.filters button{padding:13px 0;border:0;border-bottom:3px solid transparent;background:none;color:#78788c;font-size:12px;font-weight:bold;white-space:nowrap}.filters button.selected{color:#a44976;border-bottom-color:#db8bad}.search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e1dce7;border-radius:5px;padding:0 9px;margin-bottom:8px;width:215px}.search>span{font-size:25px;color:#a39aac}.search input{padding:9px 2px;width:100%;min-width:0;border:0;background:none;outline-offset:0!important;font-size:12px!important}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 15px;color:#858194;font-size:11px}.results-heading select{border:0;background:transparent;color:#54506b;font-size:11px;padding:5px}.krewe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.krewe-card{position:relative;border:1px solid #e2dce6;border-radius:8px;background:white;overflow:hidden;transition:transform .18s,box-shadow .18s}.krewe-card:hover{transform:translateY(-3px);box-shadow:0 7px 14px #62516c0d}.card-art{height:91px;background:var(--soft);position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #00000005;overflow:hidden}.card-art::before,.card-art::after{content:'✦';position:absolute;color:var(--accent);opacity:.18;font-family:Georgia,serif;font-size:58px;transform:rotate(12deg);left:20px;top:13px}.card-art::after{content:'✧';left:auto;right:21px;top:0;font-size:80px;transform:rotate(-12deg)}.krewe-logo{width:65px;height:65px;position:relative;z-index:1;display:inline-flex}.rank{position:absolute;top:11px;left:12px;color:var(--accent);font-size:11px;background:#ffffffa8;border:1px solid #ffffff;padding:4px 7px;border-radius:4px;font-weight:bold}.your-label{position:absolute;right:10px;top:12px;font-size:9px;color:var(--accent);letter-spacing:.5px;font-weight:bold}.card-copy{padding:17px 18px 13px}.card-copy h2{font-size:18px;margin:0 0 6px;font-family:"Kimoru",Arial,sans-serif;letter-spacing:.1px}.card-open{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit!important}.card-open::after{position:absolute;content:'';inset:0;z-index:2}.card-founder{font-size:11px;color:#9a8f9e}.card-copy p{font-size:12px;color:#787184;height:36px;line-height:1.5;margin:12px 0 14px}.card-stats{display:flex;gap:16px;align-items:center;padding-top:12px;border-top:1px solid #f0ecf2;color:#8b8291;font-size:10px}.card-stats b{font-size:13px;color:#4b415c;margin-right:3px}.join-status{margin-left:auto;font-size:9px;color:#638777;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.join-status::before{content:'';width:5px;height:5px;background:#85b39d;border-radius:50%}.join-status.invite{color:#948797}.join-status.invite::before{background:#bbaabe}.directory-foot{text-align:center;color:#9a91a0;font-size:11px;margin:28px 0 0}.directory-foot a{color:#80617c;text-decoration:none;margin-left:5px}.empty{text-align:center;padding:50px;color:#827588}.profile-demo,.game-demo{border:1px solid #e2dce6;border-radius:10px;background:#fff;overflow:hidden}.profile-cover{height:105px;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff55 23px 25px),repeating-linear-gradient(90deg,#e1eee6 0 23px,#eef5ec 23px 25px);display:flex;align-items:center;justify-content:flex-end;padding:30px}.profile-cover span{font-family:"TAY Dumpling",cursive;font-size:27px;color:#6c907d;transform:rotate(-3deg)}.profile-intro{display:flex;gap:28px;padding:0 30px 30px}.profile-portrait-demo{width:150px;height:193px;object-fit:cover;border:6px solid white;box-shadow:0 0 0 1px #d9d5e0,3px 4px 0 #eee9ed;margin-top:-35px;position:relative;align-self:flex-start}.profile-identity-demo{padding-top:21px}.online{color:#6b9c81;font-size:10px}.profile-identity-demo h2{font-family:"Kimoru",Arial,sans-serif;font-size:30px;margin:9px 0 14px}.level-square{display:inline-block;width:20px;height:20px;background:#ffbd58;border:1px solid #c98e36;border-radius:3px;margin-left:10px}.membership-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #d8cce5;border-radius:5px;background:#f6f0fc;padding:7px 11px;color:#674983;text-align:left}.membership-badge .mini-logo{width:32px;height:32px}.membership-badge small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:4px;color:#9780ab}.membership-badge b{font-size:12px}.badge-arrow{margin-left:20px;color:#9c82b2}.profile-identity-demo>p{font-size:12px;color:#827386}.profile-stats{display:flex;gap:23px;color:#8c8295;font-size:11px}.profile-stats b{color:#554565;font-size:15px;margin-right:3px}.profile-body-demo{display:grid;grid-template-columns:2fr 1fr;gap:30px;border-top:1px solid #eee7ed;padding:28px 30px}.profile-body-demo h3,.game-lower h3{background:#edf7f2;border:1px solid #d2e6dd;border-left:3px solid #7cb69e;padding:10px 12px;font-size:14px;margin:0 0 20px}.profile-body-demo h3 span{float:right;font-size:10px;font-weight:normal;color:#83988c}.game-history{display:flex;gap:15px;margin-bottom:30px}.game-history div{flex:1;display:grid;text-align:center;gap:10px}.game-history b{padding:16px 5px;background:#f8f1df;border:1px solid #eadbbd;color:#a4873a;border-radius:8px;font-size:24px;font-family:Georgia,serif}.game-history div:nth-child(2) b{background:#f6e6eb;color:#bb8599;border-color:#ead0da}.game-history div:nth-child(3) b{background:#e8eafa;color:#8a94bb;border-color:#d6daf0}.game-history div:nth-child(4) b{background:#e9f3ee;color:#81a995;border-color:#d5e5db}.game-history span{font-size:10px;color:#8d8395}.profile-body-demo .pink-heading{background:#fff0f6;border-color:#ead5df;border-left-color:#dba0bb}.note{background:#fffaf0;border:1px solid #eaddc8;padding:20px;transform:rotate(-1deg);font-size:12px;color:#826d80}.friends-preview #friends{display:flex;gap:13px;flex-wrap:wrap}.friend{display:grid;gap:6px;text-align:center;font-size:11px;color:#8b7a8f}.friend img{width:60px;height:68px;object-fit:cover;border:3px solid white;box-shadow:0 0 0 1px #ded4dd}.game-demo{padding:26px}.game-title{display:flex;justify-content:space-between;align-items:center}.game-title h2{font-size:23px;margin:9px 0 24px}.live-tag{color:#69967a;background:#edf8f0;padding:7px 10px;border-radius:4px;font-size:10px}.cast{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.cast-player{position:relative;text-align:center;min-width:0}.avatar-trigger{position:relative;display:block;padding:0;width:100%;border:1px solid #d6cfe0;background:#eee8f6;border-radius:4px;overflow:visible}.avatar-trigger>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}.cast-player>span{display:block;margin-top:8px;font-size:11px;color:#6d5a7a}.cast-logo{position:absolute;right:4px;top:4px;width:27px;height:27px;background:transparent;padding:0;border:0;border-radius:0;opacity:0;transform:scale(.8);transition:opacity .14s,transform .14s;box-shadow:none}.cast-logo svg{width:100%;height:100%}.avatar-trigger:hover .cast-logo,.avatar-trigger:focus-visible .cast-logo,.avatar-trigger[aria-expanded=true] .cast-logo{opacity:1;transform:scale(1)}.cast-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:5;min-width:120px;padding:8px;background:#fff;border:1px solid #ded3e4;border-radius:4px;box-shadow:0 5px 12px #4b3b5a15;font-size:10px;color:#745c82;pointer-events:none;display:none}.avatar-trigger:hover .cast-tooltip,.avatar-trigger:focus-visible .cast-tooltip,.avatar-trigger[aria-expanded=true] .cast-tooltip{display:block}.game-help{text-align:center;color:#a496ac;font-size:11px;margin:28px 0}.game-lower{display:grid;grid-template-columns:2fr 1fr;gap:25px;border-top:1px solid #eee6f0;padding-top:25px}.game-lower h3{background:#f7f0fb;border-color:#e5d7ee;border-left-color:#b99bcb}.chat-demo{border-bottom:1px solid #eee9f0;padding:12px 0;font-size:12px;color:#776780}.chat-demo small{color:#aaa0b1;font-size:10px;margin-left:10px;font-weight:normal}.chat-demo p{margin-bottom:5px}.round-progress{height:7px;border-radius:10px;background:#f1eaf6;overflow:hidden}.round-progress span{display:block;width:60%;height:100%;background:#c1a1d1}.game-lower>section>p{font-size:12px;color:#8d7c96}dialog{width:min(490px,calc(100% - 28px));border:1px solid #e0d3e5;border-radius:12px;padding:30px;background:#fffafd;color:#554362;box-shadow:0 20px 70px #34253b30;max-height:90vh;overflow:auto}dialog::backdrop{background:#2e24494a;backdrop-filter:blur(3px)}.close-dialog{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#9e8ba8;font-size:27px!important}dialog h2{font-family:"Kimoru",Arial,sans-serif;font-size:27px;margin:12px 0}dialog p{font-size:13px;line-height:1.6;color:#8a7894}#create-form>label{display:grid;gap:8px;font-size:12px;font-weight:bold;margin-top:19px}#create-form input:not([type=file]){width:100%;padding:12px;border:1px solid #ded2e4;border-radius:5px;background:#fff;font-size:13px} .upload-zone{border:1px dashed #c9b4d5;border-radius:5px;background:#f9f4fc;padding:18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:#8b719a;font-weight:normal}.upload-zone small{font-size:10px;line-height:1.8}.upload-zone input{width:100%;font-size:11px!important}.upload-zone img{width:60px;height:60px;object-fit:contain;background:repeating-conic-gradient(#e9dfef 0% 25%,white 0% 50%) 0 0/12px 12px}.cost-row{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #eaddf0;font-size:14px}.preview-disclaimer{font-size:11px!important}#create-form .primary-action{width:100%}#upload-error{color:#b03860;font-size:12px}.detail-banner{background:var(--soft);margin:-30px -30px 24px;padding:32px;text-align:center}.detail-banner .krewe-logo{width:100px;height:100px}.detail-stats{display:flex;justify-content:space-around;padding:18px 0;border-block:1px solid #eee3f2;margin:20px 0}.detail-stats div{display:grid;gap:5px;text-align:center;color:#9a8ba3;font-size:11px}.detail-stats b{font-size:22px;color:#695273}.detail-members{display:flex;gap:10px;margin:15px 0 22px}.detail-members img{width:47px;height:55px;object-fit:cover;border-radius:4px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#50415b;color:white;padding:15px 22px;border-radius:8px;z-index:20;max-width:90%;font-size:12px}
@media(min-width:1500px){.krewe-shell,.preview-bar{max-width:1240px}.card-art{height:105px}.card-copy{padding:20px}.card-copy p{margin-block:15px}.krewe-logo{width:73px;height:73px}}
@media(max-width:1000px){.krewe-shell{margin:14px 18px 35px;padding:25px}.preview-bar{margin:10px 20px}.my-motto{display:none}.my-krewe .text-action{margin-left:auto}.directory-tools{flex-wrap:wrap;gap:8px}.search{width:100%}.filters{gap:22px}.krewe-grid{gap:12px}.card-copy{padding:14px}.card-stats{gap:9px}.join-status{font-size:8px}.cast{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 12px}.cast-logo{width:35px;height:35px}.game-demo{padding:20px}}
@media(max-width:680px){.krewe-shell{padding:20px 16px;margin:12px 10px 25px}.preview-bar{margin:10px 12px;font-size:10px;flex-wrap:wrap}.sample-note{display:none}.preview-bar a{padding:8px}.page-heading,.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.krewe-shell h1{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading p{font-size:12px}.primary-action{font-size:12px!important;padding:11px 13px}.my-krewe{padding:13px 10px;gap:10px}.my-krewe strong{font-size:14px}.my-krewe .muted{font-size:10px}.my-krewe .text-action{font-size:11px;padding:5px}.my-krewe .mini-logo{width:36px;height:36px}.filters{width:100%;justify-content:space-between;gap:6px}.filters button{font-size:10px;padding:12px 0}.krewe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-art{height:78px}.krewe-logo{width:54px;height:54px}.rank{top:7px;left:6px;font-size:9px;padding:3px 5px}.your-label{font-size:7px;right:6px;top:8px}.card-art::before{left:5px;font-size:40px}.card-art::after{right:4px;font-size:50px}.card-copy{padding:12px 10px}.card-copy h2{font-size:14px}.card-founder{font-size:9px}.card-copy p{font-size:10px;height:45px;margin:10px 0}.card-stats{flex-wrap:wrap;gap:8px;font-size:9px}.card-stats b{font-size:12px}.join-status{margin-left:0;width:100%;font-size:9px}.directory-foot{font-size:10px}.directory-foot a{display:block}.profile-cover{height:85px;padding:15px}.profile-cover span{font-size:21px}.profile-intro{padding:0 16px 20px;gap:16px}.profile-portrait-demo{width:85px;height:120px;margin-top:-20px;border-width:4px}.profile-identity-demo{padding-top:12px}.profile-identity-demo h2{font-size:25px}.profile-identity-demo>p{font-size:11px}.profile-stats{flex-wrap:wrap;gap:9px;font-size:10px}.membership-badge{gap:7px;padding:6px}.membership-badge .mini-logo{width:25px;height:25px}.membership-badge b{font-size:10px}.membership-badge small{font-size:7px}.badge-arrow{margin-left:5px}.profile-body-demo{grid-template-columns:1fr;padding:20px 16px}.game-history{gap:8px}.game-history span{font-size:9px}.game-lower{grid-template-columns:1fr}.cast{gap:20px 7px}.cast-logo{width:23px;height:23px;right:2px;top:2px}.cast-player>span{font-size:9px}.game-demo{padding:15px}.game-title h2{font-size:20px}.live-tag{font-size:9px}.cast-tooltip{min-width:75px;font-size:9px}.profile-body-demo h3 span{font-size:9px}.preview-bar b{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Let the site’s tile backdrop continue uninterrupted around the preview. */
.krewes-page .site-header{background:transparent}
.results-heading label{display:flex;align-items:center;gap:7px;font:inherit;color:inherit;margin:0}
.results-heading select{width:auto;min-height:0;margin:0;padding:5px;background:transparent;box-shadow:none}

/* A single ranked directory, with shared columns and quiet dividers. */
.ranked-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 18px}
.ranked-toolbar h2{margin:0 0 6px;font-family:"Kimoru",Arial,sans-serif;font-size:21px;color:#40344f}
.ranked-toolbar #results-count{font-size:11px;color:#93879c}
.ranked-toolbar .search{margin:0;width:235px}
.krewe-ranking{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.krewe-ranking th{font-size:10px;letter-spacing:1px;text-transform:none;font-weight:normal;color:#95879c;padding:12px 14px;border-bottom:1px solid #dcd3e2;background:#f8f4fa}
.krewe-ranking .rank-column{width:65px;text-align:center}
.krewe-ranking .numeric-column{width:90px;text-align:right}
.krewe-ranking .membership-column{width:160px;padding-left:30px}
.krewe-ranking td{padding:17px 14px;border-bottom:1px solid #eee7f0;vertical-align:middle}
.krewe-row:hover{background:#faf6fb}
.krewe-row.is-yours{background:#f7faf8}
.krewe-row.is-yours:hover{background:#f0f6f2}
.krewe-ranking .row-rank{text-align:center;color:#a59aaf;font-size:19px;font-family:"Kimoru",Arial,sans-serif;font-variant-numeric:tabular-nums}
.krewe-row:first-child .row-rank{color:#ad8b42}
.row-identity-inner{display:flex;align-items:center;gap:17px;min-width:0}
.krewe-ranking .krewe-logo{width:56px;height:56px;flex:0 0 56px}
.row-copy{min-width:0}
.row-name{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.row-open{border:0;padding:0;background:none;color:#51405f;font-family:"Kimoru",Arial,sans-serif!important;font-size:19px!important;text-align:left;line-height:1.25}
.row-open:hover{color:#a34876;text-decoration:underline;text-underline-offset:3px}
.row-yours{font-size:8px;color:#6b9280;text-transform:none;letter-spacing:.7px}
.krewe-shell .row-copy p{font-size:12px;line-height:1.4;color:#81718b;margin:5px 0}
.row-founder{font-size:10px;color:#aa9bb3}
.row-points,.row-members{text-align:right;font-variant-numeric:tabular-nums}
.row-points{font-size:21px;font-family:"Kimoru",Arial,sans-serif;color:#63516f}
.row-members{font-size:15px;color:#8e7f9b}
.row-status{display:inline-flex;align-items:center;gap:6px;color:#7a9789;font-size:10px;white-space:nowrap}
.row-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#91b5a3;flex-shrink:0}
.row-status.invite{color:#a092ac}.row-status.invite::before{background:#c3b7cc}
.mobile-members{display:none}
@media(max-width:800px){.krewe-ranking .membership-column{display:none}.krewe-ranking .rank-column{width:48px}.krewe-ranking .numeric-column{width:70px}.krewe-ranking td,.krewe-ranking th{padding-inline:9px}.row-identity-inner{gap:12px}.row-open{font-size:17px!important}}
@media(max-width:500px){.ranked-toolbar{align-items:stretch;flex-direction:column;gap:13px}.ranked-toolbar .search{width:100%}.krewe-ranking .members-column{display:none}.mobile-members{display:inline}.krewe-ranking .rank-column{width:28px}.krewe-ranking .numeric-column{width:50px}.krewe-ranking td,.krewe-ranking th{padding-inline:5px}.krewe-ranking th{font-size:8px;letter-spacing:.5px}.krewe-ranking td{padding-block:15px}.krewe-ranking .krewe-logo{width:40px;height:40px;flex-basis:40px}.row-identity-inner{gap:9px}.row-open{font-size:15px!important}.krewe-ranking .row-rank{font-size:15px}.row-points{font-size:18px}.krewe-shell .row-copy p{font-size:10px}.row-founder{font-size:9px}.row-yours{font-size:7px}.row-name{gap:4px 8px}}

.krewe-back{display:inline-block;color:#9b829f;text-decoration:none;font-size:12px;margin-bottom:28px}.krewe-back:hover{color:#a44976}
.individual-heading{display:flex;align-items:center;gap:25px;padding-bottom:28px;border-bottom:1px solid #e9e1eb}
.individual-logo{display:flex;width:116px;height:116px;flex-shrink:0}.individual-logo svg,.individual-logo img{width:100%;height:100%;object-fit:contain}
.individual-identity{min-width:0}.individual-identity h1{font-size:34px;overflow-wrap:anywhere}.individual-identity>p{margin:6px 0 18px;font-size:13px;color:#8b7894}
.individual-stats{display:flex;gap:26px;font-size:11px;color:#a08eaa}.individual-stats b{color:#6d577d;font-size:18px;margin-right:5px}
.individual-action{margin-left:auto;flex-shrink:0}.member-label{font-size:12px;color:#779580}
.krewe-about{max-width:760px;padding:25px 0}.krewe-about h2{font-size:15px;font-family:"Kimoru",Arial,sans-serif;color:#695371;margin:0 0 14px}.krewe-about p{font-size:13px;color:#8a7693;margin:10px 0;line-height:1.7}
.president-strip{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#f5eff8;border-block:1px solid #e8dcef;margin-bottom:28px}
.president-strip>img{width:43px;height:52px;object-fit:cover;border-radius:3px}.president-strip strong{display:block;font-size:15px;color:#6b4f7c;margin-top:5px}.president-strip .eyebrow{font-size:8px}
.president-note{display:grid;gap:5px;margin-left:20px;font-size:11px;color:#a18caa}.president-note b{color:#81668e;font-size:12px;font-weight:normal}.minimum-votes{margin-left:auto;font-size:10px;color:#a28caa;white-space:nowrap}.minimum-votes b{color:#775983;font-size:18px;margin-right:4px}
.krewe-page-tabs{display:flex;gap:28px;border-bottom:1px solid #e6dce9;overflow:auto}
.krewe-page-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:13px 0;color:#98849f;font-size:12px;white-space:nowrap}.krewe-page-tabs button[aria-pressed=true]{border-bottom-color:#d98ab0;color:#a34f78}.krewe-page-tabs button>span{font-size:10px;margin-left:5px;color:#ad9cb5}
.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.pane-heading h2{font-family:"Kimoru",Arial,sans-serif;font-size:19px;margin:0;color:#695174}.pane-heading>span{font-size:10px;color:#a48fae}
.member-roster{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:26px 18px;padding:7px 0 20px}.roster-member{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.roster-member>img{width:64px;height:78px;object-fit:cover;border:1px solid #e5dbe9;border-radius:4px}.roster-member>strong{font-size:12px;font-weight:normal;color:#7b5f88;overflow-wrap:anywhere}.roster-member>small{font-size:9px;color:#b29cbb}.member-vote{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:3px 7px;color:#b3a6bd;font-size:11px}.member-vote>span{font-size:22px;line-height:1}.member-vote>b{font-weight:normal;font-size:11px}.member-vote[aria-pressed=true]{color:#ba964b}.member-vote:hover{color:#b98e38}.president-stars,.roster-stars{color:#b3a6bd;font-size:12px}.private-locked{padding:28px;border:1px dashed #d7c7df;color:#9b82a7;font-size:13px;background:#fbf8fc}.krewes-page-note{font-size:10px;color:#b09db8;text-align:center;border-top:1px solid #eee5f2;margin-top:25px;padding-top:18px}
.krewe-comments{max-width:800px}.krewe-comment{padding:16px 0;border-bottom:1px solid #eee5f2}.krewe-comment>strong{color:#81618e;font-size:12px}.krewe-comment>span{font-size:9px;color:#b4a3bd;margin-left:10px}.krewe-comment>p{font-size:13px;color:#8a7595;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0}
.krewe-comment-form{max-width:800px;margin-top:22px;display:grid;gap:10px}.krewe-comment-form label{font-size:12px;font-weight:normal;color:#9c84a8}.krewe-comment-form textarea{width:100%;min-height:85px;resize:none;border:1px solid #e2d3e9;border-radius:4px;background:#fffcff;padding:12px;font:13px Arial,sans-serif;color:#725b7c}.krewe-comment-form button{justify-self:end;font-size:12px}.krewe-comment-form textarea:focus-visible{outline:2px solid #c599b7;outline-offset:2px}
@media(max-width:900px){.member-roster{grid-template-columns:repeat(6,minmax(0,1fr))}.individual-action{align-self:flex-start}.president-note{margin-left:5px}.individual-heading{gap:18px}.individual-logo{width:90px;height:90px}.individual-identity h1{font-size:29px}}
@media(max-width:680px){.individual-heading{flex-wrap:wrap;gap:16px}.individual-logo{width:66px;height:66px}.individual-identity{flex:1}.individual-identity h1{font-size:25px}.individual-identity>p{font-size:11px}.individual-stats{gap:13px;font-size:9px}.individual-stats b{font-size:15px}.individual-action{width:100%;margin-left:82px}.member-label{font-size:10px}.president-strip{flex-wrap:wrap;padding:15px;gap:12px}.president-note{order:4;width:100%;margin:0}.minimum-votes{font-size:9px}.krewe-page-tabs{gap:19px}.krewe-page-tabs button{font-size:10px}.pane-heading{align-items:flex-start;flex-direction:column;gap:8px}.pane-heading h2{font-size:17px}.member-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 9px}.roster-member>img{width:54px;height:65px}.roster-member>strong{font-size:11px}.krewe-about p{font-size:12px}.krewes-page-note{font-size:9px}}

/* Individual Krewe: identity above, description and conversations beside the roster. */
.krewe-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-bottom:18px;color:#80618d}
.krewe-back img,.krewe-back-icon{width:29px;height:29px;object-fit:contain;vertical-align:middle}
.krewe-forward-icon{width:25px;height:25px;object-fit:contain;transform:rotate(180deg);vertical-align:middle;margin-left:6px}
.krewe-identity-bar{display:flex;align-items:center;gap:20px;padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid #e7dfe9}
.krewe-page-logo{display:flex;width:95px;height:95px;flex-shrink:0}.krewe-page-logo svg,.krewe-page-logo img{width:100%;height:100%;object-fit:contain}
.krewe-title-block{min-width:0}.krewe-title-block h1{font-size:32px;margin:0 0 7px;overflow-wrap:anywhere}.krewe-title-block>p{margin:0 0 15px;color:#8d7c98;font-size:12px}
.krewe-facts{display:flex;gap:22px;color:#a18ca9;font-size:10px}.krewe-facts b{color:#6b5578;font-size:17px;margin-right:4px}
.krewe-president{display:flex;align-items:center;gap:11px;margin-left:auto;padding-left:24px;border-left:1px solid #ece3ef;flex-shrink:0}.krewe-president>img{width:48px;height:60px;object-fit:cover;border-radius:3px}.krewe-president>div{display:grid;gap:5px}.krewe-president small{font-size:9px;text-transform:none;letter-spacing:1px;color:#b190a4}.krewe-president strong{font-family:"Kimoru",Arial,sans-serif;color:#73517f;font-size:16px}.krewe-president span{font-size:9px;color:#ad99b6}
.krewe-page-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;align-items:start}
.krewe-story-column,.krewe-people-column{min-width:0}
.krewe-description{padding:0 0 22px}.krewe-description h2{font:18px "Kimoru",Arial,sans-serif;color:#71527c;margin:0 0 17px}.krewe-description>p{font-size:13px;color:#8b7695;line-height:1.75;margin:13px 0}.krewe-description .krewe-description-lead{color:#735b81;font-weight:bold;font-size:14px}.krewe-membership-action{margin-top:21px}.krewe-membership-action .member-label{display:inline-block;font-size:10px;padding:7px 10px;background:#edf6f0;color:#779883;border-radius:3px}
.krewe-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4d9e9;padding:0 0 11px;margin-bottom:18px}.krewe-section-title h2{font:18px "Kimoru",Arial,sans-serif;color:#71527c;margin:0}.krewe-section-title>span{color:#a38cac;font-size:12px}
.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 10px;padding:0}.krewe-people-column .roster-member{gap:4px}.krewe-people-column .roster-member>img{width:54px;height:66px}.krewe-people-column .roster-member>strong{font-size:11px}.krewe-people-column .roster-member>small{font-size:8px}.krewe-people-column .member-vote{padding:0;gap:4px}.krewe-people-column .member-vote>span{font-size:18px}.krewe-people-column .member-vote>b{font-size:10px}.krewe-people-column .president-role{color:#b28950}
.krewe-applicants-section{margin-top:30px}.krewe-conversation{margin-top:8px}.krewe-conversation .krewe-page-tabs{gap:24px}.krewe-conversation .krewe-page-tabs button{font-size:12px}.krewe-conversation .krewe-comment{padding:17px 0}.krewe-conversation .krewe-comment-form{margin-top:18px}.krewe-conversation .krewe-comment-form textarea{min-height:95px}.krewe-conversation .krewe-comment-form label{font-size:11px}.no-applicants{font-size:12px;color:#ad99b7}
@media(max-width:1000px){.krewe-page-columns{gap:26px}.krewe-people-column .member-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.krewe-title-block h1{font-size:28px}.krewe-president{padding-left:15px}.krewe-page-logo{width:80px;height:80px}}
@media(max-width:680px){.krewe-identity-bar{flex-wrap:wrap;gap:13px;margin-bottom:23px;padding-bottom:19px}.krewe-page-logo{width:65px;height:65px}.krewe-title-block{flex:1}.krewe-title-block h1{font-size:24px}.krewe-title-block>p{font-size:11px;margin-bottom:12px}.krewe-facts{gap:13px;font-size:9px}.krewe-facts b{font-size:15px}.krewe-president{width:100%;margin-left:78px;padding:0;border:0}.krewe-president>img{width:29px;height:36px}.krewe-president>div{grid-template-columns:auto auto;gap:4px 8px;align-items:center}.krewe-president strong{font-size:13px}.krewe-president span{grid-column:1/-1;font-size:8px}.krewe-president small{font-size:8px}.krewe-page-columns{grid-template-columns:minmax(0,1fr);gap:30px}.krewe-description>p{font-size:12px}.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 7px}.krewe-people-column .roster-member>img{width:46px;height:58px}.krewe-people-column .roster-member>strong{font-size:10px}.krewe-back{margin-bottom:18px}.krewe-section-title h2,.krewe-description h2{font-size:17px}}

/* Compact member and applicant rosters; fourteen members per page. */
.krewe-people-column .member-roster{grid-template-columns:repeat(7,minmax(0,1fr));justify-content:start;gap:12px 8px}
.krewe-people-column .roster-member{gap:3px}
.krewe-people-column .roster-member>img{width:40px;height:49px;border-radius:3px}
.krewe-people-column .roster-member>strong{font-size:10px;line-height:1.2;text-align:center;max-width:100%}
.roster-meta{display:flex;align-items:center;justify-content:center;gap:5px;min-height:19px}
.roster-meta small{font-size:8px;color:#ab96b5}
.krewe-people-column .member-vote{gap:3px;padding:0 2px;min-height:19px}
.krewe-people-column .member-vote>span{font-size:16px}
.krewe-people-column .member-vote>b,.krewe-people-column .roster-stars{font-size:9px}
.krewe-people-column .krewe-section-title{margin-bottom:13px;padding-bottom:9px}
.krewe-applicants-section{margin-top:22px}
.roster-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:13px;padding-top:10px;border-top:1px solid #eee6f0}
.roster-range{color:#a391ad;font-size:10px;white-space:nowrap}
.roster-pagination nav{display:flex;align-items:center;gap:4px}
.roster-pagination button{display:grid;place-items:center;min-width:25px;height:27px;padding:3px;border:1px solid transparent;border-radius:3px;background:transparent;color:#987ca5;font-size:11px}
.roster-pagination button[aria-current=page]{background:#f8e6f0;border-color:#edd1e1;color:#a6577e}
.roster-pagination button:hover:not(:disabled){background:#f7edf9}
.roster-pagination button:disabled{opacity:.3;cursor:default}
.roster-pagination img{width:21px;height:21px;object-fit:contain}
.roster-pagination .next-page-icon{transform:rotate(180deg)}
@media(max-width:400px){.krewe-people-column .member-roster{gap:12px 5px}.roster-pagination{gap:5px}.roster-pagination nav{gap:2px}.roster-pagination button{min-width:24px}.roster-range{font-size:9px}}

/* Fill the available column with compact avatars. */
.krewe-people-column{width:100%;max-width:none}
@media(min-width:681px) and (max-width:1000px){.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:480px){.krewe-people-column .member-roster{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Profile-stat-style name flag, triggered by the Krewe icon only. */
.avatar-trigger{cursor:default}
.cast-logo{cursor:pointer;pointer-events:none;font-family:Arial,Helvetica,sans-serif}
.cast-logo svg,.cast-logo>img{display:block;width:100%;height:100%;object-fit:contain}
.avatar-trigger:hover .cast-logo,.avatar-trigger:focus-within .cast-logo,.avatar-trigger.is-revealed .cast-logo{opacity:1;transform:scale(1);pointer-events:auto}
.cast-player:has(.cast-logo:hover),.cast-player:focus-within{z-index:10}
.cast-name-flag{position:absolute;left:50%;top:calc(100% + 10px);z-index:20;padding:7px 9px;border-radius:3px;background:rgba(21,23,36,.9);box-shadow:0 8px 18px rgba(7,19,63,.18);color:#fff;font-size:.78rem;font-weight:850;letter-spacing:0;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity 140ms ease,transform 140ms ease,visibility 140ms ease}
.cast-name-flag::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);border-right:6px solid transparent;border-bottom:6px solid rgba(21,23,36,.9);border-left:6px solid transparent}
.cast-logo:hover .cast-name-flag,.cast-logo:focus-visible .cast-name-flag,.cast-logo[data-name-open=true] .cast-name-flag{opacity:1;visibility:visible;transform:translate(-50%,0)}
.cast-player:last-child .cast-name-flag{left:auto;right:0;transform:translate(0,-4px)}
.cast-player:last-child .cast-name-flag::before{left:auto;right:8px;transform:none}
.cast-player:last-child .cast-logo:hover .cast-name-flag,.cast-player:last-child .cast-logo:focus-visible .cast-name-flag,.cast-player:last-child .cast-logo[data-name-open=true] .cast-name-flag{transform:translate(0,0)}

/* Rankings beside the member's vertical Krewe panel. */
.krewe-directory-columns{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}
.rankings-column{min-width:0}
.rankings-column .ranked-toolbar{margin:0 0 17px}
.rankings-column .ranked-toolbar h2{font-size:20px}
.rankings-column .ranked-toolbar .search{width:195px}
.rankings-column .krewe-ranking .rank-column{width:44px}
.rankings-column .krewe-ranking .numeric-column{width:64px}
.rankings-column .krewe-ranking .membership-column{width:120px;padding-left:15px}
.rankings-column .krewe-ranking th,.rankings-column .krewe-ranking td{padding-inline:9px}
.rankings-column .row-identity-inner{gap:12px}
.rankings-column .krewe-ranking .krewe-logo{width:45px;height:45px;flex-basis:45px}
.rankings-column .row-open{font-size:17px!important}
.rankings-column .row-copy p{font-size:11px}
.rankings-column .row-status{font-size:9px}
.krewe-ranking .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.your-krewe-panel{display:flex;flex-direction:column;align-items:center;gap:0;padding:24px 18px 18px;border:1px solid #d3e3dc;border-top:3px solid #85b7a4;border-radius:5px;background:#f3f9f6;text-align:center}
.your-krewe-panel .eyebrow{font-size:9px;color:#6e9c89;margin-bottom:20px}
.your-krewe-panel .mini-logo{width:76px;height:76px}
.your-krewe-panel h2{font:20px "Kimoru",Arial,sans-serif;color:#486957;margin:14px 0 7px}
.panel-role{font-size:10px;color:#91a698}
.your-krewe-panel p{font-size:12px;color:#82998b;margin:17px 0 22px;font-style:italic;line-height:1.6}
.your-krewe-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;padding-block:15px;border-block:1px solid #dce9e1}
.your-krewe-stats>div{display:grid;gap:5px}.your-krewe-stats strong{font:18px "Kimoru",Arial,sans-serif;color:#64826f}.your-krewe-stats span{font-size:9px;color:#91a496}
.your-krewe-panel .text-action{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12px;color:#5f8570}
.directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;color:#9b8ba6;font-size:11px}
.directory-pagination nav{display:flex;align-items:center;gap:5px}
.directory-pagination button{display:grid;place-items:center;min-width:29px;height:30px;padding:3px;border:1px solid transparent;border-radius:3px;background:transparent;color:#987ca5;font-size:12px}
.directory-pagination button[aria-current=page]{background:#f8e6f0;border-color:#edd1e1;color:#a6577e}
.directory-pagination button:hover:not(:disabled){background:#f7edf9}
.directory-pagination button:disabled{opacity:.3;cursor:default}
.directory-pagination img{width:23px;height:23px;object-fit:contain}.directory-pagination .next-page-icon{transform:rotate(180deg)}
@media(min-width:801px) and (max-width:1100px){.krewe-directory-columns{grid-template-columns:minmax(0,1fr) 200px;gap:20px}.rankings-column .krewe-ranking .membership-column{display:none}.rankings-column .ranked-toolbar .search{width:170px}}
@media(max-width:800px){.krewe-directory-columns{grid-template-columns:minmax(0,1fr)}.your-krewe-panel{max-width:300px;width:100%;justify-self:center}.rankings-column .ranked-toolbar .search{width:210px}}
@media(max-width:500px){.rankings-column .ranked-toolbar .search{width:100%}.rankings-column .krewe-ranking .rank-column{width:28px}.rankings-column .krewe-ranking .numeric-column{width:50px}.rankings-column .krewe-ranking th,.rankings-column .krewe-ranking td{padding-inline:5px}.rankings-column .row-identity-inner{gap:9px}.rankings-column .krewe-ranking .krewe-logo{width:40px;height:40px;flex-basis:40px}.rankings-column .row-open{font-size:15px!important}.rankings-column .row-copy p{font-size:10px}.directory-pagination{font-size:10px}}

/* Headings and UI labels use authored title case, never forced capitals. */
.krewes-page .eyebrow,.krewes-page .preview-bar b,.krewe-ranking th,.row-yours,.krewe-president small{text-transform:none;letter-spacing:0}

.preview-role{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;color:#8f789a;font:10px Arial,sans-serif}
.preview-role select{width:auto;min-height:0;padding:5px 7px;margin:0;border:1px solid #d9cee3;border-radius:4px;background:#fff;color:#80638f;font:11px Arial,sans-serif;box-shadow:none}
.admission-rule{font-size:10px;line-height:1.5;color:#9e87aa;margin:0 0 10px}.admission-rule b{color:#7c5f89;font-weight:600}
.krewe-full-note{font-size:10px;color:#af8b71;margin:0 0 13px;line-height:1.5}
.remove-krewe-member{padding:2px 4px;background:none;border:0;color:#b6738f;font-size:9px!important;line-height:1.2}.remove-krewe-member:hover{color:#91405f;text-decoration:underline}
@media(max-width:680px){.preview-role{margin-left:0}.preview-bar{flex-wrap:wrap}}

/* Playful Socipic Y2K: ink outlines, candy colors, and existing page banners. */
.krewes-page{--krewe-ink:#39364f;--krewe-pink:#ee5a9e;--krewe-aqua:#a9e7e1;color:var(--krewe-ink)}
.krewe-shell{padding:24px;background:#fffdff;border:2px solid #fff;border-radius:9px;box-shadow:0 3px 0 #9d99bc66,0 8px 24px #4c467516}
.preview-bar{color:#66617c}.preview-bar b{color:#975378}
.preview-bar nav{gap:6px}.preview-bar a{border-radius:5px;background:#f4f0ff;border:1px solid #bfb5d6;color:#71608c}
.preview-bar a[aria-current=page]{background:#ffcee5;border-color:#bd7d9e;color:#8a3c67;box-shadow:0 2px 0 #c79eb6}
.krewe-banner{
  position:relative;margin:0 0 18px;border:3px solid #fff;border-radius:8px;
  background:linear-gradient(90deg,#ffffff55 1px,transparent 1px),linear-gradient(0deg,#ffffff55 1px,transparent 1px),linear-gradient(115deg,#f8c1df,#e9ddfb 48%,#b7e9e4);
  background-size:28px 28px,28px 28px,auto;box-shadow:0 3px 0 #b9accc55;
}
.krewe-banner::after{content:"";position:absolute;width:230px;height:230px;border:23px solid #fff5;border-radius:50%;right:53px;top:-65px;pointer-events:none}
.krewe-banner .page-banner-copy{z-index:1}.krewe-banner .eyebrow{font-size:12px;color:#755674}
.krewe-shell .krewe-banner h1{
  color:#e75098;font-family:"Froople","Kimoru",Arial,sans-serif;font-weight:400;letter-spacing:0;
  text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,3px 3px #f7d35f,5px 5px #8fcfc6;
}
.directory-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 2px}
.directory-intro p{margin:0;color:#80708a;font-size:12px}
.primary-action{border:1px solid #9b4d78;border-radius:5px;background:#f995c4;color:#633b56;padding:10px 14px;box-shadow:2px 3px 0 #b782a4;font-weight:bold!important}
.primary-action:hover{background:#ffafd4}.primary-action:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #b782a4}.primary-action:disabled{opacity:.6;cursor:default}
.primary-action span{border-left-color:#b86d98;color:#77345b}
.rankings-column .ranked-toolbar{margin-bottom:13px}.rankings-column .ranked-toolbar h2{font-size:21px;color:#735080}.ranked-toolbar #results-count{color:#8b7b95}
.search{border:1px solid #b7a6c9;background:#fff;border-radius:4px;box-shadow:2px 2px 0 #e9e1ef}.search>span{color:#a57cb3}
.krewe-ranking{border:1px solid #c1b3d0;background:#fff}
.krewe-ranking th{background:#d6f0ec;color:#557b78;font-weight:bold;letter-spacing:0;border-bottom:1px solid #a9c6c4;padding-block:10px}
.krewe-ranking td{padding-block:12px;border-bottom:1px solid #e6deed}
.krewe-row:nth-child(even){background:#faf6ff}.krewe-row.is-yours{background:#fff0f7}.krewe-row:hover,.krewe-row.is-yours:hover{background:#f5e8fb}
.krewe-ranking .row-rank{font-size:18px;color:#9e82b3}
.krewe-row:nth-child(-n+3) .row-rank>span{display:inline-grid;place-items:center;min-width:25px;min-height:27px;border:1px solid #c7ab62;border-radius:5px;background:#ffe8a1;color:#9a7532;box-shadow:1px 2px 0 #e5d3a7}
.krewe-row:nth-child(2) .row-rank>span{border-color:#b7a3ce;background:#e9dbfa;color:#8664a0;box-shadow:1px 2px 0 #d7c7e6}
.krewe-row:nth-child(3) .row-rank>span{border-color:#c397b0;background:#ffd7e7;color:#a76a8e;box-shadow:1px 2px 0 #e8c5d8}
.row-open{color:#79538c}.row-open:hover{color:#c83e86}.row-yours{color:#b35c8b;font-weight:bold}
.krewe-shell .row-copy p{color:#7b6d86}.row-founder{color:#a08dac}.row-points{color:#8b699e}.row-members{color:#9880a6}
.row-status{color:#5c968c}.row-status::before{background:#79cdb7}.row-status.invite{color:#a28eb1}
.your-krewe-panel{padding:0 16px 16px;border:1px solid #bba0ce;border-radius:6px;background:#faf1ff;box-shadow:3px 3px 0 #e2d3eb;overflow:hidden}
.your-krewe-panel .eyebrow{align-self:stretch;margin:0 -16px 18px;padding:10px 14px;background:#ecccf0;border-bottom:1px solid #c6a1ce;color:#925f9b;font-size:13px}
.your-krewe-panel .mini-logo{width:78px;height:78px}.your-krewe-panel h2{color:#865995;margin-top:12px}.panel-role{color:#a478af;font-size:10px}
.your-krewe-panel p{color:#9b7da4;font-style:normal;font-size:11px;margin:16px 0}
.your-krewe-stats{padding-block:12px;border-color:#e3d1ec}.your-krewe-stats strong{color:#9474a6}.your-krewe-stats span{color:#ad95b9}
.your-krewe-panel .text-action{margin-top:15px;color:#925e9b;font-size:12px}
.directory-pagination,.roster-pagination{color:#9c86ac}.directory-pagination button,.roster-pagination button{color:#a17bb5}
.directory-pagination button[aria-current=page],.roster-pagination button[aria-current=page]{background:#ffd4e9;border-color:#d494b5;color:#a3487e;box-shadow:1px 2px 0 #ead0df}
.directory-foot{color:#a28bac}.directory-foot a{color:#a36298}
.krewe-back{color:#a271a7}
.krewe-identity-bar{padding:17px 19px;border:1px solid #d6b8dc;border-radius:6px;background:#fcf0fa;box-shadow:3px 3px 0 #ebdeef}
.krewe-title-block h1{color:#a65291}.krewe-title-block>p{color:#a17ca4}.krewe-facts{color:#b18eb7}.krewe-facts b{color:#9b6ba7}
.krewe-president{border-color:#e5c9e5}.krewe-president small{color:#b584ad}.krewe-president strong{color:#9d6ba8}.krewe-president span{color:#b39abb}
.krewe-description h2,.krewe-section-title,.game-lower h3{padding:8px 11px;border:1px solid #b6d1ce;border-radius:4px;background:#dcf3ee;color:#61958b;box-shadow:2px 2px 0 #dcece9}
.krewe-description h2{font-size:18px;margin-bottom:16px}.krewe-people-column .krewe-section-title{padding:8px 11px;margin-bottom:15px}.krewe-section-title h2{color:#61958b;font-size:18px}.krewe-section-title>span{color:#8eb1a8;font-size:11px}
.krewe-description>p{color:#947d9e;font-size:12px;line-height:1.7}.krewe-description .krewe-description-lead{color:#ab78a4}
.krewe-membership-action .member-label{background:#f5e8fa;color:#a07bac;border:1px solid #ddc8e5}
.krewe-people-column .roster-member>img{border-color:#c8add3;box-shadow:2px 2px 0 #eaddf0}.krewe-people-column .roster-member>strong{color:#9870a5}
.krewe-conversation .krewe-page-tabs{gap:5px;overflow:visible;border-color:#dcc5e2}
.krewe-conversation .krewe-page-tabs button{padding:9px 12px;border:1px solid #d9c6e4;border-bottom:0;border-radius:5px 5px 0 0;background:#f3eaf9;color:#aa8cbb;font-size:11px}
.krewe-conversation .krewe-page-tabs button[aria-pressed=true]{background:#f9d3e9;border-color:#ddb3d0;color:#ac6699}
.krewe-comment>strong{color:#aa6f9f}.krewe-comment>p{color:#9d83a8}.krewe-comment-form label{color:#af8dbb}
.krewe-comment-form textarea,#create-form input:not([type=file]){border-color:#ddc6e5;background:#fff;box-shadow:2px 2px 0 #f2eaf6}
.admission-rule,.no-applicants{color:#ac93b5}.admission-rule b{color:#9e76ad}.krewe-full-note{color:#b29969}
.preview-role{color:#9a7eab}.preview-role select{border-color:#d2bce1;background:#fcf6ff;color:#9e7bad}
.game-demo{border-color:#d3bfdf;background:#fff}.game-title h2{font-family:"Kimoru",Arial,sans-serif;color:#9f73ab}
.live-tag{border:1px solid #b6ddcf;background:#e3f6eb;color:#8bb7a3}.game-lower h3{border-left-width:1px}
.round-progress{height:9px;border:1px solid #dbc4e6;background:#f7effb}.round-progress span{background:#e6acd3}
#toast{background:#f7e5f7;color:#9e74a9;border:1px solid #d8badf;box-shadow:2px 3px 0 #e6d5ee;border-radius:5px}
#create-dialog{border:1px solid #d2acd4;border-radius:8px;background:#fff8fd;box-shadow:4px 4px 0 #d7bddc,0 16px 50px #6a47762b}
#create-dialog h2{color:#ba6ca6}.upload-zone{border-color:#d4b4e1;background:#faf1ff}
@media(max-width:1000px){.krewe-shell{padding:22px}}
@media(max-width:680px){.krewe-shell{padding:16px}.directory-intro{flex-wrap:wrap;gap:12px;margin-bottom:20px}.directory-intro .primary-action{margin-left:auto}.krewe-identity-bar{padding:13px;gap:12px}.krewe-title-block h1{font-size:25px}.krewe-president{margin-left:77px}.krewe-conversation .krewe-page-tabs button{padding:9px 10px}}

/* Membership labels read as small pastel stamps, not loose status dots. */
.rankings-column .krewe-ranking .membership-column{width:136px}
.rankings-column .row-status{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 8px;max-width:100%;border:1px solid;border-radius:5px;
  font:600 10px/1.2 "Barlow Semi Condensed",Arial,sans-serif;
  letter-spacing:.15px;white-space:nowrap;
}
.row-status::before{content:none}
.row-status.is-open{background:#dff5ec;border-color:#9fcdbd;color:#3d7c6c;box-shadow:0 2px 0 #c2dfd2}
.row-status.is-invite{background:#efe3fa;border-color:#c7aedb;color:#8860a0;box-shadow:0 2px 0 #dfceeb}
.row-status.is-full{background:#fce7ec;border-color:#ddb6c3;color:#a86a82;box-shadow:0 2px 0 #eed1dc}

.krewe-page-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.krewe-page-actions .krewe-back{margin:0}.krewe-page-actions .primary-action{font-size:12px;padding:8px 13px}
.krewe-description>p{white-space:pre-wrap;overflow-wrap:anywhere}
#edit-krewe-dialog{border:1px solid #d2acd4;border-radius:8px;background:#fff8fd;box-shadow:4px 4px 0 #d7bddc,0 16px 50px #6a47762b}
#edit-krewe-dialog h2{color:#a76299;margin-bottom:8px}.edit-krewe-name{margin:0 0 20px;font-weight:bold;color:#90719c}
#edit-krewe-form{display:grid;gap:8px}#edit-krewe-form>label{font-size:12px;font-weight:bold;color:#9777a3;margin-top:8px}
#edit-krewe-form>input,#edit-krewe-form>textarea{box-sizing:border-box;width:100%;border:1px solid #d5bfdf;border-radius:4px;background:#fff;color:#745d83;padding:10px;font:13px/1.5 Arial,sans-serif;box-shadow:2px 2px 0 #f0e5f5}
#edit-krewe-form>textarea{resize:none;min-height:140px}
.edit-logo-upload{display:flex;align-items:center;gap:15px;margin:10px 0 12px;padding:13px;border:1px dashed #ceb0da;background:#faf1ff;border-radius:4px}
#edit-logo-preview{display:block;width:65px;height:65px;flex:0 0 65px}#edit-logo-preview img,#edit-logo-preview svg{display:block;width:100%;height:100%;object-fit:contain}
.edit-logo-upload>span:last-child{min-width:0}.edit-logo-upload input{width:100%;font-size:11px}.edit-logo-upload small{display:block;margin-top:8px;color:#a38aaf;font-size:10px;font-weight:normal;line-height:1.6}
#edit-krewe-error{color:#b35383;font-size:12px;margin:4px 0}#edit-krewe-error:empty{display:none}
.edit-krewe-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}

/* Custom label keeps the accessible native file picker without its browser chrome. */
.logo-picker{position:relative;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #c08bb0;border-radius:5px;background:#f8d4e9;color:#985880;box-shadow:1px 2px 0 #e0b9d1;font-size:12px;font-weight:bold;cursor:pointer}
.logo-picker:hover{background:#ffcde6}.logo-picker:focus-within{outline:2px solid #ac78bf;outline-offset:3px}
.edit-logo-upload .logo-picker input{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
#edit-logo-filename{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:normal;color:#a68bb2;margin-top:9px}
#logo-file{padding:0;border:0;background:none;box-shadow:none;color:#a68bb2}
#logo-file::file-selector-button{padding:8px 13px;margin-right:10px;border:1px solid #c08bb0;border-radius:5px;background:#f8d4e9;color:#985880;font:inherit;font-weight:bold;cursor:pointer}
.president-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.president-actions .text-action{font-size:11px;color:#a97696;padding:7px 0}.president-actions .text-action:hover{text-decoration:underline;text-underline-offset:3px}
#transfer-president-dialog{border:1px solid #d2acd4;border-radius:8px;background:#fff8fd;box-shadow:4px 4px 0 #d7bddc,0 16px 50px #6a47762b}
#transfer-president-dialog h2{color:#a76299}#transfer-president-form>label{display:block;margin:20px 0 8px;color:#9777a3;font-size:12px;font-weight:bold}
#president-successor{width:100%;padding:10px;border:1px solid #d5bfdf;border-radius:4px;background:#fff;color:#745d83;font-size:13px}
#transfer-president-summary{font-size:12px;line-height:1.6;color:#a082ad;margin:16px 0}
#transfer-president-error{color:#b35383;font-size:12px}#transfer-president-error:empty{display:none}
@media(max-width:580px){.krewe-page-actions{flex-wrap:wrap}.president-actions{margin-left:auto;gap:12px}#edit-logo-filename{max-width:180px}}

.krewe-membership-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.leave-krewe-button{border:0;background:none;padding:6px 0;font-size:11px!important;color:#b3799c}
.leave-krewe-button:hover{color:#99567f;text-decoration:underline;text-underline-offset:3px}
#leave-krewe-dialog{border:1px solid #d2acd4;border-radius:8px;background:#fff8fd;box-shadow:4px 4px 0 #d7bddc,0 16px 50px #6a47762b}
#leave-krewe-dialog h2{color:#a76299}#leave-krewe-message{font-size:12px;line-height:1.6;color:#a082ad}
#leave-krewe-error{font-size:12px;color:#b35383}#leave-krewe-error:empty{display:none}
.cast-logo{text-decoration:none;color:inherit}

/* Real account links retain the compact roster geometry. */
.roster-profile{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;color:inherit;text-decoration:none}.roster-profile:hover strong{text-decoration:underline}.krewe-people-column .roster-profile img{display:block;width:40px;height:49px;object-fit:cover;border:1px solid #cfafd6;border-radius:3px;box-shadow:2px 2px 0 #eaddef}.roster-profile strong{max-width:100%;overflow-wrap:anywhere;font-size:10px;font-weight:normal}.krewe-president>a>img{display:block;width:48px;height:60px;object-fit:cover;border-radius:3px}.krewe-president a,.krewe-comment a,.row-founder a{color:inherit;text-decoration:none}.krewe-president a:hover,.krewe-comment a:hover,.row-founder a:hover{text-decoration:underline}.row-open{text-decoration:none}.your-krewe-panel .mini-logo img{width:100%;height:100%;object-fit:contain}.row-name{overflow-wrap:anywhere}.row-yours{white-space:nowrap}.krewe-directory-columns:not(:has(.your-krewe-panel:not([hidden]))){grid-template-columns:minmax(0,1fr);max-width:950px;margin-inline:auto}.krewe-president strong{overflow-wrap:anywhere}#krewe-error{max-width:1180px;margin:18px auto;padding:12px;background:#fff0f7;color:#963f65;border:1px solid #d79bb5}#create-form textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid #d5bfdf;border-radius:4px;padding:10px;resize:none}.krewe-shell [hidden]{display:none!important}.member-vote:disabled{cursor:default}.krewe-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.krewe-page-columns .member-label{background:#f4e8f8;color:#9a6da9}.profile-link-name:hover{text-decoration:underline}.krewe-logo img{width:100%;height:100%;object-fit:contain}.krewes-page .site-header{margin-bottom:22px}

.roster-profile{color:#9c6cac}.primary-action{text-decoration:none}.your-krewe-panel h2 a{color:inherit;text-decoration:none}.your-krewe-panel h2 a:hover{text-decoration:underline}

/* Keep the creation action compact; the cost has its own row above. */
.create-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:6px}
#create-form .creation-note{margin:0;color:#a087ac;font-size:12px;line-height:1.5}
#create-form .create-form-actions .text-action{font-size:12px;color:#a07896;padding:9px 4px}
#create-submit{width:auto;min-height:38px;padding:9px 20px;border:1px solid #ca8bb0;border-radius:7px;background:#f7c4df;color:#824c70;font-size:13px;line-height:1.2;box-shadow:0 2px 0 #e6bfd6}
#create-submit:hover:not(:disabled){background:#f5b4d6;border-color:#bc79a0}
#create-submit:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #e6bfd6}

/* President membership controls use the same pastel buttons as the Krewe page. */
.membership-setting{min-width:0;margin:18px 0 0;padding:0;border:0}
.membership-setting legend{font-size:12px;font-weight:bold;color:#9777a3;margin-bottom:10px}
.membership-options{display:flex;flex-wrap:wrap;gap:8px}
.membership-options label{position:relative;flex:1;min-width:145px;cursor:pointer}
.membership-options input{position:absolute;opacity:0;width:1px;height:1px}
.membership-options span{display:block;padding:11px 12px;border:1px solid #d5bfdf;border-radius:5px;background:#fff;color:#92779e;text-align:center;font-size:12px}
.membership-options input:checked+span{background:#e0f4ee;border-color:#91bdaf;color:#477f72;box-shadow:0 2px 0 #c9e3da;font-weight:bold}
.membership-options input[value="invite-only"]:checked+span{background:#efe3fa;border-color:#c7aedb;color:#8860a0;box-shadow:0 2px 0 #dfceeb}
.membership-options input:focus-visible+span{outline:2px solid #ac78bf;outline-offset:3px}
.membership-setting p,#invite-krewe-form>p{font-size:12px;line-height:1.6;color:#9b81a7;margin:12px 0}
.secondary-action{padding:8px 15px;border:1px solid #bea1d1;border-radius:5px;background:#f0e5f8;box-shadow:0 2px 0 #dfcce9;color:#92629e;font-size:12px;font-weight:bold}
.secondary-action:hover:not(:disabled){background:#e9d8f4}.secondary-action:disabled{opacity:.5;cursor:default}
.president-actions{flex-wrap:wrap}
#invite-krewe-dialog{border:1px solid #d2acd4;border-radius:8px;background:#fff8fd;box-shadow:4px 4px 0 #d7bddc,0 16px 50px #6a47762b}
#invite-krewe-dialog h2{color:#a76299}#invite-krewe-form>label{display:block;margin:18px 0 8px;font-size:12px;font-weight:bold;color:#9777a3}
#invite-username{box-sizing:border-box;width:100%;padding:11px;border:1px solid #d5bfdf;border-radius:4px;background:#fff;color:#745d83;font:13px Arial,sans-serif}
#invite-krewe-form #invite-krewe-error{color:#b35383}#invite-krewe-error:empty{display:none}
.pending-invitations{margin-top:24px}.pending-invitation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 2px;border-bottom:1px solid #eee1f2;font-size:12px}
.pending-invitation a,.received-invitation a{color:#9866a6;text-decoration:none}.pending-invitation a:hover{text-decoration:underline}
.pending-invitation .text-action{font-size:11px;color:#b3799c}
.invitation-prompt{width:100%;padding:14px;border:1px solid #d6bcdf;border-radius:5px;background:#f9f1fc}
.invitation-prompt>strong{color:#9a62a3}.invitation-prompt p{font-size:12px;line-height:1.6;margin:8px 0 12px}.invitation-prompt>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.received-invitations{margin:0 auto 24px;max-width:950px;padding:16px;border:1px solid #d6bcdf;border-radius:6px;background:#faf2fc}
.received-invitations h2{font-size:18px;margin:0 0 8px;color:#a467a4}
.received-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e8d8ee}
.received-invitation>a:first-child{display:flex;align-items:center;gap:12px;font-size:13px}.received-invitation img{width:32px;height:32px;object-fit:contain}.received-invitation .text-action{font-size:12px}