/* UNKLEMOON UNIVERSE · Approved Circle Emblem Brand Upgrade · 2026
   This stylesheet is additive and leaves the original word-game code untouched. */
:root{--forest:#183a2d;--pine:#234836;--pine2:#355d45;--cream:#f9f2e7;--paper:#eee0c9;--gold:#d4ac6a;--amber:#b98949;--rust:#9f6649;--ink:#2e302a;--muted:#645e51;--line:#d3b992}
body{background:radial-gradient(circle at 76% 2%,#fff9ee 0%,transparent 37%),linear-gradient(150deg,#faf4e8 0%,#eee0c7 100%)}
.site-header{background:linear-gradient(110deg,#102a21 0%,#1d3d2e 75%,#234736 100%);border-bottom:2px solid #b89860}
.header-inner{max-width:1280px;min-height:84px;gap:16px}
.brand{gap:10px;min-width:0}
.brand-seal{height:54px;width:54px;object-fit:cover;border-radius:50%;flex:0 0 54px;filter:drop-shadow(0 2px 4px #0003)}
.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.1}
.brand strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:.115em;font-size:1.13rem;font-weight:600;color:#fff6e4}
.brand small{font-size:.56rem;letter-spacing:.19em;margin-top:5px;color:#e5c994}
.site-nav{gap:4px}.site-nav a{border-radius:50px;padding:8px 9px;transition:background .2s,color .2s}.site-nav a:hover{background:#ffffff1c;color:#fff1c9}
.site-nav a[href="word-game.html"]{background:#d1a65a;color:#1c2f24;font-weight:700;padding-inline:12px}
.menu-toggle{color:#f7e6c7;border-color:#b89860}
.game-intro{background:radial-gradient(circle at 82% 25%,#3c5d48 0%,#224533 33%,#112a21 100%);border-bottom-color:#d1aa69}
.game-intro-inner{grid-template-columns:minmax(0,1fr) minmax(160px,315px);gap:30px;padding:34px 0 31px}
.game-intro h1{font-size:clamp(2.1rem,5vw,4.1rem);max-width:730px;letter-spacing:-.025em}
.game-intro h1 em{color:#f4d5a0}
.game-intro-copy>p:not(.eyebrow){color:#ebdfc9;max-width:630px}
.game-intro-art.branded-intro-art{width:100%;max-width:315px;margin:0;justify-self:center;text-align:center}
.game-intro-art.branded-intro-art img{height:auto;width:100%;max-width:315px;aspect-ratio:1;object-fit:contain;border:0;border-radius:50%;box-shadow:0 14px 42px #0004}
.game-intro-art.branded-intro-art figcaption{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#e7c998;margin-top:10px}
.game-intro-actions .button.gold{background:#d8b270;color:#243b2d}
.home-socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;align-items:center}
.home-socials a{display:inline-flex;align-items:center;color:#f1d6ad;text-decoration:none;font-size:.79rem;letter-spacing:.01em;border-bottom:1px solid #d4b47a77;padding:3px 0}
.home-socials a:hover{color:#fff7e7;border-color:#fff7e7}
.play-stage{border-color:#c9ae7e;background:#fffaf1}
.stage-heading .eyebrow{color:#906c32}
.world-window{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:42px;margin-bottom:40px;border:1px solid #c5aa82;background:#faf0db;box-shadow:0 13px 25px #352a1712;overflow:hidden;border-radius:14px}
.world-art{height:100%;background:#d9bf99}.world-art img{width:100%;height:100%;min-height:320px;object-fit:cover}
.world-copy{padding:34px clamp(20px,4vw,51px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.world-copy h2{font-size:clamp(1.8rem,3.2vw,3rem);color:#1b422f}.world-copy>p{color:#4e4f44}
.world-copy .world-quote{font-family:Georgia,serif;font-size:1.1rem;color:#675437;font-style:italic;padding-left:16px;border-left:3px solid #c5a266}
.world-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:10px}
.world-actions .text-link{font-size:.9rem}
.quick-grid a{background:#fffaf0;border:1px solid #dac7a9;border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}
.quick-grid a:hover{transform:translateY(-3px);border-color:#b88c4a;box-shadow:0 9px 20px #382b1620}
.page-head{position:relative;min-height:180px;overflow:auto;padding-top:35px;padding-bottom:18px}
.page-head h1{color:#193d2e}
.page-head>p{max-width:740px}
.page-head .page-seal{float:right;height:116px;width:116px;border-radius:50%;margin:0 0 12px 20px;filter:drop-shadow(0 4px 9px #423a271e)}
.paper-panel{border-color:#d5bb91}
.footer{background:linear-gradient(110deg,#132d23,#203d2c);border-top:3px solid #b88f4d}
.footer-brand-lockup{display:flex;gap:12px;align-items:center;color:#fff6e6;text-decoration:none}
.footer-brand-lockup img{height:62px;width:62px;object-fit:cover;border-radius:50%}
.footer-brand-lockup span{display:flex;flex-direction:column}
.footer-brand-lockup strong{font-family:Georgia,serif;font-size:1.22rem;letter-spacing:.1em}
.footer-brand-lockup small{color:#ddc398;font-size:.58rem;letter-spacing:.2em;margin-top:3px}
.footer-brand p{margin:12px 0 0}
.foot-links a:hover{text-decoration:underline}
.watch-channel{margin:10px 0 18px}
@media(max-width:1000px){.header-inner{min-height:72px}.brand-seal{width:48px;height:48px;flex-basis:48px}.game-intro-inner{grid-template-columns:minmax(0,1fr) 210px;gap:20px}}
@media(max-width:780px){.game-intro-inner{grid-template-columns:minmax(0,1fr) 150px;gap:10px;padding:27px 0}.game-intro-art.branded-intro-art img{max-width:150px;height:auto}.game-intro-art.branded-intro-art figcaption{font-size:.5rem;line-height:1.3}.game-intro h1{font-size:clamp(1.75rem,5vw,2.9rem)}.world-window{grid-template-columns:1fr}.world-art img{max-height:380px}.world-copy{padding:28px}}
@media(max-width:530px){.header-inner{padding:10px 13px;gap:8px}.brand-seal{width:43px;height:43px;flex-basis:43px}.brand strong{font-size:1rem}.brand small{font-size:.48rem}.game-intro-inner{grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:22px 0}.game-intro h1{font-size:clamp(1.55rem,6.2vw,2.35rem)}.game-intro-art.branded-intro-art img{max-width:112px}.game-intro-art.branded-intro-art figcaption{display:none}.game-intro-copy>p:not(.eyebrow){font-size:.82rem;line-height:1.45}.home-socials{gap:6px 11px;margin-top:12px}.home-socials a{font-size:.65rem}.game-intro-actions .button{font-size:.71rem;padding:10px}.page-head .page-seal{height:78px;width:78px;margin-left:12px}.page-head{padding-top:24px;min-height:150px}.footer-brand-lockup img{height:54px;width:54px}.world-window{margin-top:28px;margin-bottom:28px}.world-art img{min-height:190px;height:235px}.world-copy{padding:23px}.world-copy h2{font-size:1.9rem}}
@media(max-width:365px){.brand-seal{width:38px;height:38px;flex-basis:38px}.brand strong{font-size:.86rem}.game-intro-inner{grid-template-columns:minmax(0,1fr) 94px}.game-intro-art.branded-intro-art img{max-width:94px}}
@media(prefers-reduced-motion:reduce){.quick-grid a,.site-nav a{transition:none}}