*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#233d3b;background:#bddfeb}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #e99f38;outline-offset:4px}button:hover{filter:brightness(.96)}#game{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;pointer-events:none}.brand,.header-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.brand{background:#fff9ebee;border-radius:20px;padding:12px 20px;box-shadow:0 3px 18px #23473315}.brand strong{font-family:Georgia,serif;font-size:24px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;margin-top:2px}.sun{color:#bc6b31;font-size:32px}button{background:#fff9ebf2;border-radius:14px;padding:12px 17px;box-shadow:0 3px 12px #294b4020}.header-actions button{height:46px}kbd{font:11px system-ui;background:#e9e9da;color:#536a61;border-radius:5px;padding:3px 5px;margin-left:8px}#modes{position:absolute;top:110px;left:26px;display:flex;background:#fff9ebd9;border-radius:17px;padding:5px;gap:4px}#modes button{background:transparent;box-shadow:none;padding:10px 13px}#modes .active{background:#2e655c;color:white}#modes .active kbd{background:#47786f;color:white}#place{position:absolute;top:180px;left:30px;text-shadow:0 1px 8px #fff9eb}#place small,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}#place h1{font-family:Georgia,serif;font-size:26px;margin:6px 0}#place p{font-size:13px;margin:0;max-width:310px}#crosshair{position:absolute;left:50%;top:50%;color:#fff;font-size:30px;text-shadow:0 0 3px #333;pointer-events:none}footer{position:absolute;bottom:20px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end;gap:14px}.keyhelp{font-size:12px;background:#fff9ebe0;padding:13px 16px;border-radius:15px}#readout{display:grid;gap:5px;font-size:12px;background:#fff9ebea;border-radius:14px;padding:12px 16px}#readout span:first-child{font-weight:700}#interaction{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);display:none}#interactButton{background:#f6d28c;padding:15px 25px;font-weight:700;white-space:nowrap}#toast{position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#285b53;color:#fff;padding:13px 22px;border-radius:15px;max-width:430px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5}#toast.show{opacity:1}dialog{border:0;border-radius:26px;background:#fffaf0;color:#233d3b;padding:28px;box-shadow:0 30px 100px #193a4e66;max-width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#213f405c;backdrop-filter:blur(6px)}dialog h2{font:32px/1.1 Georgia,serif;margin:8px 0 20px}dialog p{line-height:1.7}#welcome{padding:0;width:880px;overflow:hidden}#welcome[open]{display:grid;grid-template-columns:1fr 1.05fr}.welcome-art{background:url('concept.png') center top/auto 100%;min-height:470px}.welcome-copy{padding:38px 32px}.welcome-copy h2{font-size:37px;line-height:1.13}.welcome-copy p{font-size:14px}.welcome-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.welcome-tags span{border:1px solid #dce4d6;padding:6px 9px;border-radius:12px;font-size:11px}.primary{background:#2e655c;color:white;font-weight:600;width:100%;display:flex;justify-content:space-between;padding:17px 20px}.welcome-copy>small{display:block;color:#67776b;font-size:11px;line-height:1.5;margin-top:17px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-head button{box-shadow:none;background:#edf0df}.map-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}#mapDialog{width:850px}.map-image{position:relative}.map-image img{width:100%;border-radius:14px}.map-image span{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:#fff9ebdd;border-radius:8px;font-size:11px}#destinations{display:grid;gap:6px}#destinations button{text-align:left;background:#edf1e2;box-shadow:none;padding:10px 13px}#destinations button small{display:block;font-size:11px;color:#64766b;margin-top:3px}.fine{font-size:12px;color:#65776c}#helpDialog{width:560px}dl{display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:14px}dt{font-weight:700}dd{margin:0;line-height:1.5}#activity{width:510px}#activityActions{display:flex;flex-wrap:wrap;gap:10px}#activityActions button{background:#e2ebd8}#touch{position:absolute;bottom:100px;left:26px;right:26px;display:flex;justify-content:space-between;pointer-events:none}.pad,.lift{pointer-events:auto}.pad{text-align:center}.pad button{width:44px;height:44px;padding:5px;background:#fff9ebaa;margin:2px}.lift{display:none;gap:6px;align-items:end}.lift button{background:#fff9ebaa}#touch{display:none}#error{position:absolute;inset:30%;background:#fff;padding:30px}body.flying .lift{display:flex}@media(pointer:coarse){#touch{display:flex}.keyhelp{display:none}}@media(max-width:700px){header{left:12px;right:12px;top:12px}.brand{padding:9px 12px}.brand strong{font-size:19px}.brand small{font-size:8px}.sun{font-size:24px}.header-actions{gap:5px}.header-actions button{padding:10px}.header-actions kbd{display:none}#modes{top:87px;left:12px}#modes kbd{display:none}#place{top:151px;left:17px}#place h1{font-size:22px}#place p{max-width:220px;font-size:12px}footer{left:12px;right:12px;bottom:12px}.keyhelp{display:none}footer button{font-size:11px}#readout{font-size:10px}#welcome[open]{display:block}.welcome-art{min-height:170px;max-height:170px;background-size:cover;background-position:center 26%}.welcome-copy{padding:23px}.welcome-copy h2{font-size:29px}.welcome-tags{margin:16px 0}#welcome{max-height:94vh;overflow:auto}.map-layout{grid-template-columns:1fr}.map-image{display:none}#toast{top:240px;width:85%;font-size:13px}#interaction{bottom:165px}dialog h2{font-size:27px}}

