/*
Theme Name: Dog House Megaways Lab
Description: Playful editorial theme for an independent guide to The Dog House game series.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: doghouse-lab
*/
:root{--g:#1d3b30;--g2:#315849;--cream:#fffaf0;--paper:#fffdf8;--gold:#efbd57;--orange:#e98552;--sky:#b9e5ef;--pink:#f0b3ad;--mint:#c8e0c5;--ink:#293b32;--muted:#68766e;--line:#e8e1d4;--max:1160px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,Arial,sans-serif}a{color:var(--g2);text-decoration:none}a:hover{color:#b66b36}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:#fffdf8ed;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--g);font-weight:950;font-size:17px;line-height:1.1}.brand-mark{width:44px;height:44px;border-radius:15px;background:var(--gold);display:grid;place-items:center;font-size:25px;box-shadow:inset 0 -4px #d69c3e}.brand small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7a887f;margin-top:5px}.main-nav ul{display:flex;gap:17px;list-style:none;margin:0;padding:0}.main-nav a{font-size:11px;font-weight:900;color:var(--g);text-transform:uppercase;letter-spacing:.05em}.menu-toggle{display:none;background:var(--g);color:white;border:0;border-radius:10px;padding:9px 13px}
.hero{background:linear-gradient(115deg,var(--sky),#dff1e8 55%,#ffe7b5);padding:60px 0 54px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:950;color:#a35f32}.hero h1{font:950 clamp(42px,5.8vw,70px)/.98 system-ui;letter-spacing:-.055em;color:var(--g);margin:15px 0 20px}.hero p{font-size:18px;max-width:610px;color:#405e51}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:13px 20px;border-radius:999px;background:var(--orange);color:white;font-size:13px;font-weight:950;box-shadow:0 4px #c96e42}.btn:hover{color:white;transform:translateY(-2px)}.btn.secondary{background:var(--g);box-shadow:0 4px #10271f}
.mascot-stage{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center}.doghouse{position:absolute;bottom:15px;width:275px;height:185px;background:#d98d4e;border:8px solid #a65f35;border-radius:18px 18px 24px 24px;box-shadow:0 15px #8c512f,0 24px 40px #527a7240}.doghouse:before{content:"";position:absolute;left:-24px;top:-105px;border-left:153px solid transparent;border-right:153px solid transparent;border-bottom:120px solid #bd7040}.doghouse:after{content:"";position:absolute;bottom:0;left:88px;width:90px;height:115px;background:#53382d;border-radius:50% 50% 0 0}.doghouse-label{position:absolute;z-index:2;bottom:108px;left:50%;transform:translateX(-50%);font-weight:1000;font-size:11px;letter-spacing:.12em;color:#fff2d6;white-space:nowrap}.dog{position:absolute;z-index:4;font-size:82px;filter:drop-shadow(0 8px 4px #4c655744);animation:bob 3s ease-in-out infinite}.dog.one{left:3%;bottom:88px}.dog.two{right:2%;bottom:98px;animation-delay:.6s}.dog.three{left:31%;top:4px;font-size:70px;animation-delay:1s}.dog.four{right:27%;bottom:20px;font-size:62px;animation-delay:1.4s}@keyframes bob{50%{transform:translateY(-9px) rotate(2deg)}}.hero-sticker{position:absolute;right:0;top:5px;background:var(--gold);border:3px solid white;border-radius:50%;width:86px;height:86px;display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.1;font-weight:1000;transform:rotate(9deg)}
.section{padding:68px 0}.section.tinted{background:#f5f1e7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-head h2{font:950 clamp(30px,4vw,44px)/1.08 system-ui;margin:8px 0;color:var(--g);letter-spacing:-.04em}.section-head p{max-width:500px;color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:23px;background:white;min-height:210px;box-shadow:0 8px 22px #344b3510;transition:.2s}.feature-card:hover{transform:translateY(-4px)}.feature-card:nth-child(3n+2){background:#fff8e9}.feature-card:nth-child(3n){background:#eef8f4}.icon{width:48px;height:48px;border-radius:15px;background:var(--gold);display:grid;place-items:center;font-size:24px;margin-bottom:16px}.feature-card:nth-child(3n+2) .icon{background:var(--pink)}.feature-card:nth-child(3n) .icon{background:var(--mint)}.feature-card h3{font-size:21px;line-height:1.15;color:var(--g);margin:0 0 9px}.feature-card p{font-size:14px;color:var(--muted);margin:0 0 18px}.more{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950;color:#a75e2e}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.stat b{display:block;font-size:25px;color:#b76b35}.stat span{font-size:12px;color:var(--muted)}.notice{background:#fff4d9;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 19px;font-size:13px;color:#62543b;margin:24px 0}
.breadcrumbs{font-size:12px;color:#718078;padding-top:24px}.page-intro{background:linear-gradient(120deg,#d9eff0,#fff2d6);padding:35px 0}.page-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.05;color:var(--g);margin:8px 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:38px;padding:35px 0 75px}.entry-content h2,.entry-content h3{color:var(--g);line-height:1.2;margin-top:1.7em}.entry-content h2{font-size:30px}.entry-content h3{font-size:23px}.entry-content p,.entry-content li{color:#52645a}.entry-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.entry-content th,.entry-content td{border:1px solid var(--line);padding:11px;text-align:left}.entry-content th{background:#eaf3ed}.sidebar .widget{padding:19px;border:1px solid var(--line);border-radius:16px;background:white;margin-bottom:16px}.sidebar h2{font-size:19px;color:var(--g);margin:0 0 10px}.article-card{padding:22px 0;border-bottom:1px solid var(--line)}.article-card h2{font-size:27px;line-height:1.15;margin:7px 0;color:var(--g)}.article-card p{color:var(--muted)}.meta{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#829087}
.tool{background:#f1f7ef;border:1px solid #d6e4d5;border-radius:20px;padding:24px;margin:26px 0}.tool h3{font-size:25px;color:var(--g);margin:0 0 8px}.tool p{color:var(--muted);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.field label{display:block;font-size:12px;font-weight:850;color:#56675d;margin-bottom:5px}.field input{width:100%;padding:11px;border:1px solid #cddbd0;border-radius:10px;background:white}.output{padding:15px 18px;background:var(--g);color:#ffe4a6;border-radius:12px;font-size:23px;font-weight:950}.output small{display:block;color:#c8d9cf;font-size:11px;font-weight:500}
.site-footer{background:#18342a;color:white;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-footer h3{font-size:20px}.site-footer p,.site-footer li{font-size:13px;color:#c4d3c9}.site-footer a{color:#ffe0a1}.footer-bottom{border-top:1px solid #ffffff25;margin-top:28px;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;color:#a9bcb0}.disclosure{font-size:11px;color:#a9bcb0}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.mascot-stage{min-height:300px}.card-grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:70px;left:18px;right:18px;background:white;padding:18px;border:1px solid var(--line);border-radius:14px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.hero{padding:42px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.mascot-stage{min-height:260px;transform:scale(.88);margin:-8px -20px}.card-grid,.stats,.footer-grid{grid-template-columns:1fr}.section{padding:50px 0}.section-head{display:block}.tool-grid{grid-template-columns:1fr}.footer-bottom{display:block}.doghouse{width:240px;height:160px}.dog.one,.dog.two{font-size:68px}}