[hidden]{display:none!important}#objective{position:absolute;left:34px;top:215px;max-width:290px;padding:14px 18px;background:linear-gradient(90deg,#071217d9,#07121755);border-left:2px solid #bba571;pointer-events:none}#objective small{font-size:9px;letter-spacing:2px}#objective p{font-size:12px;line-height:1.8;color:#d3d8ce;margin:6px 0 0}#toast{top:210px}#intro{z-index:5}#intro h2{font-size:clamp(40px,5.2vw,76px)}#intro span{line-height:2}#mapView,#notebook{z-index:8}#routes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:12px auto 28px}#routes button{padding:0;text-align:left;overflow:hidden;background:#101d23}#routes img{width:100%;height:130px;object-fit:cover;display:block}#routes strong,#routes span{display:block;padding:14px 16px 0}#routes strong{font:22px Georgia,serif;color:#e5d8b9}#routes span{font-size:11px;line-height:1.6;padding-bottom:18px;color:#9caaa6}.mapimage{max-width:850px;opacity:.65}#notebook{position:absolute;inset:0;background:linear-gradient(120deg,#101b20fa,#061017fa);padding:30px max(30px,12vw);overflow:auto}#notes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:40px auto}#notes article{padding:25px;border:1px solid #a3906155;background:#202a294a}#notes h3{font:26px Georgia,serif;color:#dac8a1;margin:0 0 14px}#notes p{font-size:13px;line-height:1.85;color:#bfccc5}.notebookFoot{text-align:center;color:#87938e;font-size:11px}dialog{width:min(860px,94vw);padding:24px;background:#0d191ff5}dialog .talk{display:flex;align-items:center;gap:28px}#portrait{width:210px;height:245px;object-fit:cover;object-position:50% 20%;border:1px solid #ac98715c;flex-shrink:0}dialog h2{font-size:30px}dialog p{margin:12px 0;font-size:14px}#choices{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#extra{background:#c4ac7c;color:#142126}#choices button{min-height:44px}button:disabled{cursor:default;opacity:.5}#count{max-width:260px;line-height:1.6}
@media(max-width:760px){header{align-items:flex-start;gap:10px}nav{flex-wrap:wrap;justify-content:flex-end}nav button{font-size:10px}#objective{left:18px;top:160px;max-width:245px;padding:9px 12px}#objective p{font-size:10px}#toast{top:250px;max-width:220px}#routes{grid-template-columns:repeat(2,1fr)}#routes img{height:95px}#routes strong{font-size:19px}#notebook{padding:22px}#notes{grid-template-columns:1fr;margin:20px auto}dialog .talk{gap:15px;align-items:flex-start}#portrait{width:90px;height:125px}dialog{padding:20px}dialog h2{font-size:22px;margin:12px 0}dialog p{font-size:12px}#choices{flex-wrap:wrap}#choices button{flex:1}#intro h2{font-size:40px}#location{top:90px}.mapimage{display:none}}
@media(max-height:600px){#objective{top:170px}#intro h2{font-size:36px;margin:10px 0}#intro p{margin:8px 0}#start{margin-top:8px;padding:12px 20px}dialog p{font-size:12px}#portrait{height:180px}}

#restartChapter{margin-top:14px;background:transparent;border-color:#84938644;color:#aebbb4;font-size:11px}#notebook>button{display:block;margin:22px auto}
main:has(#intro:not([hidden])) #objective,main:has(#intro:not([hidden])) #location,main:has(#intro:not([hidden])) footer,main:has(#intro:not([hidden])) #touch{visibility:hidden}
@media(max-width:760px){.brand{white-space:nowrap;font-size:14px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.3px}}

#runControl{position:absolute;right:34px;bottom:88px;touch-action:none;user-select:none;min-height:44px}#runControl[aria-pressed="true"]{background:#cab48a;color:#111c20}#runControl[aria-pressed="true"] kbd{color:#111c20}@media(max-width:760px){#runControl{right:18px;bottom:76px;padding:10px 18px;z-index:2}}
.notebook-reward{grid-column:1/-1}.notebook-reward img{display:block;width:100%;max-width:640px;height:auto;margin:16px auto;border:1px solid #b8a37a55}.notebook-reward p{text-align:center}