body.night #place{color:#fff0d9;text-shadow:0 2px 5px #061027;}

#adventureDialog{width:900px}.journal-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.journal-tabs button{box-shadow:none;background:#e8eadc;font-size:13px}.journal-tabs .selected{background:#2e655c;color:white}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journal-card{padding:23px;border:1px solid #d9dfd0;border-radius:18px;background:#fffdf6}.journal-card h3{font:25px Georgia,serif;margin:12px 0}.journal-card p{font-size:14px;line-height:1.65}.journal-card button,.journal-card a{display:inline-block;background:#2e655c;color:white;padding:10px 14px;border-radius:10px;font-size:13px;text-decoration:none;margin:4px 6px 0 0}.photo-card img{width:100%;border-radius:10px}.photo-card{padding:12px}.photo-card h3,.photo-card p{margin-left:8px}#adventureHud,#photoHud{position:absolute;background:#fff9edf2;border:1px solid #e0ddc8;border-radius:18px;box-shadow:0 8px 24px #152e3025;padding:17px 20px;z-index:3}#adventureHud{right:24px;bottom:90px;width:290px}#adventureHud strong{display:block;font-size:14px;margin:9px 0}#adventureHud button{padding:7px 12px;font-size:12px}#photoHud{bottom:90px;left:50%;transform:translateX(-50%);width:390px;text-align:center}#photoHud h3{font:24px Georgia,serif;margin:8px}#photoHud p{font-size:13px;line-height:1.5}#photoHud .capture{background:#2e655c;color:white}#photoHud button:disabled{opacity:.45;cursor:default}#photoHud button{padding:9px 15px;margin:3px}#adventureHud[hidden],#photoHud[hidden]{display:none}.header-actions{gap:7px}.header-actions button{padding:10px 12px;font-size:13px}@media(max-width:900px){.brand small{display:none}.brand strong{font-size:19px}.header-actions button{font-size:11px;padding:8px}.header-actions{gap:3px}#adventureHud{right:12px;width:235px}}@media(max-width:600px){.journal-grid{grid-template-columns:1fr}.brand{display:none}#photoHud{width:90%;bottom:160px}#adventureHud{bottom:160px}}

#mapDialog{width:1050px}#destinations{max-height:65vh;overflow:auto}.map-image img{position:sticky;top:0}.map-image span{display:none}
