/* The Welcome Back Cafe */
:root{color-scheme:dark;--bg:#251d1b;--panel:#382a25;--line:#6e5040;--ink:#f0e3cf;--muted:#c1b09b;--accent:#a7b59a;--honey:#d5ad71;--pink:#c89494}
body{background:radial-gradient(ellipse at 50% 0,#61422f60,transparent 65%),#251d1b;background-attachment:fixed;color:var(--ink);font:15px/1.6 system-ui,sans-serif}
body>header.cafe-header{padding:18px 3%;background:#251b17ed;backdrop-filter:blur(10px);border-bottom:1px solid #98704455;gap:22px;align-items:center;flex-direction:row;flex-wrap:wrap;max-width:none}
.cafe-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font:700 25px/1.04 Georgia,serif;letter-spacing:-.6px}.cafe-brand img{width:62px;height:62px}.cafe-brand span{color:var(--ink)}.cafe-brand small{display:block;font:15px Georgia,serif;letter-spacing:0;margin-bottom:2px}
nav.cafe-navigation{margin:0;padding:0;flex:1;justify-content:flex-end;background:transparent;border:0;gap:3px;width:auto;border-radius:0}.cafe-navigation button{padding:9px 11px;background:transparent;color:var(--ink);font-size:13px;border-radius:7px;white-space:nowrap}.cafe-navigation button.active{color:#cfdaac;background:#a7b59a16;border-bottom:2px solid var(--accent)}
main{max-width:1380px;padding:22px 30px;margin:auto}h1,h2,h3{font-family:Georgia,serif;color:var(--ink)}h2{font-size:29px;font-weight:700}h3{font-size:21px}.eyebrow{color:var(--honey);font-size:11px;letter-spacing:1.8px}.muted,footer{color:var(--muted)}button{background:#4a382e;color:var(--ink);border-color:#795a45;border-radius:9px}button:hover{background:#5a4435;border-color:#d5ad71}button.primary,.primary{background:var(--accent);color:#25291f;border:1px solid #c4cfb3;font-weight:750;padding:12px 22px;border-radius:24px;box-shadow:none}button.primary:hover{background:#bdcba9}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d5ad71;outline-offset:3px}
article,.cast-card{background:#382a25;border-color:var(--line);border-radius:14px;box-shadow:0 8px 25px #0002}input,textarea,select{background:#261e1b;color:var(--ink);border-color:#745642;border-radius:8px}label{color:#d2c2ad}.choice input{accent-color:var(--accent)}nav:not(.cafe-navigation){background:#2c221e;border-color:var(--line)}nav:not(.cafe-navigation) button.active{background:#62503d;color:var(--ink)}#notice{background:#42362a;border-color:#ad9064;margin-bottom:16px}#activity{background:#493b2f;border-color:var(--line)}.badge{background:#49392b;color:var(--honey)}.danger,.quiet-danger{color:#efb1a4}.quiet-danger{border:0;background:transparent;font-size:12px;padding:8px}.quiet-danger:hover{background:#78473c33}.danger:hover{background:#633d33}
.cafe-hero{position:relative;min-height:430px;isolation:isolate;overflow:hidden;border:1px solid #99744870;border-radius:18px;background:linear-gradient(90deg,#201914ce 0,#20191470 40%,#20191400 70%),url('/cafe/interior.webp') center 52%/cover;margin-bottom:22px;box-shadow:0 10px 35px #0003}
.hero-copy{position:relative;z-index:3;padding:48px 42px 38px;max-width:62%;text-shadow:0 2px 8px #1b1513}.hero-copy h1{font-size:clamp(42px,4.4vw,65px);font-weight:750;letter-spacing:-1px;margin:16px 0;line-height:1.08}.hero-copy h1 span{font-size:.78em}.hero-copy>p:not(.eyebrow){font:18px/1.6 Georgia,serif;color:#f0e3cf}.hero-copy button{text-shadow:none;margin-top:10px}.hero-copy .cafe-weather{font:12px system-ui,sans-serif!important;margin-top:25px;letter-spacing:.3px;color:#d6c5ad!important}
.hero-biscotti{position:absolute;right:105px;bottom:-38px;width:min(34%,410px);height:auto;z-index:1;filter:drop-shadow(0 10px 12px #1b141b66)}.hero-wall-sign{position:absolute;right:24px;top:25px;padding:18px 13px;background:#2c2a22;border:8px solid #70472e;border-radius:6px;transform:rotate(4deg);color:#e7d0aa;font:italic 21px/1.35 Georgia,serif;text-align:center;width:172px;box-shadow:0 4px 10px #0004;z-index:0}.hero-wall-sign span{display:block;color:#c89494;margin-top:5px}.hero-counter{position:absolute;bottom:-1px;right:0;width:48%;height:54px;z-index:2;border-top:9px solid #98623b;border-bottom:1px solid #543622;background:repeating-linear-gradient(0deg,#603e29 0,#71482f 3px,#5a3827 5px,#603e29 14px);box-shadow:0 -4px 8px #23140f66}
.cafe-counter-row{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:30px}.usual-card{display:grid;grid-template-columns:46% 1fr;gap:23px;height:100%;min-height:220px;background:#382a25;border:1px solid #ba8a55;border-radius:13px;padding:12px;align-items:center}.usual-cover{width:100%;height:210px;object-fit:cover;border-radius:9px}.usual-card h2{margin:4px 0 10px;font-size:30px}.usual-card p{margin:7px 0}.usual-card>div:last-child{padding:5px 12px 10px 0}.usual-actions{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.usual-placeholder{display:grid;place-items:center;background:linear-gradient(150deg,#5d4c36,#2e241f)}.usual-placeholder img{width:100px}.empty-usual{grid-template-columns:115px 1fr;padding:25px}.usual-mark{width:100px;height:100px}
.chalkboard{background:radial-gradient(ellipse at 30% 0,#45453888,transparent),#292a24;border:9px solid #785233;box-shadow:inset 0 0 0 2px #ae7d45,0 8px 20px #0002;border-radius:9px;padding:16px 20px;min-width:0}.chalkboard h2{font:italic 30px Georgia,serif;margin:0 0 2px;color:#edddc4}.chalk-subtitle{font-size:11px;letter-spacing:1px;color:#b9c4a0;margin:0 0 12px}.special-entry{background:transparent;border:0;border-top:1px solid #b19f7444;border-radius:0;display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;text-align:left;padding:12px 0}.special-entry:hover{background:#e6dac50a;border-color:#d5ad71}.special-entry>span:first-child{display:grid;gap:3px}.special-entry small{color:#d4a29a;text-transform:uppercase;font-size:10px;letter-spacing:1px}.special-entry strong{font:700 20px Georgia,serif}.special-entry span span{font-size:12px;color:#d2c3ae;line-height:1.45}.special-image{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#fff1}.special-cup{font-size:32px}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;flex-wrap:wrap}.menu-heading h2{margin:0}.menu-heading .eyebrow{margin-bottom:5px}.menu-heading>button{background:transparent;font-size:13px;border:0;color:var(--accent)}.menu-search{display:flex;gap:16px;align-items:end;margin-bottom:16px}.menu-search label{margin:0}.menu-search label:first-child{flex:1}.menu-search label:last-child{width:180px}.campaign-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-card{display:flex;flex-direction:column;padding:0;border:1px solid #87623f;border-radius:12px;overflow:hidden;text-align:left;background:#352821;box-shadow:0 9px 20px #0002;min-width:0;transition:transform .18s,border-color .18s}.campaign-card:hover{transform:translateY(-3px);border-color:var(--honey);background:#403027}.campaign-cover{width:100%;height:190px;object-fit:cover}.campaign-cover-empty{display:grid;place-items:center;background:linear-gradient(160deg,#746747,#382a25)}.campaign-cover-empty img{width:90px;height:90px;opacity:.8}.campaign-card-copy{display:flex;flex-direction:column;padding:17px 18px;flex:1;width:100%;gap:10px}.campaign-card strong{font:700 27px/1.1 Georgia,serif;overflow-wrap:anywhere}.campaign-card-meta,.campaign-tags{display:flex;gap:6px;flex-wrap:wrap}.roast-tag,.content-tag{font-size:10px;letter-spacing:.3px;padding:3px 8px;border:1px solid #a58d61;border-radius:20px;color:#e3d5b5}.content-tag{border-color:#9e6e64;color:#edbab3}.campaign-summary{font-size:13px;line-height:1.5;color:#d3c0aa}.campaign-tags span{font-size:10px;background:#e8dcc815;color:#e1d3bf;border-radius:18px;padding:3px 8px}.campaign-rating{margin-top:auto;display:flex;justify-content:space-between;color:var(--accent);font-size:11px;padding-top:10px}.cafe-note{display:flex;align-items:center;gap:13px;margin-top:30px;padding:20px;border-top:1px solid #71553b}.cafe-note img{width:45px}.cafe-note p{font:italic 18px Georgia,serif}.cafe-note button{margin-left:auto;background:transparent;border:0;color:var(--accent);font-size:13px}.cafe-empty{grid-column:1/-1;padding:25px;border:1px dashed var(--line);border-radius:12px}
#runs .playthrough-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #79593e66;align-items:center}.playthrough-open{display:grid;gap:4px;flex:1;text-align:left;background:transparent;border:0;min-width:0;padding:8px}.playthrough-open strong{font:700 22px Georgia,serif;overflow-wrap:anywhere}.playthrough-open small{color:var(--muted);font-size:12px}.playthrough-delete{font-size:12px;padding:9px 12px}.story-shelf .library-browser.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.story-shelf .library-entry{border-color:#795839;background:#382a25}.story-shelf .library-thumb{aspect-ratio:16/9;object-fit:cover}.avatar-placeholder{background:#685237!important;color:#f0e3cf!important}.library-folders button.active{background:#625137;color:#f0e3cf}.library-toolbar{background:transparent}.library-toolbar label{margin:0}.library-toolbar select{padding:7px}.library-toolbar button.active{background:#677055;color:#fff}
.campaign-preview-dialog{width:min(920px,94vw);max-height:92dvh;padding:0;border:1px solid #a68151;background:#302521;color:var(--ink);border-radius:15px}.campaign-preview-dialog::backdrop{background:#100b09d9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;padding:0;border-radius:50%;background:#241b17e8;font-size:28px;line-height:1}.preview-cover{display:block;width:100%;height:260px;object-fit:cover}.preview-cover-empty{display:grid;place-items:center;background:#51432d}.preview-cover-empty img{width:110px}.preview-content{padding:28px 32px}.preview-content h2{font-size:38px;margin:4px 0 15px}.preview-summary{font:19px/1.75 Georgia,serif}.preview-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.preview-actions button{margin:0}.preview-section{border-top:1px solid var(--line);margin-top:25px;padding-top:12px}.preview-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px}.preview-asset{display:grid;align-content:start;gap:6px;text-align:center;min-width:0}.preview-asset-image{height:80px;width:80px;object-fit:contain;margin:auto;border-radius:10px;background:#413126}.preview-asset strong{font-size:12px;overflow-wrap:anywhere}.preview-asset small{font-size:11px;color:var(--muted)}.asset-silhouette{display:grid;place-items:center;font-size:30px;color:var(--honey)}#campaign-rating-form{display:flex;align-items:end;gap:12px}#campaign-rating-form label{margin:0}#campaign-rating-form button{height:46px}.cafe-message{padding:14px 16px;border-radius:9px;margin:10px 0;background:#3e3028}.cafe-message>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cafe-message time{font-size:11px;color:var(--muted)}.cafe-message .quiet-danger{margin-left:auto}.cafe-message p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-message details{color:var(--ink)}.chat-log{max-height:55vh;min-height:180px;overflow-y:auto;padding:10px;background:#211b18;border:1px solid var(--line);border-radius:12px}.chat-log .cafe-message{margin:6px 0}.campaign-publishing h4{color:var(--honey)}#campaign-preview-picks{max-height:320px;overflow-y:auto}
/* Quiet reading room, with the cafe palette throughout. */
#spectator{border-color:var(--line)}.scene{background:#302623;color:var(--ink);border:1px solid #6d5140;box-shadow:none;padding:30px 34px;border-radius:12px}.scene .eyebrow{color:var(--honey)}.scene details{color:var(--muted)}.prose{color:#e5d8c5;line-height:1.85;font-size:19px}.prose .dialogue,.dialogue-block{background:#49372d!important;border-color:#846649!important;color:#eadcc8!important}.scene-clock,.scene-location{color:#bfac91!important}.earlier-scene{background:#302521;border-color:var(--line)}.reader-sidebar{background:#2e241f;border-color:var(--line)}.reader-legend{color:var(--muted)}.journey-settings{background:#2c231e}.status-pills span{background:#51412d;border-color:#8d7252;color:#e8d4b7}.party-card{border-color:#738363}.party-title,.party-name{color:#b7cc9c!important}.npc-name{color:#d5ad71!important}.enemy-name{color:#da9b8d!important}.loot-name{color:#d8b378!important}.reading-room{gap:18px}.scene-background{border-color:var(--line)}.library-editor>article{background:#382a25}.studio-tabs{background:#2c221e!important}.inventory-chip{background:#302623}.scene .outcome,.outcome-banner{background:#493d2d;color:var(--ink)}
.cafe-login{min-height:100vh;background:linear-gradient(90deg,#201714de,#20171488),url('/cafe/interior.webp') center/cover fixed}.cafe-login .brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif}.cafe-login header{background:#241b17cc;border-color:#98704455}.cafe-login .auth-main{max-width:550px;padding-top:40px}.cafe-login article{background:#33251fed;backdrop-filter:blur(10px)}
@media(min-width:1450px){.cafe-header{padding-left:calc((100vw - 1320px)/2)!important;padding-right:calc((100vw - 1320px)/2)!important}}
@media(max-width:1100px){nav.cafe-navigation{justify-content:flex-start;flex-basis:100%}.cafe-counter-row{grid-template-columns:1.45fr 1fr}.hero-biscotti{right:45px;width:37%}.hero-wall-sign{right:15px;top:20px;width:140px;font-size:17px}.hero-copy{max-width:65%}.usual-card{grid-template-columns:40% 1fr;gap:16px}.usual-cover{height:230px}}
@media(max-width:760px){body>header.cafe-header{padding:14px 16px;gap:12px}.cafe-brand{font-size:23px}.cafe-brand img{width:48px;height:48px}nav.cafe-navigation{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;max-width:100%;padding-bottom:6px;justify-content:flex-start}.cafe-navigation button{flex:none;padding:8px 11px;font-size:12px}main{padding:16px}.cafe-hero{min-height:470px;background-position:60% center}.hero-copy{padding:28px 22px;max-width:100%}.hero-copy h1{font-size:39px;letter-spacing:-.6px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-copy .cafe-weather{margin-top:20px;max-width:180px;line-height:1.5}.hero-biscotti{width:220px;right:-10px;bottom:-25px}.hero-wall-sign{top:auto;bottom:19px;right:190px;width:135px;font-size:16px;padding:10px 6px;transform:rotate(-3deg);z-index:1}.hero-counter{height:42px;width:58%}.cafe-counter-row{grid-template-columns:1fr;gap:16px}.usual-card{grid-template-columns:35% 1fr;gap:14px;min-height:210px}.usual-cover{height:200px}.usual-card h2{font-size:25px}.usual-card p{font-size:13px}.usual-card .eyebrow{font-size:9px}.usual-card button.primary{padding:10px 16px}.usual-actions{gap:0}.empty-usual{grid-template-columns:60px 1fr;padding:18px}.usual-mark{width:60px}.chalkboard{padding:14px 18px}.chalkboard h2{font-size:27px}#house-specials{display:grid;grid-template-columns:1fr 1fr;gap:18px}.special-entry{align-items:start}.special-entry strong{font-size:18px}.special-image{width:42px;height:42px}.special-entry span span{font-size:11px}.menu-heading h2{font-size:25px}.campaign-cards{grid-template-columns:1fr}.campaign-card{display:grid;grid-template-columns:35% 1fr}.campaign-cover{height:100%;min-height:210px}.campaign-card strong{font-size:23px}.campaign-card-copy{padding:15px}.campaign-summary{font-size:12px}.menu-search{gap:10px}.menu-search label:last-child{width:125px}.menu-search input,.menu-search select{padding:10px;font-size:13px}.cafe-note{padding:15px 0;flex-wrap:wrap}.cafe-note p{font-size:16px}.cafe-note button{margin-left:0}.playthrough-row{align-items:start!important;flex-wrap:wrap}.playthrough-delete{padding:7px 10px;font-size:11px}.story-shelf .library-browser.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-content{padding:22px 20px}.preview-content h2{font-size:30px}.preview-cover{height:200px}.preview-summary{font-size:17px}.scene{padding:24px 20px}.prose{font-size:18px}.cafe-login header{flex-direction:row}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.campaign-card{transition:none}.campaign-card:hover{transform:none}}
.reader-stream .scene{background:#302623;color:#e5d8c5;border-color:#6d5140}.reader-stream .scene .eyebrow{color:var(--honey)}.dialogue-paragraph{background:#49372d66;border-color:#a7b59a}.reader-legend{background:#302623}.reader-sidebar h3{color:#dfc9a9}.encounter-card{background:#343829;border-color:#788465}.encounter-card>strong{color:#b5c59e}.encounter-card.hostile{background:#3e2b25;border-color:#9a6553}.encounter-card.hostile>strong{color:#e1a292}.library-entry{background:#302623;border-color:#70533f}.library-entry small{color:#c1b09b}.tiles .library-thumb{background:#251d1b}.dialogue-speaker.party-name,.dialogue-speaker.party-0,.dialogue-speaker.party-1{color:#b7cc9c}.dialogue-speaker.npc-name{color:#d5ad71}.dialogue-speaker.enemy-name{color:#da9b8d}.item-event{background:#3e3027;border-color:#82694c}.item-event small{color:#c6b699}.dialogue-avatar{border-color:#91846a}#art-dialog,#crop-dialog{background:#302521;color:var(--ink);border-color:#a08056}.party-0,.party-1{border-color:#738363;color:var(--ink)}@media(max-width:980px){.reader-party{background:#302623f2;border-color:#866a4b}.reader-stream .scene{padding:22px 19px}}
@media(max-width:760px){.cafe-hero{min-height:540px}.hero-copy{padding:28px 22px 210px}.hero-copy h1{font-size:34px;line-height:1.12}.hero-copy h1 span{font-size:.8em}.hero-biscotti{width:230px;bottom:-25px}.hero-wall-sign{bottom:57px;right:210px;width:110px;font-size:14px;padding:10px 6px}.hero-counter{height:44px}.campaign-card{display:flex}.campaign-cover{height:170px;min-height:170px}.campaign-card-copy{padding:18px}.campaign-card strong{font-size:25px}.campaign-summary{font-size:13px}}

.special-image{flex-shrink:0}.special-image.campaign-cover-empty img{width:38px;height:38px}.special-entry>span:first-child{min-width:0}.special-entry strong{overflow-wrap:anywhere}@media(max-width:760px){#house-specials{grid-template-columns:1fr;gap:0}.special-image.campaign-cover-empty img{width:30px;height:30px}}

/* Cafe members and the always-available jukebox */
.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.social-columns>article{padding:24px}.tag-picks{display:flex;gap:8px;flex-wrap:wrap;max-height:240px;overflow:auto;padding:12px 0}.tag-picks label{background:#ffffff09;border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:13px;margin:0}.tag-picks label[hidden]{display:none}.tag-picks input{width:auto}.rating-stars{color:#8b7560;white-space:nowrap;letter-spacing:2px}.rating-stars .lit{color:#e6ba73}.rating-count{font-size:11px;margin-left:6px;color:#d8c5aa}.campaign-rating{flex-wrap:wrap;gap:8px}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}.achievement{padding:18px;border:1px dashed #725c48;border-radius:12px;background:#302720;color:#aa9785;box-shadow:none}.achievement>span{display:block;font-size:29px;filter:grayscale(1);opacity:.5}.achievement strong{display:block;margin:8px 0}.achievement p{font-size:13px;line-height:1.5}.achievement small{font-size:11px}.achievement.earned{border:1px solid #b69d69;background:#393326;color:#f0dfbe}.achievement.earned>span{filter:none;opacity:1}.member-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.member-card{display:flex;text-align:left;gap:15px;padding:18px;align-items:start}.member-card>img,.profile-placeholder{width:64px;height:64px;object-fit:cover;border-radius:50%;flex-shrink:0}.member-card>span{display:grid;gap:7px;min-width:0}.member-card small{color:var(--accent)}.member-card span span{font-size:13px;overflow-wrap:anywhere}.profile-placeholder{display:grid;place-items:center;background:#82725533;font-size:30px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#ffffff07;border-radius:12px;padding:20px;margin:22px 0}.profile-stats span{display:grid;font-size:12px;gap:7px}.profile-stats strong{font-size:25px;color:var(--accent)}.profile-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-showcase article{display:grid;text-align:center;gap:8px;padding:12px}.profile-showcase img{width:100%;height:120px;object-fit:cover;border-radius:8px}.profile-showcase small{font-size:11px}.friend-row,.tag-admin-row{display:flex;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}.tag-admin-row strong{margin-right:auto}.friend-row span{font-size:13px;color:var(--accent)}.friend-row button,.tag-admin-row button{font-size:12px;padding:7px 12px}.moderation-list{max-height:360px;overflow:auto}#moderation-panel{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}#moderation-panel article{padding:16px;margin:10px 0;overflow-wrap:anywhere}#member-preview{width:min(1000px,95vw)}.cafe-jukebox{position:fixed;left:16px;bottom:16px;z-index:30;background:#32261f;border:2px solid #a78357;border-radius:15px;padding:12px 16px;width:280px;box-shadow:0 5px 25px #0008;max-height:65vh;overflow:auto}.cafe-jukebox:not([open]){width:auto}.cafe-jukebox>summary{cursor:pointer;font:700 17px Georgia,serif;color:#e9cd9b}.cafe-jukebox audio{width:100%;margin:10px 0}.cafe-jukebox label{font-size:12px;margin-top:10px}.cafe-jukebox small{display:block;color:#b6b29a;font-size:11px}body{padding-bottom:70px}@media(max-width:760px){.social-columns{grid-template-columns:1fr}.achievement-grid,.member-directory{grid-template-columns:1fr 1fr}.profile-stats,.profile-showcase{grid-template-columns:1fr 1fr}.member-card{flex-direction:column}.cafe-jukebox{left:10px;bottom:10px;width:260px}.social-columns>article{padding:18px}.achievement{padding:15px}.achievement strong{font-size:14px}}

.campaign-card-art{display:block;position:relative;width:100%;flex-shrink:0}.campaign-card-art .campaign-cover{display:block;height:210px}.cover-caption{position:absolute;bottom:0;left:0;right:0;padding:26px 14px 13px;background:linear-gradient(transparent,#17110be8);display:grid;gap:8px}.cover-caption .campaign-tags span{background:#302821d9;border:1px solid #bcaa8788;padding:4px 8px}.cover-stars{display:flex;gap:7px;align-items:center}.cover-stars .rating-count{color:#f0dfc0}@media(max-width:760px){.campaign-card-art .campaign-cover{height:195px}}

.cafe-hero{background-image:linear-gradient(90deg,#19120cc4 0%,#19120c55 42%,transparent 67%),url('/cafe/interior.webp');background-position:center;background-size:cover}.hero-copy{max-width:62%;position:relative;z-index:1}.hero-copy h1{font-size:clamp(38px,4.5vw,68px)}@media(max-width:760px){.cafe-hero{min-height:620px;background-color:#281e17;background-image:linear-gradient(180deg,#281e17 0%,#281e17 43%,transparent 66%),url('/cafe/interior.webp');background-size:100% 100%,auto 310px;background-position:center,right bottom;background-repeat:no-repeat}.hero-copy{max-width:100%;padding:28px 22px 300px}.hero-copy h1{font-size:34px}.hero-copy .cafe-weather{max-width:100%;margin-top:16px}}

.star-picker{display:flex;gap:5px}.star-picker button{background:transparent;border:0;padding:5px;font-size:30px;color:#8b7560}.star-picker button.lit,.star-picker button:hover{color:#efc076}.rating-select-label{font-size:12px;max-width:220px}

.campaign-card-art .campaign-cover-empty{display:grid;place-items:center}
/* Profile counter, bookshelf and collectible pins */
.profile-view-controls{display:flex;gap:10px;margin:20px 0}.cafe-table-profile{background:#36271e;border:1px solid #967149;border-radius:18px;overflow:hidden;margin-bottom:24px}.profile-counter{display:flex;gap:24px;align-items:center;padding:30px;background:radial-gradient(ellipse at 95% 0,#ae875a44,transparent 65%),repeating-linear-gradient(0deg,#3e2b1f 0px,#3e2b1f 34px,#493222 35px,#493222 38px);border-bottom:8px solid #89613c}.profile-counter h2{margin:4px 0;font-size:36px}.profile-counter p{max-width:600px;line-height:1.6}.profile-portrait img,.profile-portrait .profile-placeholder{width:100px;height:100px;object-fit:cover;border:4px solid #d8bb83;border-radius:50%}.profile-badge-display,.profile-bookshelf,.profile-display-section,.profile-status-section{padding:20px 26px}.profile-badge-display h3,.profile-bookshelf h3,.profile-display-section h3{font:700 22px Georgia,serif;margin:0 0 16px}.badge-pin-row{display:flex;gap:20px;flex-wrap:wrap}.badge-pin{display:grid;justify-items:center;gap:6px;max-width:95px;text-align:center}.badge-pin svg,.badge-pin img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 3px 2px #0004)}.badge-pin small{font-size:11px;color:#d7c3a1}.cafe-badge svg,.cafe-badge img{width:65px;height:65px;border-radius:50%;object-fit:cover}.achievement>span.cafe-badge{filter:none}.achievement:not(.earned) .cafe-badge{filter:grayscale(1);opacity:.4}.profile-bookshelf{background:#271d17}.campaign-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:12px;border-bottom:10px solid #89613c;box-shadow:0 8px 8px #0003}.campaign-book{border:1px solid #ba9163;border-left:8px solid #79543b;border-radius:4px 10px 10px 4px;padding:12px;min-height:145px;background:#4d382a;display:grid;gap:8px;box-shadow:4px 3px 8px #0005}.campaign-book img{width:100%;height:90px;object-fit:cover;border-radius:5px}.campaign-book .profile-placeholder{width:100%;height:50px;background:none}.campaign-book strong{font:700 16px Georgia,serif}.campaign-book small{font-size:10px;color:#b7c69c}.profile-collectibles,.profile-stat-details{margin:0 26px 16px;border:1px solid #796041;border-radius:10px;padding:14px}#profile-edit-view>div{margin-bottom:24px}#my-private-achievements[hidden],#my-public-profile[hidden],#profile-edit-view[hidden],#my-status-area[hidden]{display:none}.profile-upload-preview{width:90px;height:90px;object-fit:cover;border-radius:50%;margin-bottom:12px}.status-note{background:#efe0bd;color:#433125;border:1px solid #c9ad7c;border-radius:6px 15px 15px 6px;padding:18px;margin:12px 0;box-shadow:0 3px 8px #0002}.status-note>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.status-note time{font-size:11px;color:#735840;margin-right:auto}.status-note button{background:#d8c298;color:#493527;border-color:#b9a075;padding:7px 11px;font-size:12px}.status-heart.active{color:#943f51}.status-note details{background:#fff2;border:0;margin-top:8px;padding:8px}.status-note form{display:flex;gap:8px;margin-top:12px}.status-note input{background:#fff6;color:#433125;border-color:#b59b71}.profile-status-section{max-height:650px;overflow:auto}#my-status-area{padding:20px;background:#30251e;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}#my-status-form textarea{min-height:80px}.profile-stats{margin-bottom:0}#my-public-profile .profile-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.homepage-chat{display:grid;grid-template-columns:260px 1fr;gap:16px;margin:26px 0;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:#30251f}.homepage-chat h2{font-size:26px;margin-top:4px}.homepage-chat>div:first-child button{background:transparent;border:0;color:var(--accent);padding:0}.homepage-chat #home-chat-log{max-height:170px;overflow:auto}.homepage-chat .cafe-message{padding:9px 13px;font-size:13px}.homepage-chat .cafe-message p{margin:6px 0}.homepage-chat form{grid-column:1/-1;display:flex;gap:10px}.homepage-chat input{flex:1;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cafe-jukebox{border-radius:16px;padding:14px}.cafe-jukebox:not([open]){border:0;background:transparent;box-shadow:none;padding:0;overflow:visible}.cafe-jukebox>summary{list-style:none;display:flex;align-items:center;gap:8px}.cafe-jukebox>summary::-webkit-details-marker{display:none}.jukebox-icon{width:44px;height:58px;filter:drop-shadow(0 3px 3px #0006)}.cafe-jukebox:not([open])>summary{display:grid;justify-items:center;gap:0}.cafe-jukebox:not([open])>summary span{font:700 11px sans-serif;color:#e6c89a;background:#2b211b;padding:3px 8px;border-radius:8px}.cafe-jukebox[open] .jukebox-icon{width:30px;height:40px}.beans-preview{margin:16px 0;background:#333224;border:1px dashed #a39667;border-radius:12px;padding:16px}.beans-preview p{font-size:13px;color:#cbbba0;margin-bottom:0}#shop-category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin:18px 0}.rarity-common{--rarity-color:#b5aea2}.rarity-uncommon{--rarity-color:#99b57c}.rarity-rare{--rarity-color:#85adcc}.rarity-epic{--rarity-color:#b699d3}.rarity-legendary{--rarity-color:#e1b765}.library-entry[class*="rarity-"],.item[class*="rarity-"],#shop-items article[class*="rarity-"],.profile-showcase article[class*="rarity-"]{border:1px solid var(--rarity-color);border-left-width:4px}.rarity-label{color:var(--rarity-color);font-size:11px;text-transform:uppercase;letter-spacing:1px}.exclusive-definition{box-shadow:0 0 0 2px #d4b27b55,inset 0 0 25px #d4b27b09;position:relative}.exclusive-definition:after{content:'✦';position:absolute;top:8px;right:10px;color:#efd49e;font-size:20px;pointer-events:none}.exclusive-label{color:#e6c07d!important}.definition-rarity-fields{border-top:1px solid var(--line);padding-top:16px}
@media(max-width:760px){.profile-counter{padding:22px 18px;gap:14px;align-items:start}.profile-counter h2{font-size:27px}.profile-portrait img,.profile-portrait .profile-placeholder{width:70px;height:70px}.profile-counter p{font-size:13px}.campaign-books{grid-template-columns:1fr 1fr;gap:12px}.profile-badge-display,.profile-bookshelf,.profile-display-section,.profile-status-section{padding:18px}.badge-pin-row{gap:12px}.badge-pin{max-width:75px}.badge-pin svg,.badge-pin img{width:60px;height:60px}.profile-collectibles,.profile-stat-details{margin:0 18px 14px}#my-public-profile .profile-showcase{grid-template-columns:1fr 1fr}.homepage-chat{grid-template-columns:1fr;padding:18px;gap:10px}.homepage-chat #home-chat-log{max-height:140px}.homepage-chat form{grid-column:auto}.status-note{padding:14px}.jukebox-icon{width:36px;height:48px}}

.preview-asset[class*="rarity-"],.encounter-card[class*="rarity-"],.inventory-chip[class*="rarity-"]{border-color:var(--rarity-color);border-left:3px solid var(--rarity-color)}
@media(max-width:760px){#campaign-rating-form{flex-wrap:wrap}.preview-content{padding:22px 20px}}

.comment-avatar{width:30px;height:30px;min-width:30px;object-fit:cover;border-radius:50%;border:1px solid #a58c6b;vertical-align:middle}.avatar-initial{display:inline-grid;place-items:center;background:#564332;color:#f0dfc5;font-size:13px;font-weight:bold}.status-comment .comment-avatar{width:24px;height:24px;min-width:24px;margin-right:8px}.status-comment{overflow-wrap:anywhere}.status-note>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#art-dialog{max-height:90dvh;overflow:auto}#art-final-prompt{min-height:220px;font-size:13px;line-height:1.55}
/* Party, administration, and artwork framing */
.party-tabs,.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.party-tabs button,.settings-tabs button{font-size:13px;padding:9px 14px}.party-tabs .active,.settings-tabs .active{background:#61523a;border-color:var(--honey);color:var(--ink)}
.settings-tabs{padding-bottom:12px;border-bottom:1px solid var(--line)}#moderation-panel{margin-top:0}#member-role-panel{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}#member-role-panel h3{margin-top:0}
.full-character-art{display:block!important;float:none!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:650px;object-fit:contain;margin:12px auto!important;border-radius:12px}.full-portrait{clear:both;margin:12px 0}.reader-sidebar .full-character-art{max-height:400px}.portrait-source-preview{margin:12px 0}.portrait-source-preview button{font-size:13px}
#crop-dialog{max-height:92dvh;overflow-y:auto;width:min(600px,calc(100vw - 24px));box-sizing:border-box}#crop-dialog canvas{display:block;max-width:100%;height:auto;margin:12px auto;border-radius:8px}#crop-dialog canvas[hidden]{display:none}#crop-overview{cursor:crosshair;border:1px solid var(--line)}#crop-preview{max-height:250px;object-fit:contain}#crop-dialog label{margin-top:12px}
.character-diary{clear:both;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.diary-entries{max-height:450px;overflow-y:auto}.diary-entry p,.diary-entry li{font-size:13px}.diary-entry ul{padding-left:20px}
.cafe-jukebox audio{display:none}.jukebox-buttons{display:flex;gap:8px}.jukebox-buttons button{flex:1;font-size:13px;padding:8px}.cafe-jukebox input[type=range]{width:100%;accent-color:var(--honey)}#jukebox-volume-label{float:right;font-size:12px}
.library-entry.rarity-common,.item.rarity-common,.preview-asset.rarity-common,.inventory-chip.rarity-common{border-color:#b9b2a3}.library-entry.rarity-uncommon,.item.rarity-uncommon,.preview-asset.rarity-uncommon,.inventory-chip.rarity-uncommon{border-color:#84ab78}.library-entry.rarity-rare,.item.rarity-rare,.preview-asset.rarity-rare,.inventory-chip.rarity-rare{border-color:#709bd0}.library-entry.rarity-epic,.item.rarity-epic,.preview-asset.rarity-epic,.inventory-chip.rarity-epic{border-color:#b58bd8}.library-entry.rarity-legendary,.item.rarity-legendary,.preview-asset.rarity-legendary,.inventory-chip.rarity-legendary{border-color:#e7bc62}
.exclusive-definition{position:relative;border-color:#d56464!important;box-shadow:0 0 0 1px #d5646433,0 0 18px #d5646422!important}.exclusive-definition:after{content:'★';position:absolute;top:7px;right:9px;color:#ffd6a4;text-shadow:0 0 8px #e77c5b;pointer-events:none}.exclusive-label{color:#efa9a2!important}.exclusive-definition .rarity-label{color:#efa9a2}
.library-browser.tiles .library-entry>button>span:last-child{min-width:0;width:100%;box-sizing:border-box}.library-entry strong{word-break:normal;overflow-wrap:break-word}.rating-count{white-space:normal}.rating-stars{white-space:nowrap}.library-entry small:has(.rating-stars){display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:600px){.library-browser.tiles{grid-template-columns:1fr}.library-browser.tiles .library-thumb{height:auto;aspect-ratio:16/9;object-fit:cover}.library-browser.tiles .library-entry>button>span:last-child{padding:14px}.library-entry strong{font-size:18px;line-height:1.35}.library-entry small{font-size:12px}.library-entry{padding:10px}.library-toolbar{gap:6px}.library-toolbar label{flex:1;min-width:100px}.library-toolbar select{width:100%;max-width:none}.library-folders{gap:6px}.library-folders button{max-width:100%;white-space:normal}#actor-browser.tiles,#character-browser.tiles,#companion-browser.tiles,#item-browser.tiles,#media-grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#actor-browser .library-thumb,#character-browser .library-thumb,#companion-browser .library-thumb,#item-browser .library-thumb,#media-grid .library-thumb{aspect-ratio:1;object-fit:contain}#actor-browser .library-entry>button>span:last-child,#character-browser .library-entry>button>span:last-child,#companion-browser .library-entry>button>span:last-child,#item-browser .library-entry>button>span:last-child,#media-grid .library-entry>button>span:last-child{padding:8px}#actor-browser strong,#character-browser strong,#companion-browser strong,#item-browser strong,#media-grid strong{font-size:14px}.party-tabs button,.settings-tabs button{flex:1 1 130px}.character-diary{padding:12px}.cafe-jukebox{max-width:calc(100vw - 28px)}}
.notification-bell{flex-shrink:0;padding:8px 12px;position:relative;background:#3a2b22;color:var(--ink);border-color:var(--line)}#notification-count{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#b45e59;color:#fff;border-radius:50%;font-size:11px}#notification-count[hidden]{display:none}#notifications-dialog{width:min(560px,calc(100vw - 28px));max-height:85dvh;overflow-y:auto;box-sizing:border-box;padding:28px}#notifications-dialog h2{margin-top:8px}.notification-row{display:block;width:100%;text-align:left;white-space:normal;margin:8px 0;padding:12px;background:#2d221d}.notification-row span,.notification-row small{display:block}.notification-row small{font-size:11px;color:var(--muted)}.notification-row.unread{border-left:4px solid var(--honey);background:#493528}.profile-comment-section{padding:20px 26px}.profile-comment{padding:12px 0;border-bottom:1px solid var(--line)}.profile-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.profile-comment button{font-size:12px;padding:5px 10px}.status-note form{flex-wrap:wrap}.status-note form input[name=text]{min-width:0;flex:1}.status-note [data-status-reply-label]{width:100%;font-size:12px}.status-note [data-status-reply-cancel][hidden]{display:none}
#shop-items article.rarity-common{border-color:#b9b2a3}#shop-items article.rarity-uncommon{border-color:#84ab78}#shop-items article.rarity-rare{border-color:#709bd0}#shop-items article.rarity-epic{border-color:#b58bd8}#shop-items article.rarity-legendary{border-color:#e7bc62}
.visitor-signin{display:inline-block;padding:9px 15px;border:1px solid var(--honey);border-radius:8px;color:var(--ink);background:#59452f;text-decoration:none;font-size:13px}.visitor-account-note{padding:24px;margin:30px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel)}#visitor-campaigns{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.homepage-chat #home-chat-log.expanded-chat{max-height:450px;overflow-y:auto}#visitor-preview{max-height:90dvh;overflow:auto}.cafe-header .notification-bell{margin-left:auto}

#jukebox-close{position:absolute;right:8px;top:8px;padding:2px 8px;line-height:1.3;font-size:22px;background:transparent;border:0;color:var(--cream);min-height:30px}#cafe-jukebox:not([open]) #jukebox-close{display:none}

#notice{position:relative;padding-right:42px}#notice .notice-close{position:absolute;right:7px;top:4px;border:0;background:transparent;font-size:22px;padding:3px 7px;line-height:1.3;color:inherit}