:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f1e9d9;background:#101b22;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #c6d2d32e;background:#14212bcc;border-radius:3px;min-height:44px;padding:0 16px;backdrop-filter:blur(14px)}button:hover{background:#354047e8;border-color:#dcc39988}button:focus-visible{outline:2px solid #efc57f;outline-offset:4px}button.selected,button.primary{color:#17212a;background:#dfc89e;border-color:#dfc89e}button:disabled{opacity:.4;cursor:wait}#world,#world canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#09141e80,transparent 23%,transparent 58%,#061019b0)}.masthead{position:fixed;top:32px;left:36px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.identity{text-shadow:0 2px 20px #071017}.eyebrow{display:block;font-size:12px;letter-spacing:.2em;line-height:1.6;color:#dec79f}.identity h1{font:400 clamp(28px,3vw,42px)/1.2 Georgia,serif;letter-spacing:.14em;margin:6px 0 7px}.edition{font-size:13px;color:#d2d9d9;letter-spacing:.05em}.tools{display:flex;gap:8px;pointer-events:auto}.tools #help{width:44px;padding:0;font:20px Georgia,serif}.modes{position:fixed;top:34px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:#0b1823a8;border:1px solid #ffffff1c;border-radius:5px;backdrop-filter:blur(14px)}.modes button{font-size:14px;white-space:nowrap;background:transparent;border:0;backdrop-filter:none;min-height:38px;padding:0 15px}.modes button.selected{background:#dfc89e}.location{position:fixed;bottom:107px;left:36px;max-width:370px;text-shadow:0 2px 12px #03111c}.location h2{font:400 31px/1.2 Georgia,serif;margin:6px 0 10px}.location p{font-size:15px;line-height:1.6;color:#d0dadd;margin:0}.bottom-controls{position:fixed;bottom:26px;left:36px;right:32px;display:flex;align-items:center;gap:20px}.bottom-controls p{font-size:13px;color:#c5d1d6}.bottom-controls #rain{margin-left:auto;font-size:14px}#landmark-toggle{min-width:128px;display:flex;justify-content:space-between;align-items:center;gap:28px}#landmark-toggle span{font-size:22px;color:#dec79f}#crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;background:#eee7d199;border-radius:50%;box-shadow:0 0 0 3px #0a151b35;pointer-events:none}#loading{position:fixed;inset:0;background:#101b22;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;pointer-events:none}#loading h1{font:400 clamp(32px,6vw,60px) Georgia,serif;letter-spacing:.15em;margin:20px 0}#loading p{color:#adbdc5;font-size:15px}.loaded #loading{opacity:0}.fatal{position:fixed;inset:20%;background:#152631;z-index:30;padding:35px;color:white;font:18px/1.6 Arial}#landmark-panel{position:fixed;left:36px;bottom:83px;width:340px;max-height:calc(100dvh - 210px);overflow-y:auto;padding:20px;background:#101e2af5;border:1px solid #d2b98845;backdrop-filter:blur(20px);border-radius:5px;z-index:10}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-title h2{font:23px Georgia,serif;margin:0}.panel-title button{font-size:22px;padding:0;width:40px;border:0;background:transparent}#landmarks{display:grid;gap:6px}#landmarks button{display:flex;text-align:left;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px;background:#24313d70;font-size:16px}#landmarks button small{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#b8c6ca}.concept-note{font-size:13px;line-height:1.6;color:#a5b6bf;margin:18px 0 0}dialog{background:#122331;color:#ece6d8;border:1px solid #bba68065;border-radius:6px;padding:34px;max-width:500px;max-height:88dvh;overflow:auto;width:calc(100% - 32px)}dialog::backdrop{background:#030b13b0;backdrop-filter:blur(5px)}dialog h2{font:32px Georgia,serif;margin:12px 0}dialog p,dialog dd{font-size:15px;line-height:1.6;color:#c6d3d8}dialog dt{color:#e6cfab;font-size:15px;margin-top:18px}dialog dd{margin:6px 0 0}dialog .primary{margin-top:24px;width:100%}.close{position:absolute;right:12px;top:12px;width:40px;padding:0;font-size:24px;background:transparent;border:0}#joystick,#look-hint{display:none}.ui-hidden .location{opacity:0}.ui-hidden .edition{opacity:0}
@media(max-width:1000px){.modes{top:133px;left:36px;transform:none}.modes button{padding:0 12px}.location{max-width:315px}.location h2{font-size:28px}}
@media(pointer:coarse){#joystick{display:block;position:fixed;bottom:103px;left:28px;width:106px;height:106px;border-radius:50%;background:#12202b45;border:1px solid #d9e1df55;touch-action:none}#stick{position:absolute;left:34px;top:34px;width:36px;height:36px;border-radius:50%;background:#e3d0ad90;border:1px solid #f6e7c580;pointer-events:none}#look-hint{display:block;position:fixed;bottom:139px;right:28px;width:100px;text-align:center;color:#cad5d990;font-size:12px;line-height:1.5;pointer-events:none}.location{bottom:247px;max-width:330px}.location p{font-size:14px}.bottom-controls p{display:none}.overview-mode #joystick,.overview-mode #look-hint{display:none}.overview-mode .location{bottom:108px}}
@media(max-width:600px){.masthead{top:24px;left:22px;right:18px}.identity h1{font-size:27px}.identity .eyebrow{font-size:10px;letter-spacing:.16em}.edition{font-size:12px}.tools{gap:5px}.tools #sound{padding:0 10px;font-size:12px}.tools #help{width:38px}.modes{top:127px;left:22px;right:18px;gap:0;justify-content:space-between}.modes button{font-size:13px;flex:1;padding:0 8px}.location{left:22px;right:25px;max-width:300px}.location h2{font-size:27px}.bottom-controls{left:22px;right:18px;bottom:max(24px,env(safe-area-inset-bottom));gap:10px}#landmark-panel{left:18px;right:18px;width:auto;max-height:calc(100dvh - 210px)}#hint{display:none}}
@media(max-height:550px){.masthead{top:16px;left:22px}.identity h1{font-size:24px}.edition{display:none}.modes{top:20px;left:50%;right:auto;transform:translateX(-50%)}.location{bottom:100px;left:22px;max-width:275px}.location h2{font-size:23px}.location p{display:none}.bottom-controls{bottom:18px;left:22px}.location .eyebrow{font-size:11px}#joystick{left:auto;right:28px;bottom:90px;width:86px;height:86px}#stick{left:24px;top:24px}#look-hint{display:none}#landmark-panel{max-height:calc(100dvh - 120px)}}
.modes #story-mode{display:flex;flex-direction:column;justify-content:center;line-height:1.05;opacity:.58;cursor:not-allowed}.modes #story-mode small{margin-top:3px;color:#d8bd8b;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
#cinematic .cinematic-card{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;text-shadow:0 3px 18px #000;width:min(560px,calc(100vw - 40px));pointer-events:none}#cinematic .cinematic-card strong{font:400 clamp(28px,4vw,48px) Georgia,serif;letter-spacing:.16em}#cinematic .cinematic-card small{font-size:14px;color:#e7ddca;letter-spacing:.04em}
#crawl-result{background:radial-gradient(circle at 50% 0,#31414b 0,#101b22 48%);border-color:#e3bd78}#crawl-result h2{font-size:clamp(30px,6vw,46px);letter-spacing:.04em}#crawl-result-copy{padding:14px 0;border-top:1px solid #d7b57844;border-bottom:1px solid #d7b57844}
@media(prefers-reduced-motion:reduce){#loading{transition:none}}

/* A real front door for Blackwater: title first, modes second, world preserved beneath. */
.front-door{position:fixed;inset:0;z-index:18;display:grid;place-items:center;overflow:auto;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:#020507;isolation:isolate}.front-door[hidden]{display:none}.title-background{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:contain;object-position:center;background:#020507;opacity:0;transform:scale(1.025);filter:blur(0) brightness(1);transition:opacity 1.35s ease,transform 6s ease,filter 1.25s ease}.front-door-open .title-background{opacity:1;transform:scale(1)}.menu-revealed .title-background{filter:blur(6px) brightness(.5)}.front-door:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#02060930 0%,transparent 42%,#02070bea 100%);box-shadow:inset 0 0 150px #000;opacity:.35;transition:opacity 1.2s ease}.menu-revealed:before{opacity:1}.front-door-weather{position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 28px,#b6cbd605 29px 30px,transparent 31px 58px);animation:front-rain 9s linear infinite}.front-door-panel{width:min(720px,100%);text-align:center;animation:front-arrive .65s ease both}.title-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:clamp(24px,5vw,72px)}.cover-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title-actions{width:min(340px,28vw);padding:25px 22px 16px;background:linear-gradient(180deg,#061017c9,#050b10e8);border:1px solid #c9b08038;box-shadow:0 22px 70px #000c;backdrop-filter:blur(12px);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .75s ease,transform .75s ease}.menu-revealed .title-actions{opacity:1;transform:none;pointer-events:auto}.front-kicker{font:500 clamp(.72rem,1.4vw,.88rem)/1.4 Arial,sans-serif;letter-spacing:.44em;color:#d4c09a}.front-edition{font-size:.76rem;letter-spacing:.28em;color:#d8c7a5}.front-rule{max-width:510px;margin:18px auto 22px;color:#c5d0d1;font:italic 1rem/1.7 Georgia,serif}.front-primary{min-width:min(290px,100%);min-height:58px;border:1px solid #d4b77a;background:linear-gradient(180deg,#dfc998,#b99a62);color:#111b20;font-weight:700;letter-spacing:.22em;box-shadow:0 12px 45px #0008,0 0 36px #d5b46d18}.front-primary:hover{background:#ead5a5;border-color:#f3dbad}.front-links{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:10px}.front-links button,.front-links a{min-height:44px;padding:12px 2px;border:0;background:transparent;color:#aebbbf;font:13px Arial;text-decoration:none;letter-spacing:.06em;backdrop-filter:none}.front-links button:hover,.front-links a:hover{color:#ead8b4}.mode-screen h2,.story-preview h2{margin:12px 0 8px;font:400 clamp(2.4rem,6vw,4.6rem)/1 Georgia,serif;letter-spacing:.04em}.mode-screen>p{color:#aebcc0}.front-back{display:block;margin:0 0 28px;padding:0;border:0;background:transparent;color:#c8b790;backdrop-filter:none}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.mode-card{display:flex;min-height:130px;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:24px;border:1px solid #c7b17c48;background:linear-gradient(145deg,#142632e8,#09131be8);box-shadow:inset 0 1px #ffffff0d,0 18px 45px #0005;transition:transform .2s,border-color .2s,background .2s}.mode-card:hover:not(:disabled){transform:translateY(-3px);border-color:#d8bb7c;background:linear-gradient(145deg,#1d3442f2,#0c1821f2)}.mode-card span{font:400 clamp(1.25rem,3vw,1.75rem)/1.15 Georgia,serif;letter-spacing:.06em}.mode-card small{margin-top:9px;color:#9fb0b5;font-size:.76rem;letter-spacing:.05em}.story-card{background:linear-gradient(145deg,#25313ae8,#0b141ce8)}.crawl-card{border-color:#d3b36b80;background:linear-gradient(145deg,#382c20e8,#11191ee8)}.returning-modes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.returning-modes[hidden]{display:none}.mode-card-small{min-height:96px;padding:18px}.mode-card-small span{font-size:1.02rem}.first-time-note{grid-column:1/-1;margin:19px 0 0!important;font:italic .88rem/1.5 Georgia,serif!important;color:#8fa0a6!important}.story-preview{max-width:580px}.story-preview p{color:#bbc6c8;font-size:1rem;line-height:1.75}.story-preview>strong{display:block;margin:30px 0 12px;color:#d4ba83;letter-spacing:.28em}.story-beta-note{font-size:.88rem!important;color:#8fa1a7!important}.story-preview .front-primary{margin-top:18px}.front-door-open>.masthead,.front-door-open>.modes,.front-door-open>.location,.front-door-open>.bottom-controls,.front-door-open>#crosshair,.front-door-open>#joystick,.front-door-open>#look-hint,.front-door-open>#jump,.front-door-open>#interact{visibility:hidden}.front-door-open #world{filter:saturate(.62) brightness(.53)}
@keyframes front-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes front-rain{to{transform:translate(-6%,12%)}}@media(prefers-reduced-motion:reduce){.front-door-weather{animation:none}.front-door-panel{animation:none}.mode-card,.title-background,.title-actions,.front-door:before{transition:none}}
@media(max-width:900px), (max-aspect-ratio:4/3){.title-background{object-position:center top}.title-screen{align-items:flex-end;justify-content:center;padding:0 18px max(20px,env(safe-area-inset-bottom))}.title-actions{width:min(520px,100%);padding:19px 18px 8px;background:linear-gradient(180deg,#050c10bd,#03070aef)}.front-rule{margin:10px auto 13px;font-size:.9rem}.front-primary{min-height:52px}.front-links{margin-top:4px}}
@media(max-width:640px){.front-door{align-items:center;padding-inline:20px}.front-links{gap:16px;flex-wrap:wrap}.mode-screen{text-align:left}.mode-screen h2{font-size:2.65rem}.mode-cards{grid-template-columns:1fr}.mode-card{min-height:104px;padding:20px}.returning-modes{grid-template-columns:1fr}.mode-card-small{min-height:78px}.front-back{margin-bottom:18px}.story-preview{text-align:left}.story-preview .front-primary{width:100%}}
@media(max-height:540px) and (orientation:landscape){.front-door{place-items:start center;padding-block:18px}.title-screen{align-items:flex-end;justify-content:center;padding:12px}.title-actions{width:310px;padding:12px}.front-edition,.front-rule{display:none}.front-primary{min-height:46px}.front-links{margin:0}.mode-screen h2{font-size:2.2rem}.mode-screen .front-back{margin-bottom:8px}.mode-cards{margin-top:12px}.mode-card{min-height:82px;padding:14px}.returning-modes{grid-template-columns:repeat(3,1fr)}}

/* Blackwater Survivors stays visually separate from play and never covers an active Crawl. */
#leaderboard-dialog{width:min(860px,calc(100% - 32px));max-width:860px;background:linear-gradient(145deg,#14232d,#0b151d);border-color:#a8824f;padding:34px}#leaderboard-dialog h2{margin:10px 0 4px;font-size:clamp(28px,5vw,46px);letter-spacing:.05em}.leaderboard-flavor{margin:0 0 24px!important;color:#e4c894!important;font-family:Georgia,serif;font-style:italic}.leaderboard-scroll{overflow:auto;border:1px solid #c5a77235}.leaderboard-scroll table{width:100%;border-collapse:collapse;min-width:660px}.leaderboard-scroll th,.leaderboard-scroll td{padding:13px 14px;border-bottom:1px solid #c5a77222;text-align:left;font-size:14px}.leaderboard-scroll th{color:#dec79f;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.leaderboard-scroll td:first-child,.leaderboard-scroll td:nth-child(4),.leaderboard-scroll td:nth-child(5){color:#efd39d;font-weight:700}.leaderboard-status{margin:15px 0 0!important;font-size:13px!important;color:#9fb0b6!important}#leaderboard-entry{margin-top:22px;padding-top:20px;border-top:1px solid #c5a77255}#leaderboard-entry h3{margin:8px 0 5px;font:25px Georgia,serif}#leaderboard-entry>p{margin:0 0 15px!important;color:#d8c39e!important;font-style:italic}#leaderboard-entry form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}#leaderboard-entry label{font-size:13px;color:#c6d0d3}#leaderboard-entry input{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #806f50;background:#0b151d;color:#fff;font:16px Arial}#leaderboard-entry button{margin:0;min-height:44px}.entry-status{margin:11px 0 0!important;color:#aebdc1!important;font-size:13px!important}.crawl-playing #leaderboard-open{display:none!important}
@media(max-width:700px){#leaderboard-dialog{padding:26px 18px}.leaderboard-scroll{border:0;overflow:visible}.leaderboard-scroll table,.leaderboard-scroll tbody,.leaderboard-scroll tr,.leaderboard-scroll td{display:block;min-width:0}.leaderboard-scroll thead{display:none}.leaderboard-scroll tr{margin-bottom:10px;padding:10px 13px;border:1px solid #c5a77235;background:#0a141bea}.leaderboard-scroll td{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:6px 0;border:0}.leaderboard-scroll td:before{content:attr(data-label);color:#bda77d;font-size:10px;letter-spacing:.09em;text-transform:uppercase}#leaderboard-entry form{grid-template-columns:1fr}.modes{flex-wrap:wrap}.modes button{flex:1 1 19%;padding-inline:5px;font-size:11px}}
#interact{position:fixed;left:50%;top:62%;transform:translate(-50%,-50%);color:#f3dfbc;border-color:#d4b47b90;background:#11212bed;box-shadow:0 5px 30px #07121b70;z-index:5;font-size:15px;max-width:calc(100% - 32px);line-height:1.4;padding:12px 18px}#interact kbd{margin-left:12px;padding:2px 5px;border:1px solid #adbbbd60;font:12px Arial;color:#aebbcc}#leave-room{position:fixed;right:32px;top:96px;font-size:14px}.inside .modes{display:none}.inside #rain{visibility:hidden}.inside .location p{max-width:390px}#interact[hidden],#leave-room[hidden]{display:none}@media(pointer:coarse){#interact kbd{display:none}#interact{top:57%}}@media(max-width:600px){#leave-room{top:118px;right:18px}.inside .location p{font-size:13px}.inside .location{bottom:233px}.inside .location h2{font-size:25px}}

#jump{display:none;position:fixed;right:30px;bottom:205px;border-radius:50%;height:62px;width:62px;padding:0;color:#eedbbb;border-color:#ddc28e80;background:#162631aa;touch-action:manipulation;z-index:4}#jump[hidden]{display:none}@media(pointer:coarse){#jump:not([hidden]){display:block}}@media(max-height:550px){#jump{bottom:100px;right:138px;width:52px;height:52px}}
/* Crawl controls stay compact so the streets remain the playing surface. */
#crawl-panel,#crawl-result{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#101b22f5;border:1px solid #bf995c;padding:24px;box-sizing:border-box;box-shadow:0 20px 100px #000b;color:#f3eadc}#crawl-panel p,#crawl-result p{font-size:16px;line-height:1.6}#crawl-panel label{display:block;margin:20px 0}#crawl-panel select{display:block;width:100%;padding:12px;margin-top:8px;background:#23313b;color:#fff;font-size:16px}#crawl-panel button,#crawl-result button,#crawl-hud button{margin:5px;padding:10px;font-size:14px}#crawl-hud{position:fixed;z-index:12;right:16px;top:150px;width:min(330px,calc(100vw - 32px));padding:16px;background:#101b22ec;border:1px solid #826c49;color:#f3eadc;font-size:14px}#crawl-clock{display:block;font-size:22px;color:#ffd28c;margin-bottom:8px}#crawl-status{min-height:42px;line-height:1.5}#crawl-hud progress{width:160px;accent-color:#e4bc79}#crawl-hud details{max-height:180px;overflow:auto}#crawl-hud summary{cursor:pointer;padding:10px 0}.crawl-playing .location,.crawl-playing #landmark-toggle,.crawl-playing #overview,.crawl-playing #flyover,.crawl-playing #crawl-open{display:none!important}#crawl-panel[hidden],#crawl-result[hidden],#crawl-hud[hidden]{display:none}@media(max-width:700px){#crawl-hud{top:135px;right:8px;width:270px;padding:10px}#crawl-hud details{max-height:95px}#crawl-clock{font-size:18px}.crawl-playing .bottom-controls #hint{display:none}}
#crawl-objective{color:#f4cd86;font-size:16px;line-height:1.4;margin:8px 0}#crawl-brightness{display:block;width:100%;min-height:44px;accent-color:#e8bf7d}#crawl-pair{color:#f4cd86}.crawl-playing #rain{display:none}#crawl-guide{border-color:#f4cd86;background:#59452bea}#crawl-panel select,#crawl-character{font-size:16px}#crawl-panel h2,#crawl-result h2{font-family:Georgia,serif}#crawl-guide:disabled{cursor:default}
@media(pointer:coarse){
 #joystick{left:20px!important;right:auto!important;bottom:max(30px,env(safe-area-inset-bottom))!important;width:132px!important;height:132px!important;touch-action:none;z-index:16}
 #stick{width:46px!important;height:46px!important;left:43px!important;top:43px!important}
 #look-hint{display:none!important}
 .crawl-playing .identity,.crawl-playing .modes{display:none!important}
 .crawl-playing .masthead{top:14px;right:12px;left:auto;z-index:18}
 #crawl-hud{top:max(12px,env(safe-area-inset-top));left:12px;right:auto;width:min(310px,calc(100vw - 125px));padding:12px;max-height:48dvh;overflow:visible;background:#0c1721e8}
 #crawl-hud strong{font-size:18px}#crawl-status{font-size:14px;min-height:0}#crawl-objective{font-size:14px}#crawl-hud details{max-height:140px;overflow:auto;background:#101b22f5}#crawl-hud #crawl-end{min-height:44px;padding:5px 10px;margin:2px}
 #crawl-guide{position:fixed;right:16px;bottom:max(180px,calc(env(safe-area-inset-bottom) + 170px));min-height:60px;max-width:190px;font-size:16px!important;z-index:17}
 #crawl-sprint{position:fixed;right:16px;bottom:max(30px,env(safe-area-inset-bottom));min-height:60px;width:100px;font-size:16px!important;touch-action:manipulation;z-index:17}
 #crawl-sprint[aria-pressed=true]{background:#dfc89e;color:#17212a}
 .crawl-playing #jump{right:30px;bottom:max(104px,calc(env(safe-area-inset-bottom) + 94px));width:64px;height:64px;z-index:17}
 #crawl-wait{min-height:48px;background:#715632}
}
@media(pointer:coarse) and (max-height:500px){#crawl-hud{max-height:60dvh;width:270px}#crawl-status{display:none}#crawl-objective{margin:4px 0}#crawl-hud details{max-height:100px}#crawl-guide{bottom:160px}#joystick{bottom:20px!important;width:116px!important;height:116px!important}#stick{left:35px!important;top:35px!important}}

#crawl-bearing{display:flex;align-items:center;gap:12px;min-height:40px;margin:4px 0 10px;color:#e6c893;font-size:14px}#crawl-bearing[hidden]{display:none}#crawl-needle{display:inline-block;width:30px;text-align:center;font-size:30px;line-height:1;transform-origin:center;flex-shrink:0}#crawl-clue{max-width:230px}

#crawl-low[aria-pressed="true"]{background:#31453d;color:#ffe2ad;border-color:#82988a}#crawl-needle[hidden]{display:none}#crawl-clue{max-width:100%}#crawl-bearing{border-left:2px solid #8d7855;padding-left:10px}

#crawl-heading{font-size:12px;color:#acb7b9;margin-left:auto;white-space:nowrap}#crawl-bearing{flex-wrap:wrap}@media(pointer:coarse){#crawl-low{min-height:44px}}

#conversation{width:min(440px,85vw);padding:28px;background:#172125;color:#ded5bf;border:1px solid #6b6250;box-shadow:0 16px 70px #0009;}
#conversation::backdrop{background:#071015aa;}
#conversation h2{font-family:Georgia,serif;font-size:28px;}
#conversation p{font-size:16px;line-height:1.65;}
#conversation button{display:block;margin-top:12px;width:100%;min-height:44px;}
button:disabled{opacity:.5;cursor:default;}
#discovery-note{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:80vw;padding:12px 20px;background:#142025e8;color:#e1d5b7;border-left:2px solid #8a7956;font:16px/1.5 Georgia,serif;pointer-events:none;z-index:25;}

.access-code{margin:20px 0;font-size:16px}.access-code form{display:grid;gap:10px;margin-top:14px}.access-code input{width:100%;box-sizing:border-box;min-height:44px;background:#101b22;color:#ded5bf;border:1px solid #6b6250;padding:10px;font:inherit}.access-code p{margin:0}
#subtitles{position:fixed;left:50%;bottom:21%;transform:translateX(-50%);width:max-content;max-width:min(660px,85vw);background:#071015e6;color:#e7dfca;padding:12px 18px;border-left:2px solid #847450;font:17px/1.5 Georgia,serif;text-align:center;z-index:65;pointer-events:none}
#cinematic{position:fixed;inset:0;z-index:60;pointer-events:none;border-top:6vh solid #060c10;border-bottom:6vh solid #060c10;box-shadow:inset 0 0 130px #0009}
#cinematic button{position:absolute;right:20px;bottom:20px;pointer-events:auto;min-height:44px}
#qa-tools{margin:20px 0}#qa-tools label,#qa-tools select,#qa-tools button{display:block;width:100%;margin-top:12px}#qa-tools select{min-height:44px;background:#142025;color:#e1d5b7;border:1px solid #6b6250;padding:8px;font-size:16px}
.title-sound{position:absolute;z-index:2;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);min-height:42px;padding:10px 16px;border:1px solid #d4b77a66;border-radius:999px;background:#050b10cc;color:#dfceb0;font:600 .76rem/1 Arial,sans-serif;letter-spacing:.1em;box-shadow:0 10px 35px #0009;backdrop-filter:blur(10px);transition:background .2s,border-color .2s,color .2s}.title-sound:hover,.title-sound[aria-pressed="true"]{background:#16232be8;border-color:#d4b77a;color:#fff3d8}.title-sound span{margin-right:.4em}
.title-screen{width:100%;max-width:none;justify-content:center}
.front-door-panel[hidden]{display:none!important}
.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.chapter-card{display:flex;min-height:92px;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px;text-align:left;border:1px solid #8b846d42;background:#09131bd9;color:#829096}.chapter-card span{font-size:.7rem;letter-spacing:.18em}.chapter-card strong{margin:7px 0 5px;color:#b3b8b3;font:400 1.08rem/1.1 Georgia,serif}.chapter-card small{font-size:.68rem;letter-spacing:.1em}.chapter-card.available{color:#d2bd92;border-color:#c4aa6b72;background:linear-gradient(145deg,#30281fd9,#0b151bd9)}.chapter-card.available strong{color:#f0e5d1}.story-preview #story-resume{margin-top:0}
.chapter-card.instance-card{color:#dec48d;border-color:#d6b466;background:linear-gradient(145deg,#3b3022ee,#0b151bee);box-shadow:inset 3px 0 #caa35d}.chapter-card.instance-card strong{color:#fff2d7}#instance-hud{position:fixed;z-index:14;left:50%;top:18px;transform:translateX(-50%);width:min(470px,calc(100% - 24px));padding:9px 13px;text-align:center;background:#071119e8;border:1px solid #bda77555;box-shadow:0 8px 28px #000a;backdrop-filter:blur(12px)}#instance-hud span{display:block;color:#c6ae7b;font-size:.62rem;letter-spacing:.19em}#instance-hud strong{display:block;margin:4px 0 2px;font:400 .96rem/1.2 Georgia,serif}#instance-hud small{color:#b9c4c7;font-size:.72rem}#instance-ending{position:fixed;inset:0;z-index:32;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#03090ded;backdrop-filter:blur(16px)}#instance-ending[hidden]{display:none}#instance-ending>span{color:#c9ad74;letter-spacing:.24em;font-size:.72rem}#instance-ending h2{margin:16px 0 4px;font:400 clamp(2.1rem,7vw,4.4rem) Georgia,serif}#instance-ending p{color:#bac4c5}.instance-playing .modes,.instance-playing .location,.instance-playing .bottom-controls,.instance-playing .identity,.instance-playing #leave-room{display:none!important}
#story-hud{position:fixed;z-index:13;left:50%;top:18px;transform:translateX(-50%);width:min(570px,calc(100% - 28px));padding:7px 8px;background:#071119e8;border:1px solid #bda77555;box-shadow:0 8px 28px #0009;backdrop-filter:blur(14px)}.story-summary{display:grid;grid-template-columns:auto 1fr 36px;align-items:center;gap:10px;text-align:left}.story-summary>span{color:#bfa977;font-size:.64rem;letter-spacing:.16em;white-space:nowrap}.story-summary strong{font:400 .9rem/1.15 Georgia,serif;letter-spacing:.055em;text-transform:none}.story-summary #story-more{width:34px;min-height:32px;margin:0;padding:0;border-color:#d4b77a66;color:#f0d9aa;font-weight:700}#story-details{position:absolute;top:calc(100% + 4px);left:0;width:100%;padding:8px;background:#071119f2;border:1px solid #bda77555;box-shadow:0 12px 30px #000b;text-align:center}#story-details[hidden]{display:none}#story-details p{min-height:1.2em;margin:2px 4px 7px;color:#c2cdd0;font-size:.78rem;line-height:1.35}#story-details button{min-height:36px;margin:2px;padding:0 10px;font-size:.72rem}#story-details #story-hint{border-color:#d4b77a88;color:#f0d9aa}#story-low{position:fixed;right:18px;bottom:152px;min-height:46px;padding:0 14px;background:#101d25ed;border-color:#d4b77a88;box-shadow:0 7px 24px #0009}#story-ending{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#03090ded;backdrop-filter:blur(16px)}#story-ending[hidden]{display:none}#story-ending>span{color:#cab17d;letter-spacing:.34em;font-size:.75rem}#story-ending h2{margin:20px 0 4px;font:400 clamp(2.4rem,7vw,5rem) Georgia,serif}#story-ending h3{margin:0;color:#d1b982;letter-spacing:.2em}#story-ending p{max-width:550px;color:#b9c5c6;line-height:1.65}.story-playing .modes,.story-playing .location,.story-playing .bottom-controls,.story-playing .identity{display:none!important}
@media(max-width:640px){.chapter-list{grid-template-columns:1fr}.chapter-card{min-height:76px}#story-hud{top:max(6px,env(safe-area-inset-top));width:calc(100% - 16px);padding:6px}.story-summary{grid-template-columns:auto 1fr 34px;gap:7px}.story-summary>span{font-size:.56rem;letter-spacing:.12em}.story-summary strong{font-size:.82rem;line-height:1.12;letter-spacing:.035em}.story-summary #story-more{min-height:30px}#story-details{padding:7px 5px}#story-details p{font-size:.72rem}#story-low{right:14px;bottom:146px}}

/* Reusable Story Mode portrait dialogue. The live world stays visible, but yields to the speakers. */
#story-dialogue{position:fixed;inset:0;z-index:80;overflow:hidden;isolation:isolate;cursor:pointer;color:#f3e9d6}
#story-dialogue[hidden]{display:none}
.story-dialogue-shade{position:absolute;inset:-18px;z-index:-2;background:#03090cab;backdrop-filter:blur(9px) saturate(.62) brightness(.58);-webkit-backdrop-filter:blur(9px) saturate(.62) brightness(.58)}
.story-dialogue-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,transparent 0 28%,#02060870 78%),linear-gradient(180deg,#06101642,#020609c7)}
.story-dialogue-portraits{position:absolute;inset:3vh 0 118px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 clamp(0px,4vw,64px);pointer-events:none}
.story-portrait{width:min(46vw,690px);height:min(79vh,900px);object-fit:contain;object-position:center bottom;opacity:.38;filter:brightness(.44) saturate(.62);transform:translateY(18px) scale(.97);transition:opacity .28s ease,filter .28s ease,transform .28s ease;will-change:opacity,filter,transform}
.story-portrait[hidden]{display:none}
.story-portrait-left{object-position:left bottom}.story-portrait-right{object-position:right bottom}
.story-portrait.active{opacity:1;filter:brightness(1.02) saturate(.95);transform:translateY(0) scale(1);z-index:1}
.story-dialogue-box{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(840px,calc(100% - 38px));min-height:142px;padding:19px 22px 15px;background:linear-gradient(145deg,#101b23f7,#071117f5);border:1px solid #c5a66b80;border-left:4px solid #d2ad69;box-shadow:0 22px 80px #000e,inset 0 1px #fff1;cursor:pointer}
.story-dialogue-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-dialogue-heading strong{color:#e6c688;font:600 .78rem/1.2 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}.story-dialogue-heading span{color:#84969d;font-size:.68rem;letter-spacing:.12em}
#story-dialogue-text{min-height:2.8em;margin:10px 0 13px;color:#f3eadb;font:400 clamp(1.02rem,2vw,1.28rem)/1.52 Georgia,serif;text-wrap:pretty}
.story-dialogue-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.story-dialogue-controls>span{margin-right:auto;color:#85969b;font-size:.68rem;letter-spacing:.05em}.story-dialogue-controls button{min-height:36px;padding:0 13px;border-color:#b99d6860;background:#12212ae8;font-size:.68rem;letter-spacing:.14em;backdrop-filter:none}.story-dialogue-controls #story-dialogue-next{color:#f0d79f;border-color:#d1b17099}
.story-dialogue-open>.masthead,.story-dialogue-open>.modes,.story-dialogue-open>.location,.story-dialogue-open>.bottom-controls,.story-dialogue-open>#crosshair,.story-dialogue-open>#joystick,.story-dialogue-open>#look-hint,.story-dialogue-open>#jump,.story-dialogue-open>#interact,.story-dialogue-open>#instance-hud{visibility:hidden!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.story-dialogue-shade{background:#02070af2}}
@media(max-width:700px){.story-dialogue-shade{backdrop-filter:blur(5px) saturate(.66) brightness(.6);-webkit-backdrop-filter:blur(5px) saturate(.66) brightness(.6)}.story-dialogue-portraits{inset:5vh -12vw 182px;padding:0}.story-portrait{width:64vw;height:64vh}.story-portrait-left{object-position:left bottom}.story-portrait-right{object-position:right bottom}.story-dialogue-box{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 18px);min-height:164px;padding:14px 15px 11px}#story-dialogue-text{margin:8px 0 10px;font-size:1rem;line-height:1.42}.story-dialogue-controls>span{display:none}.story-dialogue-controls button{min-height:42px}.story-dialogue-controls #story-dialogue-next{margin-left:auto}}
@media(max-height:520px) and (orientation:landscape){.story-dialogue-portraits{inset:0 0 82px}.story-portrait{width:43vw;height:94vh}.story-dialogue-box{bottom:7px;min-height:104px;padding:9px 14px 8px}#story-dialogue-text{min-height:0;margin:5px 0 7px;font-size:.9rem;line-height:1.3}.story-dialogue-controls button{min-height:34px}.story-dialogue-controls>span{display:none}}
.story-dev-console{margin-top:18px;padding:15px;border:1px solid #b99b6244;background:#071117d9;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;text-align:left}.story-dev-console>label:first-child{grid-column:1/-1;color:#d8bd87;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.story-dev-console select{min-height:42px;padding:8px;background:#101d24;color:#eee4d2;border:1px solid #8e7955}.story-dev-console>div{display:flex;gap:7px;grid-column:2/-1}.story-dev-console button{min-height:42px;padding:8px 11px}.story-dev-console label:not(:first-child){font-size:.76rem;color:#b8c3c5}.story-dev-console p{grid-column:1/-1;margin:0;color:#8fa0a5;font-size:.75rem}@media(max-width:700px){.story-dev-console{grid-template-columns:1fr}.story-dev-console select,.story-dev-console>div,.story-dev-console p{grid-column:1}.story-dev-console>div{flex-wrap:wrap}.story-dev-console button{flex:1 1 42%}}
#eastern-market-hud{position:fixed;top:18px;left:50%;z-index:34;transform:translateX(-50%);width:min(620px,calc(100% - 28px));padding:12px 16px;background:#08131be8;border:1px solid #b79b674f;text-align:center;pointer-events:none}#eastern-market-hud[hidden]{display:none}#eastern-market-hud span{display:block;color:#d2b879;font-size:.62rem;letter-spacing:.16em}#eastern-market-hud strong{display:block;margin:5px 0;font:1rem Georgia,serif;color:#f0e8d8}#eastern-market-hud small{color:#9babb0;line-height:1.35}
.act1-instance-hud{position:fixed;top:18px;left:50%;z-index:34;transform:translateX(-50%);width:min(620px,calc(100% - 28px));padding:12px 16px;background:#08131be8;border:1px solid #b79b674f;text-align:center}.act1-instance-hud[hidden]{display:none}.act1-instance-hud span{display:block;color:#d2b879;font-size:.62rem;letter-spacing:.16em}.act1-instance-hud strong{display:block;margin:5px 0;font:1rem Georgia,serif;color:#f0e8d8}.act1-instance-hud small{display:block;color:#9babb0;line-height:1.35}.act1-instance-hud button{margin-top:9px;min-height:40px;padding:7px 18px;border:1px solid #a58c60;background:#14232b;color:#f1dfbb;font-size:.72rem;letter-spacing:.12em}

#story-public{margin:28px auto 0;padding:24px;border:1px solid #c5aa7140;background:#071119c9;text-align:center}#story-public>strong{display:block;margin:18px 0;color:#d5b97e;letter-spacing:.28em}#story-dev[hidden],#story-public[hidden]{display:none}
#far-lantern-hud{position:fixed;z-index:14;left:50%;top:18px;transform:translateX(-50%);width:min(470px,calc(100% - 24px));padding:9px 13px;text-align:center;background:#071119e8;border:1px solid #bda77555;box-shadow:0 8px 28px #000a;backdrop-filter:blur(12px)}#far-lantern-hud span{display:block;color:#c6ae7b;font-size:.62rem;letter-spacing:.19em}#far-lantern-hud strong{display:block;margin:4px 0 2px;font:400 .96rem/1.2 Georgia,serif}#far-lantern-hud small{color:#b9c4c7;font-size:.72rem}#far-lantern-hud[hidden]{display:none}
#far-lantern-ending{position:fixed;inset:0;z-index:32;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#03090ded;backdrop-filter:blur(16px)}#far-lantern-ending[hidden]{display:none}#far-lantern-ending>span{color:#c9ad74;letter-spacing:.24em;font-size:.72rem}#far-lantern-ending h2{margin:16px 0 4px;font:400 clamp(2.1rem,7vw,4.4rem) Georgia,serif}#far-lantern-ending p{color:#bac4c5;max-width:540px}