@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap");:root{--bg:#121614;--bg-card:#141812;--text:#efe6d4;--text-muted:#efe6d4;--accent:#d4a24a;--link:#7f93b8;--border:#d4a24a;--max-width:960px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg);background-image:url(/WebsiteImages/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--text);font-family:"Source Serif 4",Georgia,serif;line-height:1.6;min-height:100vh}@media (min-width:721px){body{background-attachment:scroll;background-position:top;background-size:100% auto}}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site-header{align-self:flex-start;background:rgba(239,230,212,.86);border:1px solid var(--border);border-radius:6px;flex:0 0 auto;margin:1.25rem 0 1.25rem 1rem;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:1.25rem}.site-header,.site-header nav{display:flex;width:max-content}.site-header nav{align-items:flex-start;flex:1 1;flex-direction:column;gap:.85rem;margin:0}.site-logo{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;letter-spacing:.04em}.site-logo,.site-logo:hover{color:#141812;text-decoration:none}.site-nav-link{color:#141812;font-size:.95rem}.site-nav-link:hover{color:#141812}.header-social{align-items:center;display:flex;gap:.85rem}.discord-link,.youtube-link{display:inline-flex;line-height:0;text-decoration:none}.youtube-link{color:#ff0000}.discord-link{color:#5865f2}.discord-link svg,.youtube-link svg{height:1.6rem;width:1.6rem}.youtube-link:hover{color:#ff4d4d;text-decoration:none}.discord-link:hover{color:#7289ff;text-decoration:none}.nav-dropdown{width:100%}.nav-dropdown-trigger{background:none;border:none;color:#141812;cursor:pointer;font-family:inherit;font-size:.95rem;padding:0;text-align:left}.nav-dropdown-trigger:hover{color:#141812}.nav-dropdown-menu{display:grid;grid-template-rows:0fr;pointer-events:none;transition:grid-template-rows .28s ease}.nav-dropdown-menu.is-open{grid-template-rows:1fr;pointer-events:auto}.nav-dropdown-menu-inner{overflow:hidden}.nav-dropdown-item{display:block;font-size:.95rem;padding:.4rem 0 .4rem .85rem}.nav-dropdown-item,.nav-dropdown-item:hover{color:#141812;text-decoration:none}main{background:rgba(239,230,212,.86);border:1px solid var(--border);border-radius:6px;color:#141812;margin:7rem auto 1.25rem;max-width:var(--max-width);padding:2rem 1.75rem 2.5rem}h1{font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.25;margin-bottom:1rem}h1,h2{font-weight:600}h2{font-size:1.25rem;margin-bottom:.75rem;margin-top:2rem}p{color:var(--text-muted);margin-bottom:1rem}.lead{color:var(--text);font-size:1.125rem}.card{background:#f6f1e7;border:1px solid var(--border);border-radius:6px;margin-top:1.5rem;padding:1.25rem 1.5rem}.card,main .back-link,main .bestiary-loot,main .bestiary-search-label,main .button-secondary,main .card,main .card .bestiary-loot,main .card .bestiary-stats dd,main .card .bestiary-stats dt,main .card .button-secondary,main .card .card-muted,main .card h1,main .card h2,main .card p,main .feature-page ul,main .form-label,main .form-status,main .lead,main .privacy-page ul,main .radio-label,main p{color:#141812}main .bestiary-search,main .form-input{background:#e7dcc4;color:#141812}main .bestiary-search::placeholder{color:rgba(20,24,18,.55)}main .character-row{background:#e7dcc4;color:#141812}.card-muted{color:var(--text-muted);font-size:.95rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.items-page .item-section .button-row{margin-top:0}.items-page .item-section .button{align-items:center;display:inline-flex;gap:.55rem}.item-category-icon{height:32px;width:auto;object-fit:contain}.button{background:var(--accent);border:none;border-radius:4px;color:var(--bg);cursor:default;display:inline-block;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;padding:.65rem 1.1rem;text-decoration:none}.button-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.button-secondary:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.site-footer{color:var(--text-muted);font-size:.85rem;margin-top:auto;padding:1.5rem;text-align:center}.page-shell{display:flex;min-height:100vh}.page-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.back-link{display:inline-block;font-size:.9rem;margin-bottom:1.5rem}@media (min-width:721px){.page-shell{align-items:flex-start;gap:1.75rem;justify-content:center;padding:1.25rem 1.5rem}.site-header{margin:0}.page-body{flex:0 1 var(--max-width);max-width:var(--max-width);width:100%}main{margin:0;max-width:none;min-height:calc(100vw * 941 / 1672 * .78 - 1.25rem);width:100%}}.item-sprite{height:32px;image-rendering:pixelated;justify-self:end;width:auto}.items-page .bestiary-title{grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto}.items-page .bestiary-name{min-width:0}.bestiary-search-label{color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.06em;margin-top:1.5rem;text-transform:uppercase}.bestiary-search{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:1rem;margin-top:.45rem;padding:.65rem .85rem;width:100%}.bestiary-search:focus{border-color:var(--accent);outline:none}.bestiary-search::placeholder{color:var(--text-muted)}.bestiary-empty,.bestiary-grid{margin-top:1.5rem}.bestiary-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.bestiary-grid .bestiary-entry{margin-top:0}@media (max-width:640px){.bestiary-grid{grid-template-columns:1fr}}.bestiary-entry{margin-top:1.5rem}.bestiary-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.bestiary-name{font-size:1.35rem;margin:0}.bestiary-gif{height:60px;image-rendering:pixelated;width:auto}.bestiary-stats{display:grid;grid-gap:.35rem .4rem;gap:.35rem .4rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.bestiary-stats div{background:#e7dcc4;border:1px solid var(--border);border-radius:3px;padding:.35rem .3rem;text-align:center}.bestiary-stats dt{color:#141812;font-family:JetBrains Mono,monospace;font-size:.625rem;letter-spacing:.05em;margin-bottom:.1rem;text-transform:uppercase}.bestiary-stats dd{color:#141812;font-size:.9rem;font-weight:600;line-height:1.2}.bestiary-loot-heading{font-size:.95rem;margin-bottom:.5rem;margin-top:0}.bestiary-loot{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.auth-form{display:grid;grid-gap:.65rem;gap:.65rem}.form-label{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.form-input{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:1rem;padding:.65rem .85rem;width:100%}.form-input:focus{border-color:var(--accent);outline:none}.form-status{color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.form-help{font-size:.9rem;margin:-.15rem 0 0}.account-panel{display:grid;grid-gap:1rem;gap:1rem}.character-list{display:grid;grid-gap:.5rem;gap:.5rem}.character-row{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.65rem .85rem;text-align:left}.character-row-selected{border-color:var(--accent)}.body-type-row{border:none;display:flex;gap:1rem;margin:0;padding:0}.radio-label{align-items:center;color:var(--text);display:inline-flex;font-size:.95rem;gap:.4rem}.button{cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.6}.privacy-page h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;margin-top:1.25rem}.feature-page ul{color:var(--text-muted);margin:0 0 1rem 1.25rem}.feature-page li{margin-bottom:.45rem}.privacy-page ul{color:var(--text-muted);margin:0 0 1rem 1.25rem}.privacy-page li{margin-bottom:.35rem}.privacy-page hr{border:none;border-top:1px solid var(--border);margin:3rem 0}@media (max-width:720px){.page-shell{flex-direction:column}.site-header{background:rgba(239,230,212,.86);border-radius:0;border-right:none;border-top:none;border-left:none;height:auto;margin:0;padding:.75rem .85rem;top:0;width:100%}.site-header nav{align-items:center;column-gap:.7rem;flex-direction:row;flex-wrap:wrap;row-gap:.35rem;width:100%}.nav-dropdown-trigger,.site-logo,.site-nav-link{white-space:nowrap}.nav-dropdown{display:contents}.nav-dropdown-menu{flex:1 0 100%;min-height:0;order:1}.header-social{margin-left:auto;margin-top:0}}