:root{color:#eef0e6;font-synthesis:none;--gold:#dfbf79;--ink:#162b31;--visible-height:100dvh;--reading:18px;background:#102b32;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,textarea{font:inherit}button{min-width:48px;min-height:48px;color:inherit;cursor:pointer;touch-action:manipulation;background:#d8e6d30c;border:1px solid #adb6a72f;border-radius:7px;padding:11px 18px;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#e2d7b51e;border-color:#cfbc8777}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f3d69b}button:disabled{opacity:.35;cursor:default}button.selected{border-color:var(--gold);color:#ffe9b9;background:#cab4772d}#world{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;background:linear-gradient(#0d24286b,#0000 28% 65%,#0c242a91);position:absolute;inset:0}.hud{left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute}.hud>*{pointer-events:auto}.wordmark{letter-spacing:5px;text-shadow:0 2px 12px #123;font:500 21px Georgia,serif}.wordmark span{letter-spacing:6px;color:#d8dfd5;margin-top:6px;font:11px -apple-system,sans-serif;display:block}.compass{color:#d4dfd5;opacity:.8;align-items:center;gap:27px;font:12px Georgia,serif;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compass b{color:var(--gold);font-size:16px}.compass i{background:#d9e3d963;width:1px;height:8px}.hud nav{gap:8px;display:flex}.hud nav button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#152e398f;border-color:#cbd7ca28;padding:10px 14px;font-size:14px}.objective{text-shadow:0 2px 12px #122f38;pointer-events:none;max-width:390px;position:absolute;top:110px;left:34px}.eyebrow{letter-spacing:2.6px;color:var(--gold);font-size:10px;font-weight:600;line-height:1.8}.objective h1{letter-spacing:1.2px;margin:9px 0;font-size:24px;font-weight:500}.objective p{color:#e1e6da;max-width:320px;margin:0;font-size:14px;line-height:1.7}.location{text-shadow:0 2px 8px #10272de0;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;bottom:58px;left:34px}.location-mark{color:var(--gold);font-size:38px}.location>div{letter-spacing:3px;font-size:10px}.location small{letter-spacing:2px;margin-top:7px;font-size:16px;display:block}.movement-hint{color:#dce6d7cc;text-shadow:0 2px 6px #10272de0;letter-spacing:1px;pointer-events:none;font-size:11px;position:absolute;bottom:23px;left:36px}.movement-hint span{margin-left:18px}.nearby{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:440px;display:flex;position:absolute;bottom:28px;right:28px}.nearby .eyebrow{text-align:right;flex-basis:100%}.nearby button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#142e39cd;border-color:#c6d4c446;padding:10px 14px;font-size:14px}.toast{opacity:0;pointer-events:none;z-index:30;background:#12292eef;border:1px solid #b8b18773;border-radius:7px;width:max-content;max-width:min(650px,85vw);padding:14px 24px;font-size:16px;line-height:1.5;transition:opacity .25s,transform .25s;position:absolute;bottom:136px;left:50%;transform:translate(-50%,10px);box-shadow:0 8px 36px #08181f5c}.toast.visible{opacity:1;transform:translate(-50%)}#storage-warning:not(:empty){color:#fff;z-index:50;background:#6c4b24;padding:8px;font-size:14px;position:absolute;bottom:0;left:0;right:0}#overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.panel-shade{pointer-events:auto;background:linear-gradient(90deg,#0000,#081b293f);justify-content:flex-end;align-items:stretch;padding:18px;display:flex;position:absolute;inset:0}.panel{width:min(510px,48vw);max-height:calc(var(--visible-height) - 36px);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#776 #19303b;background:linear-gradient(145deg,#1b343afa,#112831fa);border:1px solid #c5c3a747;border-radius:12px;padding:28px 30px;overflow-y:auto;box-shadow:0 22px 90px #04111a66}.panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.close{color:#c4d0c5;background:0 0;border:0;min-width:48px;padding:0;font-size:28px;line-height:1}.panel h2{letter-spacing:1px;margin:13px 0;font-size:27px;font-weight:500;line-height:1.45}.panel-intro,.panel-content p{font-size:var(--reading);color:#d8e1d6;line-height:1.75}.panel-intro{margin-bottom:22px}.panel-content>button{width:100%;margin:9px 0;display:block}.panel-content button{font-size:16px}.primary{color:#213238;letter-spacing:.5px;background:linear-gradient(135deg,#e7c989,#c6a963);border:1px solid #f4dfb2;font-weight:600;box-shadow:0 4px 16px #b28d3820}.primary:hover{background:#efd59b;border-color:#fff0c9}.wide{width:100%;margin-top:14px}.helper{color:#aebfb4!important;font-size:14px!important;line-height:1.6!important}.fine-print{margin-top:15px;color:#9aacaa!important;font-size:11px!important;line-height:1.6!important}.task-prompt{font-weight:500;color:#f1e6cc!important;margin:0 0 16px!important}.sentence{background:#061b265c;border:1px solid #c3ceba54;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;min-height:84px;margin:12px 0 14px;padding:17px 12px;display:flex}.sentence .word{color:#fbf1d4;background:#e0dfcb09;border-color:#c7d4bf2b;min-height:48px;padding:6px 9px;font-size:20px}.sentence .gap{min-width:48px;min-height:48px;color:var(--gold);border-style:dashed;padding:3px 6px;font-size:17px}.edit-actions{flex-wrap:wrap;gap:6px;display:flex}.edit-actions button{min-height:48px;padding:9px 10px;font-size:13px}.word-bank{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.word-bank .card{background:#44575461;border-color:#b5c6b14a;min-height:48px;padding:9px 14px;font-size:17px}.support-row{border-top:1px solid #c1caba2c;gap:8px;margin-top:20px;padding-top:17px;display:flex}.support-row button{flex:1;font-size:13px}.text-button{text-underline-offset:4px;color:#b5cabf;background:0 0;border:0;min-height:48px;text-decoration:underline;font-size:13px!important}.hint-box{background:#c5aa6020;border-left:2px solid #d9bc76;border-radius:0 6px 6px 0;padding:13px 16px;font-size:15px!important}.feedback{background:#d6bb7321;border:1px solid #c6a76153;border-radius:7px;margin-top:17px;padding:15px;font-size:16px!important;line-height:1.65!important}.feedback.success{background:#8bb99721;border-color:#a7caaa85}.explanation{color:#c0d1c1!important;font-size:15px!important}.source-sentence{background:#03182466;border-radius:7px;padding:14px;color:#ffe8b6!important;font:21px/1.6 Georgia,serif!important}.choices{gap:10px;display:grid}.choices button{text-align:left;padding:15px;font-size:18px}.input-label{color:#bfd0c0;width:100%;font-size:12px;display:block}.input-label textarea{resize:vertical;color:#f8edcf;background:0 0;border:0;width:100%;min-height:85px;padding:8px 2px;font-size:20px;line-height:1.65;display:block}.journal-list{gap:0;display:grid}.journal-row{border-bottom:1px solid #b0c5b52c;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.journal-row span{font-size:16px}.journal-row small{text-align:right;color:#b1c2af;max-width:160px;font-size:11px;line-height:1.5}.map-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.map-grid button{background:#668a7722;min-height:62px;font-size:15px}.welcome{pointer-events:auto;background:linear-gradient(90deg,#0b232bf5 0%,#112b2c91 36%,#0000 74%);flex-direction:column;justify-content:center;align-items:flex-start;padding:8vh 7vw;display:flex;position:absolute;inset:0}.welcome>.eyebrow{letter-spacing:4px;font-size:11px}.welcome h1{letter-spacing:6px;color:#f0e8ca;margin:23px 0 10px;font:400 clamp(48px,7.3vw,110px)/1 Georgia,serif}.welcome h2{letter-spacing:8px;color:#d2dccc;margin:4px 0 22px;font-size:23px;font-weight:400}.welcome h2 span{letter-spacing:7px;color:var(--gold);margin-top:12px;font-size:13px;display:block}.welcome p{color:#d0dccf;letter-spacing:1px;font-size:17px;line-height:2.1}.welcome-actions{margin-top:18px}.welcome-actions button{min-width:245px;padding:17px 30px;font-size:17px}.welcome small{color:#b2c2b3;letter-spacing:1px;margin-top:25px;font-size:11px}.not-started .objective,.not-started .hud,.not-started .location,.not-started .nearby,.not-started .movement-hint{opacity:0;pointer-events:none}.panel-open .nearby{display:none}.panel-open .objective{opacity:.65;max-width:33vw}.large-text{--reading:21px}.large-text .panel-content button{font-size:18px}.reduced-motion *{transition:none!important;animation:none!important}@media (width<=1100px){.hud{top:16px;left:20px;right:20px}.objective{max-width:320px;top:96px;left:24px}.objective h1{font-size:22px}.objective p{max-width:270px;font-size:13px}.panel{width:49vw;padding:20px 22px}.panel h2{font-size:24px}.compass{display:none}.nearby{max-width:360px;bottom:20px;right:20px}.location{bottom:64px;left:24px}.movement-hint{bottom:28px;left:24px}.movement-hint span{display:none}.panel-content p,.panel-intro{line-height:1.65}.welcome h1{font-size:72px}}@media (height<=700px) and (orientation:landscape){.objective{top:90px}.objective p{max-width:270px}.panel-shade{padding:10px}.panel{max-height:calc(var(--visible-height) - 20px);padding:15px 22px}.panel h2{margin:7px 0;font-size:23px}.panel-intro{margin-top:5px;margin-bottom:15px;font-size:16px}.welcome{padding:5vh 7vw}.welcome h1{margin-top:17px;font-size:68px}.welcome p{font-size:15px;line-height:1.9}.welcome h2{margin-bottom:10px}.welcome-actions{margin-top:8px}.welcome small{margin-top:18px}.location{bottom:60px}.toast{bottom:105px}}@media (orientation:portrait){.hud{left:16px;right:16px;top:max(14px,env(safe-area-inset-top))}.wordmark{letter-spacing:3px;font-size:15px}.wordmark span{font-size:9px}.hud nav button{padding:8px 10px;font-size:13px}.objective{max-width:90vw;top:96px;left:20px}.objective h1{font-size:22px}.objective p{max-width:70vw}.location{bottom:144px;left:20px}.nearby{left:20px;right:20px;bottom:max(50px,env(safe-area-inset-bottom));justify-content:flex-start;max-width:none}.nearby .eyebrow{text-align:left}.movement-hint{left:20px;bottom:max(19px,env(safe-area-inset-bottom))}.panel-shade{background:linear-gradient(#0000,#081b2970);align-items:flex-end;padding:8px}.panel{width:100%;max-height:min(78dvh,calc(var(--visible-height) - 16px));border-radius:15px 15px 7px 7px;padding:18px 22px}.panel-open .objective{opacity:.55;max-width:80vw}.panel-open .location{display:none}.welcome{background:linear-gradient(#0000 10%,#112b2c91 45%,#0b232bfa 100%);justify-content:flex-end;padding:10vh 7vw 15vh}.welcome h1{letter-spacing:4px;font-size:clamp(38px,10vw,80px)}.welcome h2{letter-spacing:5px;font-size:20px}.welcome p{font-size:16px}.welcome small{font-size:10px}.toast{font-size:14px;top:88px;bottom:auto}.panel-content button{font-size:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.time-view:not(:empty){color:#bfe2de;pointer-events:none;z-index:15;background:#142b39de;border:1px solid #a4c4c278;border-radius:5px;padding:10px 16px;font-size:14px;position:absolute;top:218px;left:34px}@media (orientation:portrait){.time-view:not(:empty){font-size:12px;top:210px;left:20px}}#overlay{top:var(--visible-top,0px);height:var(--visible-height);bottom:auto}.panel .primary.wide{z-index:2;position:sticky;bottom:0;box-shadow:0 0 0 6px #142c34,0 -8px 18px #102831c9}.interaction-focus .objective,.interaction-focus .location,.interaction-focus .time-view{opacity:0}.panel-mechanism{align-self:flex-end;height:auto}.mechanism-dials{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0;display:grid}.mechanism-dials button{padding:10px 8px;font-size:14px}.record-link{flex-shrink:0;padding:8px 12px;font-size:13px!important}.region-route{border-bottom:1px solid #c2caba30;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 22px;padding-bottom:20px;display:grid}.region-route button{letter-spacing:1px;min-height:62px}.dialogue-line{border-left:2px solid #b9a46b;padding-left:15px;color:#e2ddc8!important;font-size:17px!important}.progress-summary{border-bottom:1px solid #c2caba30;padding:14px 0;color:#efd9a7!important}.panel-content details{border:1px solid #b0c5b52c;border-radius:8px;margin:12px 0;padding:0 14px}.panel-content summary{color:#eed7a3;cursor:pointer;align-content:center;min-height:56px;padding:14px 2px;font-size:18px;display:list-item}.panel-content summary:focus-visible{outline-offset:3px;outline:3px solid #f3d69b}.journal-row{flex-wrap:wrap;gap:8px}.journal-row p{flex-basis:100%;margin:0;font-size:16px!important}.backup-label{color:#d5dfce;margin:20px 0;font-size:16px;line-height:1.6;display:block}.backup-label textarea{resize:vertical;color:#e8e7cf;overflow-wrap:anywhere;background:#071e2b80;border:1px solid #aebbaa70;border-radius:6px;width:100%;min-height:110px;margin-top:8px;padding:12px;font-size:16px;line-height:1.5;display:block}.learning-card{background:#b1c9ad08;border:1px solid #b0c5b53a;border-radius:8px;margin:18px 0;padding:16px}.learning-card h3{color:#eddaad;margin:0 0 10px;font-size:18px;font-weight:500}.learning-card p{font-size:16px!important}.evidence-choices{gap:8px;margin:18px 0;display:grid}.evidence-choices button{text-align:left;min-height:52px;padding:12px 15px}.evidence-choices button:before{content:"◇";width:24px;color:var(--gold);display:inline-block}.evidence-choices button.selected:before{content:"◆"}.time-controls{gap:8px;margin:16px 0;display:flex}.time-controls button{flex:1;font-size:15px}@media (orientation:portrait){.panel-mechanism{max-height:min(60dvh,calc(var(--visible-height) - 16px))}.journal-row{gap:10px}.journal-row small{max-width:105px}}.patrol-steps{gap:8px;margin:20px 0;padding:0;list-style:none;display:grid}.patrol-steps li{color:#a8bdb7;background:#bfd7c309;border-left:3px solid #80979045;padding:11px 14px;font-size:16px;line-height:1.5}.patrol-steps li.current{color:#ffedc4;background:#c9b37417;border-color:#e8ca89}.patrol-steps li.done{color:#8fd1ba;border-color:#76b6a2}.patrol-plan label{gap:10px;margin-top:18px;font-size:18px;display:grid}.patrol-plan select{font:inherit;color:#f4eddb;background:#173039;border:1px solid #b6c9b966;border-radius:6px;width:100%;max-width:100%;min-height:52px;padding:12px;font-size:16px}.patrol-plan select:focus-visible{outline-offset:3px;outline:3px solid #f3d69b}.patrol-stamps{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.patrol-stamp{color:#9caeab;text-align:center;background:#0b222b55;border:1px solid #bacbb42b;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;display:flex}.patrol-stamp>span{font-size:34px;line-height:1}.patrol-stamp strong{font-size:14px;font-weight:500}.patrol-stamp small{font-size:12px;line-height:1.6}.patrol-stamp.earned{color:#f1d695;background:linear-gradient(145deg,#bfa1681a,#123039);border-color:#d5b87599}.patrol-dial{letter-spacing:3px;text-align:center;border:1px solid #a4c7c355;border-radius:8px;padding:12px;color:#f1d695!important;font-size:26px!important}.panel-content details>summary{cursor:pointer;min-height:48px;padding:12px 0}@media (width<=700px){.hud{gap:10px}.hud nav{gap:4px}.hud nav button{padding:9px 10px}.hud .wordmark{letter-spacing:3px;font-size:16px}.hud .wordmark span{letter-spacing:3px}.compass{display:none}.patrol-stamps{gap:6px}}