:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#edf0e6;background:#071323}*{box-sizing:border-box}html,body,#manor-app,#manor-viewport{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e5bb75;outline-offset:5px}[hidden]{display:none!important}#manor-viewport{position:absolute;inset:0}#manor-viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#manor-entry{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#30405588,#071323ee 70%);z-index:20;padding:25px}.entry-card{max-width:600px;padding:35px;border:1px solid #8e754d55;border-radius:12px;background:#101923ee;box-shadow:0 20px 100px #0008}.entry-card h1{font:clamp(32px,5vw,54px)/1.1 Georgia,serif;color:#e2c18b;margin:15px 0 20px}.entry-card p{line-height:1.6;color:#c5cbd0}.eyebrow{font-size:11px;letter-spacing:.17em}.entry-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:25px 0}a{color:#c9deec}.gold{display:inline-flex;align-items:center;justify-content:center;background:#c89e57;color:#171b20;border:1px solid #e9c88b;text-decoration:none;border-radius:6px;font-weight:700;padding:13px 22px;min-height:46px}.gold:hover{background:#e0bc7c}small{color:#929fab;font-size:12px}#manor-hud{position:absolute;inset:0;pointer-events:none}#manor-hud button,#manor-hud select,#manor-stick,#manor-hud a{pointer-events:auto}.icon{width:48px;height:48px;border:0;background:transparent;color:#eff2ec;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 4px #000) drop-shadow(0 0 3px #ccddff55);padding:8px;border-radius:4px;position:relative}.icon svg{width:29px;height:29px;overflow:visible}.icon[aria-pressed=true]{color:#f4cc7f}.icon:hover{color:#ffe1a1}.icon kbd{position:absolute;bottom:-2px;right:0;font:10px system-ui;color:#d4c19c;text-shadow:0 1px 2px black;opacity:.8}header{position:absolute;left:max(15px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(9px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:15px}header nav{display:flex;gap:2px;align-items:center}.hunt-status{display:flex;align-items:center;gap:9px;text-shadow:0 2px 4px black;font-size:17px}#pumpkin-symbol{display:flex;color:#e8a059}#pumpkin-symbol svg{width:28px;height:28px}#manor-lives{display:flex;gap:3px;margin-left:10px;color:#df8d8a}#manor-lives svg{width:18px;height:18px}.life-lost{opacity:.18}#manor-notice{position:absolute;top:80px;left:50%;transform:translateX(-50%);max-width:80%;width:max-content;text-align:center;line-height:1.4;padding:9px 15px;border-radius:5px;background:#08111dc9;color:#e9dfc4;font-size:14px}#manor-notice:empty{display:none}#manor-save-warning{position:absolute;left:16px;top:67px;color:#f7b87c;font-size:12px;max-width:260px}#manor-tutorial{position:absolute;left:22px;bottom:94px;max-width:340px;padding:16px 40px 12px 17px;background:#0b1424d9;border-left:2px solid #c8ab75;font-size:13px;pointer-events:auto}#manor-tutorial p{margin-bottom:0;color:#c1cbd7;line-height:1.5}#manor-dismiss-tip{position:absolute;right:4px;top:0;background:none;border:0;font-size:25px;color:#b1bfce;padding:6px}#manor-stick{display:none;position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:25px;width:112px;height:112px;border:1px solid #b9c8cf66;background:#11213422;border-radius:50%;touch-action:none}#manor-stick span{display:block;position:absolute;left:38px;top:38px;width:34px;height:34px;border:1px solid #b9c8cf99;background:#b9c8cf33;border-radius:50%;pointer-events:none}.context-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:13px}#manor-collect{color:#f6b467}#manor-jump{color:#bed8e3}.action-wheel{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:96px;width:48px;height:48px;transition:transform .24s ease}.action-wheel.open{transform:translate(-62px,-62px)}#manor-wheel-items{position:absolute;inset:0}#manor-wheel-items>.icon{position:absolute;left:0;top:0;transform:translate(var(--x),var(--y));animation:fan-in .2s ease-out}#manor-torch{--x:-72px;--y:0px;color:#f2ddaa}#manor-caddy{--x:-49px;--y:-63px;color:#afdae6}#manor-view{--x:29px;--y:-73px}#manor-radio{--x:75px;--y:-16px;color:#c3c5ee}#manor-wheel-toggle{color:#e8c78e}.action-wheel.open #manor-wheel-toggle{transform:rotate(45deg)}@keyframes fan-in{from{opacity:0;transform:translate(0,0)}to{opacity:1}}#manor-map-toggle{position:absolute;left:18px;bottom:22px;color:#b8d8c6}#manor-map-panel{position:absolute;left:20px;bottom:80px;width:min(560px,calc(100vw - 40px));background:#0a1424ed;border:1px solid #9caaab66;border-radius:7px;padding:12px}#manor-map{display:block;width:100%;height:auto;aspect-ratio:720/440}#manor-map-caption{font-size:11px;margin:6px 0 0;color:#b8c9cc}#manor-radio-panel{position:absolute;right:20px;bottom:270px;width:min(280px,calc(100vw - 40px));padding:16px;background:#101a29f2;border:1px solid #7f8a9b;border-radius:8px;pointer-events:auto}#manor-radio-panel label{display:block;margin-bottom:8px}#manor-radio-panel select{width:100%;margin-bottom:10px}#manor-radio-panel button{padding:8px;margin-right:5px;background:#273241;border:1px solid #8494a6;color:#e4edf1;border-radius:4px}#manor-paused,#manor-game-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#07101dda;pointer-events:auto;z-index:8;padding:25px;text-align:center}#manor-game-over{z-index:12}#manor-scare{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 25%,#270e16c9);display:grid;place-items:center;z-index:10}#manor-scare span{color:#ecd1c4;font:clamp(24px,4vw,42px) Georgia,serif;text-shadow:0 2px 15px black}dialog{background:#111b29;color:#e6e8df;border:1px solid #9c896855;border-radius:10px;width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:25px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#02060c99}dialog h2{margin-top:0;font:28px Georgia,serif;color:#ddc18d}.close{position:absolute;right:10px;top:7px;color:#cad8e2;font-size:28px;background:transparent;border:0}dialog [role=tablist]{display:flex;gap:10px;border-bottom:1px solid #71818d66;margin-bottom:20px;padding-bottom:12px}dialog button:not(.close){background:#243243;color:#e4edf1;border:1px solid #72818b88;padding:10px 15px;border-radius:5px}dialog [role=tab][aria-selected=true]{background:#b99456;color:#121b22;border-color:#d7b377}dialog section{line-height:1.5}#manor-panel-settings{display:grid;gap:15px}dialog .check{display:flex;gap:9px;align-items:center}input[type=file]{max-width:100%}dialog dl{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:12px 18px}dialog dt{color:#e4c996}dialog dd{margin:0;color:#c5ceda}#manor-reset-confirm{border-color:#be8f6c!important}body.embedded{background:#071323}@media(pointer:coarse),(max-width:760px){#manor-stick{display:block}#manor-map-toggle{bottom:158px;left:18px}#manor-map-panel{bottom:214px}#manor-tutorial{left:18px;bottom:215px;max-width:260px;font-size:12px}header{gap:4px}.hunt-status{font-size:14px;gap:6px}#manor-lives{margin-left:3px;gap:1px}#manor-lives svg{width:14px}.icon{width:44px;height:44px}.icon kbd{display:none}header nav{gap:0}header nav .icon{width:36px;padding:6px}.entry-card{padding:24px}.entry-card h1{font-size:36px}#manor-notice{top:66px;font-size:12px;max-width:86%}#manor-save-warning{top:105px;font-size:11px}.context-actions{gap:13px}.action-wheel{bottom:100px}.action-wheel.open{transform:translate(-64px,-58px)}#manor-radio-panel{bottom:265px}}@media(max-width:370px){header nav .icon{width:31px}#manor-lives svg{width:12px}.hunt-status{font-size:12px}#pumpkin-symbol svg{width:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#pumpkin-count.hunt-complete{color:#f2cf88;text-shadow:0 0 9px #dfa84466}#manor-zone-progress{font-size:14px;grid-template-columns:1fr auto;gap:5px 18px;max-width:330px;border-block:1px solid #66778855;padding:10px 0}

