/* A storybook leaf in the existing Oopslings village. Decorative art only;
   the adventure stages, character artwork and saved game state stay intact. */
:root{--ink:#4b3828;--cream:#fff3d5;--moss:#415c38;--berry:#843d61}
body{display:flow-root;position:relative;color:var(--ink);background:#eee0b8;isolation:isolate}
body::before{content:"";position:absolute;inset:0 0 auto;height:min(1100px,100vh);z-index:-1;pointer-events:none;background:linear-gradient(#fff4d718,#f5e5ba3d),url('assets/village-background-v9.webp') center top/cover no-repeat;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.topbar,footer{width:min(1400px,calc(100% - 88px));border:2px solid #d1a052;background:linear-gradient(105deg,#745030,#553b29 55%,#705030);color:#fff3d5;box-shadow:0 5px 0 #75502d,0 10px 24px #3d361d40}
.topbar{margin:20px auto 0;border-radius:26px 14px 26px 14px}
.logo{text-shadow:2px 3px #352619}
.topbar nav a{color:#fff3d5}
.topbar nav a:hover,.topbar nav a[aria-current]{background:linear-gradient(#fff0bf,#e7b665);color:var(--ink)}
.settings button{background:#403c28;color:#fff3d5;border-color:#b59654}
.settings button[aria-pressed=true]{color:#ffe5a1}
.settings button:disabled{background:#62634b;color:#fff3d5}
.release-status{background:#fff1cf;color:#5b4228;border-color:#a67c3f;box-shadow:0 2px 0 #79512b33}
.audio-unlock-note{width:fit-content;max-width:calc(100% - 32px);margin:8px auto 0;padding:5px 10px;border:1px solid #bc9653;border-radius:12px;background:#fff3d8;color:#56452e;text-align:center}
#view{width:min(1400px,calc(100% - 88px));margin:18px auto 26px;padding:24px;border:2px solid #b98946;border-radius:30px 14px 30px 14px;background:#fff7e6f2;box-shadow:0 6px 0 #61422c66,0 16px 40px #2e321833}
.paper,.speech,.quest-board,dialog{background:radial-gradient(ellipse at 40% 20%,#fffae9,#f4dba4);color:var(--ink);border-color:#b88a49}
.adventure-card{border-radius:24px 12px 24px 12px}
.adventure-card:nth-child(2){border-color:#849a56}
.adventure-card:nth-child(3){border-color:#ae83ae}
.wood{background:linear-gradient(#b27e42,#80542e);color:#fff3d5}
.button{background:linear-gradient(#ffe9b2,#e9b456);color:var(--ink)}
.read{background:#fff0c6;color:var(--moss)}
.read:hover{background:#ffe2a0}
.home-title-plank{background:linear-gradient(#916535,#61432b);color:#fff3d5;text-shadow:0 2px #352619}
.home-scene,.room-scene,.story-scene{background:#6a7447}
.friend-shelf h2,.friend-tile strong,.page-heading h1{color:var(--ink);text-shadow:0 1px #fff9e9}
.friend-tile small,.workshop-tap-hint{color:var(--moss)}
.eyebrow{color:#79522f}
.back,.quiet{background:#415c38;color:#fff3d5;border-color:#b58b49}
.building-grid>a>span{color:var(--ink)}
.image-card>span,.step-note,.idea-bubble{color:var(--ink)}
.book-tabs button{color:var(--ink)}
.book-tabs button[aria-pressed=true]{background:#4b633c;color:#fff6d9}
.book-art{color:var(--moss)}
.quest-progress li{color:#536041}
.quest-progress em{background:#526a3c;color:#fff8e4}
.quest-progress .current{color:#724e2c}
.quest-progress .current em{background:#e9bc64;color:#4a3526}
.quest-progress .done{color:#3f6035}
.story-track{background:#466039}
.story-scene figcaption{background:#60452ef5;color:#fff3d5}
.check-button{color:var(--moss)}
.rival-teaser,.rival-profile{color:#fff0d6}
.rival-teaser .eyebrow,.rival-profile .eyebrow{color:#ffe3ad}
footer{margin:0 auto 24px;padding:18px 24px;border-radius:14px 26px 14px 26px}
footer span{color:#fff0d0}
button:focus-visible,a:focus-visible{outline:3px solid var(--berry);outline-offset:3px}
@media(max-width:760px){
  .topbar,footer,#view{width:calc(100% - 24px)}
  .topbar{margin-top:12px;border-radius:20px 12px}
  #view{margin:14px auto 22px;padding:10px;border-radius:22px 12px}
  .faces{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
  .friend-tile{min-width:0}
  .home-title-plank{font-size:14px;line-height:1.35;white-space:normal;height:auto}
  footer{padding:16px 12px}
  .audio-unlock-note{font-size:11px;line-height:1.5}
}