/* Little Wonder — an explorer's journal. Decoration never covers content. */
:root{--ink:#253c34;--muted:#666454;--paper:#faf5e9;--coral:#aa4933;--line:#dcd0b7;--brass:#98763c;--forest:#253f35}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 90% 0%,#e7d5b14d,transparent 48%);color:var(--ink)}
header,.world-header{border-bottom:1px solid var(--line)}
.brand{color:var(--forest);letter-spacing:-1px}
.world-nav a[aria-current=page]{background:var(--forest);color:#fffaf0}
.world-nav a:hover{background:#e9dfcb;color:var(--forest)}
h1{color:var(--forest);font-family:Georgia,'Times New Roman',serif;letter-spacing:-2.8px;line-height:1.09}
.world-hero h1{letter-spacing:-2.5px;line-height:1.1}
h1 em,h2 em{color:var(--coral)}
.eyebrow,.world-kicker{color:#806130;letter-spacing:1.7px;line-height:1.7}
.intro,.world-hero,.games-hero,.numbers-page{position:relative}
.intro:before,.world-hero:before,.games-hero:before{content:'';position:absolute;right:0;top:12px;width:180px;height:65px;border-top:2px dotted #aa493345;border-right:2px dotted #aa493345;border-radius:0 70% 0 0;pointer-events:none;z-index:-1;transform:rotate(-9deg)}
.intro:after,.world-hero:after{content:'✧';position:absolute;top:50px;right:8px;color:#9d763a65;font-size:25px;pointer-events:none;z-index:-1}
.entry,.world-form{background:linear-gradient(135deg,#f5edda,#eee2c9);border:1px solid #cabb97;border-radius:12px;box-shadow:0 8px 25px #57462b0a,inset 0 0 0 5px #ffffff40}
.entry{padding:30px 32px}.world-form{padding:30px}
.treasure-emblem{width:100%;text-align:center;margin:0 auto 25px;color:#8d6c35}
.treasure-emblem svg{display:block;width:150px;height:150px;margin:0 auto 12px;stroke:currentColor;stroke-width:1.2}
.treasure-emblem span{font-size:9px;font-weight:700;letter-spacing:2.2px}
input,select,.world-form input,.world-form select{background:#fffdf6;border-color:#bfb28e;color:#253c34}
button,#birthform button,.world-form button[type=submit]{background-color:var(--forest);color:#fffaf0}
button.secondary,.world-examples button,.filters button,.secondary{background:#eee6d6;color:var(--forest)}
button.demo,button.textbutton{background:transparent;color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a57835;outline-offset:4px}
.factcard,.world-choices button{background:#fffdf6;border-color:#d8cbb0;border-radius:10px;box-shadow:0 3px 12px #67533305}
.factcard .mark{background:#eee4ce;color:var(--brass)}
.tag{color:#806130}.factcard h3,.sectionhead h2{color:var(--forest)}
.peach,.lavender,.sage,.world-panel,.world-intro-card{background:#eee5d3;border-color:#d9ccb1}
.teasergrid article{border:1px solid #d6c6a4;border-radius:10px}
.teasergrid article:nth-child(2){background:#e5e9dd}.teasergrid article:nth-child(3){background:#f0dfcc}
.milestones,.world-next{background:#e7ebdf;border:1px solid #cbd3bc;border-radius:12px}
.world-next-grid a{background:#fffdf6;border-color:#cbd3bc;border-radius:9px}
.world-next-grid a:hover{border-color:var(--coral);box-shadow:0 3px 12px #253f350c}
.world-next h2:before{content:'↗';display:inline-block;margin-right:10px;color:var(--coral)}
.numbercard,.world-stat{background:#eee6d5;border:1px solid #ded0b4;border-radius:9px}
.jump{background:#faf5e9f5}.trust{color:#62624f}
.lw-data-notice{border-color:#d5c5a4!important;background:#f2ead8!important}
footer,.world-footer{border-color:var(--line)}
/* Compact game controls retain their established layouts and state colours. */
.games-hero h1,.numbers-page>h1{font-family:Georgia,'Times New Roman',serif}
@media(max-width:750px){h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1.8px}.world-hero h1{letter-spacing:-1.5px}.intro{gap:24px}.entry,.world-form{padding:24px}.treasure-emblem svg{width:112px;height:112px}.treasure-emblem{margin-bottom:20px}.intro:before,.world-hero:before{width:100px;opacity:.55}}