/* Halloween welcome: broad Gothic title behind Greg; foreground controls. */
@font-face{font-family:'Grongle Gothic';src:url('/assets/range/fonts/UnifrakturCook-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
#manor-entry{background:radial-gradient(ellipse at 75% 65%,#6d2e2133,transparent 60%),radial-gradient(ellipse at 20% 10%,#39305a44,transparent 70%),#080c15;padding:16px;overflow:auto}
.halloween-welcome{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;width:min(1440px,100%);max-width:1440px;height:min(900px,calc(100dvh - 32px));min-height:0;display:flex;align-items:stretch;padding:clamp(24px,3vw,44px);border:1px solid #bb904b70;border-radius:12px;background:radial-gradient(ellipse at 83% 61%,#84ad281c,transparent 46%),radial-gradient(ellipse at 20% 70%,#d95c1820,transparent 55%),linear-gradient(145deg,#131a27,#1d1421 70%,#121c24);box-shadow:-10px 8px 55px #df742716,10px -6px 55px #86af3420,0 20px 100px #000b,inset 1px 1px 30px #d87b1410,inset -1px -1px 30px #79a7320c}
.halloween-welcome::before{content:'';position:absolute;z-index:-1;right:13%;top:10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#d1c3a22b,#b1a8910c 60%,transparent 72%)}
.halloween-welcome::after{content:'';position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(transparent,#101922dd);pointer-events:none;z-index:2}
.welcome-copy{position:static;z-index:auto;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.halloween-welcome h1{position:absolute;top:4%;left:3.5%;width:93%;z-index:1;margin:0;font:700 clamp(90px,20cqw,310px)/.74 'Grongle Gothic',Georgia,serif;letter-spacing:.01em;color:#f0d8b6;text-shadow:-3px 1px 20px #f1843126,3px -1px 22px #83b73626,0 2px 10px #0008}
.halloween-welcome h1 span{display:block;width:max-content;transform:scaleX(1.4);transform-origin:left center}.halloween-welcome h1 span+span{transform:scaleX(1.6)}.halloween-welcome h1 span+span{margin-top:.05em}
.halloween-welcome .welcome-objective{position:relative;z-index:3;max-width:42%;margin:0 0 22px;font-size:clamp(21px,2.3vw,32px);line-height:1.32;color:#ddd2c5;text-shadow:0 2px 8px #000}
.welcome-objective strong{display:block;margin-top:8px;font-weight:800;letter-spacing:.025em;color:#f1ba79}
.halloween-welcome .entry-actions{position:relative;z-index:4;display:flex;align-items:flex-end;flex-direction:row;gap:22px;margin:0;flex-wrap:nowrap}
.halloween-welcome #manor-start{width:clamp(124px,12vw,164px);height:clamp(124px,12vw,164px);min-width:0;min-height:0;padding:12px;aspect-ratio:1;border-radius:8px;font:700 clamp(38px,4.2vw,58px)/1.1 'Grongle Gothic',Georgia,serif;letter-spacing:.01em;background:linear-gradient(150deg,#ffc15a 0%,#ff9a26 32%,#ed7018 65%,#b83e0b 100%);border:1px solid #ffbb65;color:#24130a;box-shadow:inset 0 1px 1px #ffe5aa99,inset 0 -1px 1px #8c270766,-6px 4px 22px #ee721a30,6px -2px 22px #83ab2d2c;text-shadow:0 1px #ffd39088}
.halloween-welcome #manor-start:hover{background:linear-gradient(150deg,#ffd080,#ffad3b 35%,#f47c1d 67%,#cd510c);box-shadow:-7px 4px 25px #f080273e,7px -2px 24px #8ebc353b}
.halloween-welcome .hunt-mode{position:relative;display:block;flex:none;width:78px;height:78px;margin:0;cursor:pointer}
.halloween-welcome .hunt-mode input{position:absolute;inset:0;z-index:1;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}
.timer-art{display:block;width:100%;height:100%;padding:2px;background:#050505;color:#bfb9ae;border:1px solid #5e594d;border-radius:8px;box-shadow:0 5px 18px #0007;transition:color .15s,border-color .15s}
.timer-art svg{display:block;width:100%;height:100%}.timer-tick{opacity:0;color:#ffd56a;filter:drop-shadow(0 1px 2px #000)}
.hunt-mode input:checked+.timer-art{color:#ffce8b;border-color:#f6b864;box-shadow:0 0 0 2px #cf883859,0 5px 18px #0007}.hunt-mode input:checked+.timer-art .timer-tick{opacity:1}.hunt-mode input:focus-visible+.timer-art{outline:2px solid #e5bb75;outline-offset:5px}.hunt-mode:hover .timer-art{color:#ffe2b7;border-color:#d3ae72}
.welcome-greg{position:absolute;z-index:2;right:5%;bottom:10px;height:60%;width:51%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-5px 4px 13px #ed78222a) drop-shadow(5px -2px 14px #81ac3030) drop-shadow(0 10px 18px #0007);pointer-events:none}
.halloween-welcome #manor-load-status{position:relative;z-index:4;font-size:15px;max-width:60%;color:#edc58e;line-height:1.35;min-height:20px;margin:12px 0 0}
@media(min-width:601px) and (max-height:760px){.halloween-welcome h1{font-size:18cqw}.halloween-welcome .welcome-objective{font-size:clamp(20px,2vw,27px)}}
@media(min-width:601px) and (max-aspect-ratio:1/1){.halloween-welcome h1{font-size:29cqw;line-height:.84}.halloween-welcome h1 span,.halloween-welcome h1 span+span{transform:none}.welcome-greg{top:35%;bottom:auto;right:-3%;width:65%;height:auto;max-height:60%;object-position:right top}.halloween-welcome .welcome-objective{max-width:35%}}
@media(max-width:600px){#manor-entry{padding:10px}.halloween-welcome{height:calc(100dvh - 20px);padding:24px 22px}.halloween-welcome h1{top:3%;left:4%;width:94%;font-size:29cqw;line-height:.88}.halloween-welcome h1 span,.halloween-welcome h1 span+span{transform:none}.welcome-greg{top:19%;bottom:auto;right:-8%;width:82%;height:auto;max-height:calc(74% - 260px);object-position:right top}.halloween-welcome .welcome-objective{font-size:20px;line-height:1.35;max-width:100%;margin-bottom:18px}.halloween-welcome #manor-start{width:112px;height:112px;font-size:42px}.halloween-welcome .hunt-mode{width:70px;height:70px}.halloween-welcome .entry-actions{gap:18px}.halloween-welcome #manor-load-status{max-width:100%;font-size:13px;min-height:18px;margin-top:10px}}
@media(max-height:600px) and (min-width:601px){#manor-entry{padding:10px}.halloween-welcome{height:calc(100dvh - 20px);padding:18px 28px}.halloween-welcome h1{top:5%;font-size:14cqw;line-height:.84;width:96%;white-space:nowrap}.halloween-welcome h1 span,.halloween-welcome h1 span+span{display:inline;transform:none;margin:0}.halloween-welcome h1 span+span::before{content:' ';white-space:pre}.halloween-welcome .welcome-objective{font-size:17px;max-width:42%;line-height:1.25;margin-bottom:12px}.welcome-objective strong{margin-top:4px}.halloween-welcome #manor-start{width:88px;height:88px;font-size:34px}.halloween-welcome .hunt-mode{width:60px;height:60px}.halloween-welcome .entry-actions{gap:18px}.welcome-greg{height:78%;width:49%;bottom:4px}.halloween-welcome #manor-load-status{font-size:12px;min-height:16px;margin-top:6px}}
@media(max-width:600px) and (max-height:700px){.halloween-welcome .welcome-objective{font-size:17px;margin-bottom:12px}.halloween-welcome #manor-start{width:98px;height:98px;font-size:38px}.halloween-welcome .hunt-mode{width:62px;height:62px}.welcome-greg{width:76%;top:24%;max-height:calc(74% - 260px)}}

#manor-story{position:absolute;left:22px;bottom:225px;width:min(420px,calc(100vw - 44px));padding:15px 36px 15px 18px;background:#151320ed;border:1px solid #9c754c88;border-radius:8px;pointer-events:auto;box-shadow:0 7px 30px #0006}#manor-story p{margin:0;color:#e5d7bf;font:15px/1.6 Georgia,serif}#manor-story-close{position:absolute;right:5px;top:1px;border:0;background:none;color:#d3d5c6;font-size:26px}#manor-interact{color:#e5c496}@media(max-width:600px){#manor-story{bottom:285px;font-size:13px}}

/* Keep title, tagline and Play in separate rows, including short embedded cards. */
.halloween-welcome{container-type:size}
.halloween-welcome .welcome-copy{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(12px,1fr) auto auto auto;row-gap:12px;align-content:stretch;justify-content:stretch;justify-items:start}
.halloween-welcome h1{position:relative;inset:auto;grid-row:1;align-self:start;font-size:clamp(56px,min(20cqw,23cqh),310px)}
.halloween-welcome .welcome-objective{grid-row:3;margin:0;align-self:end}
.halloween-welcome .entry-actions{grid-row:4}
.halloween-welcome #manor-load-status{grid-row:5;margin:0}
@media(min-width:601px) and (max-aspect-ratio:1/1){.halloween-welcome h1{font-size:min(29cqw,23cqh)}}
@media(max-width:600px){.halloween-welcome h1{font-size:min(29cqw,23cqh)}}
@media(max-height:600px) and (min-width:601px){.halloween-welcome h1{font-size:min(14cqw,26cqh)}.halloween-welcome .welcome-copy{row-gap:8px;grid-template-rows:auto minmax(8px,1fr) auto auto auto}}

/* Discoveries, equipment and optional objectives. */
.hunt-mode{display:flex;gap:8px;align-items:center;margin-top:20px;font-size:13px;color:#d7c6ab;position:relative;z-index:4}.hunt-mode input{width:18px;height:18px}
#manor-objective{position:absolute;top:58px;left:18px;max-width:56%;color:#e3cc9d;font-size:12px;text-shadow:0 2px 4px #000;line-height:1.4}#manor-clock{position:absolute;top:61px;right:20px;font:16px ui-monospace,monospace;color:#e8cf9a;text-shadow:0 2px 4px #000}#manor-journal-open{position:absolute;left:18px;bottom:78px;color:#e6cb9f;border:1px solid #8c755966;border-radius:8px;background:#13202ba8;font-family:Georgia,serif}
#manor-reading-text{font:16px/1.75 Georgia,serif;color:#e6dfce}#manor-reading-author{color:#c5b595;font-size:13px}.torn-paper{background:radial-gradient(ellipse at 30% 40%,#d4c18f,#b59a68);padding:24px 30px;margin:20px 0;color:#35271b;clip-path:polygon(2% 3%,8% 1%,17% 3%,25% 0,37% 2%,49% 0,61% 2%,74% 0,89% 3%,98% 1%,100% 17%,98% 32%,100% 48%,98% 64%,100% 80%,98% 98%,83% 100%,72% 97%,56% 100%,42% 98%,28% 100%,14% 98%,1% 100%,0 81%,2% 69%,0 53%,2% 38%,0 22%)}.torn-paper p{font:25px/1.45 'Grongle Gothic','Palatino Linotype',cursive;margin:0}.torn-paper:empty{display:none}#manor-flash{position:absolute;inset:0;background:#fff9e7;opacity:.85;z-index:15;pointer-events:none;animation:camera-flash .22s ease-out forwards}@keyframes camera-flash{to{opacity:0}}#manor-telescope{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:14px;background:#111b28e8;border:1px solid #9c8968;border-radius:8px;pointer-events:auto;width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}#manor-telescope button{padding:10px;background:#2a383c;color:#ecdfc1;border:1px solid #9b8969;border-radius:4px}#manor-telescope button[aria-pressed=true]{background:#ac8e54;color:#111a24}#manor-telescope span{font-size:12px}.scope-active .context-actions,.scope-active .action-wheel,.scope-active #manor-stick,.scope-active #manor-journal-open{display:none!important}
@media(pointer:coarse),(max-width:760px){#manor-journal-open{bottom:208px}#manor-objective{top:58px;max-width:69%;font-size:11px}#manor-clock{font-size:13px;top:59px;right:14px}.torn-paper{padding:22px}.torn-paper p{font-size:22px}#manor-telescope span{flex-basis:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){#manor-flash{opacity:.25;animation:none}}

/* The fresh-hunt drop-off keeps the scene visible and the landing caption light. */
.arrival-active .context-actions,.arrival-active .action-wheel,.arrival-active #manor-stick,.arrival-active #manor-journal-open,.arrival-active #manor-map-toggle,.arrival-active #manor-map-panel{display:none!important}
#manor-story.arrival-story{left:50%;transform:translateX(-50%);bottom:90px;width:min(780px,calc(100vw - 28px));padding:16px 36px;background:linear-gradient(90deg,transparent,#071323ce 12%,#071323ce 88%,transparent);border:0;border-radius:0;box-shadow:none;text-align:center;text-shadow:0 2px 5px #000}
#manor-story.arrival-story p{font-size:clamp(14px,2vw,19px);line-height:1.55}
.arrival-caption-active #manor-map-toggle,.arrival-caption-active #manor-journal-open{display:none!important}
@media(pointer:coarse),(max-width:760px){#manor-story.arrival-story{bottom:205px}}
@media(max-height:540px){#manor-story.arrival-story{bottom:14px;width:min(680px,calc(100vw - 280px));padding:10px 24px}}
/* Telescope controls leave the view clear on portrait and landscape phones. */
#manor-telescope button{font-size:13px;min-height:44px;padding:8px 10px}
.scope-active #manor-map-toggle,.scope-active #manor-map-panel{display:none!important}
@media(max-height:540px){#manor-telescope{bottom:10px;padding:8px;gap:6px}#manor-scope-dial{width:64px;height:64px}#manor-scope-dial output{inset:16px 0;font-size:12px}}
/* Keep the complete map inside short phone viewports, including rotation. */
#manor-map-panel{max-height:calc(100dvh - 100px);overflow:auto;pointer-events:auto}
@media(max-height:540px) and (pointer:coarse), (max-height:540px) and (max-width:900px){
 #manor-map-panel{top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));left:max(60px,env(safe-area-inset-left));width:min(560px,calc(100vw - 120px));max-height:none;display:flex;flex-direction:column;gap:4px;z-index:7;padding:8px}
 #manor-map-panel .map-tools,#manor-map-caption{flex:none}
 #manor-map{flex:1 1 auto;height:0;min-height:0;object-fit:contain;aspect-ratio:auto}
}
/* Optional tools share the Range-style icon wheel. Journal stays above map. */
#manor-costume-use{--x:67px;--y:-7px;color:#dddccc}#manor-detector-use{--x:50px;--y:58px;color:#add3b4}#manor-camera-use{--x:-14px;--y:76px;color:#d3d9df}#manor-feed{--x:-70px;--y:45px;color:#d9b778}.map-tools{display:flex;align-items:center;justify-content:space-between;color:#c4bdab;font:13px Georgia,serif}.map-tools .icon{width:38px;height:38px}.journal-view{width:min(820px,calc(100vw - 24px));background:linear-gradient(115deg,#281d1b,#171a21);border-color:#a28858}.journal-view .torn-paper{min-height:280px;margin-bottom:22px;padding:34px 44px;box-shadow:inset 0 0 65px #72532b35}.journal-view .torn-paper p{font-size:clamp(22px,2.5vw,30px);line-height:1.6}.journal-readable .torn-paper p{font:20px/1.75 Georgia,serif}#manor-journal-controls{display:flex;align-items:center;justify-content:center;gap:16px}#manor-journal-controls button{min-width:48px;min-height:48px;font-size:22px;padding:8px}#manor-journal-position{font-size:13px;color:#d2c4a8;text-align:center;min-width:120px}#manor-journal-open{border:0;background:transparent;filter:drop-shadow(0 1px 4px #000) drop-shadow(0 0 3px #ccddff55)}@media(max-width:600px){.journal-view .torn-paper{padding:24px;min-height:280px}.journal-readable .torn-paper p{font-size:17px}#manor-journal-controls{gap:8px}#manor-journal-position{min-width:90px;font-size:11px}}

#manor-tutorial{bottom:150px}.map-open #manor-journal-open{display:none!important}@media(pointer:coarse),(max-width:760px){#manor-tutorial{bottom:270px}#manor-story{bottom:320px}}

/* Optional Watcher trial and the short, controllable saucer return. */
#manor-maze-clock{position:absolute;z-index:5;right:max(18px,env(safe-area-inset-right));top:88px;display:flex;align-items:center;gap:7px;padding:5px 10px;background:#090e17d9;border:1px solid #b79a5655;border-radius:6px;color:#eed19b;font:16px ui-monospace,monospace;pointer-events:none}#manor-maze-clock svg{width:22px;height:25px}#manor-maze-clock.urgent{color:#ff9e83;border-color:#e58b6688}#manor-maze-dialog{width:min(490px,calc(100vw - 28px))}#manor-maze-dialog>p{line-height:1.65;color:#d8cfbc}.maze-choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.maze-choices button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px}.maze-choices svg{width:34px;height:32px;flex:none}#manor-maze-dialog #manor-maze-accept{background:#30291d;border-color:#bda16a;color:#f4d69b}#manor-maze-ritual{position:absolute;z-index:6;left:50%;bottom:max(34px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(550px,calc(100vw - 30px));padding:14px 24px;text-align:center;background:#060f1bdd;border:1px solid #84b8bf66;border-radius:7px;pointer-events:none;box-shadow:0 5px 25px #0008}.ritual-signs{font:25px Georgia,serif;letter-spacing:.3em;color:#96cbd2}#manor-maze-ritual p{min-height:1.5em;margin:7px 0 0;color:#ece0c5;font:18px/1.5 Georgia,serif}.maze-travel-active .context-actions,.maze-travel-active .action-wheel,.maze-travel-active #manor-stick,.maze-travel-active #manor-notice,.maze-travel-active #manor-tutorial{display:none!important}@media(max-width:600px){#manor-maze-clock{top:105px;font-size:14px}#manor-maze-ritual{padding:12px 16px}#manor-maze-ritual p{font-size:16px}.maze-choices{gap:9px}}

#manor-wardrobe{margin:1rem 0;border:1px solid #776646;padding:1rem}#manor-clothes{display:flex;flex-wrap:wrap;gap:.5rem}#manor-clothes button[aria-pressed=true]{background:#7c6041;color:#fff}#manor-scope-dial{position:relative;width:88px;height:88px;flex-shrink:0;border:6px ridge #9a805b;border-radius:50%;background:repeating-conic-gradient(#514635 0deg 4deg,#28251f 4deg 8deg);touch-action:none;cursor:grab;box-shadow:inset 0 0 12px #000}#manor-scope-dial>span{position:absolute;inset:2px;text-align:center;transform:rotate(var(--zoom-angle));color:#ffe3a7;font-size:23px}#manor-scope-dial output{position:absolute;inset:25px 0;text-align:center;background:#25231e;border-radius:50%;font-size:14px}#manor-scope-dial:focus-visible{outline:3px solid #fff}

#manor-dialogue{position:absolute;z-index:45;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(660px,86%);padding:8px 12px;text-align:center;color:#f0e8d5;text-shadow:0 2px 4px #000,0 0 8px #000;background:linear-gradient(transparent,#080e16c9,transparent)}#manor-dialogue strong{font:italic 19px Georgia;color:#d4c19b}#manor-dialogue p{font:18px/1.55 Georgia;min-height:3.1em;margin:8px 0}#manor-dialogue button{font-size:12px;padding:5px 10px;background:#141b23a8;border:1px solid #797366}#manor-dialogue button:last-child{position:absolute;right:0;top:0}

#manor-torch{--x:-76px;--y:0px}#manor-caddy{--x:-54px;--y:-54px}#manor-view{--x:0px;--y:-76px}#manor-costume-use{--x:54px;--y:-54px}#manor-light-select{--x:76px;--y:0px;color:#f1c583}#manor-detector-use{--x:54px;--y:54px}#manor-camera-use{--x:0px;--y:76px}#manor-feed{--x:-54px;--y:54px}
#manor-notice{background:transparent;border:0;border-radius:0;color:#f0e6d1;font-family:Georgia,serif;font-style:italic;text-shadow:0 2px 4px #000,0 0 8px #000;padding:7px 12px}

.dialogue-active #manor-paused{display:none!important}

/* Shared Manor settings theme: browser and Android use the same presentation. */
#manor-settings-dialog,#manor-maze-dialog{background:linear-gradient(#211813ef,#1a1412f5),url('/assets/range/grongle-art/manor-wallpaper-v2.webp') center/340px;border-color:#a47a48;color:#ecdfc4;border-radius:3px 12px 3px 12px}#manor-settings-dialog button:not(.close){background:linear-gradient(#54391caa,#2e2116d9),url('/assets/range/grongle-art/manor-oak-v2.webp') center/200px;color:#e9d5ad;border-color:#8d6942;border-radius:2px;min-height:48px}#manor-settings-dialog [role=tablist] button{background:none!important;border:0;border-bottom:2px solid transparent;box-shadow:none}#manor-settings-dialog [role=tab][aria-selected=true]{border-bottom-color:#e9ae58;color:#f3c875}#manor-settings-dialog .gold{background:#b77a31;color:#1d1108;border-color:#deb571}

/* The map is a floating paper sheet, not a card around a smaller drawing. */
#manor-map-panel{top:max(66px,env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 28px),calc((100dvh - 130px)*1.5));max-height:none;display:block;gap:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;pointer-events:none;z-index:7}
#manor-map-panel .map-tools{display:block;margin:0 0 5px;padding:0 8px;color:#f1e0bb;font:19px/1.2 Georgia,serif;text-shadow:0 2px 5px #000}
.map-open #manor-notice,.map-open #manor-objective,.map-open #manor-tutorial{visibility:hidden}
#manor-map{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;border:0;border-radius:0;background:transparent}
@media(max-height:540px){#manor-map-panel{top:max(48px,env(safe-area-inset-top));bottom:auto;left:50%;width:min(720px,calc(100vw - 100px),calc((100dvh - 96px)*1.5));padding:0;gap:0;max-height:none;display:block}}
#manor-settings-dialog{font:16px/1.6 Georgia,serif;scrollbar-width:none;overscroll-behavior:contain;box-shadow:0 15px 65px #000a,inset 0 0 32px #a860181c}
#manor-settings-dialog::-webkit-scrollbar{display:none}
#manor-settings-dialog h2{color:#f2d9ad;font:600 27px/1.2 Georgia,serif}
#manor-settings-dialog button:not(.close){font:16px/1.4 Georgia,serif;box-shadow:inset 0 1px #e8c58d33,inset 0 -2px #09070466;transition:filter .15s,transform .15s}
#manor-settings-dialog button:not(.close):hover{filter:brightness(1.18)}
#manor-settings-dialog button:not(.close):active{transform:translateY(1px)}
#manor-settings-dialog .close{width:48px;height:48px;border:1px solid #a67d49;border-radius:50%;background:radial-gradient(circle at 40% 25%,#876139,#3b281a 65%,#21150e);color:#f1dfbd;box-shadow:inset 0 0 0 3px #2a1c16;font:28px/1 Georgia,serif}
#manor-settings-dialog .manor-setting-group{padding:16px 0;margin:10px 0;border-top:1px solid #a17b4445}
#manor-settings-dialog .manor-setting-group h3{margin:0 0 10px;color:#dac897;font:600 20px/1.35 Georgia,serif}
#manor-settings-dialog .check{min-height:48px;accent-color:#d99a43}
#manor-settings-dialog .manor-file-label{display:block;margin-top:14px;color:#d8c89f}
#manor-settings-dialog input[type=file]{width:100%;margin:8px 0;font:14px/1.5 Georgia,serif}
#manor-settings-dialog input[type=file]::file-selector-button{min-height:44px;padding:9px 14px;border:1px solid #9b744c;border-radius:2px;background:#4c331d;color:#ecdfc4;font:14px Georgia,serif;cursor:pointer}
#manor-settings-dialog #manor-return{min-height:48px;border-radius:2px;padding:12px 18px;font:600 16px/1.4 Georgia,serif;box-shadow:inset 0 1px #f3cc7b55}
/* Clothing unfolds as a second radial wheel from the existing action control. */
#manor-clothing{--x:54px;--y:-54px}
.action-wheel.clothing-open{transform:translate(-150px,-110px)}
.clothing-open #manor-wheel-items,.clothing-open #manor-wheel-toggle{visibility:hidden}
#manor-clothing-wheel{position:absolute;inset:0;--orbit:114px;pointer-events:auto}
#manor-clothing-wheel .clothing-items{position:absolute;inset:0}
#manor-clothing-wheel .icon{position:absolute;top:0;left:0;transform:translate(calc(var(--orbit-x)*var(--orbit)),calc(var(--orbit-y)*var(--orbit)));animation:fan-in .22s ease-out;background:transparent;border:0;color:var(--wheel-color,#e9d9b5)}
#manor-clothing-wheel .clothing-back{transform:none;color:#f5cc80;z-index:2}
#manor-clothing-wheel [aria-pressed=true]{color:var(--wheel-color);box-shadow:none}
#manor-clothing-wheel [aria-pressed=true]::after{content:'\2713';position:absolute;right:-3px;top:-5px;font:13px/18px sans-serif;background:transparent;color:#fff6da;width:18px;height:18px;text-shadow:0 1px 2px #000,0 0 5px currentColor}
#manor-clothing-wheel .clothing-label{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:160px;text-align:center;font:14px/1.3 Georgia;color:#f0dfb9;text-shadow:0 2px 4px #000;pointer-events:none}
@media(pointer:coarse),(max-width:760px){.action-wheel.clothing-open{transform:translate(calc(-50vw + 42px),-110px)}}
@media(max-height:540px){.action-wheel.clothing-open{transform:translate(-150px,calc(124px - 50dvh))}#manor-clothing-wheel{--orbit:102px}}
#manor-settings-dialog [role=tablist]{gap:0;flex-wrap:wrap}#manor-settings-dialog [role=tablist] button{padding:9px 12px;font-size:15px}
#manor-completion{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#07101dec;text-align:center;padding:24px;pointer-events:auto}
#manor-completion h2{font:36px Georgia;color:#edd09c}#manor-completion a,#manor-completion button{padding:15px 24px;border:1px solid #c5a66b;border-radius:5px;background:#584226;color:#fff;text-decoration:none}


.respawn-active #manor-tutorial,.respawn-active #manor-stick,.respawn-active .context-actions,.respawn-active #manor-wheel{visibility:hidden;pointer-events:none}

.manor-wheel-open #manor-tutorial{visibility:hidden}

/* Open wheel symbols remain card-free, with individual colours and feathered light. */
#manor-torch{--wheel-color:#ffe09a}#manor-caddy{--wheel-color:#80e3f1}#manor-view{--wheel-color:#beadff}#manor-clothing{--wheel-color:#ffaddd}#manor-light-select{--wheel-color:#ffbd75}#manor-detector-use{--wheel-color:#9ee2a0}#manor-camera-use{--wheel-color:#b4d8ff}#manor-feed{--wheel-color:#f4b995}#manor-wheel-toggle{--wheel-color:#ecdfb6}#manor-clothing-wheel .clothing-back{--wheel-color:#ffd681}
#manor-wheel .icon{background:transparent;border:0;border-radius:50%;box-shadow:none;color:var(--wheel-color,#d6e8ff);filter:none;isolation:isolate}
#manor-wheel .icon::before{content:'';position:absolute;inset:-6px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse, currentColor 0%,transparent 68%);opacity:.19;filter:blur(4px);pointer-events:none}
#manor-wheel .icon svg{filter:drop-shadow(0 1px 1px #02050b) drop-shadow(0 0 2px #02050b) drop-shadow(0 0 5px currentColor);stroke-width:1.7}
#manor-wheel .icon:hover::before,#manor-wheel .icon:focus-visible::before,#manor-wheel .icon[aria-pressed=true]::before{opacity:.32}
#manor-wheel .icon:focus-visible{outline:1px solid currentColor;outline-offset:3px}

.tree-revelation-active #manor-paused{display:none!important}
.tree-revelation-active #manor-hud button,.tree-revelation-active #manor-stick{pointer-events:none}
