/* The menu is live text over separate, native-resolution artwork. The nine-slice
   parchment preserves corner proportions when text wraps or users enlarge it. */
html.enchanted .woodland-menu {max-width:none;padding:0;background:#155345}
.woodland-menu .customer-welcome {min-height:calc(100svh - 36px);padding:45px 14px 20px;display:grid;place-items:center;background:#1994d4;isolation:isolate}
.woodland-menu .customer-welcome:after {display:none}
.menu-canopy {position:absolute;inset:0;z-index:-2;background:#1994d4 url('/assets/woodland-menu/oak-sky.webp') center/cover no-repeat}
.woodland-menu .customer-welcome-content {display:flex;flex-direction:column;align-items:center;width:min(100%,590px);min-width:0;padding:0;gap:0}
.woodland-menu .customer-cast-logo {display:block;width:91%;max-width:550px;height:auto;margin:0 0 -9px;position:relative;z-index:2;filter:drop-shadow(0 6px 5px #142b2740)}
html.enchanted .woodland-menu .customer-paper {box-sizing:border-box;position:relative;z-index:1;width:100%;min-width:0;max-width:none!important;padding:4px 3px 0!important;border:32px solid transparent;border-image:url('/assets/woodland-menu/parchment-frame.webp') 180 fill stretch;border-image-width:48px;border-radius:0;background:none!important;box-shadow:0 12px 22px #062b3050;color:#073b24;transform:none;text-align:center;animation:none!important;opacity:1!important}
html.enchanted .woodland-menu .customer-paper:before,html.enchanted .woodland-menu .customer-paper:after {display:none}
html.enchanted .woodland-menu .customer-paper :is(h1,p,small,a) {color:#073b24!important;text-shadow:none!important}
html.enchanted .woodland-menu .customer-paper h1 {font-family:Fraunces,Georgia,serif;font-size:clamp(30px,7.2vw,46px);line-height:1.03;font-weight:800;letter-spacing:-1px;margin:0 auto 12px;max-width:100%;text-wrap:balance}
html.enchanted .woodland-menu .world-intro {font-family:Georgia,serif;font-size:clamp(15px,3.6vw,21px);font-weight:700;line-height:1.25;margin:0 auto 9px;max-width:100%}
html.enchanted .woodland-menu .entry-play {position:relative;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:auto;aspect-ratio:4.45;min-height:66px;padding:0 12%;margin:0;border:0;border-radius:0;background:transparent url('/assets/woodland-menu/button-faces.webp') center 28.6%/100% auto no-repeat!important;box-shadow:none!important;color:#fff5cc!important;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:clamp(32px,8vw,49px);line-height:1;text-shadow:0 3px 2px #092d13;filter:drop-shadow(0 4px 2px #6b431d60);transition:transform .15s,filter .15s}
.woodland-menu .entry-play svg {width:1em;height:1em;flex-shrink:0;filter:drop-shadow(1px 3px 1px #142a13)}
html.enchanted .woodland-menu .hs-entry-install {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:5.1;height:auto;min-height:57px;margin:5px 0 8px;padding:0 8%;border:0;border-radius:0;background:transparent url('/assets/woodland-menu/button-faces.webp') center 80%/100% auto no-repeat!important;box-shadow:none!important;color:#fff1c8!important;font-family:Georgia,serif;font-size:clamp(19px,4.5vw,29px);font-weight:700;text-shadow:0 2px 1px #073b3b!important;transition:transform .15s}
html.enchanted .woodland-menu .hs-entry-install small {font:inherit;font-size:.72em;color:#fff1c8!important;white-space:nowrap}
.woodland-menu :is(.entry-play,.hs-entry-install):active {transform:translateY(3px) scale(.99)}
.woodland-menu :is(.entry-play,.hs-entry-install):hover {filter:brightness(1.08) drop-shadow(0 4px 2px #6b431d60)}
.woodland-menu :is(button,a):focus-visible {outline:3px solid #074ce0;outline-offset:3px}
.woodland-menu .customer-play-choices {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 15px;text-align:left}
html.enchanted .woodland-menu .customer-paper .customer-play-choices>div {position:relative;display:flex;align-items:center;gap:6px;padding:10px 6px;border:1px solid #a87420;border-radius:5px;background:linear-gradient(135deg,#fff4d3d9,#f8e2af8c)!important;box-shadow:inset 0 0 0 2px #fff5d4,0 2px 2px #74532340}
.woodland-menu .customer-play-choices>div:after {content:'';position:absolute;inset:5px;border:1px solid #bb8e4160;pointer-events:none}
.woodland-menu .customer-play-choices p {margin:0;font-family:Georgia,serif!important;line-height:1.25!important}
.woodland-menu .customer-play-choices strong {display:block;font-size:clamp(14px,3.6vw,21px);white-space:nowrap}
.woodland-menu .customer-play-choices p>span {display:block;margin-top:3px;font-size:clamp(12px,3vw,17px);font-weight:400}
.woodland-menu .customer-choice-icon {display:block;width:clamp(24px,7vw,42px);height:auto;flex-shrink:0;background:none;border:0;border-radius:0;box-shadow:none;padding:0;color:#087b3a}
.woodland-menu .menu-free-icon svg {display:block;width:100%;fill:#16863f;stroke:#14562c;stroke-width:1;filter:drop-shadow(1px 2px 1px #785d2a60)}
.woodland-menu .menu-coin {object-fit:contain;filter:drop-shadow(1px 2px 1px #785d2a60)}
.woodland-menu .customer-play-choices .customer-choice-icon:before {display:none!important}
.woodland-menu .customer-play-choices .customer-choice-icon {display:block!important;width:23px!important;height:28px!important;background:none!important}
.woodland-menu .customer-home-links {display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #a77a38;margin:0;padding-top:8px}
.woodland-menu .customer-home-links button {min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Georgia,serif;font-size:clamp(18px,4.5vw,25px);font-weight:700;color:#073b24;background:none;border:0;border-radius:0;box-shadow:none;padding:3px}
.woodland-menu .customer-home-links button+button {border-left:1px solid #a77a3870}
.woodland-menu .customer-home-links svg {width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}
.woodland-menu .customer-home-links button span {font-size:1.2em}
.woodland-menu>.topbar {width:100%;max-width:none;padding:12px 15px;z-index:5;pointer-events:none}
.woodland-menu>.topbar button {pointer-events:auto}
.woodland-menu>.topbar .sound-button {border:1px solid #f8e5a0!important;background:#034a41cf!important;box-shadow:0 3px 8px #07352640!important}
.woodland-menu>.site-footer {padding:8px 16px;min-height:36px;background:#103e32;font-size:12px}
.woodland-menu>.site-footer button {color:#fff2cb}
.menu-leaves {position:absolute;z-index:3;pointer-events:none;top:-25px;width:clamp(100px,24vw,270px);height:auto;transform-origin:0 0;animation:menu-leaf-sway 9s ease-in-out infinite alternate}
.menu-leaves-left {left:-38px;opacity:.8}
.menu-leaves-right {right:-38px;transform:scaleX(-1);animation-name:menu-leaf-sway-right;animation-delay:-4s;opacity:.75}
@keyframes menu-leaf-sway {from{transform:rotate(-1deg)}to{transform:rotate(1.2deg)}}
@keyframes menu-leaf-sway-right {from{transform:scaleX(-1) rotate(-1deg)}to{transform:scaleX(-1) rotate(1.2deg)}}
@media(min-width:900px){.woodland-menu .customer-welcome{padding-top:20px}.woodland-menu .customer-welcome-content{width:min(100%,520px)}.woodland-menu .customer-cast-logo{width:75%;max-width:390px}}
@media(max-width:370px){html.enchanted .woodland-menu .customer-paper{border-width:25px;padding:4px 0 0!important}.woodland-menu .customer-welcome{padding-inline:8px}.woodland-menu .customer-play-choices{gap:6px}.woodland-menu .customer-play-choices>div{gap:5px;padding:8px 5px}.woodland-menu .customer-play-choices strong{font-size:13px}.woodland-menu .customer-play-choices .customer-choice-icon{width:19px!important}.woodland-menu .customer-home-links button{gap:6px}.woodland-menu .customer-cast-logo{width:88%}}
@media(prefers-reduced-motion:reduce){.menu-leaves{animation:none!important}.woodland-menu :is(.entry-play,.hs-entry-install){transition:none}}

/* Centre each entry group, leaving equal breathing room around its artwork. */
html.enchanted .woodland-menu .customer-paper .customer-play-choices>div {
 justify-content:center;flex-direction:column;gap:7px;padding:12px 10px;min-width:0;
}
.woodland-menu .customer-play-choices p {text-align:center;flex:0 1 auto;min-width:0}
.woodland-menu .customer-play-choices strong {white-space:normal;text-wrap:balance;line-height:1.15;font-size:18px}
.woodland-menu .customer-play-choices p>span {text-wrap:balance;line-height:1.2}
.woodland-menu .customer-play-choices .customer-choice-icon {
 width:26px!important;height:26px!important;align-self:center;object-fit:contain;
}
.woodland-menu .menu-free-icon svg {height:100%;width:100%}
@media(max-width:480px){
 html.enchanted .woodland-menu .customer-paper .customer-play-choices>div {flex-direction:column;gap:6px;padding:12px 8px}
 .woodland-menu .customer-play-choices strong {font-size:16px}
 .woodland-menu .customer-play-choices p>span {font-size:14px}
}

/* A geometric cross stays centred regardless of font metrics or device. */
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button) {
 position:relative;display:inline-grid;place-items:center;flex:0 0 44px;
 width:44px!important;height:44px!important;min-width:44px;min-height:44px!important;
 padding:0!important;border:2px solid #ffb7a9!important;border-radius:14px!important;
 background:radial-gradient(ellipse at 50% 0,#ffffff80,transparent 65%),linear-gradient(#ff665b 0%,#f02e35 46%,#d40f29 51%,#eb2440 100%)!important;
 box-shadow:inset 0 2px 1px #ffffff85,inset 0 -2px 2px #a8002c,0 4px 0 #850d29,0 6px 9px #091f3640!important;
 color:white!important;font-size:0!important;line-height:1!important;text-shadow:none!important;
 transition:transform .12s,filter .12s;
}
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button)::before,
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button)::after {
 content:'';position:absolute;left:50%;top:50%;width:23px;height:3px;border-radius:2px;
 background:#fffbed;box-shadow:0 1px 1px #840c2755;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;
}
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button)::after {transform:translate(-50%,-50%) rotate(-45deg)}
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button):hover {filter:brightness(1.08)}
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button):active {transform:translateY(3px)}
html.enchanted dialog :is(button.close,button.hs-close,.hunt-board-dialog-heading>button):focus-visible {outline:3px solid #fff;outline-offset:5px}
/* The install guide keeps its existing corner placement. */
html.enchanted dialog button.hs-close {position:absolute}