@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--bg:#100e15;--panel:#1b1722;--panel2:#25202f;--line:#43354c;--text:#eee7e4;--muted:#a9a0ac;--gold:#d6b37d;--purple:#7d5f92;--purple2:#493451;--danger:#db887f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:none;background:linear-gradient(175deg,#211a29,#14111b 66%);border-right:1px solid #49394e;padding:24px 13px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:block;background:none;color:var(--gold);border:none;text-align:center;margin:5px 0 30px;padding:4px}.brand-main{font:32px Georgia,serif;letter-spacing:-1px}.brand-main span{font-size:25px}.brand small{display:block;color:#baacb7;font-size:9px;letter-spacing:2.3px;margin-top:10px}.side-label{color:#998b9e;font-size:10px;letter-spacing:2px;margin:22px 17px 10px;font-weight:700}.sidebar nav button,.sidebar-bottom>button{display:flex;width:100%;gap:13px;align-items:center;background:transparent;color:#dbd5dd;border:1px solid transparent;border-radius:9px;text-align:left;padding:12px 15px;font-size:14px;margin:2px 0}.sidebar nav button:hover,.sidebar-bottom>button:hover,.sidebar nav button.active{background:#3c2d45;color:#fff;border-color:#675070}.sidebar-bottom{margin-top:auto}.footer-mini{font-size:11px;color:#93889a;text-align:center;margin:28px 4px 0;line-height:1.8}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;border-bottom:1px solid #342c3a;display:flex;align-items:center;gap:20px;padding:0 36px;background:#15121b}.search-wrap{background:#211b28;border:1px solid #473b4d;display:flex;align-items:center;gap:12px;border-radius:10px;padding:10px 15px;max-width:590px;flex:1;color:#c7bbcc}.search-wrap input{border:0;background:transparent;color:white;outline:none;flex:1;min-width:30px}.search-wrap kbd{font-size:11px;background:#382d40;border-radius:4px;padding:3px 7px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--gold)}.content{padding:34px clamp(22px,4vw,70px) 70px;max-width:1600px;width:100%;margin:0 auto;flex:1}.site-footer{border-top:1px solid #33283b;padding:23px 36px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#9e929f;font-size:11px}.account-btn,.outline,.primary,.chip,.secondary,.icon-button{border-radius:9px;padding:11px 17px;background:#292030;color:var(--text);border:1px solid #5a455e}.primary{background:linear-gradient(120deg,#ebc992,#c69e6d);color:#231920;border-color:#edd4a7;font-weight:700}.secondary{background:#4b365a;border-color:#80648e}.outline{background:#1a1521;border-color:#92739b}.primary:hover,.outline:hover,.secondary:hover,.chip:hover{filter:brightness(1.12)}.icon-button{padding:5px 10px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;color:var(--gold);font-weight:700}.page-title{font:normal clamp(29px,3vw,42px) Georgia,serif;color:#e5c79b;margin:7px 0 10px}.lead{line-height:1.8;color:#c4b8c8;font-size:15px;max-width:760px}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,.7fr);gap:22px;min-height:344px;margin-bottom:30px}.hero-main{background:linear-gradient(90deg,rgba(19,15,23,.97) 5%,rgba(29,21,33,.8)),radial-gradient(circle at 95% 5%,#80658c,transparent 65%);border:1px solid #58415e;border-radius:14px;padding:clamp(30px,4vw,62px);position:relative;overflow:hidden}.hero-main:after{content:'❧';position:absolute;right:-30px;bottom:-100px;font:330px Georgia;color:#604269;opacity:.18;pointer-events:none}.hero-main h1{font:normal clamp(40px,4.5vw,70px) Georgia,serif;color:#e6c291;line-height:1.1;margin:18px 0}.hero-main h1 i{font-style:italic;color:#f3e1c4}.hero-main p{max-width:550px;color:#c9bdc9;font-size:16px;line-height:1.85}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.welcome-card{position:relative;min-height:344px;border:1px solid #96704f;border-radius:14px;overflow:hidden;background:#291e2b}.welcome-card img{width:100%;height:100%;object-fit:cover;object-position:center 21%;position:absolute}.welcome-text{position:absolute;bottom:0;padding:65px 24px 20px;background:linear-gradient(transparent,#130e18 60%);width:100%}.welcome-text strong{font:24px Georgia;color:#efcca0}.welcome-text p{line-height:1.5;margin:8px 0;color:#f6ebef}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:26px 0 17px}.section-heading h2{font:normal 26px Georgia;color:#e2c395;margin:0}.section-heading span{color:#ac9eac;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid #59435f;border-radius:12px;background:linear-gradient(125deg,#2b2233,#1c1824);padding:24px;min-height:150px}.click-card{cursor:pointer;transition:transform .18s,border-color .18s}.click-card:hover{transform:translateY(-3px);border-color:#d4ad80}.card-icon{font-size:28px;color:var(--gold);margin-bottom:14px}.card h3{font:normal 21px Georgia;margin:7px 0;color:#f0e1dc}.card p{color:#bcb0bf;line-height:1.65}.muted{color:var(--muted)}.mini-stats{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0}.stat{border:1px solid #47364d;background:#211a29;border-radius:11px;padding:17px 22px;min-width:165px}.stat strong{display:block;color:var(--gold);font:26px Georgia}.stat small{color:#b7aabc}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.toolbar input,.toolbar select,input,textarea,select{background:#19151f;color:#f0e8eb;border:1px solid #59475d;border-radius:8px;padding:12px 13px;max-width:100%}.toolbar input{flex:1;min-width:200px}.toolbar select{min-width:135px}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.bot-card{border:1px solid #56425d;background:#201a28;border-radius:13px;overflow:hidden;cursor:pointer}.bot-card:hover{border-color:#c59a72}.bot-art{height:180px;background:radial-gradient(circle at 50% 12%,#665079,#251c30 75%);display:flex;justify-content:center;align-items:center;font:62px Georgia;color:#dcb77f;position:relative}.bot-art img{width:100%;height:100%;object-fit:cover}.bot-art span{position:absolute;right:10px;bottom:10px;border-radius:5px;background:#19121ddc;padding:5px 8px;font-size:10px;color:#e6c99d}.bot-info{padding:18px}.bot-info h3{margin:0 0 6px;font:22px Georgia;color:#f1dfd2}.bot-info p{font-size:12px;color:#c4b8c7;line-height:1.6;min-height:38px}.bot-info small{color:#b79cbc}.tag{display:inline-block;padding:4px 9px;background:#42314d;color:#dfc8e9;border-radius:22px;font-size:10px;margin:4px 5px 0 0}.empty{border:1px dashed #665470;border-radius:13px;padding:55px 25px;text-align:center;background:#1c1722}.empty h3{font:26px Georgia;color:#e0c69a}.empty p{color:#b9aaba;line-height:1.6}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.editor-panel{background:#201a27;border:1px solid #56415d;border-radius:13px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:12px;font-weight:700;color:#d7c0db}.field textarea{min-height:100px;resize:vertical;line-height:1.7}.field.full{grid-column:1/-1}.helper{font-size:11px;color:#a698aa}.preview-panel{background:linear-gradient(145deg,#33233a,#16131c);border:1px solid #6f4f71;border-radius:12px;padding:22px;align-self:start;position:sticky;top:20px}.preview-panel h3{font:26px Georgia;color:#eac89c}.preview-panel p{line-height:1.7;color:#c7b9c9;white-space:pre-wrap}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #4a3c50;background:#201a27;border-radius:10px;padding:17px 20px;margin:10px 0}.list-row strong{color:#e9d5bf}.list-row small{display:block;color:#aaa0aa;margin-top:6px}.list-row .row-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-shell{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:590px}.chat-side{border:1px solid #48394f;background:#1c1722;border-radius:13px;padding:18px}.chat-main{border:1px solid #59445e;background:#1d1723;border-radius:13px;display:flex;flex-direction:column;min-height:600px;overflow:hidden}.chat-title{padding:20px 24px;border-bottom:1px solid #46374e;font:22px Georgia;color:#eac394}.chat-messages{flex:1;padding:23px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:550px}.bubble{max-width:84%;border:1px solid #53425d;background:#2b2034;border-radius:12px;padding:15px 19px;white-space:pre-wrap;line-height:1.75;align-self:flex-start}.bubble.user{align-self:flex-end;background:#4b3854}.bubble small{display:block;color:var(--gold);font-size:11px;margin-bottom:5px}.chat-input{border-top:1px solid #46374e;display:flex;gap:10px;padding:15px}.chat-input textarea{flex:1;min-height:60px;resize:vertical}.pip-launch{position:fixed;bottom:23px;right:25px;width:75px;height:75px;border-radius:50%;padding:0;border:3px solid #d8b982;background:#31213c;overflow:hidden;z-index:20;box-shadow:0 10px 30px #0009}.pip-launch img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.pip-launch span{position:absolute;bottom:2px;right:4px;background:var(--gold);color:#201524;border-radius:50%;padding:2px 6px;font-weight:900}.pip-panel{position:fixed;bottom:110px;right:25px;width:min(340px,calc(100vw - 35px));background:#2b2133;border:1px solid #c5a075;border-radius:14px;padding:20px;z-index:30;box-shadow:0 20px 60px #000b}.pip-header{display:flex;align-items:center;gap:12px}.pip-header img{width:60px;height:60px;object-fit:cover;border-radius:12px}.pip-header strong{font:23px Georgia;color:#e9c698}.pip-header small{display:block;color:#bfb1c1;font-size:11px;margin-top:4px}.pip-header button{margin-left:auto}.pip-panel p{color:#d4c6d5;line-height:1.7}.pip-panel>button{display:block;width:100%;background:#44344d;color:white;border:1px solid #755d7d;border-radius:7px;margin:8px 0;padding:12px;text-align:left}.modal{position:fixed;inset:0;z-index:100;background:#0b0810de;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-body{width:min(600px,100%);max-height:90vh;overflow-y:auto;background:#211a29;border:1px solid #8a6686;border-radius:15px;padding:30px;box-shadow:0 30px 100px #000a}.modal-body h2{font:30px Georgia;color:#eac494;margin:0 0 15px}.modal-close{float:right}.hidden{display:none!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#45304d;border:1px solid #b9917a;border-radius:9px;padding:14px 22px;z-index:200;max-width:90vw}.danger{color:var(--danger)}.subdued{color:#a99cad}.article{max-width:820px;line-height:1.85;color:#cec3cc}.article h3{color:var(--gold)}#menu-toggle{display:none;background:transparent;color:white;border:none;font-size:23px}.writing-area{min-height:380px!important;font:16px/1.9 Georgia,serif}.pill{display:inline-block;border:1px solid #7b6681;border-radius:20px;padding:5px 11px;color:#d3bdde;font-size:12px;margin:3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note{border-left:3px solid var(--gold);background:#241e2b;padding:15px 20px;color:#c9bdcc;line-height:1.7;margin:20px 0}.avatar-large{width:125px;height:125px;border-radius:12px;object-fit:cover;border:1px solid var(--gold)}@media(max-width:1100px){.hero{grid-template-columns:1fr 280px}.grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}}@media(max-width:800px){.sidebar{position:fixed;z-index:40;left:-270px;transition:left .2s}.sidebar.open{left:0}.topbar{padding:0 16px;height:64px}#menu-toggle{display:block}.desktop-only,.search-wrap kbd{display:none}.content{padding:22px 17px 60px}.hero{grid-template-columns:1fr}.welcome-card{min-height:280px}.grid,.split,.form-grid,.chat-shell{grid-template-columns:1fr}.chat-side{max-height:220px;overflow:auto}.site-footer{padding:18px}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.bot-art{height:135px}.list-row{align-items:start;flex-direction:column}}@media(max-width:420px){.hero-main{padding:28px}.hero-main h1{font-size:40px}.account-btn{font-size:12px;padding:10px}.search-wrap{display:none}.top-actions{margin-left:auto}.bot-grid{grid-template-columns:1fr 1fr;gap:9px}.bot-info{padding:12px}.bot-info h3{font-size:18px}.bot-info p{font-size:11px}}

