/* Let the night unfold. Native controls stay reachable through All adventures. */
body[data-first-night-stage] #curio-satchel [hidden],body[data-first-night-stage] #first-night-guide[hidden]{display:none!important}
#overlay .curio-entry[data-curio-variant=entry] .curio-original-copy>p{max-width:29ch;font-family:Georgia,serif;font-size:17px;line-height:1.5;margin-bottom:12px;color:#d3d5b9}
#overlay .curio-entry[data-curio-variant=entry] .curio-original-heading h1{max-width:13ch;font-size:44px;line-height:1.04}
#overlay .curio-entry[data-curio-variant=entry] .curio-primary-actions{display:block;padding-top:7px}
#overlay .curio-entry[data-curio-variant=entry] .curio-primary-actions>#start-tutorial{width:min(100%,360px);margin:0;min-height:69px;max-width:100%;font-size:16px}
#overlay .curio-entry .curio-friend-actions{justify-content:flex-start;gap:6px 16px}
#overlay .curio-entry .curio-friend-actions>button#start.curio-ticket{min-height:44px;min-width:120px;margin:0;padding:7px 0;background:transparent;color:#d4c3a1;border-radius:0;box-shadow:none;font:12px/1.4 'DM Sans',sans-serif;transform:none}
#overlay .curio-entry .curio-friend-actions>button#start.curio-ticket::before{border:0;border-bottom:1px dotted #adab8255;inset:5px 0 3px}
#overlay .curio-entry .curio-friend-actions>button#intro-coven.curio-ticket{min-height:44px;padding:7px 0;margin:0;font:12px/1.4 'DM Sans',sans-serif}
#overlay .curio-entry .first-night-adventures{margin-top:13px}
#overlay .curio-entry .first-night-adventures>summary{justify-content:flex-start;min-height:44px;gap:7px;font:12px/1.4 'DM Sans',sans-serif;color:#b7bea0}
#overlay .curio-entry .first-night-adventures>summary::after{order:-1;font-size:18px}
#overlay .curio-entry .first-night-adventures-body{padding-top:7px;border-top:1px dashed #8fa07955}
#overlay .curio-entry .first-night-adventures #open-character-entry{width:100%;min-height:49px;padding:10px 14px;margin-bottom:5px;font-size:12px;color:#decda8;background:#38544a;transform:none;border-radius:5px 16px 5px 16px}
#overlay .curio-entry .curio-friend-note{text-align:left;margin-top:8px}
#overlay .curio-entry[data-curio-variant=entry] .curio-fold:not(.first-night-adventures)>summary{justify-content:flex-start;font-size:11px;min-height:44px}
#overlay .curio-entry[data-curio-variant=entry] .curio-ledger{justify-content:flex-start}

