/* Shared public layout at the browser's actual scale. */
body.site-theme.readable-site{zoom:1!important;font-size:17px;--riftery-page-width:1560px;--riftery-page-gutter:clamp(24px,6vw,112px);scroll-padding-top:100px}
body.site-theme.readable-site :is(.home-main,#sectionmain,#database-main),body.site-theme.readable-site>header .bar{width:calc(100% - var(--riftery-page-gutter))!important;max-width:var(--riftery-page-width)!important;margin-left:auto;margin-right:auto}
body.site-theme.readable-site .reader-layout{width:calc(100% - var(--riftery-page-gutter))!important;max-width:1320px!important}
body.site-theme.readable-site.build-reader-page .reader-layout,body.site-theme.readable-site.item-reader-page .reader-layout{max-width:1560px!important}
/* A continuous tinted header, with one fine lower edge. */
body.site-theme.readable-site>header{background:linear-gradient(110deg,#f2e3d3ed,#fbf2e9f5 60%,#f4e6d8ef);border-bottom:1px solid #d8bfa4;box-shadow:0 3px 15px #7251390a;border-radius:0}
body.site-theme.readable-site>header.is-scrolled{background:linear-gradient(110deg,#f0dfcbfa,#f9eee1fa);border-bottom-color:#cdb293;box-shadow:0 4px 20px #6e4c3110}
body.site-theme.readable-site>header .bar{min-height:78px;padding:12px 0}
body.site-theme.readable-site>header .bar .brand{font-size:29px;gap:10px}
body.site-theme.readable-site>header .bar .brand img{width:38px;height:38px;flex-basis:38px}
body.site-theme.readable-site>header .bar .nav a{font-size:17px;min-height:46px;height:46px;padding:0 19px!important;border-color:#bc9571;background:linear-gradient(#fff8ed,#ecd7bb);box-shadow:0 2px 5px #79523510}
body.site-theme.readable-site>header .bar .nav a svg{width:20px;height:20px}
body.site-theme.readable-site :is(button,a,input,select):focus-visible{outline:3px solid #936948;outline-offset:3px}
/* Titles, controls and card metadata are readable without zooming. */
body.site-theme.readable-site :is(.home-section-title h2,.games-heading h1,.game-permanent-section>h2,.db-page-heading h1){font-size:30px;line-height:1.3}
body.site-theme.readable-site .home-section-title>a,body.site-theme.readable-site .game-shelf-heading>a,body.site-theme.readable-site .reader-bottom a,body.site-theme.readable-site .db-back-catalog,body.site-theme.readable-site .sxs-back{font-size:16px;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #c7a780;border-radius:10px;background:linear-gradient(#fffaf1,#f1e0c9);color:#000;font-weight:650;text-decoration:none;box-sizing:border-box}
body.site-theme.readable-site :is(.home-section-title>a,.game-shelf-heading>a,.reader-bottom a,.db-back-catalog,.sxs-back):hover{background:#ead4b6;border-color:#a27a52}
body.site-theme.readable-site .riftery-intro{padding-top:24px;padding-bottom:38px;gap:36px}
body.site-theme.readable-site .riftery-intro-copy{max-width:960px}
body.site-theme.readable-site .riftery-intro h1{font-size:clamp(32px,2.4vw,44px);line-height:1.25}
body.site-theme.readable-site .riftery-intro-description{font-size:19px;line-height:1.8;max-width:860px}
body.site-theme.readable-site .riftery-intro-eyebrow{font-size:15px;gap:12px;line-height:1.5}
body.site-theme.readable-site .riftery-intro-eyebrow>span:first-child{background:#f0dcc5;border:1px solid #d6b38f;border-radius:7px;padding:5px 10px}
body.site-theme.readable-site .riftery-intro-links{gap:14px;flex-wrap:wrap}
body.site-theme.readable-site .riftery-intro-links a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 19px;border:1px solid #ba9068;background:#f0dac0;border-radius:10px;color:#000;font-size:17px;font-weight:650;box-shadow:0 3px 9px #7251390b}
body.site-theme.readable-site .riftery-intro-links a+a{background:#fffaf2;border-color:#cbb193}
body.site-theme.readable-site .riftery-intro-links a:hover{background:#e7caa6;border-color:#9c724b}
body.site-theme.readable-site .recommendation .material-copy h2{font-size:22px;line-height:1.4}
body.site-theme.readable-site :is(.recommendation-0,.recommendation-1) .material-copy h2{font-size:30px}
body.site-theme.readable-site .recommendation .material-labels>span{font-size:14px;line-height:1.4;padding:5px 9px;background:#211b17c9;border:1px solid #ffffff80;border-radius:6px;color:#fff}
body.site-theme.readable-site #materials .home-material-card h3,body.site-theme.readable-site .game-article-copy h4{font-size:21px;line-height:1.4}
body.site-theme.readable-site #materials .material-labels,body.site-theme.readable-site .game-article-copy>span{font-size:14px;line-height:1.5}
body.site-theme.readable-site #materials .material-labels>span{font-size:14px;color:#000}
body.site-theme.readable-site :is(.material-details,.material-details time,.material-read,.game-article-copy small,.game-article-copy time){font-size:15px;line-height:1.5}
body.site-theme.readable-site .material-read{display:inline-flex;gap:8px;align-items:center;padding:5px 10px;background:#f6ead9;border:1px solid #ddc3a2;border-radius:6px;color:#000}
body.site-theme.readable-site .game-shelf-title h3{font-size:23px}
body.site-theme.readable-site .lootbar-banner-copy p{font-size:16px;line-height:1.6}
body.site-theme.readable-site .lootbar-brand strong{font-size:32px}
body.site-theme.readable-site .lootbar-cta{min-height:44px;font-size:17px;padding:11px 18px;border-color:#b9905e;background:#ebd2aa;color:#000}
body.site-theme.readable-site .partner-badge{font-size:12px}
/* Search and filters share labels, height, baseline and spacing. */
body.site-theme.readable-site #materials .material-filter-panel .filters{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(170px,1fr) minmax(155px,.85fr) minmax(185px,1fr);gap:18px;align-items:end}
body.site-theme.readable-site #materials :is(.filter-field,.filter-caption){display:block;font-size:15px;line-height:1.5;font-weight:600;margin:0;color:#000}
body.site-theme.readable-site #materials .filter-field :is(input,select),body.site-theme.readable-site #game-filter-trigger{display:block;box-sizing:border-box;width:100%;height:48px;min-height:48px;margin-top:8px;padding:11px 13px;border:1px solid #cdb69a;border-radius:9px;background:#fff;color:#000;font:400 16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}
body.site-theme.readable-site #game-filter-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left}
body.site-theme.readable-site #materials .reset-filters{grid-column:1/-1;justify-self:end;font-size:16px;min-height:44px;padding:9px 15px;background:#efddc5;border:1px solid #bf9d77;color:#000}
body.site-theme.readable-site :is(.catalogbar input,.catalogbar select,.db-search-row input,.db-search-row button,.db-filter-options button,.db-view-switch button,.db-pagination button,.home-pagination button,.home-pagination input,.home-pagination label){font-size:16px;min-height:44px}
body.site-theme.readable-site .db-filter-title{font-size:16px}
body.site-theme.readable-site :is(.db-filter-options button,.db-view-switch button,.db-pagination button,.home-pagination button){border-color:#cbb08e;background:#fff8ed;color:#000}
body.site-theme.readable-site :is(.db-filter-options button.active,.db-view-switch button.active,.db-pagination button[aria-current=page],.home-pagination button[aria-current=page]){background:#ead1b0;border-color:#a87e50;font-weight:700}
body.site-theme.readable-site .catalog-game-info h2{font-size:29px}
body.site-theme.readable-site .catalog-game-total{font-size:17px}
body.site-theme.readable-site .game-permanent-section .sword-material-card h3{font-size:22px}
body.site-theme.readable-site :is(.sword-material-card p,.sword-material-card small,.landing-card-copy p,.landing-card-copy small){font-size:15px}
body.site-theme.readable-site .reader-intro-copy>p{font-size:21px;line-height:1.75}
body.site-theme.readable-site :is(.reader-meta,.reader-breadcrumb,.database-entry-navigation){font-size:16px;line-height:1.6}
body.site-theme.readable-site .article-tabs>[role=tablist]>button{font-size:18px;min-height:48px;padding:12px 17px}
body.site-theme.readable-site :is(.db-record-name,.db-skill-card strong,.db-icon-card strong){font-size:18px;line-height:1.45}
body.site-theme.readable-site .db-collection-card h2{font-size:25px}
body.site-theme.readable-site .db-collection-card p{font-size:17px;line-height:1.7}
/* Fill outer margins gently; the existing figures stay behind the content. */
body.site-theme.readable-site :is(.home-background-chibis,.games-background-chibis,.reader-background-chibis,.db-background-chibis)>span{opacity:.21}
body.site-theme.readable-site footer{border-top:1px solid #d7c2a7;background:linear-gradient(180deg,#fcf7f0,#f5e9d9);border-radius:0 0 14px 14px;padding:26px 24px;margin-top:44px}
body.site-theme.readable-site footer a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;gap:9px}
@media(max-width:1100px){body.site-theme.readable-site{--riftery-page-gutter:48px}body.site-theme.readable-site #materials .material-filter-panel .filters{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-theme.readable-site #materials .game-filter{grid-column:auto}body.site-theme.readable-site .riftery-intro-description{font-size:18px}body.site-theme.readable-site :is(.recommendation-0,.recommendation-1) .material-copy h2{font-size:26px}}
@media(max-width:700px){body.site-theme.readable-site{--riftery-page-gutter:28px}body.site-theme.readable-site>header .bar{min-height:70px}body.site-theme.readable-site>header .bar .brand{font-size:26px}body.site-theme.readable-site>header .bar .brand img{width:34px;height:34px;flex-basis:34px}body.site-theme.readable-site>header .bar .nav a{font-size:16px;min-height:44px;height:44px;padding:0 14px!important}body.site-theme.readable-site .riftery-intro{padding:18px 0 30px}body.site-theme.readable-site .riftery-intro h1{font-size:31px}body.site-theme.readable-site .riftery-intro-description{font-size:18px}body.site-theme.readable-site .riftery-intro-eyebrow{font-size:14px}body.site-theme.readable-site .riftery-intro-links a{font-size:16px}body.site-theme.readable-site #materials .material-filter-panel .filters{grid-template-columns:1fr 1fr;gap:16px}body.site-theme.readable-site #materials .material-search-field{grid-column:1/-1}body.site-theme.readable-site #materials :is(.filter-field,.filter-caption){font-size:14px}body.site-theme.readable-site #materials .filter-field :is(input,select),body.site-theme.readable-site #game-filter-trigger{font-size:16px}body.site-theme.readable-site #materials .filter-field:last-of-type{grid-column:1/-1}body.site-theme.readable-site .recommendation .material-copy h2{font-size:20px}body.site-theme.readable-site :is(.recommendation-0,.recommendation-1) .material-copy h2{font-size:25px}body.site-theme.readable-site .reader-intro-copy>p{font-size:19px}body.site-theme.readable-site footer{padding:22px 16px;gap:15px;flex-wrap:wrap}}

/* Equal filter baselines, and complete four-card pages. */
body.site-theme.readable-site #materials .filters>.filter-field,body.site-theme.readable-site #materials .filters>.game-filter{display:grid;grid-template-rows:24px 48px;gap:8px;align-self:start;padding:0;margin:0;line-height:24px}
body.site-theme.readable-site #materials .filters .filter-caption{height:24px;margin:0;padding:0;line-height:24px}
body.site-theme.readable-site #materials .filters .filter-field :is(input,select),body.site-theme.readable-site #materials #game-filter-trigger{margin:0!important;align-self:stretch;height:48px;min-height:48px}
body.site-theme.readable-site .game-shelf-heading>.game-shelf-title{display:flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-height:44px;color:#000}
body.site-theme.readable-site .game-shelf-heading>.game-shelf-title h3{margin:0;font-size:23px}
body.site-theme.readable-site .game-shelf-grid{display:block;overflow:hidden;padding:0;margin:0;scroll-snap-type:none;mask-image:none;-webkit-mask-image:none}
body.site-theme.readable-site .game-shelf-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;width:100%}
body.site-theme.readable-site .game-shelf-page[hidden]{display:none!important}
body.site-theme.readable-site .game-shelf-page>.game-article-card{width:100%;min-width:0;max-width:none;margin:0;box-sizing:border-box}
@media(max-width:900px){body.site-theme.readable-site .game-shelf-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:480px){body.site-theme.readable-site .game-shelf-page{grid-template-columns:1fr}body.site-theme.readable-site .game-shelf-heading>.game-shelf-title h3{font-size:19px}}

/* One dropdown chevron, independent of the native select appearance. */
body.site-theme.readable-site #materials .filters .filter-field select,body.site-theme.readable-site #materials #game-filter-trigger{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:18px 18px;padding-right:44px}
body.site-theme.readable-site #game-filter-trigger>[aria-hidden=true]{display:none}
/* Cover geometry does not depend on image dimensions or title length. */
body.site-theme.readable-site .game-shelf-page>.game-article-card{display:flex;flex-direction:column;align-self:stretch;height:100%;transform:none}
body.site-theme.readable-site .game-shelf-page .game-article-cover{position:relative;flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden}
body.site-theme.readable-site .game-shelf-page .game-article-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
body.site-theme.readable-site .game-shelf-page .game-article-copy{box-sizing:border-box;min-height:116px;padding:17px;gap:12px}
body.site-theme.readable-site .game-shelf-page .game-article-copy h4{min-height:2.8em}
@media(max-width:700px){body.site-theme.readable-site .game-shelf-page .game-article-copy{min-height:106px;padding:14px}}

body.site-theme.readable-site .game-shelf-controls{top:0;bottom:0;height:auto}
body.site-theme.readable-site .game-shelf-grid{position:relative}
body.site-theme.readable-site .game-shelf-page.shelf-transition-copy{position:absolute;inset:0;z-index:2;pointer-events:none}
body.site-theme.readable-site .home-section-title :is(h1,h2):before,body.site-theme.readable-site .games-heading h1:before,body.site-theme.readable-site .game-permanent-section>h2:before,body.site-theme.readable-site .db-page-heading h1:before{align-self:center;position:relative;top:.07em;transform:rotate(45deg)}
