:root{color-scheme:dark;--paper:#eddfbc;--ink:#482814;--gold:#d5ae51;--teal:#83e1db;--brown:#27180e}
#scene{z-index:0;isolation:isolate}#overlay{z-index:10;isolation:isolate}
.modal .modal-title{top:60px;font-size:29px}.dialogue.in-location{background:linear-gradient(#08131a55,#040b13bb),url('assets/location.webp') center/cover}.dialogue.in-city{background:linear-gradient(#08131a77,#040b13bb),url('assets/city.webp') center/cover}
.rescue-track{--start:45px;--end:45px}.rescue-track .track-line{left:var(--start);right:var(--end)}.rescue-track .milestone{position:absolute;top:2px;left:calc(var(--start) + (100% - var(--start) - var(--end)) * var(--at));transform:translateX(-50%)}.game-left .rescue-track{--start:8px;--end:40px}
.game-left .rescue-track .track-line{left:var(--start);right:var(--end)}
#scene .tutorial-highlight:after{content:'';width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:25px solid #e6bc4b;top:58px;left:15px;transform:none;filter:drop-shadow(0 2px 2px #241a0a)}
*{box-sizing:border-box}body{margin:0;background:#100e0b;overflow:hidden;font-family:Georgia,'Times New Roman',serif;color:var(--paper)}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:4px solid #9effef;outline-offset:5px}button:disabled{cursor:default;filter:grayscale(.8);opacity:.65}#stage{width:1600px;height:900px;position:absolute;overflow:hidden;transform-origin:top left;background:#20180f}#scene,#overlay{position:absolute;inset:0}#overlay:empty{pointer-events:none}h1,h2,h3,p{margin:0}button{border:0}img{user-select:none;-webkit-user-drag:none}.city{position:absolute;inset:0;background:url('assets/city.webp') center/cover}.city:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 53%,transparent 25%,#10151022 100%)}.event-banner{position:absolute;top:75px;left:50%;transform:translateX(-50%);text-align:center;filter:drop-shadow(0 5px 9px #0008);z-index:1}.ribbon{background:linear-gradient(90deg,#bba476,#f7edcd 17%,#e8d7ad 80%,#bba476);color:#482911;border:2px solid #a88b46;box-shadow:inset 0 0 0 2px #fff8;border-radius:4px 4px 20px 20px;padding:12px 55px;text-shadow:0 1px #fff9}.ribbon h1{font-size:30px;font-weight:normal}.eyebrow{font:14px Georgia;letter-spacing:3px;text-transform:uppercase;color:#ad8550}.event-banner .eyebrow{color:#e8e1c4;background:#2b241cea;padding:7px 20px;display:inline-block;border:1px solid #a48950;border-top:0;border-radius:0 0 10px 10px}.bag-pin{position:absolute;left:53%;top:44%;width:260px;height:250px;z-index:2;background:none;filter:drop-shadow(0 8px 7px #0009)}.bag-pin:before{content:'';position:absolute;left:10%;right:10%;top:20%;bottom:5%;background:radial-gradient(ellipse,#83ffffb0,transparent 68%);animation:breathe 3s ease-in-out infinite}.bag-pin img{position:relative;width:215px;height:205px;object-fit:contain;transition:transform .3s}.bag-pin:hover img{transform:translateY(-9px) scale(1.04)}.bag-pin .pin-label{display:block;position:relative;background:linear-gradient(#f8efce,#dcc38b);border:2px solid #ac8744;padding:7px 10px;border-radius:6px;font-size:20px;color:#462a14;box-shadow:0 3px 6px #0008;white-space:nowrap}.notification{position:absolute;top:7px;right:24px;border-radius:50%;height:38px;width:38px;background:linear-gradient(#fff4a7,#a86715);border:2px solid #ffffc2;color:#632e09;font:bold 29px Georgia;z-index:3}.map-guide{position:absolute;bottom:120px;left:60px;display:flex;align-items:center;gap:20px;z-index:3;background:none;text-align:left}.portrait{width:94px;height:110px;object-fit:cover;object-position:top;border-radius:50%;border:3px solid #e6c45d;background:linear-gradient(#6aa8a2,#142c34);box-shadow:0 0 0 2px #66451f,0 5px 12px #0009}.speech{position:relative;background:linear-gradient(#f4e8c8,#e3d1a7);color:var(--ink);border:2px solid #be963f;box-shadow:inset 0 0 0 2px #fff7,0 4px 14px #0005;border-radius:12px;padding:18px 25px;font-size:21px;line-height:1.4;width:355px}.speech:before{content:'';position:absolute;width:18px;height:18px;left:-11px;top:42%;background:#eddfbc;border-left:2px solid #be963f;border-bottom:2px solid #be963f;transform:rotate(45deg)}.speech strong{display:block;font-size:18px;color:#963e27;margin-bottom:5px}.speech small{display:block;margin-top:7px;color:#755830;font-size:16px}.journal-map{position:absolute;right:40px;bottom:140px;z-index:4;background:#302116ed;border:2px solid #b69a50;border-radius:8px;padding:14px 20px;box-shadow:0 4px 9px #0008;font-size:21px}.shade{position:absolute;inset:0;background:#090b10b8;animation:fade .3s}.modal{position:absolute;left:250px;top:54px;width:1100px;height:790px;background:url('assets/panel.webp') center/100% 100% no-repeat;color:var(--ink);filter:drop-shadow(0 12px 30px #0008);animation:arrive .3s}.modal-title{position:absolute;left:255px;right:255px;top:34px;text-align:center;font-size:31px;line-height:1.1;color:#56351b;font-weight:bold}.close{position:absolute;right:20px;top:69px;z-index:10;width:45px;height:45px;border:2px solid #f4d67a;border-radius:5px 5px 5px 20px;background:linear-gradient(135deg,#f2d573,#9f6b18);color:#fff3c6;text-shadow:1px 2px #654414;font:bold 36px Georgia;line-height:35px;box-shadow:0 2px 4px #0008}.modal-content{position:absolute;inset:126px 58px 49px}.event-hero{height:292px;border:3px double #b6904c;position:relative;overflow:hidden;border-radius:9px;background:url('assets/location.webp') center 55%/cover;box-shadow:inset 0 0 35px #000b}.event-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#122322d9 60%,#10221ded)}.event-hero>img{position:absolute;z-index:1;width:270px;height:250px;object-fit:contain;left:45px;top:21px;filter:drop-shadow(0 0 24px #52decc99)}.hero-copy{position:absolute;z-index:2;left:375px;right:30px;top:36px;color:#f4e7c6}.hero-copy .eyebrow{color:#e0c483;font-size:13px;letter-spacing:2px}.hero-copy h2{font-weight:normal;font-size:37px;margin:10px 0 14px;line-height:1.08;text-shadow:0 2px 4px #000}.hero-copy p{font-size:20px;line-height:1.45;color:#e9e3cc}.timer-strip{display:flex;justify-content:center;gap:22px;align-items:center;margin:14px 0 12px;font-size:16px;color:#715331}.timer-strip b{color:#9c4025;font-weight:normal}.reward-tease{display:flex;align-items:center;justify-content:center;gap:20px;background:#c9b78940;border:1px solid #b6a171;border-radius:7px;padding:9px 25px;margin:16px 25px 12px}.reward-tease img{width:87px;height:87px;object-fit:contain}.reward-tease h3{font-size:23px;font-weight:normal;color:#8b4027;margin-bottom:6px}.reward-tease p{font-size:18px;line-height:1.35}.actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.green{background:linear-gradient(#e1ffa0 0%,#b2ed2b 16%,#78ba06 50%,#8dce0b 82%,#d9fc75 100%);color:#213400;border:3px solid #f8df81;border-radius:36px;box-shadow:0 0 0 2px #7c561e,inset 0 0 0 2px #faffb6,0 4px 7px #0007;text-shadow:0 1px #efffaf;padding:12px 43px;font-size:29px;font-weight:bold;min-width:235px;transition:filter .2s,transform .2s}.green:hover{filter:brightness(1.09);transform:translateY(-2px)}.secondary{background:linear-gradient(#725434,#382718);border:2px solid #d0b168;border-radius:22px;padding:12px 27px;font-size:21px;color:#f2e3bf;box-shadow:inset 0 0 0 1px #402818}.text-btn{background:none;color:#725432;text-decoration:underline;text-underline-offset:4px;font-size:19px;padding:10px}.small-note{text-align:center;color:#806749;font-size:15px;margin-top:11px}.rescue-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:2px 65px 0;margin:7px 0 0;height:135px}.track-line{position:absolute;left:100px;right:100px;height:12px;top:36px;background:#544534;border:2px solid #a3854a;border-radius:8px;overflow:hidden}.track-line i{display:block;height:100%;background:linear-gradient(#c0f4d9,#338c7c);transition:width .7s}.milestone{z-index:1;background:none;display:flex;align-items:center;flex-direction:column;gap:6px;width:90px;padding:0;color:#765333}.mystery-face{display:grid;place-items:center;width:74px;height:74px;border:3px solid #c19c4c;box-shadow:0 0 0 2px #715328,inset 0 0 20px #0009;border-radius:50%;background:radial-gradient(#3b6869,#18282e);color:#d9ccb0;font-size:47px;text-shadow:0 2px 5px #000;overflow:hidden}.mystery-face img{width:100%;height:100%;object-fit:cover}.milestone.unlocked .mystery-face{border-color:#fae29a;box-shadow:0 0 12px #75dccf}.milestone span{font-size:16px;white-space:nowrap}.milestone small{font-size:14px;color:#8b713e}.track-caption{text-align:center;font-size:17px;color:#775638}.dialogue{position:absolute;inset:0;background:linear-gradient(#020a1180,#07101740 50%,#05070cce);animation:fade .3s}.dialogue .character{position:absolute;left:110px;bottom:154px;width:530px;height:690px;object-fit:contain;object-position:bottom;filter:drop-shadow(8px 8px 16px #0008)}.dialogue .story-aside{position:absolute;left:760px;top:230px;width:600px;text-align:center;color:#eadcb6;text-shadow:0 3px 9px #000}.story-aside .eyebrow{color:#d9b36d}.story-aside h2{font-size:52px;font-weight:normal;line-height:1.12;margin:22px 0}.story-aside .flourish{font-size:27px;color:#c8a365}.dialogue-box{position:absolute;left:65px;right:65px;bottom:40px;min-height:180px;background:linear-gradient(#f5ebd0,#e7d4a9);border:3px solid #b88f3a;box-shadow:inset 0 0 0 2px #fff6,0 8px 30px #0008;border-radius:10px;color:var(--ink);padding:32px 180px 27px 40px}.speaker{position:absolute;left:30px;top:-24px;min-width:240px;text-align:center;background:linear-gradient(#f8ebc5,#e8d2a0);border:2px solid #c49c4c;border-radius:25px 25px 0 0;padding:7px 25px;font-size:23px;color:#963f27}.dialogue-box p{font-size:27px;line-height:1.48}.next-dialogue{position:absolute;right:25px;bottom:30px;background:none;color:#795327;font-size:21px;padding:15px}.next-dialogue b{font-size:38px;margin-left:10px;vertical-align:middle}.skip{position:absolute;right:50px;top:30px;background:none;color:#e8dec8;font-size:20px;z-index:1}.dialog-count{position:absolute;right:48px;top:24px;font-size:15px;color:#987b53}.award .modal-content{text-align:center}.award .artifact{width:210px;height:210px;object-fit:contain;margin-top:0;filter:drop-shadow(0 0 24px #79c5b9)}.award h2{font-weight:normal;font-size:35px;color:#854324;margin:9px 0 13px}.award .lead{font-size:22px;line-height:1.5;max-width:700px;margin:auto}.award .notice{font-size:18px;line-height:1.4;background:#cabb9444;padding:12px 20px;border:1px solid #b49b69;border-radius:6px;max-width:735px;margin:17px auto}.location{position:absolute;inset:0;background:url('assets/location.webp') center/cover}.location:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03171a66,transparent 35%,transparent 65%,#05101466)}.game-header{position:absolute;top:20px;left:440px;right:440px;text-align:center}.game-header .ribbon{padding:12px 20px}.game-header h1{font-size:30px;font-weight:normal}.game-header p{font-size:18px;text-shadow:0 2px 4px #000;margin-top:8px;color:#e5d9b6}.board-frame{position:absolute;top:126px;left:471px;width:658px;height:650px;padding:10px;border:3px solid #b99852;border-radius:15px;background:linear-gradient(135deg,#947148,#2b1d14,#b49155);box-shadow:0 0 0 3px #34251d,0 10px 40px #000b,inset 0 0 0 2px #e2c680}.board-frame iframe{width:100%;height:100%;border:1px solid #bda577;border-radius:7px;background:#f8f6ef;display:block}.game-left{position:absolute;top:155px;left:45px;width:365px;text-align:center;background:linear-gradient(#172c29e8,#211d16eb);border:2px solid #9d8145;box-shadow:inset 0 0 0 3px #201a13,0 5px 25px #0005;border-radius:12px;padding:25px 14px 16px}.game-left h2{font-size:26px;font-weight:normal;color:#eddbb3}.game-left p{font-size:17px;color:#c4b28f;margin:10px 0}.game-left .rescue-track{padding:0 6px;height:116px;margin-top:22px}.game-left .track-line{left:45px;right:45px;top:30px}.game-left .mystery-face{width:62px;height:62px;font-size:39px}.game-left .milestone span,.game-left .milestone small{color:#ddc79d}.game-right{position:absolute;right:45px;top:177px;width:360px;text-align:center}.compass-control{background:radial-gradient(ellipse,#46b8b344,transparent 65%);display:flex;flex-direction:column;align-items:center;margin:auto;color:#f5e8c6}.compass-control img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 4px 9px #000)}.compass-control span{background:#2e211adf;border:1px solid #bc9957;border-radius:25px;padding:10px 22px;font-size:20px}.game-right p{font-size:17px;line-height:1.4;margin:15px 30px;color:#e2ceab;text-shadow:0 2px 4px #000}.game-tools{position:absolute;bottom:39px;left:470px;width:660px;display:flex;justify-content:center;gap:23px}.game-tools button{min-width:183px}.guide-game{position:absolute;left:40px;bottom:79px;width:365px;text-align:left}.guide-game .portrait{position:absolute;left:0;top:-105px;width:85px;height:98px}.guide-game .speech{width:365px;font-size:19px;padding:22px}.guide-game .speech:before{display:none}.guide-game .speech small{font-size:16px}.tutorial-highlight{position:absolute;border:5px solid #edc664;border-radius:50%;width:64px;height:64px;box-shadow:0 0 0 7px #fdf0a636,0 0 30px #fee992;pointer-events:none;z-index:3;animation:breathe 1.5s infinite}.tutorial-highlight:after{content:'вћ¤';position:absolute;top:48px;left:17px;color:#e9c467;font-size:42px;transform:rotate(-90deg);text-shadow:0 2px 3px #1a1711}.journal-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:5px 0}.journal-entry{border:1px solid #b3a075;background:#c6b48833;border-radius:7px;padding:20px;min-height:172px}.journal-entry h3{font-size:23px;font-weight:normal;color:#853e26;margin-bottom:10px}.journal-entry p{font-size:19px;line-height:1.4;color:#655034}.journal-entry img{float:left;width:72px;height:85px;object-fit:cover;margin-right:15px;border:2px solid #ac8c4c;border-radius:50%;background:#406566}.journal-entry.locked{opacity:.7}.journal-footer{text-align:center;font-size:18px;margin-top:20px}.win-stats{display:flex;justify-content:center;gap:55px;margin:28px 0;color:#8d5128;font-size:24px}.win-stats b{display:block;font-size:38px;color:#6a4b2a;margin-bottom:5px}.final-portraits{display:flex;justify-content:center;gap:28px;margin:15px 0}.final-portraits .portrait{width:120px;height:135px}#toast{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);background:#201a13ee;border:1px solid #d0b16a;border-radius:8px;padding:15px 30px;z-index:90;font-size:22px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}#presentation{position:absolute;left:12px;bottom:9px;z-index:100;background:#191715bd;border:1px solid #baab8466;border-radius:4px;color:#e3d9bf;font:13px Arial,sans-serif;letter-spacing:.3px;padding:7px 11px}#demoPanel{position:absolute;bottom:50px;left:12px;width:360px;padding:22px;background:#171e20fa;z-index:99;border:1px solid #b79c62;border-radius:8px;box-shadow:0 6px 40px #0009;font:16px Arial,sans-serif}#demoPanel h3{font-size:18px;margin-bottom:10px}#demoPanel p{font-size:14px;line-height:1.5;color:#b8c3c1;margin-bottom:14px}#demoPanel button{display:block;width:100%;text-align:left;background:#304240;border:1px solid #6b8274;border-radius:5px;margin:7px 0;padding:11px;font:15px Arial,sans-serif}#demoPanel .reset{background:#52332a;border-color:#87604c}#demoPanel label{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:14px}.demo-badge{position:absolute;right:16px;bottom:12px;padding:5px 10px;background:#192927c9;border:1px solid #758b6c;border-radius:4px;color:#deebd5;font:13px Arial,sans-serif}.locked-note{font-size:17px;text-align:center;color:#80674a;margin:25px 0}.turn-device{display:none}@keyframes breathe{50%{filter:brightness(1.22);transform:scale(1.055)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}