/* A pressed-leaf next step, never a blocking tutorial card. */
.first-night-guide{box-sizing:border-box;position:fixed;z-index:14;left:50%;top:calc(83px + env(safe-area-inset-top,0px));transform:translateX(-50%) rotate(-1deg);display:flex;align-items:center;gap:4px;width:min(344px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:3px 5px 3px 9px;color:#e5ddbd;background:#233e3de8;border:1px solid #a1b28c66;border-radius:38% 7px 34% 8px/12% 12% 14% 12%;box-shadow:0 4px 12px #0b1a2233;backdrop-filter:blur(7px);pointer-events:auto;font-family:'DM Sans',sans-serif}
.first-night-guide-action{display:flex;align-items:center;flex:1;min-width:0;gap:10px;min-height:46px;padding:4px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;box-shadow:none;cursor:pointer;font:inherit}
.first-night-guide-icon{display:block;flex:none;width:25px;font:30px/1 Georgia,serif;color:#e8c184;text-align:center}
.first-night-guide-copy{display:block;min-width:0}.first-night-guide-copy strong{display:block;font:17px/1.1 Georgia,serif;color:#f0dfb8;font-weight:400}.first-night-guide-copy small{display:block;margin-top:4px;font:10px/1.3 'DM Sans',sans-serif;color:#bac8ac}
.first-night-guide-dismiss{display:grid;place-items:center;flex:none;width:40px;min-width:40px;height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#b9c7ac;box-shadow:none;font:23px/1 Georgia,serif;cursor:pointer}
.first-night-guide :focus-visible{outline:2px solid #edcb8c;outline-offset:1px}
body:has(#toast.show) .first-night-guide,body:has(#prompt[style*="display: block"]) .first-night-guide,body.satchel-open .first-night-guide,body:has(dialog[open]) .first-night-guide,body:has(#overlay:not(.hidden)) .first-night-guide,body:has(#progress-overlay:not([hidden])) .first-night-guide,body:has(#tutorial-guide:not([hidden])) .first-night-guide,body:has(#activity-panel:not([hidden])) .first-night-guide,body:has(#forest-overlay:not([hidden])) .first-night-guide{display:none}

/* The same illustrated objects, with room to learn before the full moon opens. */
#curio-satchel .first-night-menu-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:6px 0 8px;position:relative}
#curio-satchel .first-night-menu-controls button{min-height:44px;min-width:145px;padding:9px 17px;border:1px dashed #a5b58b77;border-radius:38% 8px 37% 8px;background:#52705a26;color:#d7c59e;font:12px/1.4 'DM Sans',sans-serif;box-shadow:none;cursor:pointer}
#curio-satchel .first-night-satchel-next{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:min(380px,100%);margin:12px auto 24px;padding:0}
#curio-satchel .first-night-eyebrow{font:8px/1.4 'DM Sans',sans-serif;letter-spacing:2px;color:#b8c29e;margin:0 0 8px}
#curio-satchel .first-night-next-action{display:block;min-width:0;width:100%;min-height:76px;padding:14px 20px;border:1px solid #cfb37777;border-radius:18px 55% 14px 42%/24% 22% 20% 24%;background:radial-gradient(ellipse at 30% 20%,#85996b44,transparent),#355248;color:#edddbb;box-shadow:1px 4px 0 #142e2d66;text-align:center;cursor:pointer}
#curio-satchel .first-night-next-action strong{display:block;font:26px/1.12 Georgia,serif;font-weight:400}
#curio-satchel .first-night-next-action small{display:block;margin-top:7px;font:11px/1.4 'DM Sans',sans-serif;color:#becbae}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-orbit{display:flex;flex-direction:column;min-height:0;height:auto;margin-top:0;padding-bottom:5px}
#curio-satchel:not([data-first-night-stage="3"]) .curio-night-weave{height:100%;opacity:.35}
#curio-satchel:not([data-first-night-stage="3"]) .curio-wreath-moon{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading{position:relative;left:auto;top:auto;transform:none;order:0;width:100%;min-height:0;padding:7px 0 0;margin:0 auto}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading:before{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading>.curio-bag-art{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading>p,#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading>span{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading h2{font-size:32px;margin:3px 0 14px}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading h2 br{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .first-night-satchel-next{order:1;margin-top:0}
#curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-pockets{order:2;position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px 17px;width:min(600px,100%);margin:0 auto;padding:0 0 10px}
#curio-satchel:not([data-first-night-stage="3"]) button.curio-pocket{position:relative;left:auto;top:auto;translate:none;transform:none;width:100%;min-height:115px;padding:0 0 10px;margin:0;grid-column:auto;justify-self:auto}
#curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-art{width:94px;height:70px;margin-bottom:2px}
#curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-copy strong{font-size:21px;line-height:1.12}
#curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-copy small{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-almanac-bookmark{max-width:280px;margin:0 auto 14px;min-height:50px;padding-block:2px}
#curio-satchel:not([data-first-night-stage="3"]) .curio-almanac-bookmark small{display:none}
#curio-satchel:not([data-first-night-stage="3"]) .curio-almanac-bookmark strong{font-size:20px}
@media(max-width:760px){
 #overlay .curio-entry[data-curio-variant=entry] .curio-stage{height:230px}
 #overlay .curio-entry[data-curio-variant=entry] .curio-display-title{font-size:55px;padding-top:15px}
 #overlay .curio-entry[data-curio-variant=entry] .curio-illustration{width:275px;right:-12px;bottom:-50px}
 #overlay .curio-entry[data-curio-variant=entry] .curio-office-sign{display:none}
 #overlay .curio-entry[data-curio-variant=entry] .curio-motto{font-size:9px!important;max-width:43%}
 #overlay .curio-entry[data-curio-variant=entry] .curio-original-heading h1{font-size:34px;max-width:100%;margin:10px 0}
 #overlay .curio-entry[data-curio-variant=entry] .curio-original-copy>p{font-size:15px;line-height:1.45;max-width:27ch;margin-bottom:9px}
 #overlay .curio-entry[data-curio-variant=entry] .curio-primary-actions>#start-tutorial{min-height:60px;font-size:15px;width:100%}
 #overlay .curio-entry .curio-friend-actions{justify-content:center;gap:5px 14px}
 #overlay .curio-entry .first-night-adventures{margin-top:5px}
 #overlay .curio-entry .first-night-adventures>summary{min-height:44px}
 #overlay .curio-entry .curio-friend-note,#overlay .curio-entry[data-curio-variant=entry] .curio-ledger{justify-content:center;text-align:center}
 .first-night-guide{top:auto;bottom:calc(126px + env(safe-area-inset-bottom,0px));width:min(290px,calc(100vw - 30px));left:50%;padding:2px 4px 2px 7px;transform:translateX(-50%);background:#233e3ddd}
 .first-night-guide-copy strong{font-size:15px}.first-night-guide-copy small{font-size:9px}.first-night-guide-icon{font-size:24px;width:20px}.first-night-guide-action{gap:7px;min-height:41px}.first-night-guide-dismiss{height:40px;width:36px;min-width:36px}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-pockets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:min(360px,100%)}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading h2{font-size:29px;margin-bottom:18px}
 #curio-satchel:not([data-first-night-stage="3"]) .first-night-next-action strong{font-size:24px}
 #curio-satchel:not([data-first-night-stage="3"]) .first-night-satchel-next{margin-bottom:20px;max-width:330px}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-copy strong{font-size:21px}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading{display:block}
}
@media(max-width:350px){#overlay .curio-entry[data-curio-variant=entry] .curio-stage{height:200px}#overlay .curio-entry[data-curio-variant=entry] .curio-display-title{font-size:48px}#overlay .curio-entry[data-curio-variant=entry] .curio-illustration{width:240px;bottom:-43px}#overlay .curio-entry[data-curio-variant=entry] .curio-original-heading h1{font-size:30px}#overlay .curio-entry[data-curio-variant=entry] .curio-original-copy>p{font-size:14px}}
@media(max-height:500px) and (min-width:501px){
 #overlay .modal.curio-entry[data-curio-variant=entry] .curio-stage{height:100%}
 #overlay .modal.curio-entry[data-curio-variant=entry] .curio-original-heading h1{font-size:29px}
 #overlay .modal.curio-entry[data-curio-variant=entry] .curio-original-copy>p{font-size:12px}
 #overlay .modal.curio-entry[data-curio-variant=entry] .curio-display-title{font-size:48px}
 #overlay .modal.curio-entry[data-curio-variant=entry] .curio-illustration{width:280px;right:auto;left:50%;bottom:-35px}
 .first-night-guide{top:calc(62px + env(safe-area-inset-top,0px));bottom:auto;width:250px;left:auto;right:10px;transform:none}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-orbit{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;align-items:center}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading{grid-column:1;grid-row:1;padding:0}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-heading h2{font-size:26px}
 #curio-satchel:not([data-first-night-stage="3"]) .first-night-satchel-next{grid-column:1;grid-row:2;margin:0}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-satchel-pockets{grid-column:2;grid-row:1 / 3;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #curio-satchel:not([data-first-night-stage="3"]) button.curio-pocket{min-height:95px}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-art{width:75px;height:56px}
 #curio-satchel:not([data-first-night-stage="3"]) .curio-pocket-copy strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.first-night-guide,#curio-satchel .first-night-satchel-next{animation:none!important;transition:none!important}}

/* A steady lantern rim identifies the nearby action without flashing. */
#game-controls button.lantern-next-action{outline:2px solid #f3d49a;outline-offset:3px;box-shadow:0 0 18px #f3d49a55}

header>button.brand{border:0;background:transparent;padding:0;min-height:44px;box-shadow:none;font-family:inherit;cursor:pointer}