/* InkBound — creator templates and approachable, API-free help */
.welcome-card img{object-fit:cover;object-position:50% 20%;}
.template-filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}
.selected-chip{background:#70517a;border-color:#ddbc92;color:white}
.template-card{display:flex;flex-direction:column;min-height:272px}
.template-card .card-icon{margin-bottom:8px}
.template-card h3{margin-top:10px}
.template-card p{flex:1}
.template-card .buttons{margin-top:15px;gap:8px}
.template-card .buttons button{flex:1;padding:10px 7px;font-size:12px}
.template-preview{max-height:50vh;overflow-y:auto;border-block:1px solid #65516c;padding:8px 0}
.template-preview-field h3{font:16px Georgia;color:var(--gold);margin:16px 0 5px}
.template-preview-field pre{font:13px/1.65 'DM Sans',Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#d1c5d3}
.help-intro{display:flex;align-items:center;gap:28px;padding:25px;border:1px solid #6e5374;background:linear-gradient(105deg,#32243b,#1c1723);border-radius:15px;margin:24px 0}
.help-intro img{width:132px;height:132px;object-fit:cover;object-position:center;border:2px solid #af865f;border-radius:18px;flex:none}
.help-intro h2,.community-card h2{font:normal 28px Georgia;color:#e9c99d;margin:8px 0}
.help-intro p,.community-card p{color:#d3c5d5;line-height:1.75}
.help-action{display:flex;flex-direction:column;text-align:left;color:inherit;cursor:pointer;min-height:225px}
.help-action:hover{border-color:var(--gold);background:#33263a}
.help-action-title{font:normal 21px Georgia;color:#e8d2b3;margin:0 0 8px}
.help-action-desc{font-size:13px;line-height:1.7;color:#c6b7c9;flex:1}
.help-arrow{font-size:12px;color:var(--gold);font-weight:600;margin-top:15px}
.help-faq{display:grid;gap:10px;max-width:950px}
.help-faq details{border:1px solid #56445e;background:#211b29;border-radius:10px;padding:16px 20px}
.help-faq summary{cursor:pointer;font-weight:600;color:#e9d9df}
.help-faq details[open]{border-color:#94718c}
.help-faq p{color:#cbbfcd;line-height:1.8;margin-bottom:0}
.community-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:34px 0 5px;padding:26px 30px;background:linear-gradient(110deg,#30213a,#17131f);border:1px solid #9f7d62;border-radius:14px}
.community-card img{height:145px;width:145px;object-fit:cover;border-radius:17px;border:1px solid #a98e66}
.discord-link{display:inline-block;background:linear-gradient(115deg,#e7c692,#c49b67);padding:12px 19px;border-radius:9px;color:#251a22;text-decoration:none;font-weight:700;margin-top:8px}
.discord-link:hover{filter:brightness(1.1)}
@media(max-width:650px){.help-intro{align-items:flex-start;gap:15px}.help-intro img{width:77px;height:77px}.help-intro h2{font-size:23px}.community-card img{width:75px;height:75px}.community-card{padding:20px}}


/* Welcome hero refresh — less boxed, more inviting */
.welcome-hero{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:26px;align-items:stretch;margin-bottom:30px}
.welcome-hero-image{position:relative;min-height:560px;border:1px solid #7b614f;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#241c28,#18141b)}
.welcome-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:saturate(.82) brightness(.92)}
.welcome-hero-badge{position:absolute;left:18px;bottom:18px;background:rgba(19,14,24,.82);border:1px solid rgba(214,179,125,.7);backdrop-filter:blur(3px);padding:10px 14px;border-radius:999px;color:#f0d9ba;font-weight:700}
.welcome-hero-copy{border:1px solid #5c475f;border-radius:18px;background:linear-gradient(135deg,#201924 0%,#17131d 100%);padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:center}
.welcome-title{max-width:860px;margin-top:8px}
.welcome-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.mini-card{background:#211925;border:1px solid #57465f;border-radius:14px;padding:18px 16px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:7px;min-height:125px}
.mini-card:hover{border-color:#cda97c;background:#2a1f31}
.mini-card-icon{font-size:24px;color:var(--gold)}
.mini-card strong{font:normal 20px Georgia;color:#efd6b0}
.mini-card small{font-size:12px;line-height:1.6;color:#c5b8c8}
.discord-cta{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:980px){.welcome-hero{grid-template-columns:1fr}.welcome-hero-image{min-height:430px}.welcome-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.welcome-hero-copy{padding:24px 20px}.welcome-mini-grid{grid-template-columns:1fr}.welcome-hero-image{min-height:360px}}

/* Refined account and templates */
.auth-error{background:#38212b;color:#ffd7d7;border:1px solid #a85e69;padding:11px 13px;border-radius:9px;margin:12px 0}
.template-card{cursor:pointer;transition:transform .15s,border-color .15s}
.template-card:hover,.template-card:focus-visible{transform:translateY(-2px);border-color:#c4a47a;outline:none}
.template-card .buttons{position:relative;z-index:2}
.welcome-hero-image img{filter:saturate(.65) brightness(.84)}
.welcome-hero-copy{background:linear-gradient(135deg,#211d22,#18161c)}

/* Character-specific uploads and lore */
.portrait-preview{margin-top:12px;max-height:220px;max-width:220px;width:auto;object-fit:contain;border:1px solid #79617f;border-radius:12px;background:#1c1722}
.attachment-choices{display:grid;gap:7px;max-height:220px;overflow:auto;padding:10px;background:#18131e;border:1px solid #55425e;border-radius:9px}
.lore-choice{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid #493b52;border-radius:8px;cursor:pointer}
.lore-choice input{accent-color:#b49a77}.lore-choice span{flex:1}.lore-choice small{color:#a99cae}.attachment-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #4a394f;flex-wrap:wrap}.attachment-row span{flex:1}.attachment-row a{text-decoration:none;padding:8px;color:#e9cfac;border:1px solid #6a5873;border-radius:8px}

.bot-detail-portrait{display:block;width:100%;height:250px;object-fit:cover;object-position:center 30%;border:1px solid #6e5269;border-radius:12px;margin:12px 0 18px}

/* InkBound searchable, clickable tag library */
.tag-catalogue{max-height:370px;overflow-y:auto;border:1px solid #5e4b61;background:#1b1720;border-radius:12px;padding:14px;display:grid;gap:16px;margin:12px 0}.tag-category h4{font:normal 17px Georgia,serif;color:#d6bd98;margin:2px 0 8px}.tag-category .muted{margin:2px 0 10px;font-size:12px}.tag-chip-list,.discover-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:#2a2230;color:#d6ced8;border:1px solid #655470;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.tag-chip:hover,.tag-chip:focus-visible{border-color:#d6b88d;background:#3d3045}.tag-chip.selected{background:#594566;color:#fff;border-color:#d4b58b}.selected-tag-list{margin:10px 0 16px;min-height:35px}.tag-custom{display:flex;gap:8px}.tag-custom input{flex:1;min-width:0}.discover-tag-filter{margin:12px 0 20px;padding:16px;border:1px solid #5d4a63;border-radius:12px;background:#201a27}.discover-tag-filter label{display:block;margin-bottom:9px}.discover-tag-filter input{width:100%;max-width:420px;margin-bottom:13px}.discover-tags .tag-chip{padding:7px 12px}@media(max-width:650px){.tag-custom{flex-direction:column}.tag-catalogue{max-height:315px}}

/* InkBound welcome refresh — deliberately restrained charcoal / muted aubergine / antique gold */
.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(280px,.87fr);align-items:stretch;min-height:540px;border:1px solid #554752;border-radius:19px;overflow:hidden;background:radial-gradient(ellipse at 90% 6%,rgba(93,70,94,.26),transparent 48%),linear-gradient(120deg,#211b24,#16141a);margin-bottom:42px}
.landing-atmosphere{position:absolute;left:-150px;bottom:-270px;width:550px;height:550px;border-radius:50%;border:1px solid rgba(195,159,113,.11);box-shadow:0 0 0 70px rgba(195,159,113,.018),0 0 0 145px rgba(195,159,113,.012);pointer-events:none}
.landing-copy{z-index:1;padding:clamp(35px,5vw,78px) clamp(25px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.landing-copy h1{font:normal clamp(44px,5vw,76px)/1.12 Georgia,serif;letter-spacing:-2px;color:#eee0d1;margin:25px 0 15px;max-width:700px}
.landing-copy h1 em{font-style:normal;color:#d7b889}
.landing-lede{font:normal clamp(21px,2vw,29px)/1.4 Georgia,serif;color:#d6c1d7;margin:0 0 18px;max-width:600px}
.landing-description{font-size:15px;line-height:1.85;color:#bfb3bf;max-width:540px;margin:0}
.landing-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.landing-actions .primary,.landing-actions .outline{padding:14px 23px}
.landing-secondary{margin-top:24px;display:flex;flex-wrap:wrap;gap:21px}
.landing-secondary button,.landing-secondary a{border:0;padding:0;background:transparent;color:#dac4aa;text-decoration:none;font-size:12px;letter-spacing:.2px}
.landing-secondary button:hover,.landing-secondary a:hover{text-decoration:underline}
.landing-portrait{position:relative;overflow:hidden;min-height:540px;background:#211c23}
.landing-portrait:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#211b24 0%,transparent 23%),linear-gradient(0deg,rgba(14,12,17,.94),transparent 48%);pointer-events:none}
.landing-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:brightness(.76) saturate(.59) contrast(.94);position:absolute;inset:0}
.portrait-caption{position:absolute;z-index:2;left:35px;right:25px;bottom:28px;max-width:420px}
.portrait-caption p{font:normal 18px/1.5 Georgia,serif;color:#f1e1d4;margin:9px 0}
.portrait-caption>span:last-child{color:#c6a77c;font-size:12px}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.path-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-height:260px;background:linear-gradient(145deg,#251f29,#1c1921);border:1px solid #4b414e;border-radius:14px;padding:25px;color:#dbd0d6;transition:border-color .18s,transform .18s}
.path-card:hover{border-color:#c7a777;transform:translateY(-3px)}
.path-icon{font:32px Georgia;color:#cfab78}.path-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#a99aa9}.path-card strong{font:normal 27px Georgia,serif;color:#ecdac6}.path-card>span:nth-last-child(2){line-height:1.75;color:#b3aab5;flex:1}.path-arrow{font-size:12px;font-weight:700;color:#d6b78c}
.home-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:36px}.home-toolkit,.home-community{min-width:0}.toolkit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolkit-list button{padding:19px 20px;text-align:left;border:1px solid #493d4a;border-radius:12px;background:#201b24;color:#e1d4d8;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:6px 12px;align-content:center;align-items:center;min-height:118px;transition:background .2s,border-color .2s}.toolkit-list button:hover{border-color:#c6a676;background:#29212c}.toolkit-list button>span{grid-column:1;grid-row:1/span 2;color:#d0ac80;font-size:25px}.toolkit-list button strong{grid-column:2;grid-row:1;min-width:0;font:17px Georgia;line-height:1.3}.toolkit-list button small{grid-column:2;grid-row:2;min-width:0;font-size:12px;line-height:1.5;color:#b6aab8;white-space:normal;overflow-wrap:break-word}.toolkit-list button b{grid-column:3;grid-row:1/span 2;color:#d7bb91}
.home-community{position:relative;overflow:hidden;border:1px solid #665362;background:linear-gradient(120deg,#29222d,#201b25);border-radius:14px;padding:28px;min-height:300px}.home-community img{width:80px;height:80px;border:1px solid #947b69;object-fit:cover;border-radius:16px;float:right;margin-left:18px}.home-community h2{font:normal 29px Georgia;color:#e1c5a3;margin:10px 0}.home-community p{color:#bfb2bf;line-height:1.75;max-width:440px}.home-community .buttons{gap:8px}.home-community .discord-link{margin:0;padding:11px 15px;display:inline-flex;align-items:center}
.sidebar-discord{display:flex;align-items:center;gap:9px;padding:12px 14px;margin:10px 0;color:#d9b98b;text-decoration:none;font-size:13px;border:1px solid #604c53;border-radius:9px;background:#28202a}.sidebar-discord:hover{border-color:#c9a77e;background:#342737}
.site-footer a{color:#d5b78f;text-decoration:none}.site-footer a:hover{text-decoration:underline}.pip-discord{display:block;text-align:center;border:1px solid #81658b;border-radius:8px;padding:11px;text-decoration:none;color:#ead0a9;margin-top:8px}.pip-discord:hover{background:#4a3454}
@media(max-width:1190px){.landing-hero{grid-template-columns:1fr 39%}.landing-copy{padding:44px 30px}.landing-copy h1{font-size:clamp(42px,4.5vw,65px)}}
@media(max-width:950px){.landing-hero{grid-template-columns:1fr}.landing-copy{min-height:380px}.landing-portrait{min-height:380px}.landing-portrait img{object-position:center 28%}.landing-portrait:before{background:linear-gradient(0deg,#141116,transparent 70%)}.path-grid{grid-template-columns:1fr 1fr}.home-bottom-grid{grid-template-columns:1fr}}
@media(max-width:650px){.landing-copy{padding:34px 23px;min-height:0}.landing-copy h1{font-size:43px;letter-spacing:-1.3px}.landing-portrait{min-height:400px}.portrait-caption{left:23px;bottom:22px}.path-grid,.toolkit-list{grid-template-columns:1fr}.path-card{min-height:210px}.home-community{padding:22px}.landing-hero{margin-bottom:30px}}

/* Clearer toolkit layout on narrow laptops and phones */
@media(max-width:1200px){.toolkit-list{grid-template-columns:1fr}.toolkit-list button{min-height:94px}}
@media(max-width:950px) and (min-width:651px){.toolkit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.toolkit-list button{padding:16px;min-height:90px}}


/* Pip help — compact top-bar popover; never covers the footer's Discord link */
.top-actions .pip-launch{position:relative;inset:auto;flex:0 0 44px;width:44px;height:44px;border:2px solid #b99a77;border-radius:50%;z-index:auto;box-shadow:0 3px 12px #0006;overflow:hidden;display:block;background:#2a2230}
.top-actions .pip-launch img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.top-actions .pip-launch span{font-size:10px;bottom:-1px;right:-1px;padding:1px 4px}
.pip-panel{position:fixed;top:77px;bottom:auto;right:22px;width:min(340px,calc(100vw - 28px));max-height:min(580px,calc(100dvh - 94px));overflow-y:auto;z-index:80;padding:17px;background:#221d29;border:1px solid #786273;border-radius:14px;box-shadow:0 18px 55px #000c}
.pip-panel:before{content:'';position:absolute;right:108px;top:0;width:46px;height:2px;background:var(--gold);border-radius:10px}
.pip-header{align-items:center;gap:10px}
.pip-header img{width:50px;height:50px;border-radius:12px;border:1px solid #756271}
.pip-header strong{font:21px Georgia,serif;color:#e6c69b}
.pip-header small{line-height:1.35;color:#bfb3bf}
.pip-header .icon-button{flex:none;background:transparent;border:1px solid #55475a;color:#dfd0dd;padding:5px 10px}
.pip-intro{margin:14px 0 12px;font-size:13px;line-height:1.55;color:#c8bac8}
.pip-panel>button{margin:6px 0;padding:11px 13px;font-size:13px;background:#302837;border:1px solid #53445b;color:#ede2e8;border-radius:9px;transition:background .15s,border-color .15s}
.pip-panel>button:hover{background:#3c3044;border-color:#a386a4}
.pip-discord{margin-top:13px;padding:12px 10px;background:#463847;color:#f2d6a8;border:1px solid #997a69;font-size:13px;font-weight:600;border-radius:9px}
.pip-discord:hover{background:#574357}
/* The home support area is now a modest horizontal block instead of a tall blank panel */
.home-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);align-items:start}
.home-community{min-height:0;padding:20px 22px;display:flex;align-items:flex-start;gap:16px;overflow:visible}
.home-community img{float:none;flex:0 0 62px;width:62px;height:62px;border-radius:13px;margin:0;object-fit:cover}
.home-community .community-copy{min-width:0;flex:1}
.home-community h2{font-size:24px;line-height:1.2;margin:6px 0}
.home-community p{margin:8px 0 12px;font-size:12px;line-height:1.65}
.home-community .buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.home-community .buttons>*{padding:10px 12px;font-size:12px;white-space:normal}
@media(max-width:950px){.home-bottom-grid{grid-template-columns:1fr}}
@media(max-width:650px){.pip-panel{top:68px;right:10px;max-height:calc(100dvh - 76px);width:min(340px,calc(100vw - 20px))}.top-actions{gap:7px}.top-actions .pip-launch{width:41px;height:41px;flex-basis:41px}.home-community{padding:17px;gap:12px}.home-community img{width:55px;height:55px;flex-basis:55px}.home-community h2{font-size:22px}}

/* Homepage depth + creator profiles */
.home-at-a-glance{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:24px 0 8px}
.glance-panel{position:relative;overflow:hidden;border:1px solid #58485a;border-radius:16px;padding:26px;background:linear-gradient(135deg,#231d27,#17141c);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.glance-panel:before{content:'';position:absolute;inset:auto auto -60px -40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#55396a55 0%,transparent 68%);pointer-events:none}
.glance-panel h2{font:normal 31px Georgia,serif;color:#ecd8c0;margin:10px 0 12px}
.glance-panel p{color:#c4b9c5;line-height:1.8;max-width:52ch}
.glance-panel .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.glance-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.glance-tags span{padding:8px 12px;border:1px solid #645166;border-radius:999px;background:#2b2330;color:#e4d4df;font-size:12px}
.glance-panel.community{background:linear-gradient(135deg,#251f2a,#1b171f)}
.home-community-compact{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.creator-inline{display:inline;border:0;background:none;color:#d9bb8f;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.creator-inline:hover{color:#f0d4ad}
.creator-profile-page{display:grid;gap:18px}
.creator-banner-card{position:relative;border:1px solid #5f4e63;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#231d28,#18151d)}
.creator-banner{display:block;width:100%;height:280px;object-fit:cover;object-position:center}
.creator-banner-placeholder{height:280px;background:radial-gradient(circle at 20% 20%,rgba(114,73,128,.45),transparent 32%),radial-gradient(circle at 80% 25%,rgba(212,171,111,.17),transparent 25%),linear-gradient(135deg,#211b24,#15121a 65%)}
.creator-identity{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:end;padding:0 26px 24px;margin-top:-64px;position:relative;z-index:2}
.creator-avatar-wrap{display:flex;align-items:flex-end}
.creator-avatar,.creator-avatar-placeholder{width:128px;height:128px;border-radius:24px;border:4px solid #1b161f;background:#251f29;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.creator-avatar-placeholder{display:grid;place-items:center;font-size:42px;color:#d5b784}
.creator-tagline{margin:6px 0 0;max-width:65ch}
.creator-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.creator-stats span{padding:8px 12px;border:1px solid #605063;border-radius:999px;background:#201b25;color:#dfc7a8;font-size:12px}
.creator-profile-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:18px;align-items:start}
.creator-about,.creator-editor,.creator-bots{height:100%}
.creator-about p,.creator-bots p{line-height:1.8}
.creator-bot-list{display:grid;gap:10px}
.creator-bot-row{text-align:left;display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:13px;border:1px solid #4d4150;border-radius:14px;background:#211c25;color:#eadde5;transition:border-color .18s,transform .18s,background .18s}
.creator-bot-row:hover{border-color:#c7a777;background:#2b2330;transform:translateY(-2px)}
.creator-bot-thumb{width:62px;height:62px;border-radius:14px;background:#2b2330;border:1px solid #67586d;display:grid;place-items:center;color:#d3b07e;overflow:hidden}
.creator-bot-thumb img{width:100%;height:100%;object-fit:cover}
.creator-bot-row strong{display:block;font:19px Georgia,serif;color:#f0dfcc}
.creator-bot-row small{display:block;margin:4px 0 6px;color:#baacbb}
.creator-bot-row p{margin:0;color:#cbbdc8;font-size:13px;line-height:1.6}
@media(max-width:1100px){.home-at-a-glance,.creator-profile-grid{grid-template-columns:1fr}.creator-banner,.creator-banner-placeholder{height:230px}}
@media(max-width:700px){.creator-identity{grid-template-columns:1fr;gap:14px;padding:0 18px 18px;margin-top:-46px}.creator-avatar,.creator-avatar-placeholder{width:104px;height:104px;border-radius:20px}.creator-banner,.creator-banner-placeholder{height:190px}}

/* Image editing: same crop experience for creator avatars, banners, and bot portraits */
.crop-dialog{max-width:700px;margin:0 auto}
.crop-dialog h2{font:normal 30px Georgia,serif;color:#ebd2ad;margin:12px 0 8px}
.crop-dialog p{line-height:1.65;margin:0 0 19px}
.crop-viewport{position:relative;overflow:hidden;width:100%;border:2px solid #aa8e70;border-radius:12px;background:repeating-conic-gradient(#28222e 0% 25%,#332b38 0% 50%) 50% / 22px 22px;cursor:grab;touch-action:none;user-select:none}
.crop-viewport:active{cursor:grabbing}
.crop-viewport img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;user-select:none;object-fit:fill}
.crop-controls{margin:18px 0;display:flex;align-items:center;gap:14px}
.crop-controls label{font-weight:700;color:#d6c0d6;min-width:45px}
.crop-controls input{flex:1;accent-color:#c9ab81;padding:0;border:none;background:transparent}
.crop-controls button{padding:8px 12px}
.crop-dialog .buttons{margin-top:14px}
.creator-banner-placeholder,.creator-avatar-placeholder{transition:background .2s}
#bot-crop-status,#cp-avatar-status,#cp-banner-status{font-size:12px;line-height:1.5}
@media(max-width:650px){.crop-dialog h2{font-size:25px}.crop-controls{gap:9px}}

/* 2026-11 homepage: replace awkward Pip side card with full-width tools and a slim guide strip. */
.home-bottom-grid.home-tools-wide{display:block;margin-top:38px}
.home-tools-wide .home-toolkit{width:100%}
.home-tools-wide .toolkit-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.home-tools-wide .toolkit-list button{min-height:125px;padding:18px;grid-template-columns:28px minmax(0,1fr) 15px}
.home-tools-wide .toolkit-list button strong{font-size:17px}
.pip-guidance-strip{margin-top:20px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #574555;border-bottom:1px solid #574555;background:linear-gradient(90deg,rgba(68,48,69,.25),rgba(19,16,25,.18));border-radius:4px}
.pip-strip-intro{display:flex;align-items:center;gap:16px;min-width:0}
.pip-strip-intro img{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:50%;border:2px solid #9b816b}
.pip-strip-intro strong{display:block;margin:4px 0;font:normal 20px/1.25 Georgia,serif;color:#e7d0b0}
.pip-strip-intro p{margin:0;color:#bfb5c1;font-size:13px;line-height:1.5}
.pip-strip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;flex-shrink:0}
.pip-strip-actions .outline{padding:11px 17px}
.pip-strip-guide{padding:6px 2px;border:0;background:transparent;color:#dbbb8d;font-size:13px;cursor:pointer}
.pip-strip-guide:hover{text-decoration:underline}
@media(max-width:1250px){.home-tools-wide .toolkit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.home-tools-wide .toolkit-list{grid-template-columns:1fr}.pip-guidance-strip{align-items:flex-start;flex-direction:column;padding:16px}.pip-strip-actions{padding-left:72px}.pip-strip-intro strong{font-size:18px}}
@media(max-width:420px){.pip-strip-actions{padding-left:0}}
.crop-dialog{width:100%}.crop-viewport{min-height:110px;isolation:isolate}.crop-viewport img{z-index:1}.crop-dialog .buttons{position:relative;z-index:2}
#cp-avatar-status,#cp-banner-status{display:block;margin-top:7px;min-height:1.4em;color:#cfb692}
#cp-avatar-status.upload-error,#cp-banner-status.upload-error{color:#f3a59b}
.modal-body:has(.crop-dialog){width:min(710px,96vw);max-height:94vh;padding:clamp(17px,3vw,30px)}

/* Creator banners: show the complete uploaded artwork without a cover crop.
   The image's own aspect ratio controls its height; no narrow fixed-height viewport. */
.creator-banner-card .creator-banner {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: #17121b;
}
/* Keep profile information below the full banner, with a modest avatar overlap only. */
.creator-banner-card .creator-identity { margin-top: 0; }
.creator-banner-card .creator-avatar-wrap { transform: translateY(-28px); margin-bottom: -28px; }
@media (max-width: 1100px) {
  .creator-banner-card .creator-banner { height: auto; max-height: none; }
}
@media (max-width: 700px) {
  .creator-banner-card .creator-banner { height: auto; max-height: none; }
  .creator-banner-card .creator-identity { margin-top: 0; }
  .creator-banner-card .creator-avatar-wrap { transform: translateY(-18px); margin-bottom: -18px; }
}

/* Creator profile: show public presentation by default; edit only on request */
.creator-profile-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.creator-profile-actions button{padding:10px 18px}
.creator-editor{grid-column:1/-1;order:-1;height:auto}
.creator-editor-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.creator-editor-title h3{margin:0}
.creator-editor.hidden{display:none!important}
.creator-editor .form-grid{max-width:100%}
@media(max-width:700px){.creator-editor-title{align-items:flex-start}.creator-profile-actions{margin-bottom:8px}}

/* Bot Builder: room for creative copy and visible, accurate character counts */
.counted-field{min-width:0}
.counted-field .field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.counted-field .field-head label{margin:0}
.character-counter{font-size:12px;color:#bba9b8;font-variant-numeric:tabular-nums;white-space:nowrap}
.character-counter.near-limit{color:#e2b980}
.counted-field textarea{display:block;width:100%;resize:vertical;min-height:106px;max-height:70vh;overflow-y:auto;line-height:1.7}
.counted-field.tagline-area textarea{min-height:116px}
#pv-tagline,.bot-info p,.creator-bot-row p{white-space:pre-wrap;overflow-wrap:anywhere}
.preview-panel #pv-tagline{max-height:350px;overflow-y:auto;line-height:1.65}

/* Persona Vault: separate private player cards from public bots */
.persona-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px;margin-top:22px}
.persona-card{overflow:hidden;border:1px solid #594a5a;background:linear-gradient(160deg,#28212e,#1c1922);border-radius:16px;box-shadow:0 12px 30px #0003}
.persona-art{height:235px;background:radial-gradient(circle at 50% 30%,#594461,#211b29 65%);display:grid;place-items:center;color:#d8b889;font:55px Georgia,serif;overflow:hidden}
.persona-art img{width:100%;height:100%;object-fit:cover}
.persona-details{padding:18px}.persona-details h3{font:25px Georgia,serif;margin:9px 0 4px;color:#ead5c1}
.persona-details small{color:#c7b5c6}.persona-details p{color:#bfb4c4;min-height:58px;line-height:1.6;font-size:13px}
.persona-details .buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.persona-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.6fr);gap:24px;align-items:start}
.persona-editor-side{padding:16px;border:1px solid #54445a;background:#211b27;border-radius:13px;display:flex;flex-direction:column;gap:10px}
.persona-editor-art{aspect-ratio:3/4;max-height:385px;background:#302537;border-radius:12px;display:grid;place-items:center;color:#d8b88a;font:62px Georgia;overflow:hidden}
.persona-editor-art img{width:100%;height:100%;object-fit:contain}
.persona-editor-side input[type=file]{width:100%;max-width:100%;font-size:12px}
.persona-editor-side small{color:#baacbb;font-size:11px}
.persona-choices{display:grid;gap:9px;max-height:350px;overflow:auto;margin:14px 0 20px}
.persona-choice{display:flex;gap:13px;align-items:center;padding:12px;border:1px solid #594961;border-radius:12px;background:#241e2a;cursor:pointer}
.persona-choice:has(input:checked){border-color:#c6a678;background:#322738}
.persona-choice input{accent-color:#c6a678}.persona-choice-art{height:48px;width:48px;flex:0 0 48px;border-radius:10px;display:grid;place-items:center;background:#46364c;color:#ddbc8c;overflow:hidden}
.persona-choice-art img{width:100%;height:100%;object-fit:cover}.persona-choice strong,.persona-choice small{display:block}.persona-choice small{color:#b8afbb;font-size:12px;margin-top:3px}
.chat-persona-label{display:block;color:#d5b68c;margin-top:4px}.chat-persona-title{font-size:12px;color:#d6b990}

/* Full-width creator gallery. 6 across on desktop, 7 on large desktops. */
.creator-bots{grid-column:1 / -1}
.creator-bot-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.creator-bot-gallery .creator-bot-row{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:240px;padding:10px;gap:9px;overflow:hidden;text-align:left}
.creator-bot-gallery .creator-bot-thumb{width:100%;height:auto;aspect-ratio:3/4;border-radius:10px;flex:none}
.creator-bot-gallery .creator-bot-row>div:nth-child(2){min-width:0;width:100%}
.creator-bot-gallery .creator-bot-row strong{font:17px/1.3 Georgia,serif;overflow-wrap:anywhere}
.creator-bot-gallery .creator-bot-row small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.creator-bot-gallery .creator-bot-row p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.creator-bot-gallery .creator-bot-row>span{display:none}
@media(min-width:1900px){.creator-bot-gallery{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1370px){.creator-bot-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1140px){.creator-bot-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:880px){.creator-bot-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.persona-editor-layout{grid-template-columns:1fr}}
@media(max-width:580px){.creator-bot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.persona-gallery{grid-template-columns:1fr 1fr}.persona-art{height:190px}}
/* Keep six across at standard desktop widths; reserve fewer columns for narrower viewports. */
@media (min-width:1200px) and (max-width:1899px){.creator-bot-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1000px) and (max-width:1199px){.creator-bot-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1900px){.creator-bot-gallery{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Mature and general tags deliberately share one visual treatment. */
.adult-discovery-setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid #5d4a63;border-radius:12px;padding:13px 16px;margin:12px 0 18px;color:#cfc3d1;font-size:13px}

/* Royal Realm navigation pages */
.sidebar .side-label { margin-top: 14px; }
.card button:disabled { opacity:.55;cursor:not-allowed; }

/* Royal rewards: one compact daily card and a quiet reward list. */
.royal-checkin,.royal-rewards{max-width:860px;margin-bottom:16px}
.royal-checkin{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.royal-checkin h2{margin:.35rem 0;color:var(--gold)}
.royal-checkin p{margin:0}
.royal-reward-list{display:grid;gap:0;margin:12px 0 18px}
.royal-reward-list>div{display:grid;grid-template-columns:minmax(170px,1fr) auto;column-gap:14px;row-gap:4px;padding:12px 0;border-bottom:1px solid rgba(185,153,196,.15)}
.royal-reward-list>div:last-child{border-bottom:0}
.royal-reward-list span{color:var(--gold);font-size:.88rem;text-align:right}
.royal-reward-list small{grid-column:1/-1;opacity:.75}
@media(max-width:600px){.royal-reward-list>div{grid-template-columns:1fr}.royal-reward-list span{text-align:left}}

/* Small owner-only Royal Wallet line on the creator profile. */
.profile-royal-wallet{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 8px;font-size:.85rem;line-height:1.5;color:var(--muted,#b8abbc)}
.profile-crown-amount,.profile-membership-link{appearance:none;background:transparent;border:0;padding:0;margin:0;font:inherit;cursor:pointer;line-height:inherit}
.profile-crown-amount{display:inline-flex;gap:5px;align-items:center;color:var(--gold,#d4af37)}
.profile-crown-amount strong{font-weight:700;font-variant-numeric:tabular-nums}
.profile-crown-amount span:last-child{color:inherit;font-weight:400}
.profile-membership-link{color:var(--gold,#d4af37);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.profile-membership-link:hover,.profile-membership-link:focus-visible{text-decoration-color:currentColor}
.profile-crown-amount:hover,.profile-crown-amount:focus-visible{text-decoration:underline;text-underline-offset:3px}
.profile-crown-muted{opacity:.65}
.profile-wallet-divider{opacity:.5}
@media(max-width:480px){.profile-royal-wallet{gap:7px;font-size:.8rem}}

/* Compact username directly under the profile picture. */
.creator-banner-card .creator-avatar-wrap {
  display: flex; flex-direction: column; align-items: center;
  justify-content: flex-start; gap: 5px; max-width: 148px;
}
.creator-avatar-handle {
  display: block; max-width: 148px; overflow-wrap: anywhere;
  color: #d7b77d; font-size: 11px; font-weight: 650;
  letter-spacing: .025em; line-height: 1.25; text-align: center;
}
.creator-banner-card .creator-identity {align-items: center; gap: 18px;}
.creator-banner-card .creator-identity h2 {margin-top: 0;}
@media(max-width:700px){
  .creator-banner-card .creator-identity {grid-template-columns: auto minmax(0,1fr);}
  .creator-banner-card .creator-avatar-wrap {max-width: 112px;}
  .creator-avatar-handle {max-width:112px;font-size:10px;}
}

/* inkbound-account-dropdown-v1: softly lit purple & antique gold */
.inkbound-account-wrap { position:relative; display:inline-flex; align-items:center; }
.inkbound-account-wrap .account-btn { color:#edd4a3; border-color:#745879; background:#30233a; }
.inkbound-account-wrap .account-btn:hover,.inkbound-account-wrap .account-btn[aria-expanded="true"] { background:#45304f; border-color:#caa771; }
.inkbound-account-dropdown { position:absolute; z-index:500; right:0; top:calc(100% + 10px); width:215px; padding:8px; border:1px solid #82658a; border-radius:13px; background:linear-gradient(160deg,#34263f,#1d1725 88%); box-shadow:0 18px 45px #08060bbd; }
.inkbound-account-dropdown.hidden { display:none!important; }
.inkbound-account-dropdown .ib-menu-heading { padding:10px 12px 8px; font-size:10px; font-weight:750; letter-spacing:1.7px; color:#dfbc85; }
.inkbound-account-dropdown button { display:flex; align-items:center; gap:12px; text-align:left; width:100%; padding:11px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:#f0e5ef; font-size:13px; }
.inkbound-account-dropdown button:hover,.inkbound-account-dropdown button:focus-visible { background:#4a3655; border-color:#775b82; color:#fff4df; }
.inkbound-account-dropdown .ib-menu-divider { margin:6px 10px; border-top:1px solid #654d6f; }
.inkbound-account-dropdown .ib-menu-signout { color:#e7c999; }
@media(max-width:600px) { .inkbound-account-dropdown { width:195px; } }