@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
@font-face{font-family:Fraunces;src:url("fraunces-display-roman.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
:root{--gt-bg:#100b19;--gt-surface:#21152f;--gt-raised:#2d203d;--gt-ink:#f5eff9;--gt-muted:#c0b1ce;--gt-quiet:#a995bc;--gt-accent:#dec8ff;--gt-violet:#8955b9;--gt-gold:#e8c798;--gt-line:#bd98df30;--gt-sans:Manrope,system-ui,sans-serif;--gt-serif:Fraunces,Georgia,serif;--void:var(--gt-bg);--surface:var(--gt-surface);--ink:var(--gt-ink);--dim:var(--gt-muted);--lilac:var(--gt-accent);--gold:var(--gt-gold);--line:var(--gt-line);--display:var(--gt-serif)}
html{color-scheme:dark;scroll-padding-top:96px}body{background:var(--gt-bg);color:var(--gt-ink);font-family:var(--gt-sans);font-size:16px}
:where(button,input,textarea,select){font-family:var(--gt-sans)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--gt-accent);outline-offset:4px}
.chronicle-shell.gt-velvet-shell[data-design-foundation="gt-038"][data-chronicle-destination]{background:radial-gradient(ellipse at 82% 0,#48225930,transparent 44rem),var(--gt-bg);color:var(--gt-ink);--chronicle-text:var(--gt-ink);--chronicle-text-secondary:var(--gt-muted);--chronicle-identity-accent:var(--gt-accent);font-family:var(--gt-sans)}
.site-header,.app-header,.gt-masthead[data-testid="game-tales-masthead"]{box-sizing:border-box;background:#100b19ee;border-bottom:1px solid var(--gt-line);backdrop-filter:blur(14px)}
.mark.wordmark,.brand.wordmark,.gt-masthead .gt-masthead__wordmark{font:500 32px/1.2 var(--gt-serif);letter-spacing:-.035em;color:var(--gt-ink)!important;white-space:nowrap;text-transform:none;font-style:normal}
.wordmark em,.gt-masthead__wordmark>span{font:inherit;color:var(--gt-accent)}
.site-header nav a,.app-header nav button{font:500 14px/1.4 var(--gt-sans);min-height:44px;display:inline-flex;align-items:center}
.site-footer .brand-handle{font:500 13px/1.5 var(--gt-sans);color:var(--gt-muted);margin-right:auto}
.button.primary,.btn.fill,.btn.gold{background:var(--gt-accent);border-color:var(--gt-accent);color:#281338;box-shadow:none;min-height:46px;font:600 14px/1.45 var(--gt-sans)}
.button.primary:hover,.btn.fill:hover,.btn.gold:hover{background:#edddff;color:#281338}
.app-header{max-width:none;padding-inline:max(24px,calc((100% - 1240px)/2));min-height:80px}
.mode-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;margin:0 0 28px;border:0;border-bottom:1px solid var(--gt-line);background:none;box-shadow:none}
.mode-bar>span{font-size:13px;color:var(--gt-muted)}.mode-bar>details{font-size:13px;color:var(--gt-muted)}.mode-bar summary{cursor:pointer;min-height:30px;align-content:center}.mode-bar details p{max-width:60ch;line-height:1.6;margin:10px 0}.mode-bar .mode-account-link{margin-left:auto;font-size:13px;min-height:36px;align-content:center;color:var(--gt-accent)}
.view .page-title{font:500 clamp(34px,5vw,56px)/1.12 var(--gt-serif);letter-spacing:-.025em;text-wrap:balance}.view :is(.section-head,.setup-panel,.relationship,.you-summary) h2{font-family:var(--gt-serif);font-weight:500}
.reading-prose{font:400 clamp(19px,2vw,23px)/1.7 var(--gt-serif);max-width:62ch}.tale-folio .folio-head h2{font:500 clamp(28px,3vw,42px)/1.2 var(--gt-serif)}
.first-use .thread-emblem,.current-tale .thread-emblem,.tale-hero .thread-emblem{display:none}.mini-art small{font:500 12px/1.5 var(--gt-sans);letter-spacing:.06em}.sample-banner{font-size:13px}.empty-reading{color:var(--gt-muted)}
.gt-spread .gt-spread-relationship{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;color:var(--gt-accent);font:500 15px/1.5 var(--gt-sans)}
.gt-spread .gt-spread-relationship span+span:before{content:"·";margin-right:10px;color:var(--gt-quiet)}
.gt-spread .gt-spread-kicker{font:600 12px/1.4 var(--gt-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--gt-muted);margin-bottom:14px}

@media(max-width:820px){html{scroll-padding-top:80px}.mark.wordmark,.brand.wordmark,.gt-masthead .gt-masthead__wordmark{font-size:28px;font-style:normal}.app-header{min-height:64px;padding:0 20px}.mode-bar{gap:4px 14px;margin-bottom:20px;padding:8px 0}.mode-bar .mode-account-link{margin-left:0}.mode-bar details[open]{flex-basis:100%;order:3}.site-footer .brand-handle{width:100%;order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}