#quest{width:282px;max-height:330px;overflow:auto;pointer-events:none}#quest span{line-height:1.85}#destination{margin-top:13px;border-top:1px solid #dac29444;padding-top:10px}#destination span{font-size:11px;color:#f4d49b}#destination button{pointer-events:auto;margin-top:8px;font-size:11px;line-height:1.6;padding:8px 10px;width:100%;background:#4b4456;color:#ffe0a2}#bag{position:fixed;right:25px;top:158px;max-width:260px;font-size:12px;color:#f4d298}.introCard h1{font-size:clamp(36px,5vw,60px);margin:13px 0}.introCard p{font-size:13px;margin:14px 0}.introCard{max-width:610px}.overlay{padding:4vw 7vw;overflow:auto}.tags{margin:15px 0}.nameLabel{font-size:12px;color:#f7d69e;display:block;margin-bottom:8px}.nameLabel small{font-size:10px;color:#c8bac9;margin-left:12px}#nickname{width:min(370px,100%);border-radius:10px;border:1px solid #dac29b44;background:#24283ee0;color:#fff0d2;font:inherit;font-size:14px;padding:11px 14px}fieldset{border:0;padding:0;margin:15px 0;color:#e5d9df}legend{font-size:11px;color:#c6b9cd;margin-bottom:8px}fieldset label{display:inline-block;margin-right:14px;font-size:12px}fieldset small{font-size:9px;color:#c2b7c9}fieldset input{accent-color:#e7c18c}.introCard>a{display:block;font-size:11px;color:#eed299;margin-top:14px}.topButtons{gap:5px}.topButtons button{padding:9px 11px}.topButtons #count{font-size:11px}dialog{width:min(700px,94vw);padding:27px}dialog p{font-size:14px;line-height:1.9}.choices button{font-size:13px;line-height:1.8}.clue{padding:15px 18px;border:1px solid #d7bc8944;border-left:3px solid #f4d293;background:#ffffff06;border-radius:0 13px 13px 0;margin:14px 0;line-height:1.9;font-size:14px}.note{font-size:11px!important}.feedback{font-size:12px;line-height:1.7;color:#efcf9b;min-height:1.7em}.hintActions{display:flex;gap:9px;align-items:center;margin:18px 0 10px;font-size:11px;color:#d6c3a2}.hintText{border:1px solid #e1c38d33;background:#e6c78b0a;border-radius:13px;padding:12px 16px;font-size:12px;line-height:1.9}.puzzleInputs{display:flex;gap:12px;flex-wrap:wrap}.puzzleInputs label{font-size:12px;line-height:1.9}.puzzleInputs input{display:block;background:#19223b;color:#ffe4af;border:1px solid #d9c49b55;border-radius:9px;padding:10px;width:95px;font:inherit}.clockRow{display:flex;gap:20px;justify-content:center;margin:19px 0;flex-wrap:wrap}.clockCard{text-align:center;font-size:12px;color:#e5d5bd}.clockCard svg{width:135px;height:135px;display:block}.pattern{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.pattern span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:73px;border-radius:13px;border:1px solid #d5bea944;background:#51435e55;font-size:24px}.pattern small{font-size:12px}.colorBottles{display:flex;gap:14px;justify-content:center;margin:20px 0;flex-wrap:wrap}.colorBottles button{width:105px;height:110px;border:2px solid #ffffff20;background:#ffffff08}.colorBottles button.active{border-color:#ffe0a4;box-shadow:0 0 18px #ffda8c33}.bottle{display:block;border-radius:9px 9px 22px 22px;border:2px solid #f6e5c188;width:37px;height:57px;margin:0 auto 8px;box-shadow:inset 5px 0 7px #fff2}.stoneGrid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;max-width:460px;margin:17px auto}.stoneGrid button{padding:10px 3px;border-radius:18px 18px 7px 7px;background:#807891aa;color:#fff0d8;min-height:53px;font-size:20px}.stoneGrid button.start{border:2px solid #f1d39b}.compass{font-size:12px;text-align:center;color:#d5c7de}.mailboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.mailboxes button{font-size:12px;padding:16px 9px;line-height:2}.mailboxIcon{font-size:30px;display:block}.growth{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:19px 0}.growth button{font-size:12px;padding:12px;min-width:75px}.growth span{display:block;font-size:24px;margin-bottom:5px}.portraitChoices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.portraitChoices button{width:120px;padding:8px;border:2px solid #b79a75;background:#5b4765}.portraitChoices canvas{display:block;width:100px;height:112px;margin:auto}.mapView{width:100%;height:250px;background:#172039;border-radius:17px}.mapView text{font-family:'Malgun Gothic',sans-serif;fill:#f4d8a6;font-size:12px}.mapGrid{grid-template-columns:1fr 1fr;gap:9px}.mapGrid button.current{border-color:#f1ca8d}.mapGrid small{line-height:1.8}.progressChips{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;color:#d6c3a5}.progressChips span{border:1px solid #d8c49a33;border-radius:20px;padding:6px 10px}.resultPortrait{display:block;width:160px;height:170px;margin:12px auto}.resultTitle{text-align:center}.strengths{display:flex;gap:7px;flex-wrap:wrap}.strengths span{font-size:12px;line-height:1.8;padding:8px 12px;border:1px solid #dbc09344;border-radius:17px;background:#fff6}.strengths span{background:#ffffff08}.evidence{font-size:12px;line-height:1.9;color:#dfd6df}.evidence li{margin:7px 0}.stageLabel{color:#f0d69d}.phaseSteps{font-size:11px;color:#c5b9ce;line-height:1.8}.bridgePreview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px;margin:20px auto}.bridgePreview span{text-align:center;padding:11px;background:#747c95;border-radius:9px;color:#fff0cb}.bridgePreview .safe{background:#8b8298}.copyStatus{font-size:11px;color:#ecd09f}#helpBtn{min-width:33px}button:focus-visible,input:focus-visible{outline:3px solid #e4c891;outline-offset:3px}
@media(max-width:700px){header{left:12px;right:12px}.brand b{font-size:11px}.brand small{font-size:4px}.brand>span{font-size:25px}.topButtons{font-size:10px;gap:3px}.topButtons button{padding:7px}.topButtons #count{padding:7px}.topButtons #helpBtn{display:none}#quest{width:215px;max-height:260px;top:76px;left:13px;pointer-events:auto}#quest b{font-size:12px}#quest span{font-size:10px}#destination{padding-top:7px;margin-top:8px}#destination span{font-size:9px}#destination button{font-size:10px;padding:6px}#bag{left:13px;right:auto;top:345px;max-width:205px;font-size:10px;padding:8px}#zone{max-width:135px;right:13px;top:83px}#zone span{font-size:10px}#zone small{display:none}.overlay{padding:25px}.introCard h1{font-size:39px}.introCard p{font-size:12px}.introCard>small{font-size:9px}fieldset label{font-size:11px;margin-right:5px}dialog{padding:20px}dialog p,.clue{font-size:13px}.clockRow{gap:10px}.clockCard svg{width:110px;height:110px}.mailboxes{grid-template-columns:repeat(2,1fr)}.mapView{height:200px}.portraitChoices button{width:105px}.portraitChoices canvas{width:84px;height:100px}.stoneGrid{gap:5px}.stoneGrid button{min-height:43px;font-size:16px}#forms{bottom:154px}.resultTitle h2{font-size:23px}}

[hidden]{display:none!important}.avatarChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatarChoices button{padding:7px;background:#292d43;border:2px solid #626174;border-radius:15px}.avatarChoices button[aria-pressed=true]{border-color:#ffd18c;background:#534050;box-shadow:0 0 18px #eec28525}.avatarChoices canvas{width:100%;height:150px;object-fit:contain}.avatarChoices span{display:block;font-size:13px}.dialogScene{margin:14px 0 18px;width:100%;aspect-ratio:4/3;max-height:390px;border-radius:16px;background-image:url('assets/dialog-scenes.webp');background-size:200% 400%;background-position:var(--scene-x) var(--scene-y);box-shadow:0 10px 30px #080c2266;border:1px solid #e4bc8a55}#forms{max-width:640px}#forms button{min-width:0}#forms [data-form=child]{padding:10px}.choices button{line-height:1.7;text-align:left}@media(max-width:600px){.avatarChoices{grid-template-columns:repeat(2,1fr)}.avatarChoices canvas{height:110px}.dialogScene{max-height:none}#forms{width:calc(100% - 24px)}#forms button{flex:1;padding:7px}#forms b{font-size:10px}#forms small{display:none}}
.dialogScene{width:min(100%,520px);max-height:none;margin-left:auto;margin-right:auto}
@media(max-width:600px){#forms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#forms button{width:100%;justify-content:center}#forms .portrait{display:none}#forms kbd{display:none}#forms [data-form=child]{padding:7px}#forms b{white-space:normal;font-size:10px}}

.bridgeNumbers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:16px 0}.bridgeNumbers button{padding:10px}.bridgeNumbers button[aria-pressed=true]{background:#b09764;color:#171b2d;border-color:#ffe7a8}.mailboxes button{padding:9px 4px;font-size:12px}

.puzzleInputs input,#lockNumber{display:block;max-width:170px;padding:10px;margin:8px 0;background:#20263b;color:#ffe4b0;border:1px solid #d1b88666;border-radius:9px;font:inherit}.portraitChoices button>span{display:block;font-size:26px}

#forms{max-width:760px}#forms button{gap:8px}.potionBottle{position:relative;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:34px;height:42px;margin-top:10px;border:2px solid #eee1cd99;border-radius:9px 9px 14px 14px;background:linear-gradient(120deg,#fff4 0 12%,transparent 14% 30%,var(--potion) 32% 100%);box-shadow:inset -5px -4px 7px #26294366,0 0 16px color-mix(in srgb,var(--potion) 35%,transparent)}.potionBottle:before{content:'';position:absolute;width:14px;height:11px;top:-12px;border:2px solid #e8d9c7aa;border-top:5px solid #af8164;border-radius:3px;background:#c5b7b066}.potionBottle:after{content:'';position:absolute;left:4px;top:6px;width:3px;height:15px;border-radius:4px;background:#fff9}.potionBottle span{font-style:normal;font-size:16px;text-shadow:0 1px 3px #261e39}#forms button.active .potionBottle{filter:brightness(1.2)}@media(max-width:600px){#forms button{flex-direction:column;gap:4px;padding:5px!important}#forms .potionBottle{width:24px;height:27px;margin-top:8px}#forms .potionBottle:before{width:10px;height:9px;top:-10px}#forms .potionBottle span{font-size:12px}#forms b{font-size:9px}#forms{bottom:158px}}

#containerPassword{display:block;width:100%;padding:14px;margin:12px 0;background:#20263b;color:#ffe4b0;border:1px solid #d1b88666;border-radius:10px;font:inherit}

.avatarChoices{grid-template-columns:repeat(5,minmax(0,1fr))}.avatarChoices button{padding:5px}.avatarChoices canvas{height:150px}@media(max-width:600px){.avatarChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.avatarChoices canvas{height:105px}}

#avatarNext{margin-top:22px}.welcomeCenter{text-align:center}.welcomeCenter .actions{justify-content:center}.dialogScene{width:100%;aspect-ratio:3/2;background:none;overflow:hidden}.dialogScene img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}dialog.cinema{width:min(960px,96vw);padding:14px;overflow:hidden;max-height:94vh}.cinematicFrame{position:relative;width:100%;aspect-ratio:3/2;border-radius:17px;overflow:hidden;background:#171b2c}.cinematicImage{width:100%;height:100%;object-fit:cover;display:block}.subtitlePanel{position:absolute;inset:auto 0 0;padding:22px 24px;display:flex;align-items:flex-end;gap:18px;background:linear-gradient(0deg,#000d 0%,#000b 80%,#0008 100%);color:#fff5df;min-height:135px}.subtitleCopy{flex:1;min-width:0}.subtitleCopy b{font-size:12px;color:#f4d29c}.subtitleCopy p{font-size:clamp(14px,1.6vw,18px);line-height:1.8;margin:8px 0;min-height:3.6em;text-shadow:0 1px 3px #000}.subtitleCopy small{font-size:10px;color:#d8cfc0}.subtitlePanel button{flex-shrink:0;padding:11px 20px}.cinema .close{position:absolute;z-index:2;right:24px;top:24px;background:#171b2caa}.cinema .close:hover{background:#272b40}#touch{display:flex;position:fixed;left:auto;right:25px;bottom:83px;gap:16px;align-items:flex-end;pointer-events:none}#touch button{pointer-events:auto}.pad{text-align:center}.pad>button{margin-bottom:4px}.pad div{display:flex;gap:4px}.flight{display:flex;flex-direction:column;gap:5px}.flight button{font-size:11px}#bottom>span{max-width:48%;font-size:10px}#forms{bottom:150px}@media(max-width:700px){#touch{left:15px;right:15px;bottom:76px;justify-content:space-between}#forms{bottom:205px}.cinematicFrame{aspect-ratio:3/4}.cinematicImage{object-position:50% 30%}.subtitlePanel{padding:14px;gap:9px;min-height:170px}.subtitleCopy p{font-size:14px}.subtitlePanel button{padding:9px 12px}.cinema .close{top:21px;right:21px}}@media(prefers-reduced-motion:reduce){.cinematicImage{animation:none}}
.introCard>p{text-align:center}

#quest{padding:0;width:260px;max-height:48vh;pointer-events:auto;overflow:auto}#quest .missionCard{padding:13px 16px;border-bottom:1px solid #dac29422}.missionCard:last-child{border:0}.missionCard small{font-size:10px;color:#e8c891;letter-spacing:0!important}.missionCard b{font-size:14px;margin:5px 0!important}.missionCard span{display:block;font-size:12px;line-height:1.6}#bottom #interact{position:fixed;transform:translateX(-50%);min-width:0;padding:8px 15px;border-color:#ffe0a077;background:#25243ce8;font-size:12px;z-index:5}#bottom #interact[hidden]{display:none!important}#inventoryPanel{position:fixed;right:25px;top:155px;width:132px;max-height:calc(100vh - 340px);overflow:auto;z-index:3;background:#20263cdd;border:1px solid #dfcba52b;border-radius:16px;padding:12px;text-align:center}#inventoryPanel h3{margin:0 0 10px;font-size:12px;color:#f2d298}#inventoryItems{display:grid;grid-template-columns:1fr;gap:8px}.inventoryItem{padding:7px;width:100%;background:#ffffff06}.inventoryItem>span{display:block;font-size:39px;line-height:1.3;filter:drop-shadow(0 3px 5px #0007)}.inventoryItem small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.emptyInventory{font-size:10px;color:#c0b6c4;margin:5px 0}@media(max-width:700px){#quest{width:205px;max-height:33vh;left:12px;top:76px}.missionCard b{font-size:12px}.missionCard span{font-size:10px}#quest .missionCard{padding:10px 12px}#inventoryPanel{right:12px;top:128px;width:96px;max-height:36vh;padding:8px}#inventoryPanel h3{font-size:10px}.inventoryItem>span{font-size:31px}.inventoryItem small{font-size:9px}}
#bottom #interact{color:#fff0ce}

#quest{display:none!important}#inventoryPanel{width:108px;max-height:240px;padding:9px;overflow:hidden}#inventoryPanel h3{margin-bottom:7px;font-size:11px}#inventoryItems{max-height:195px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ab86 #20263c}.inventoryItem{padding:5px}.inventoryItem>span{font-size:32px}.inventoryItem small{font-size:9px}@media(max-width:700px){#inventoryPanel{width:83px;max-height:210px;padding:7px}#inventoryItems{max-height:165px}.inventoryItem>span{font-size:28px}}

#bottom #interact{background:#f5a44f;color:#382434;border:2px solid #ffda93;box-shadow:0 4px 16px #2a1d3a66;font-weight:700}#bottom #interact:hover{background:#ffc071}

#quest{display:block!important;top:115px;left:24px;width:235px;max-height:32vh;background:#25263dde;border:1px solid #e9c78a55;border-radius:16px;box-shadow:0 5px 22px #0003}#quest[hidden]{display:none!important}#keyboardGuide{position:fixed;top:77px;left:24px;right:24px;text-align:center;color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 5px #000;pointer-events:none;z-index:4}#bottom>span{display:none}#forms{gap:6px;bottom:145px;left:24px}#forms button{width:133px;min-height:65px;padding:9px 8px;gap:8px;border-radius:16px;background:linear-gradient(135deg,#39314ade,#252940ee);box-shadow:inset 0 1px 0 #ffe3b42b,0 4px 12px #0003}#forms button b{font-size:11px}#forms button small{font-size:9px}#forms .potionBottle{width:29px;height:39px;flex:0 0 29px;border-radius:9px 9px 12px 12px;background:radial-gradient(ellipse at 30% 30%,#fff9,transparent 45%),linear-gradient(0deg,var(--potion) 0%,var(--potion) 62%,#f3e9fc33 64%);border:1.5px solid #fff2cf;box-shadow:inset -5px -3px 6px #47315755,0 0 11px color-mix(in srgb,var(--potion),transparent 68%)}#forms .potionBottle span{font-size:17px}#forms .potionBottle:before{width:15px;height:11px;left:5px;top:-9px;background:linear-gradient(90deg,#84604b,#d7b285,#9a7052);border:1px solid #ead7b3;border-radius:3px}#forms .active{border-color:#ffda94;background:linear-gradient(135deg,#776045e8,#3d304de8)}@media(max-width:700px){#keyboardGuide{top:61px;font-size:9px;left:10px;right:10px}#quest{top:94px;left:12px;width:195px;max-height:26vh}#forms{left:12px;bottom:160px;gap:4px}#forms button{width:95px;padding:7px 5px;gap:5px}#forms button b{font-size:9px}#forms button small{display:none}#forms .potionBottle{width:25px;flex-basis:25px;height:34px}}

#forms button{width:54px!important;min-height:62px!important;padding:10px 7px!important;justify-content:center}#forms button>span,#forms button>kbd{display:none!important}#forms .potionBottle{width:31px;height:39px;flex-basis:31px;display:flex;align-items:center;justify-content:center}#returnFace{width:27px;height:27px;border-radius:50%;object-fit:contain}#flightGuide{position:fixed;top:99px;left:0;right:0;text-align:center;z-index:4;color:white;font-size:17px;font-weight:bold;text-shadow:0 2px 5px #000;animation:flightBlink 1.3s ease-in-out infinite;pointer-events:none}@keyframes flightBlink{50%{opacity:.35}}body:has(#flightGuide:not([hidden])) #quest{top:135px}@media(max-width:700px){#flightGuide{top:83px;font-size:15px}#forms button{width:47px!important}}@media(prefers-reduced-motion:reduce){#flightGuide{animation:none}}

#touch{position:fixed;inset:0;pointer-events:none}#touch .pad{position:absolute;right:24px;bottom:25px}#touch .flight{position:absolute;left:24px;bottom:25px;flex-direction:row}#forms{left:50%!important;transform:translateX(-50%);bottom:38px!important;padding:28px 12px 10px;background:#25263dde;border:1px solid #e9c78a77;border-radius:19px;gap:8px}#forms:before{content:'변신물약';position:absolute;top:7px;left:0;right:0;text-align:center;color:#ffe1ab;font-size:12px;font-weight:bold}.jugPair{display:flex;justify-content:center;gap:30px;margin:20px}.jugPair>div{text-align:center}.jugPair button{display:block;margin:5px auto}.jugGlass{width:80px;height:125px;position:relative;overflow:hidden;border:3px solid #e7d5fa;border-radius:10px 10px 20px 20px;background:#ffffff10;margin:10px auto}.jugGlass div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#be9ce8,#805fbc);transition:height .25s}.jugGlass span{position:absolute;inset:0;display:grid;place-items:center;font-weight:bold;text-shadow:0 2px 3px #000}.cipherLetters{padding:18px;background:#f0dfbd;color:#42374a;font-size:22px;letter-spacing:6px;border-radius:12px;text-align:center}.bridgePeople{display:flex;justify-content:center;gap:18px;margin:20px}.bridgePeople span{font-size:32px}.bridgePeople b{display:block;font-size:15px}@media(max-width:700px){#touch .pad{right:12px;bottom:18px}#touch .flight{left:12px;bottom:18px;flex-direction:column}#forms{bottom:34px!important;padding:25px 7px 7px;gap:3px}#forms button{width:40px!important}.cipherLetters{font-size:16px;letter-spacing:2px}.jugPair{gap:15px}}

#quest{border:2px solid #f5d794;box-shadow:0 0 12px #ffd78066,0 0 28px #ffc66733,inset 0 0 12px #ffe3a011;animation:missionGlow 3s ease-in-out infinite}@keyframes missionGlow{50%{box-shadow:0 0 18px #ffd78099,0 0 35px #ffc66755,inset 0 0 12px #ffe3a022}}#keyboardGuide{display:flex;justify-content:center;align-items:center;gap:20px;top:76px;font-size:11px}.keyGroup{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#171d2ba6}.keyCluster{text-align:center;line-height:1.1}.keyCluster>div{display:flex;gap:2px;margin-top:2px}#keyboardGuide kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;background:linear-gradient(#fff7e9,#d9d4d5);color:#333347;border:1px solid #fff;border-bottom:3px solid #aaa3ac;border-radius:4px;font:700 12px sans-serif;text-shadow:none}#keyboardGuide .enterKey{width:34px;height:30px;font-size:24px}#keyboardGuide .spaceKey{width:69px;height:23px;font-size:10px}#keyboardGuide small{font-size:10px;color:#fff}#quest{top:140px}#flightGuide{top:127px}body:has(#flightGuide:not([hidden])) #quest{top:156px}#thoughtBubble{position:fixed;transform:translate(-50%,-100%);width:255px;padding:13px 16px;background:#fff3d9f5;border:2px solid #edc987;border-radius:19px;color:#44364e;font-size:13px;line-height:1.6;box-shadow:0 5px 20px #0004;z-index:5;pointer-events:none}#thoughtBubble:after{content:'';position:absolute;bottom:-11px;left:50%;width:17px;height:17px;background:#fff3d9;border-right:2px solid #edc987;border-bottom:2px solid #edc987;transform:rotate(45deg)}@media(max-width:700px){#keyboardGuide{gap:4px;top:65px}.keyGroup{padding:3px;gap:3px}#keyboardGuide small{font-size:8px}#quest{top:127px}#flightGuide{top:114px}}@media(prefers-reduced-motion:reduce){#quest{animation:none}}
#keyboardGuide kbd{position:static!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;opacity:1!important}

#quest{background:none!important;border:0!important;box-shadow:none!important;padding:3px 9px 3px 3px!important;overflow-y:auto;animation:none!important;max-height:40vh;scrollbar-width:thin;scrollbar-color:#dab784 #25283a55}#quest .missionCard{margin:0 0 12px;padding:14px 16px;background:linear-gradient(145deg,#303044f5,#282639ef);border:1.5px solid #edd090;border-radius:17px;box-shadow:0 0 9px #ffd47944}#quest .missionCard small{font-size:15px!important;font-weight:800;color:#ffe2a0;display:block;margin-bottom:7px}#quest .missionCard b{font-size:14px}#quest::-webkit-scrollbar,#inventoryItems::-webkit-scrollbar{width:6px}#quest::-webkit-scrollbar-track,#inventoryItems::-webkit-scrollbar-track{background:#20243755;border-radius:12px}#quest::-webkit-scrollbar-thumb,#inventoryItems::-webkit-scrollbar-thumb{background:linear-gradient(#efd79f,#ac8b73);border-radius:12px}#keyboardGuide{top:64px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:95vw;background:#1c2336aa;border:1px solid #e6d6b844;border-radius:15px;padding:8px 32px 8px 10px;gap:12px;pointer-events:auto}#keyboardGuide .keyGroup{background:transparent;padding:0}#closeKeyboard{position:absolute;top:3px;right:4px;width:22px;height:22px;padding:0;border:0;background:transparent;font-size:19px;color:#fff}#flightGuide{top:132px;font-size:23px;animation-duration:3s}#quest{top:142px}body:has(#flightGuide:not([hidden])) #quest{top:168px}.inventoryItem svg{width:68px;height:68px;filter:drop-shadow(0 3px 5px #0005)}@media(max-width:700px){#keyboardGuide{top:61px;gap:5px;padding-right:25px}#flightGuide{top:126px;font-size:20px}#quest{max-height:34vh}.inventoryItem svg{width:55px;height:55px}}
#inventoryItems{overflow-x:hidden;grid-template-columns:minmax(0,1fr)}.inventoryItem{min-width:0;max-width:100%}.inventoryItem small{white-space:normal;overflow-wrap:anywhere}.inventoryItem>span{max-width:100%;line-height:1}

#quest{max-height:56vh!important;top:155px!important}body:has(#flightGuide:not([hidden])) #quest{top:177px!important}.festivalCount{position:fixed;top:112px;left:27px;padding:9px 15px;border-radius:12px;border:1px solid #eed09977;background:#29273cd9;color:#ffdda1;font-size:14px;font-weight:bold;z-index:4}#keyboardGuide{top:24px;padding:6px 30px 6px 10px;gap:8px}#flightGuide{top:90px}.topButtons{gap:5px}.topButtons button{font-size:11px;padding:10px 12px}#sfxToggle[aria-pressed=false],#musicToggle[aria-pressed=false]{color:#aaa5b6;background:#23263ab0}.inventoryArt{width:82px!important;height:82px!important;display:block;object-fit:contain;margin:auto;filter:drop-shadow(0 4px 4px #0005)}@media(max-width:1100px){.brand small{display:none}.brand b{font-size:14px}#keyboardGuide{top:75px}.festivalCount{top:135px}#quest{top:178px!important;max-height:51vh!important}#flightGuide{top:134px}.topButtons button{font-size:9px;padding:8px}body:has(#flightGuide:not([hidden])) #quest{top:193px!important}}@media(max-width:700px){.brand{display:none}header{justify-content:flex-end}.festivalCount{left:15px;font-size:12px}#quest{max-height:48vh!important}.inventoryArt{width:62px!important;height:62px!important}}

.inventoryArt{border-radius:13px;border:1px solid #efd39a66;object-fit:contain;width:76px!important;height:95px!important}.festivalCount{white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){#keyboardGuide{top:24px;transform:translateX(-50%) scale(.85);transform-origin:center top}.festivalCount{top:110px}#quest{top:153px!important}#flightGuide{top:95px}body:has(#flightGuide:not([hidden])) #quest{top:175px!important}}

#musicToggle:focus,#musicToggle:focus-visible,#sfxToggle:focus,#sfxToggle:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-color:#ead5b827!important}.suspectPortraits{gap:14px;margin:22px auto;display:flex;justify-content:center;align-items:stretch}.suspectPortraits button{width:180px;max-width:30%;padding:9px 8px 12px;background:linear-gradient(150deg,#65516bed,#363248);border:1px solid #dfc590;border-radius:18px;box-shadow:inset 0 1px 0 #ffe9c933,0 5px 14px #0003}.suspectPortraits canvas{display:block;width:100%!important;height:205px!important;object-fit:contain;margin:auto}.suspectPortraits b{font-size:14px;color:#ffe3b4}.suspectPortraits button:hover{background:linear-gradient(150deg,#806478,#443951);transform:translateY(-2px)}.festivalTitle{font-family:'Malgun Gothic',sans-serif!important;font-weight:900!important;letter-spacing:.03em;line-height:1.25!important;text-shadow:0 4px 0 #6b4355,0 0 25px #edb26955}.titleArtwork{display:block;width:min(490px,100%);max-height:270px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px #17152aaa)}@media(max-width:700px){.suspectPortraits{gap:6px}.suspectPortraits button{padding:5px;max-width:31%}.suspectPortraits canvas{height:145px!important}.titleArtwork{max-height:205px}}
body:has(#intro:not([hidden])) .festivalCount{display:none}

#flightGuide{top:210px!important;display:flex;align-items:center;justify-content:center;gap:25px;font-size:21px;animation:flightBlink 3s ease-in-out infinite}#flightGuide span{display:flex;align-items:center;gap:9px}#flightGuide kbd{position:static!important;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #fff3dc;border-bottom:4px solid #aaa3ac;border-radius:6px;background:linear-gradient(#fff7e9,#d9d4d5);color:#333347;font:800 22px sans-serif;text-shadow:none;box-shadow:0 3px 8px #0004}.titleArtwork{filter:none!important}body:has(#flightGuide:not([hidden])) #quest{top:155px!important}@media(max-width:1100px){#flightGuide{top:205px!important}body:has(#flightGuide:not([hidden])) #quest{top:153px!important}}@media(max-width:700px){#flightGuide{top:210px!important;font-size:17px;gap:20px}#flightGuide kbd{width:33px;height:34px;font-size:19px}body:has(#flightGuide:not([hidden])) #quest{top:178px!important}}

.avatarChoices{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){.avatarChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}

#intro{overflow:hidden!important;height:100dvh;padding:22px 5vw!important;display:flex;align-items:center}.introCard{max-height:100%;overflow:visible!important}.festivalTitle{margin:8px 0 18px!important}.titleArtwork{width:min(470px,100%);max-height:225px}.avatarChoices{max-width:650px}.avatarChoices canvas{height:128px!important}.avatarChoices button{padding:4px}.introCard h2{font-size:22px;margin:12px 0}.introCard .primary{padding:13px 18px}#inventoryPanel{max-height:55vh!important}#inventoryItems{max-height:calc(55vh - 45px)!important}.inventoryArt{width:52px!important;height:63px!important;border:0;filter:none}.inventoryItem{padding:6px;background:#ffffff05;border-radius:12px}.finaleFrame canvas{width:100%;height:100%;object-fit:cover}.resultTitle .resultPortrait{width:230px;height:240px}.resultTitle p{line-height:1.8}.lanternPuzzleGrid button{padding:4px;position:relative;min-height:88px;background:#25294050}.lanternPuzzleGrid canvas{width:65px;height:72px;display:block;margin:auto}.lanternPuzzleGrid .lanternNumber{position:absolute;top:34px;left:50%;transform:translateX(-50%);color:#382b38;font-size:16px;font-weight:900;text-shadow:0 1px 0 #fff4}.lanternPuzzleGrid .start{border:2px solid #f3cd81}.pumpkinChoice canvas{display:block;width:110px;height:110px}.bridgePeople canvas{width:85px;height:90px}.bridgePeople b{font-size:16px}.bridgeIllustration{width:250px;height:135px;display:block;margin:10px auto}.vesselGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.vessel{position:relative;text-align:center;touch-action:none;user-select:none;border:1px solid #e2c99466;border-radius:15px;padding:8px;background:#fff1}.vessel canvas{width:110px;height:140px;max-width:100%;display:block;margin:auto}.vessel strong,.vessel small{display:block;font-size:12px}.vessel .vesselFill{position:absolute;left:28%;right:28%;bottom:58px;border-radius:8px;background:#b59ddd88;pointer-events:none;box-shadow:0 0 12px #d1b7ff66}.vessel.dropTarget{border:2px solid #ffe39d;background:#fff2}.dragPotion{position:fixed;pointer-events:none;z-index:200;font-size:30px;border-radius:50%;background:#e7cbffa0;width:36px;height:36px;box-shadow:0 0 20px #e7bcff;transform:translate(-50%,-50%)}@media(max-height:740px){.titleArtwork{max-height:190px}.avatarChoices canvas{height:110px!important}.introCard h2{font-size:19px}.festivalTitle{margin:3px 0 10px!important}}@media(max-width:700px){#intro{padding:15px!important}.titleArtwork{max-height:150px}.avatarChoices{grid-template-columns:repeat(4,minmax(0,1fr))}.avatarChoices canvas{height:90px!important}.vesselGrid{gap:5px}.vessel{padding:5px}.vessel canvas{height:100px}.vessel strong,.vessel small{font-size:10px}.lanternPuzzleGrid canvas{width:50px;height:58px}.lanternPuzzleGrid .lanternNumber{top:28px;font-size:13px}.lanternPuzzleGrid button{min-height:70px}}

.finaleFrame{aspect-ratio:auto!important;height:auto!important}.finaleFrame canvas{display:block;height:auto!important;aspect-ratio:1024/274;object-fit:contain}.finaleFrame .subtitlePanel{position:relative;min-height:145px;background:#10131bdd}.finaleFrame .subtitleCopy p{font-size:17px;line-height:1.8}

.bridgeIllustrationWrap{position:relative;width:280px;height:150px;margin:12px auto}.bridgeFlashlight{position:absolute;bottom:0;left:5px;width:90px;height:65px}.bridgeIllustrationWrap .bridgeIllustration{margin:0 auto}

/* Readable puzzles and map finale */
.lanternNumber{top:50%!important;transform:translateY(-4%);font-size:21px!important}
.cipherNote{position:relative;max-width:310px;margin:12px auto;height:155px}.cipherNote canvas{width:100%;height:100%}.cipherNote strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);color:#483522;font-size:42px;letter-spacing:18px;padding-left:18px}.cipherLetters{font-size:15px;padding:12px;opacity:.8}
.bridgeJourney{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0}.bridgeJourney .bridgePeople{display:flex;flex-wrap:wrap;max-width:48%;margin:0;gap:8px}.bridgePeople span{width:100px}.bridgePeople canvas{width:100px;height:100px}.bridgePeople b{font-size:15px}.bridgeJourney .bridgeFlashlight{position:static;width:90px;height:90px}.bridgeJourney .bridgeIllustration{width:240px;height:200px}.paintedMailbox{position:relative;background:#25293b!important;border-bottom:5px solid var(--mail-color)}.paintedMailbox canvas{width:100%;height:130px;filter:sepia(.25)}.paintedMailbox span{display:block;color:#fff;background:var(--mail-color);border-radius:8px;padding:6px}.paintedMailbox b{font-size:18px}
.vesselGrid{gap:12px}.vessel{min-height:0;padding:14px 8px;position:relative;cursor:pointer;touch-action:none}.vessel .clearBottle{display:block;width:100%;height:185px;margin:5px auto}.vesselFill{display:none}.vessel .amountLabel{display:block;font-size:23px;font-weight:800;color:#ffdfa2;margin:6px}.vessel button{font-size:15px;padding:9px 12px}.vessel.selectedVessel{border:2px solid #f4cf84;box-shadow:0 0 20px #edc67a44}.pourStatus{text-align:center;color:#f8d99e;min-height:27px;font-weight:700;margin:8px}.vessel:focus-visible{outline:2px solid #f5dd9e}
#mapStory{position:fixed;z-index:15;left:0;right:0;bottom:0;min-height:120px;background:linear-gradient(#0c1020dc,#060911ed);border-top:1px solid #cfaa6f88;padding:18px 5vw;display:flex;gap:24px;align-items:center;color:#fff0da}#mapStory[hidden]{display:none}#mapStory>div:first-child{flex:1}#mapStory b{color:#efc481}#mapStory p{font-size:20px;line-height:1.7;margin:8px 0;min-height:34px}.storyActions{display:flex;gap:8px;flex-shrink:0}.festivalStoryOpen #forms{bottom:155px}.festivalStoryOpen .touchControls{bottom:155px}
@media(max-width:700px){.bridgeJourney{gap:0}.bridgeJourney .bridgePeople{max-width:44%}.bridgePeople span,.bridgePeople canvas{width:72px}.bridgePeople canvas{height:72px}.bridgeJourney .bridgeIllustration{width:140px;height:150px}.bridgeJourney .bridgeFlashlight{width:60px;height:60px}.vesselGrid{grid-template-columns:repeat(2,1fr)}#mapStory{padding:12px;gap:8px}#mapStory p{font-size:16px}.storyActions{flex-direction:column}.mailboxes{grid-template-columns:repeat(3,1fr)!important}}

.festivalStoryOpen #forms{bottom:150px!important}.festivalStoryOpen #touch .pad,.festivalStoryOpen #touch .flight{bottom:150px!important}

dialog[data-kind="puzzle"] h2{margin:8px 0 18px}dialog[data-kind="puzzle"] .clue{padding:14px 18px;font-size:16px;line-height:1.7}dialog[data-kind="puzzle"] .hintActions{margin-top:18px}dialog[data-kind="puzzle"] .feedback:empty{display:none}dialog[data-kind="puzzle"] .hintText:empty{display:none}.vessel .clearBottle{height:140px}.vessel .amountLabel{font-size:20px;margin:4px}.vesselGrid{margin:10px 0}.vessel{padding:12px 6px}.pourStatus{font-size:15px;margin:8px}.bridgeJourney .bridgePeople{flex-wrap:nowrap}.bridgeJourney .bridgePeople span{flex:1;min-width:0}.bridgePeople canvas{max-width:100%}

.bridgePeople b{font-size:13px;white-space:nowrap}.paintedMailbox canvas{filter:none}

/* October 15: title, simpler potion controls */
.titleArtwork{width:min(720px,90vw)!important;max-height:340px!important}.festivalTitle{max-width:760px!important}.vesselGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vesselActions{display:flex;gap:7px;justify-content:center;align-items:center;min-height:42px}.vesselActions button{padding:9px 13px!important;font-size:15px!important}.answerVessel{border:2px solid #eecb78;background:linear-gradient(145deg,#66503680,#4b355a99);box-shadow:0 0 20px #edc47733}.answerVessel>strong{font-size:18px!important;color:#ffe2a2}.answerVessel .clearBottle{filter:drop-shadow(0 0 7px #ffd68a55)}.unlockedItem{display:flex;align-items:center;gap:22px;justify-content:center}.unlockedItem .inventoryArt{width:100px!important;height:125px!important}.unlockedItem strong{font-size:23px}
@media(max-height:740px){.titleArtwork{width:min(640px,88vw)!important;max-height:265px!important}.avatarChoices canvas{height:100px!important}.festivalTitle{margin:3px 0 8px!important}}
@media(max-width:700px){.titleArtwork{max-height:245px!important;width:90vw!important}.vesselActions{gap:4px;flex-wrap:wrap}.vesselActions button{padding:8px!important;font-size:13px!important}.unlockedItem strong{font-size:18px}}

.unlockedItem .inventoryArt{margin:0!important;flex:0 0 100px!important}.unlockedItem strong{flex:0 0 auto!important}

.clockCard svg{width:260px!important;height:260px!important}.clockCard{background:none!important;box-shadow:none!important}.cipherLetters{margin:15px 0 0!important}.cipherNote{margin:0 auto 12px!important;height:150px}.witchVessel{height:155px!important}.answerVessel{background:linear-gradient(150deg,#6a526744,#30293e);border-color:#d1b67c}.answerVessel>strong{font-size:16px!important}
dialog.boatDialog{width:min(1120px,96vw)!important;height:min(720px,92dvh)!important;max-height:92dvh!important;padding:0!important;overflow:hidden!important;border-radius:24px}.boatDialog #dialogBody{height:100%;padding:0!important;overflow:hidden!important}.boatDialog .close{position:absolute;top:15px;right:16px;z-index:4;background:#121a2eea}.boatPuzzle{height:100%;position:relative;isolation:isolate;color:#fff2d8}.boatBackdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.boatPuzzle:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#091124d9 0%,#091124c9 43%,#09112405 64%,#09112435 100%)}.boatQuestion{position:absolute;top:20px;left:32px;right:65px}.boatQuestion h2{margin:0 0 12px!important;font-size:27px;color:#ffe0a2}.boatQuestion p{font-size:16px;line-height:1.65;margin:7px 0!important;text-shadow:0 1px 4px #000}.boatQuestion .boatIntro{font-weight:700;margin-bottom:12px!important}.boatAnswer{position:absolute;right:22px;bottom:20px;width:42%;padding:16px;background:#111a2ce8;border:1px solid #e1c28166;border-radius:16px}.boatAnswer form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.boatAnswer label{display:flex;gap:8px;align-items:center;flex:1}.boatAnswer input{width:75px;min-width:50px;padding:8px;border:1px solid #a89bb4;border-radius:7px;background:#faf3e8;color:#302d3b;font-size:18px}.boatAnswer button{font-size:14px;padding:9px 14px}.boatAnswer .hintActions{margin-top:9px!important;font-size:11px;gap:8px}.boatAnswer .hintText{font-size:13px;line-height:1.5;padding:0;border:0;background:none;max-height:84px;overflow:auto}.boatAnswer .hintText p{font-size:13px;margin:5px 0}.boatAnswer .feedback{font-size:13px;margin:6px 0}.fourthAnimal{position:absolute;left:39%;bottom:6%;margin:0;background:#14213b99;border-radius:16px;padding:6px}.fourthAnimal canvas{width:75px;height:75px}.fourthAnimal figcaption{font-size:12px;color:#ffe2aa}
@media(max-height:740px){.boatQuestion{top:17px;left:24px}.boatQuestion h2{font-size:23px}.boatQuestion p{font-size:14px;margin:4px 0!important;line-height:1.55}.boatAnswer{bottom:12px;padding:12px}}
@media(max-width:700px){dialog.boatDialog{height:94dvh!important;max-height:94dvh!important}.boatBackdrop{object-position:35% center}.boatQuestion{left:16px;right:40px}.boatQuestion h2{font-size:22px}.boatQuestion p{font-size:13px;line-height:1.65}.boatAnswer{right:12px;bottom:12px;width:calc(100% - 24px);padding:10px}.boatPuzzle:before{background:linear-gradient(#091124e9 0%,#091124d9 45%,#09112411 65%,#09112488 100%)}.fourthAnimal{bottom:27%;left:65%}}

.boatBackdrop{object-position:left center}@media(min-width:701px) and (max-height:740px){.boatQuestion p{font-size:17px;line-height:1.55;margin:6px 0!important}.boatQuestion h2{font-size:26px}}.festivalStoryOpen #forms,.festivalStoryOpen #keyboardGuide,.festivalStoryOpen #quest,.festivalStoryOpen #inventoryPanel,.festivalStoryOpen #count,.festivalStoryOpen #zone,.festivalStoryOpen #touch,.festivalStoryOpen #interact{visibility:hidden}

/* Context actions and flowing festival captions */
#strengthsNear{position:fixed;z-index:12;transform:translateX(-50%);padding:10px 22px;border:1px solid #e6ca88;border-radius:16px;background:#343048ed;color:#ffe4a7;font-weight:700;box-shadow:0 4px 15px #0005}#strengthsNear[hidden]{display:none}.festivalStoryOpen #strengthsNear{visibility:hidden}
#mapStory{padding:22px 6vw 20px;min-height:135px;gap:30px;align-items:center}#mapStory .mapStoryCopy{flex:1}#mapStoryText{white-space:pre-wrap;margin:9px 0 0!important;min-height:45px;font-size:21px;line-height:1.8}#mapStoryClose{position:absolute;right:22px;top:10px;width:33px;height:33px;padding:0;border:0;border-radius:50%;background:#ffffff0c;color:#e5d9c4;font-size:28px;line-height:1}#mapStoryClose:hover{background:#ffffff20}#mapStoryNext{flex-shrink:0;align-self:flex-end;padding:10px 0;margin:0 15px 3px 0;border:0;border-radius:0;background:none;color:#f4d397;font-size:16px;box-shadow:none}#mapStoryNext span{display:inline-block;margin-left:9px;transition:transform .2s}#mapStoryNext:hover span{transform:translateX(4px)}.storyGlyph{display:inline;animation:storyInk .5s ease-out both}@keyframes storyInk{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.storyGlyph{animation:none}}
.boatQuestion p{margin:4px 0!important}.boatQuestion p:last-child{font-size:14px;opacity:.85}@media(max-height:740px) and (min-width:701px){.boatQuestion p{font-size:16px;line-height:1.45;margin:3px 0!important}.boatQuestion h2{font-size:24px;margin-bottom:8px!important}}@media(max-width:700px){#mapStory{padding:24px 18px 14px;gap:9px;flex-wrap:wrap}#mapStoryText{font-size:17px;line-height:1.7}#mapStoryNext{margin-left:auto}.boatQuestion p{font-size:12px;line-height:1.4;margin:3px 0!important}}

/* Keep the reviewed four-character cipher on the parchment. */
.cipherNote strong{white-space:nowrap}.cipherNote.longCipher strong{font-size:36px;letter-spacing:8px;padding-left:8px}

.missionCard .missionAuto{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:12px;padding:10px 12px;border:1px solid #fff0bc;border-radius:10px;background:linear-gradient(135deg,#ffe7a4,#eab660);color:#392b25;font-size:14px;font-weight:800;box-shadow:0 0 12px #ffd58155;cursor:pointer}.missionCard .missionAuto span{display:inline;font-size:18px;line-height:1}.missionCard .missionAuto:hover{background:#fff0c2;box-shadow:0 0 17px #ffdb8b88}.missionCard .missionAuto:focus-visible{outline:2px solid #fff4d2;outline-offset:3px}

.missionHeading{display:flex;align-items:center;justify-content:space-between;gap:8px}.missionHeading b{flex:1;min-width:0}.missionHeading .missionAuto{flex:none;width:auto;margin:0;padding:5px 8px;gap:4px;border-radius:8px;font-size:11px;white-space:nowrap;box-shadow:0 0 6px #ffd58133}.missionHeading .missionAuto span{font-size:12px}

#exploreHint{position:fixed;top:132px;left:50%;transform:translateX(-50%);z-index:4;width:max-content;max-width:90vw;text-align:center;font-size:clamp(18px,2vw,27px);font-weight:800;line-height:1.5;color:#fff0bc;text-shadow:0 2px 5px #11182e,0 0 12px #11182e;background:#1b2136a8;border-radius:12px;padding:8px 17px;pointer-events:none;animation:exploreBlink 1.6s ease-in-out infinite}body:has(#flightGuide:not([hidden])) #exploreHint{top:190px}@keyframes exploreBlink{0%,100%{opacity:1}50%{opacity:.28}}@media(prefers-reduced-motion:reduce){#exploreHint{animation:none}}