/*
Theme Name: BYD Game
Version: 1.0.0
Description: Editable game library with reference-inspired white layouts and illustrated banner.
*/
:root{--ink:#171717;--muted:#626262;--gold:#c89729;--line:#e8e8e8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a47417}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c89729;outline-offset:4px}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.025em;margin:0 0 18px}h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}p{margin:0 0 22px}figure{margin:0}.wrap,.page-content{width:90%;max-width:1200px;margin:auto}.topbar{font-size:12px;border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;justify-content:space-between;padding:6px 0}.site-header{background:#fff;border-bottom:1px solid #f5f5f5}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:35px}.brand{display:flex;gap:10px;align-items:center;line-height:1.05;flex:none}.brand-symbol{font-size:36px;font-weight:900;font-style:italic;letter-spacing:-4px;border-bottom:4px solid var(--gold);padding:4px 8px 4px 0}.brand-text{font-size:22px;font-weight:800}.brand-text small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px;color:#777}.brand img{width:60px;height:60px;object-fit:contain}.navigation ul{display:flex;gap:30px;align-items:center;list-style:none;padding:0;margin:0}.navigation a{font-size:14px;letter-spacing:.3px;padding:28px 0;display:block}.navigation .current-menu-item>a{color:#aa781c}.navigation li{position:relative}.navigation .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:20;background:#fff;box-shadow:0 8px 30px #0002;min-width:210px;padding:12px}.navigation .sub-menu a{padding:7px 10px}.navigation li:hover>.sub-menu,.navigation li:focus-within>.sub-menu{display:block}.menu-toggle{display:none;border:1px solid #ddd;background:#fff;padding:7px 12px}.page-content{padding:46px 0 65px}.wp-block-group__inner-container{display:contents}.byd-hero{position:relative;isolation:isolate;min-height:490px;display:grid;place-items:center;text-align:center;padding:55px 30px;margin-bottom:22px;background:#6e3515;overflow:hidden}.byd-hero .hero-image{position:absolute;inset:0;z-index:-1;margin:0}.byd-hero .hero-image img{height:100%;width:100%;object-fit:cover}.hero-copy{width:100%;max-width:990px}.hero-copy h1{display:inline;background:#ffffffe6;padding:4px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:34px;line-height:1.65}.hero-copy p{background:#ffffffe0;max-width:690px;margin:20px auto 30px;padding:16px 22px;font-size:23px;font-weight:600;line-height:1.7}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.byd-hero .wp-block-buttons,.center .wp-block-buttons{justify-content:center}.wp-block-button__link,.button{display:inline-block;background:#141414;color:#fff;border:1px solid #141414;border-radius:3px;padding:11px 27px;line-height:1.5;font-size:16px;font-weight:600}.wp-block-button__link:hover,.button:hover{background:#ad7d22;color:white;border-color:#ad7d22}.section{padding:34px 0}.center{text-align:center}.intro{max-width:1000px;margin:auto;text-align:center}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:35px 0}.split img{width:100%;border-radius:3px}.feature-grid,.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0}.feature-card{padding:26px;border:1px solid #e8e8e8;border-top:3px solid #c89729}.feature-card p{font-size:15px;color:#555;margin:0}.feature-card h3{font-size:21px}.game-card{text-align:center;overflow:hidden;border:1px solid #e6e6e6;padding-bottom:20px}.game-card figure{margin:0 0 17px}.game-card img{width:100%;height:220px;object-fit:cover;display:block}.game-card h2,.game-card h3{font-size:22px;margin:12px 16px}.game-card p{font-size:14px;color:#626262;padding:0 20px;margin-bottom:15px}.game-card .wp-block-buttons{justify-content:center;margin:12px 0 0}.game-card .wp-block-button__link{font-size:13px;padding:8px 18px}.page-intro{text-align:center;border-bottom:1px solid #eee;padding:0 0 24px;margin-bottom:35px}.page-intro p{max-width:850px;margin:0 auto 20px;color:#666}.article-copy{max-width:900px;margin:auto}.article-copy h2{margin-top:35px}.article-copy img{max-height:500px;object-fit:contain;width:100%}.wp-block-details{border-bottom:1px solid #ddd;padding:17px 0}.wp-block-details summary{cursor:pointer;font-weight:600}.wp-block-details p{margin:15px 0}.reading-notes{background:#171717;color:#fff;padding:45px;text-align:center;margin:35px 0}.reading-notes h2{color:#fff}.reading-notes .note-slide{max-width:760px;margin:auto}.reading-notes button{background:transparent;border:1px solid #ffffff70;color:#fff;padding:6px 17px;margin:16px 5px 0}.site-footer{background:#f6f6f6;border-top:1px solid #e7e7e7;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:45px}.site-footer h2{font-size:21px}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:7px 0;font-size:14px}.footer-bottom{border-top:1px solid #ddd;margin-top:35px;padding-top:22px;text-align:center;font-size:12px;color:#666}.contact-form label{display:block;font-size:14px;margin:12px 0}.contact-form input,.contact-form textarea{display:block;width:100%;padding:10px;border:1px solid #ccc;background:#fff;border-radius:2px}.contact-form textarea{min-height:100px}.notice{padding:18px;background:#eef7ee;border:1px solid #bed7be}.floating-download{position:fixed;right:0;top:45%;z-index:10;background:#202020;color:white;padding:12px 15px;border-radius:5px 0 0 5px;font-size:13px}.back-top{position:fixed;right:17px;bottom:18px;border:0;background:#222;color:white;width:38px;height:38px;border-radius:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:12px;z-index:999}.search-box{border-top:1px solid #eee;padding:12px 0}.search-box form{display:flex;gap:10px}.search-box input{flex:1;min-width:0;padding:10px;border:1px solid #ddd}[hidden]{display:none!important}.search-toggle{border:0;background:none;font-size:20px;padding:10px}.header-actions{display:flex;gap:7px}.game-cover img{max-height:500px;object-fit:contain}.byd-admin-note{padding:12px;background:#fff8e7}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:900px){.navigation ul{gap:17px}.navigation a{font-size:12px}.header-row{gap:15px}.feature-grid,.game-grid{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:29px}.footer-grid{gap:25px}.brand-text{font-size:19px}}
@media(max-width:680px){body{font-size:15px}.topbar .wrap{font-size:10px}.header-row{min-height:80px;flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block}.navigation{display:none;width:100%;order:3}.navigation.is-open{display:block}.navigation ul{display:block}.navigation a{padding:10px;font-size:15px}.navigation .sub-menu{position:static;box-shadow:none;padding-left:25px}.navigation li:focus-within>.sub-menu{display:block}.page-content{padding-top:24px}.byd-hero{min-height:410px;padding:35px 15px}.hero-copy h1{font-size:25px;line-height:1.6}.hero-copy p{font-size:18px;padding:14px;margin:20px auto}.split,.footer-grid{grid-template-columns:1fr;gap:24px}.feature-grid,.game-grid{grid-template-columns:1fr}.game-card img{height:auto;max-height:340px;object-fit:contain}.section{padding:25px 0}h1{font-size:29px}h2{font-size:25px}.reading-notes{padding:30px 20px}.floating-download{top:auto;bottom:65px;font-size:12px}.footer-grid{gap:20px}}

/* Editable banner shared by the inner pages. */
.byd-inner-banner{margin:0 0 26px;overflow:hidden}.byd-inner-banner img{display:block;width:100%;height:300px;object-fit:cover;object-position:center}@media(max-width:680px){.byd-inner-banner img{height:180px}.byd-inner-banner{margin-bottom:22px}}

/* Compact homepage banner. */
.home .byd-hero{min-height:370px;padding:32px 25px}.home .hero-copy h1{font-size:30px;line-height:1.5}.home .hero-copy p{font-size:20px;padding:12px 20px;margin:16px auto 20px}.home .hero-copy .wp-block-buttons{margin:16px 0}.home .hero-copy .wp-block-button__link{padding:10px 24px}@media(max-width:680px){.home .byd-hero{min-height:330px;padding:25px 15px}.home .hero-copy h1{font-size:24px}.home .hero-copy p{font-size:17px;padding:10px 12px;margin:14px auto 16px}}

/* Identical logo footprint before and after a custom upload. */
.brand-icon{display:flex;align-items:center;justify-content:center;width:80px;height:52px;flex:0 0 80px;overflow:hidden}.brand-icon .brand-symbol{display:block;width:80px;text-align:center}.brand .brand-icon img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.brand-text{flex:none}