/* Modern experience: illustrated entrances, quiet tools, and unaltered player media. */
:root{--experience-panel:#151a25;--experience-line:#37394b;--experience-ink:#f4f2ed;--experience-muted:#b8b5c8;--experience-accent:#b69cff;--experience-gold:#d6b875}
.app-main .panel,.app-main .empty,.app-main .run-card,.app-main .scrapbook-edit{background:var(--experience-panel);border:1px solid var(--experience-line);border-radius:7px;box-shadow:none}.app-main .page-heading,.app-main .guild-heading{position:relative;isolation:isolate;overflow:hidden;border:1px solid #414051;border-radius:8px;padding:32px;margin:6px 0 30px;background:linear-gradient(90deg,#10131ff5,#10131fe8 55%,#10131f88),var(--game-art-twilight-valley,none) right 48%/cover no-repeat}.app-main .page-heading h1,.app-main .guild-heading h1{font-size:clamp(30px,3.6vw,44px);line-height:1.12}.app-main .page-heading .lede,.app-main .guild-heading p{color:#d3cedf;max-width:65ch}.app-main .page-heading .eyebrow{color:#c4b3e7}.app-main input:not([type=checkbox]):not([type=radio]),.app-main textarea,.app-main select{border-radius:4px;border-color:#505267;background:#101621;color:var(--experience-ink)}.app-main button,.app-main .button{border-radius:4px;min-height:44px}.app-main button.secondary,.app-main .button.secondary{background:#1d2330;border-color:#555269;color:#e2dcee}.app-main .notice{border-radius:3px}.app-main .empty{text-align:left;border-style:solid}.app-main .empty p{margin-left:0}.app-main .empty img{margin-left:0}.app-main details.panel>summary{font-size:16px;line-height:1.6}.app-main .table-scroll{border:1px solid var(--experience-line);border-radius:6px}.app-main th{background:#1c2130}.app-main .signin{background:linear-gradient(180deg,#151a2566,#151a25 210px),var(--game-art-twilight-valley,none) center top/auto 220px no-repeat;padding-top:36px}.app-main .signin>img{filter:drop-shadow(0 4px 12px #0008)}.app-main .provider-login{border-radius:5px}.app-main .guild-grid>.guild-card{padding:0;background:var(--experience-panel);border:1px solid var(--experience-line);border-radius:7px;overflow:hidden;transition:border-color .2s,transform .2s}.guild-card-art{aspect-ratio:400/160;overflow:hidden}.guild-card-art img{width:100%;height:100%;display:block;object-fit:cover}.guild-card-caption{padding:24px}.guild-card-caption>span{color:var(--experience-accent);font-size:14px}.app-main .guild-card:hover{border-color:var(--experience-accent);transform:translateY(-3px)}.app-main .journey-header{padding-bottom:18px}.app-main .guild-news article{border:1px solid var(--experience-line);border-radius:6px;background:#181e2b;padding:18px;margin-bottom:14px}.app-main .guild-news>h3{font-size:26px}.app-main .screenshots img{border:1px solid #4b4f61;border-radius:5px;max-height:260px;object-fit:contain;background:#101621}.app-main .run-card{overflow-wrap:anywhere}.app-main .recovery h1{font-size:32px;max-width:24ch}
/* The individual book is a reader, with a compact illustrated identity strip. */
.scrapbook{--book-bg:#151a25;--book-ink:#f4f2ed;--book-muted:#b8b5c8;--book-line:#414459;--book-teal:#b69cff;--book-gold:#d6b875}.scrapbook:not(.journey-list)>.reader-top{padding:20px 24px;margin:0 0 28px;border:1px solid var(--experience-line);border-radius:7px;background:linear-gradient(90deg,#151a25f5,#151a25e8),var(--game-art-twilight-valley,none) right center/cover no-repeat}.reader-person{display:flex;gap:16px;align-items:center;min-width:0}.reader-person>img{height:64px;width:64px;border-radius:50%;object-fit:cover;border:1px solid #55516b;background:#1c2332}.reader-person>div{min-width:0}.reader-person h2{overflow-wrap:anywhere}.reader-person a{font-size:12px;color:var(--book-muted)}.scrapbook:not(.journey-list) .reader-tools{align-items:center}.scrapbook:not(.journey-list) .reader-tools>button{background:#b69cff;border-color:#b69cff;color:#171324;white-space:normal}.scrapbook:not(.journey-list) .reader-tools details>summary{padding:10px 14px;border:1px solid #555269;border-radius:4px;min-height:44px;line-height:24px}.scrapbook .scrapbook-spread{background:#151a25;border-color:#414459;border-radius:7px;box-shadow:0 14px 38px #0003,3px 4px #101521,5px 6px #363849;min-height:540px}.scrapbook .scrapbook-spread.fragment{min-height:380px}.scrapbook .scrapbook-spread.text-only{min-height:300px}.scrapbook .photo-page{background:#141c29;border-color:#30394a}.scrapbook .story-page{background:#181e2b}.scrapbook .story-page h1{font-size:clamp(34px,4vw,58px);max-width:22ch;line-height:1.14}.scrapbook .memory-narrative{font-size:20px;line-height:1.8;max-width:60ch}.scrapbook .memory-photo{background:#202a38;color:#ede8dc;border:1px solid #596174;border-radius:4px;padding:10px;box-shadow:0 8px 18px #0003}.scrapbook .memory-photo img{object-fit:contain;background:#101722;max-height:540px;border-radius:2px}.scrapbook .memory-photo figcaption{font-size:16px;padding:12px 4px 4px}.scrapbook .recollection-sticker{background:#29283c;color:#f1e9d7;border:1px solid #5a526c;box-shadow:2px 5px 12px #0003}.scrapbook .recollection-sticker:nth-child(even){background:#23343b;border-color:#465e67}.scrapbook .recollection-sticker:before{background:#b9a8ce55}.scrapbook .recollection-sticker cite{color:#c9bdd3}.scrapbook .recollection-sticker p{font-size:20px;line-height:1.65}.scrapbook .reader-nav{padding:12px 0;border-bottom:1px solid var(--book-line)}.scrapbook .reader-nav button{color:#e4dbf5}.scrapbook:not(.journey-list) .book-cover{max-width:none;min-height:300px;box-shadow:none;border:1px solid #414051;border-radius:8px;background:linear-gradient(90deg,#10131ff0,#10131fcc 60%,#10131f66),var(--game-art-twilight-valley,none) right center/cover no-repeat}.scrapbook .book-cover h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,60px)}.scrapbook .scrapbook-edit{background:#151a25;border-color:#414459;border-radius:7px}.scrapbook .scrapbook-edit h2{font-family:inherit;font-size:29px;font-weight:700;line-height:1.2}.scrapbook .scrapbook-edit input:not([type=checkbox]),.scrapbook .scrapbook-edit textarea,.scrapbook .scrapbook-edit select{background:#101621;border-color:#505267}.scrapbook .photo-editor>img{width:min(100%,400px);height:auto;max-height:260px;object-fit:contain;border:1px solid #505267;border-radius:4px;background:#101621}.scrapbook .share-preview{border-radius:6px;background:#181e2b}.scrapbook .share-preview img{border-radius:4px;object-fit:contain}.scrapbook .chapter-tools{border-top:1px solid var(--book-line);margin:0 0 22px}.scrapbook .contents-list button{border:0;padding:14px;line-height:1.6}.scrapbook .contents-list button:hover{background:#252a3c}.scrapbook .contents-list .subtle{display:block}.contribution-compose>summary{font-size:20px}.scrapbook .permission-note{border-color:#d6b875;background:#222331;border-radius:3px}.scrapbook .delete-confirm{background:#30232b;border-radius:6px;border-color:#976676}.scrapbook .journal-invite{border-top:1px solid var(--book-line);padding-top:8px}
/* Public finder and account information follow the same surfaces. */
.discovery .finder-form,.discovery .guild-result,.discovery .guild-match,.discovery .discovery-card{background:#151a25;border:1px solid #37394b;border-radius:7px}.discovery>h1,.app-main>h1:first-of-type{padding:28px;border:1px solid #414051;border-radius:7px;background:linear-gradient(90deg,#10131ff5,#10131fb0),var(--game-art-twilight-valley,none) right center/cover no-repeat}.discovery .finder-form input,.discovery .finder-form select{border-radius:4px}
@media(max-width:800px){.scrapbook .scrapbook-spread{min-height:0}.scrapbook .photo-page,.scrapbook .story-page{box-shadow:none}.scrapbook .story-page{padding:26px}.scrapbook .memory-photo img{max-height:460px}.scrapbook .reader-top{display:flex;flex-wrap:wrap;align-items:center}}
@media(max-width:650px){.app-main .page-heading,.app-main .guild-heading{padding:24px 22px}.scrapbook:not(.journey-list)>.reader-top{padding:18px}.reader-person>img{width:48px;height:48px}.reader-person{gap:12px}.scrapbook .reader-tools{width:100%;justify-content:space-between;margin-top:14px}.scrapbook .story-page h1{font-size:36px;margin-top:20px}.scrapbook .memory-narrative{font-size:19px}.scrapbook .recollection-sticker p{font-size:19px}.scrapbook .photo-page{padding:20px}.scrapbook .memory-photo{transform:none}.scrapbook .scrapbook-edit{padding:22px}.scrapbook .book-cover{padding:28px}.guild-card-caption{padding:22px}.discovery>h1,.app-main>h1:first-of-type{padding:22px}}
@media(prefers-reduced-motion:reduce){.app-main .guild-card{transition:none}.app-main .guild-card:hover{transform:none}}

.app-main summary:focus-visible,.discovery summary:focus-visible{outline:3px solid #b69cff;outline-offset:4px;border-radius:3px}

/* Category colour blends into original artwork without a visible image boundary. */
.app-main .guild-news .activity-card{--update-colour:rgb(29,65,60);--update-rgb:29,65,60;--update-image:var(--game-art-journey-started,none);display:block;position:relative;isolation:isolate;min-height:150px;border:1px solid #53626b;padding:24px 28px;border-radius:7px;background-color:var(--update-colour);background-position:center,right center;background-size:100% 100%,auto 100%;background-repeat:no-repeat;overflow:visible}
.app-main .guild-news .activity-level{--update-colour:rgb(65,48,23);--update-rgb:65,48,23;--update-image:var(--game-art-character-level,none);border-color:#786341}.app-main .guild-news .activity-enchanting{--update-colour:rgb(79,45,30);--update-rgb:79,45,30;--update-image:var(--game-art-professions,none);border-color:#ad7655}.app-main .guild-news .activity-profession{--update-colour:rgb(33,49,78);--update-rgb:33,49,78;--update-image:var(--game-art-professions,none);border-color:#50678a}.app-main .guild-news .activity-equipment{--update-colour:rgb(51,36,83);--update-rgb:51,36,83;--update-image:var(--game-art-gear,none);border-color:#8768b9}.activity-card-copy{position:relative;max-width:75%;min-width:0;overflow-wrap:anywhere}.activity-card .activity-type{display:block;font-size:11px;font-weight:700;color:#f0e0b8;margin-bottom:10px}.activity-card h4{font-size:20px;line-height:1.45;color:#fff8ed;margin:0 0 14px;letter-spacing:-.015em}.app-main .guild-news .activity-card small{color:#e0dbe8;font-size:12px;text-shadow:0 1px 3px #0008}.activity-card .journal-item{max-width:100%;margin-bottom:14px}.activity-card .journal-item>summary{color:#f1e9ff}.activity-card .news-marker{display:none}.activity-card .game-tooltip{background:#111723;border:1px solid #676075;position:relative;max-width:min(440px,100%);color:#f4f2ed}
@media(max-width:650px){.app-main .guild-news .activity-card{padding:22px 20px;min-height:160px;background-size:100% 100%,auto 100%;background-image:linear-gradient(90deg,var(--update-colour) 0%,var(--update-colour) 24%,rgba(var(--update-rgb),.94) 58%,rgba(var(--update-rgb),.65) 83%,rgba(var(--update-rgb),.35) 100%),var(--update-image)}.activity-card-copy{max-width:100%}.activity-card h4{font-size:18px}.activity-card small{line-height:1.7;display:block}}

/* Category sets the scene; gold marks a significant moment independently. */
.app-main .guild-news .activity-profession{--update-colour:rgb(79,45,30);--update-rgb:79,45,30;--update-image:var(--game-art-professions,none)}
.app-main .guild-news .activity-world{--update-colour:rgb(28,65,48);--update-rgb:28,65,48;--update-image:var(--game-art-open-world,none)}
.app-main .guild-news .activity-adventure{--update-colour:rgb(28,48,79);--update-rgb:28,48,79;--update-image:var(--game-art-guild-adventures,none)}
.app-main .guild-news .activity-significant{border-left:4px solid #f3cc71;box-shadow:-5px 0 17px -5px #f3bd57a6,inset 7px 0 14px -12px #ffe09b}
.activity-card .significant-label{display:block;color:#ffe09b;font-size:13px;font-weight:650;margin:0 0 12px}
.activity-card .activity-run-link{display:inline-block;color:#f0e9ff;margin-top:12px;text-decoration:underline;text-underline-offset:4px}

/* A narrow halo breathes along the achievement edge without moving the card. */
.app-main .guild-news .activity-significant::before{content:"";position:absolute;pointer-events:none;left:-4px;top:3px;bottom:3px;width:4px;border-radius:4px;background:#ffe3a2;box-shadow:0 0 9px 2px #ffdb82,0 0 25px 5px #f4ba4e99;animation:journal-gold-glow 2.8s ease-in-out infinite}
@keyframes journal-gold-glow{0%,100%{opacity:.3}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.app-main .guild-news .activity-significant::before{animation:none;opacity:.55}}

/* Keep complete focal objects visible behind the text on narrow cards. */
@media(max-width:650px){.app-main .guild-news .activity-card{background-size:100% 100%,auto 75%;background-image:linear-gradient(90deg,var(--update-colour) 0%,var(--update-colour) 24%,rgba(var(--update-rgb),.9) 45%,rgba(var(--update-rgb),.55) 65%,rgba(var(--update-rgb),.18) 100%),var(--update-image)}.activity-card h4{text-shadow:0 1px 4px #0009}}

/* Fade the artwork itself, so its left edge always meets the solid colour at zero opacity. */
.activity-art-window{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.activity-art-window .activity-art{position:absolute;right:0;top:0;height:100%;width:auto;aspect-ratio:3/1;background-image:linear-gradient(90deg,rgba(var(--update-rgb),.45),rgba(var(--update-rgb),.04)),var(--update-image);background-size:100% 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 12%,rgba(0,0,0,.15) 25%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.94) 78%,#000 100%)}
.activity-card-copy{z-index:1}
.app-main .guild-news .activity-significant::before{z-index:2}
@media(max-width:650px){.activity-art-window .activity-art{height:75%;top:12.5%;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 22%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.7) 65%,#000 100%)}}

/* A compact rolling feed: one headline, quiet metadata, and two useful filters. */
.journal-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.journal-feed-heading h3{margin:0;font-size:24px}
.journal-feed-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.journal-feed-filters select{min-height:38px;padding:7px 30px 7px 10px;font-size:14px}
.journal-epic-filter{display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap;cursor:pointer}
.journal-epic-filter input{accent-color:#f3cc71}
.journal-feed-status{font-size:12px;color:#b8b5c8;margin:0 0 14px}
.app-main .guild-news .activity-card{min-height:76px;padding:10px 16px;margin-bottom:8px}
.activity-card .activity-card-meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.activity-card .activity-type,.activity-card .significant-label{font-size:10px;line-height:1.2;margin:0}
.activity-headline{display:flex;align-items:center;gap:8px;min-width:0}
.activity-card .activity-headline h4{font-size:16px;line-height:1.3;margin:0;min-width:0}
.activity-card .compact-item{flex:none;margin:0;max-width:none;position:relative}
.activity-card .compact-item>summary img{width:24px;height:24px}
.activity-card .compact-item .game-tooltip{position:absolute;top:100%;left:0;width:min(340px,75vw);max-width:none;z-index:5}
.activity-card:has(.compact-item[open]),.activity-card:has(.compact-item:hover),.activity-card:has(.compact-item:focus-within){z-index:3}
.activity-card .activity-card-footer{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:4px}
.app-main .guild-news .activity-card small,.activity-card .activity-run-link{font-size:11px;line-height:1.3;margin:0}
@media(max-width:650px){.journal-feed-heading{gap:12px}.journal-feed-filters{gap:12px}.journal-feed-heading h3{font-size:22px}.app-main .guild-news .activity-card{padding:10px 12px}.activity-card .activity-headline h4{font-size:15px}.activity-art-window .activity-art{height:100%;top:0}}

/* The category reads like a book spine; item facts occupy a separate column. */
.app-main .guild-news .activity-card{padding:10px 16px 10px 44px;background-image:none}
.activity-category-strip{position:absolute;left:0;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:center;z-index:1;border-right:1px solid #ffffff16;border-radius:6px 0 0 6px;background:#0003;color:#f0e0b8;pointer-events:none}
.activity-category-strip>span{display:block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:10px;line-height:1;font-weight:700;letter-spacing:.025em}
.activity-card .activity-card-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:54px}
.activity-card .activity-card-copy.has-item{grid-template-columns:32px minmax(0,1fr);column-gap:12px}
.activity-icon-column{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0}
.activity-card .compact-item>summary img{width:32px;height:32px}
.activity-card .compact-item>summary{padding:0;min-height:0}
.activity-card-text{min-width:0}
.activity-card .activity-card-text>.significant-label{display:block;margin:0 0 4px}
@media(max-width:650px){.app-main .guild-news .activity-card{padding:10px 12px 10px 38px}.activity-category-strip{width:26px}.activity-card .activity-card-copy.has-item{column-gap:8px}}