/*
Theme Name: GameTales
Author: GameTales
Description: An illustrated journal of gaming worlds and the craft behind them.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.3
Text Domain: gametales
*/
:root{--ink:#101524;--night:#101724;--paper:#f5f0e5;--gold:#d7b472;--muted:#a8b2c3;--line:rgba(215,180,114,.23);--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--paper);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:10px;z-index:99}.skip:focus{top:10px}.site-header{height:92px;border-bottom:1px solid var(--line);background:#101724}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:37px;height:39px;color:var(--gold)}.brand-name{font:bold 29px/1 var(--serif);letter-spacing:-1.2px}.brand small{display:block;color:var(--gold);font:9px/1.8 var(--sans);letter-spacing:3.3px;margin-top:6px}.menu{display:flex;gap:30px;align-items:center;font-size:13px}.menu a{padding:9px 0}.menu .nav-about{border:1px solid var(--line);padding:9px 18px;border-radius:2px}.hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;background:radial-gradient(ellipse at 65% 55%,#273342 0,#101724 60%)}.hero-art{position:absolute;right:-3%;top:0;width:78%;height:100%;object-fit:cover;object-position:62% 50%;opacity:.9}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101724 0,rgba(16,23,36,.95) 26%,rgba(16,23,36,.1) 63%),linear-gradient(0deg,#101724 0,transparent 30%,rgba(16,23,36,.25) 100%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:70px 0 85px}.eyebrow{color:var(--gold);font:10px/1.6 var(--sans);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:15px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}h1,h2,h3{font-family:var(--serif);font-weight:normal;line-height:1.14}.hero h1{font-size:clamp(50px,5.4vw,78px);max-width:580px;margin:25px 0;letter-spacing:-3px}.hero h1 em{color:var(--gold);font-weight:normal}.hero-copy{font-size:16px;color:#bac3d1;max-width:360px;line-height:1.85}.hero-cta{display:flex;gap:25px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);padding:13px 23px;font-size:12px;font-weight:650;letter-spacing:.2px;border-radius:2px}.button:hover{background:#ebce97;color:var(--ink)}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:4px}.chapter-mark{font:italic 14px var(--serif);color:#8391a6;display:block;margin-top:57px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.strip-content{display:flex;justify-content:space-between;gap:20px;color:#a9b3c4;font-size:11px;letter-spacing:1.2px}.strip-content span:first-child{color:var(--gold)}.journal{padding:65px 0 80px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 32px}.section-head h2{font-size:41px;margin:9px 0 0;letter-spacing:-1px}.section-head p{font-size:12px;color:var(--muted);margin:0;max-width:330px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#161f2e;border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-image{height:185px;width:100%;object-fit:cover}.card-body{padding:25px}.card h3{font-size:25px;margin:12px 0 15px}.card p{font-size:13px;color:#abb5c5;margin:0 0 25px}.card-meta{font-size:10px;letter-spacing:.7px;color:#929fb2}.tag{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold)}.empty-shelf{display:flex;align-items:center;gap:32px;background:linear-gradient(110deg,#182232,#131c2a);border:1px solid var(--line);padding:40px 45px;border-radius:3px}.empty-shelf .roman{font:italic 72px var(--serif);color:var(--gold);opacity:.8}.empty-shelf h3{font-size:27px;margin:0 0 10px}.empty-shelf p{margin:0;color:var(--muted);font-size:14px;max-width:640px}.worlds{background:var(--paper);color:var(--ink);padding:70px 0 75px;position:relative}.worlds:before{content:'✦';position:absolute;top:-20px;left:calc(50% - 20px);width:40px;height:40px;text-align:center;background:var(--paper);color:#947147;border-radius:50%;font-size:20px;line-height:40px}.worlds .eyebrow{color:#896434}.worlds .eyebrow:before{background:#896434}.worlds h2{font-size:42px;margin:12px 0 36px;letter-spacing:-1px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr)}.world{padding:5px 35px;border-left:1px solid #d6ccba}.world:first-child{padding-left:0;border-left:0}.world:last-child{padding-right:0}.world-num{font:italic 20px var(--serif);color:#997745}.world h3{font-size:28px;margin:15px 0}.world p{font-size:13px;color:#64666d;margin:0 0 18px;max-width:315px}.world a{font-size:11px;color:#705122;border-bottom:1px solid #c7b797;padding-bottom:3px}.editor-note{padding:64px 0;border-bottom:1px solid var(--line)}.note-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}.editor-note h2{font-size:38px;margin:0;max-width:390px;letter-spacing:-1px}.editor-note p{font-size:14px;color:#aeb8c8;margin:0 0 17px}.site-footer{padding:40px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:25px;font-size:11px;color:#a1acbf}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:10px;color:#7e8ba1;display:flex;justify-content:space-between;gap:20px}.page-head{padding:65px 0 35px}.page-head h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:15px 0;max-width:950px}.reading{background:var(--paper);color:var(--ink);padding:45px 0 70px}.reading-inner{width:min(740px,calc(100% - 48px));margin:auto}.reading h2{font-size:31px;margin:35px 0 18px}.reading h3{font-size:24px}.reading p,.reading ul,.reading ol{font-size:17px;line-height:1.85}.reading a{color:#805a25;text-decoration:underline;text-underline-offset:3px}.reading blockquote{margin:30px 0;border-left:2px solid #ac854b;padding:5px 25px;font-family:var(--serif);font-style:italic}.reading .wp-block-image{margin:35px 0}.reading .wp-block-table{overflow:auto}.reading code{background:#e5dece;font-size:14px;padding:2px 4px}.reading pre{padding:20px;background:#e5dece;overflow:auto}.sources{border-top:1px solid #cdbfa6;margin-top:40px;padding-top:15px}.sources p{font-size:13px}.byline{font-size:12px;color:var(--muted)}.archive-title{padding:65px 0 0}.archive-title h1{font-size:52px}.search-form{display:flex;max-width:430px;gap:8px;margin:25px 0}.search-form input{width:100%;background:#192334;color:var(--paper);border:1px solid var(--line);padding:12px}.pagination{margin-top:30px}.pagination a,.pagination span{display:inline-block;padding:8px 15px;border:1px solid var(--line)}
@media(min-width:1700px){.hero-art{width:75%;object-fit:contain}.hero{min-height:730px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.menu{gap:18px}.hero-art{width:110%;right:-25%;opacity:.65}.hero:after{background:linear-gradient(90deg,#101724 0,rgba(16,23,36,.75) 40%,rgba(16,23,36,.1) 100%),linear-gradient(0deg,#101724,transparent 70%)}.hero h1{font-size:65px}.hero{min-height:620px}.post-grid{grid-template-columns:repeat(2,1fr)}.world{padding:0 22px}.note-grid{gap:35px}.footer-links{gap:16px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{height:auto;min-height:100px}.nav{flex-wrap:wrap;padding:18px 0 14px;gap:15px}.brand-name{font-size:25px}.brand small{font-size:8px}.brand svg{width:30px}.menu{width:100%;justify-content:space-between;gap:9px;font-size:11px}.menu .nav-about{padding:4px 12px}.hero{min-height:650px;align-items:start}.hero-content{padding:50px 0 60px}.hero h1{font-size:54px;max-width:430px;letter-spacing:-2px}.hero-art{width:155%;right:-42%;height:100%;object-position:68% 50%;opacity:.55}.hero-copy{max-width:285px;font-size:14px}.hero:after{background:linear-gradient(90deg,rgba(16,23,36,.85),rgba(16,23,36,.1)),linear-gradient(0deg,#101724,transparent 60%)}.chapter-mark{margin-top:40px}.strip-content{font-size:9px;letter-spacing:.3px;flex-wrap:wrap;gap:8px}.strip-content span:last-child{display:none}.journal{padding:45px 0}.section-head{display:block}.section-head h2{font-size:34px}.section-head p{margin-top:13px}.empty-shelf{padding:26px;gap:20px;align-items:start}.empty-shelf .roman{font-size:46px}.empty-shelf h3{font-size:23px}.empty-shelf p{font-size:12px}.post-grid{grid-template-columns:1fr}.worlds{padding:45px 0}.worlds h2{font-size:34px}.world-grid{grid-template-columns:1fr;gap:30px}.world,.world:first-child,.world:last-child{padding:0;border:0}.world h3{font-size:25px;margin:10px 0}.world p{max-width:none}.note-grid{grid-template-columns:1fr;gap:25px}.editor-note{padding:45px 0}.editor-note h2{font-size:33px}.footer-top{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.page-head{padding:40px 0 25px}.reading p,.reading ul,.reading ol{font-size:16px}.hero-cta{gap:20px}.button{padding:12px 19px}.section-head .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}