@charset "UTF-8";
:root{--ink:#263e3a;--muted:#78847c;--green:#477f64;--paper:#f6f4ed;--line:#e5e7dc;--gold:#d5a84e;--orange:#d97d55;--font:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--font)/1.6 "Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e5ac44;outline-offset:4px}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.25;letter-spacing:1px}h2{font-size:25px}h3{font-size:18px}small{font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fffdf7;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;z-index:3}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#8a9186}.brandball{display:block;width:34px;height:34px;flex:none;border:3px solid #315b49;border-radius:50%;background:linear-gradient(#e79d65 0 44%,#315b49 44% 55%,#fffdf3 55%);position:relative;transform:rotate(-20deg)}.brandball:after{content:'';position:absolute;left:9px;top:9px;width:10px;height:10px;border-radius:50%;background:white;border:3px solid #315b49}.nav-label{color:#98a091;font-size:11px;letter-spacing:2px;margin:47px 14px 15px}nav{display:grid;gap:9px}nav button{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border-radius:12px;padding:12px 15px;font-size:20px;color:#879183}nav button span{font-size:14px;font-weight:600}nav button.active{background:#e8eee0;color:#3c6f53}nav b{margin-left:auto;background:#fff8;font-size:12px;padding:0 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;font-size:12px;color:#879082}.sidebar-bottom small{display:block;margin:8px 0 18px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72a887;margin-right:5px}.shell{margin-left:218px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);font-size:12px;gap:20px}.breadcrumb{color:#8f9589}.slash{margin:0 14px;color:#c3c7bb}.profile{display:flex;align-items:center;gap:10px}.xp-pill{background:#fff8e0;color:#9a7835;padding:5px 12px;border-radius:20px}.avatar{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#e3ead4;font-size:12px;font-weight:700}.profile-name{font-size:12px}.topbar strong{font-weight:500}main{max-width:1500px;margin:auto;padding:30px 38px 16px;min-height:calc(100vh - 130px)}footer{padding:15px 38px 24px;color:#97a08f;font-size:11px;display:flex;justify-content:space-between}footer span{letter-spacing:2px;font-size:9px}.eyebrow{font-size:11px;letter-spacing:3px;color:#7c9277;font-weight:700;text-transform:uppercase;margin-bottom:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading p{font-size:13px;color:var(--muted);margin-top:10px}.pill{border:1px solid #dfe4d5;background:#fffdf5;padding:5px 12px;border-radius:20px;font-size:11px;white-space:nowrap;color:#77866d}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:22px}.map-card{border:1px solid #d8dfcc;border-radius:20px;overflow:hidden;background:#edf2d9;position:relative;min-height:494px;box-shadow:0 10px 25px #35472f06}.map-cap{position:absolute;top:18px;left:20px;z-index:1;pointer-events:none}.map-cap strong{display:block;font-size:13px;letter-spacing:2px;color:#5b7661}.map-cap small{font-size:9px;letter-spacing:1px;color:#7d9377}.map-weather{position:absolute;top:20px;right:20px;font-size:11px;color:#6d8977;background:#fff9;padding:5px 10px;border-radius:15px}.canvas-wrap{position:relative;width:100%;aspect-ratio:1.49;min-height:445px}canvas{display:block;width:100%;height:100%}.map-nodes{position:absolute;inset:0}.map-node{position:absolute;transform:translate(-50%,-50%);background:#fffcf3;border:1px solid #cfdbc4;box-shadow:0 4px 0 #bbc9ab99,0 8px 16px #344f3920;display:flex;align-items:center;gap:8px;border-radius:12px;padding:8px 12px;white-space:nowrap;transition:transform .18s;font-size:12px;font-weight:700}.map-node:hover{transform:translate(-50%,-58%)}.map-node em{font-style:normal;font-size:10px;color:#83917c;font-weight:400;display:block}.map-node .num{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:white;background:#638b64;font-size:12px}.map-node.done .num{background:#d3a957}.map-node:last-child .num{background:#a29ab3}.map-legend{padding:12px 20px;display:flex;gap:18px;align-items:center;background:#f7f8ec;border-top:1px solid #dfe5d5;color:#839078;font-size:10px}.map-legend span:last-child{margin-left:auto}.dot{display:inline-block;width:7px;height:7px;background:#628c63;border-radius:50%;margin-right:5px}.gold{background:#d3a957}.journal-card{border:1px solid var(--line);border-radius:18px;background:#fffdf7;padding:22px;display:flex;flex-direction:column;gap:18px}.journal-card .eyebrow{font-size:9px;letter-spacing:2px;margin:0}.journal-top{display:flex;justify-content:space-between;align-items:center}.journal-top span{color:#bdaa79}.journal-card h3{font-size:19px;line-height:1.5}.journal-card p{font-size:12px;color:#84907e;line-height:1.85}.progressbar{height:6px;border-radius:9px;background:#edf0e5;overflow:hidden}.progressbar>span{display:block;height:100%;background:#82a476;border-radius:9px;transition:width .4s}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#89947f;margin-bottom:8px}.quest-list{display:grid;gap:13px}.quest-item{display:flex;gap:10px;align-items:center;font-size:12px;color:#71816b}.quest-check{height:18px;width:18px;border:1px solid #d9e1cf;border-radius:50%;display:grid;place-items:center;font-size:10px}.quest-item.done .quest-check{background:#668761;color:white}.btn{border-radius:10px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;background:#e9ede2;color:#4c7158;text-decoration:none}.btn.primary{background:#4c7a60;color:#fffdf6;box-shadow:0 3px 0 #355b48}.btn.primary:hover{background:#3d6b51}.btn.gold{background:#e9c76f;color:#66511c;box-shadow:0 3px 0 #c7a857}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.danger{color:#a6594b;background:#f7e6e0}.text-btn{background:transparent;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#648466}.next-action{margin-top:auto;width:100%}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.section-title h2{font-size:17px}.section-title span{font-size:11px;color:#8b9882}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-creature{display:flex;align-items:center;gap:12px;background:#fffdf7;border:1px solid var(--line);padding:12px;border-radius:14px;text-align:left}.mini-creature svg{width:68px;height:70px;flex:none}.mini-creature strong{font-size:12px;display:block}.mini-creature small{font-size:10px;color:#8c9985;display:block}.creature-svg{overflow:visible}.creature-shadow{fill:#354c3b18}.star{color:#d3a856}.view-intro{color:var(--muted);font-size:14px;margin:12px 0 24px}.dex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dex-card{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:18px;position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.dex-card svg{width:140px;height:145px}.dex-card h3{font-family:Georgia,serif;font-size:21px}.dex-card p{font-size:12px;color:var(--muted)}.dex-card .tag{align-self:flex-start;font-size:9px;letter-spacing:1px;color:#8c947f}.dex-card .btn{margin-top:8px;width:100%}.badge{font-size:10px;border-radius:12px;padding:2px 9px;background:#eef2e3;color:#668256}.badge.caught{background:#fff0c8;color:#9d7a29}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button{background:#fffdf7;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:12px}.tabs button.selected{background:#527d60;color:white}.panel{background:#fffdf8;border:1px solid var(--line);padding:26px;border-radius:16px;margin-bottom:18px}.panel p{margin-top:10px}.muted{color:var(--muted);font-size:13px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audio-card{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:20px}.audio-card h3{font-size:15px;margin-bottom:12px}audio{width:100%;height:42px;display:block;margin:15px 0}select{padding:5px 10px;border:1px solid #dce3d3;border-radius:7px;background:white;font-size:12px}.source-pages{display:flex;gap:8px;flex-wrap:wrap}.source-pages button{padding:8px 12px;border-radius:8px;background:#eaf0e1;font-size:12px}.source-image{max-width:100%;display:block;margin:auto}.source-caption{padding:10px;font-size:12px;color:var(--muted)}dialog{width:min(880px,calc(100% - 32px));max-height:90vh;border:1px solid #dfe5d6;border-radius:22px;padding:0;background:#fffdf7;color:var(--ink);box-shadow:0 25px 100px #193b3433}dialog::backdrop{background:#1d352e65;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px 17px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffdf7;z-index:2}.dialog-head small{color:#8d9a81;font-size:10px;letter-spacing:2px}.dialog-head h2{margin-top:4px;font-size:22px}.icon-btn{height:35px;width:35px;flex:none;border-radius:50%;background:#edf0e6;font-size:25px}.dialog-body,#modal-body{padding:25px 28px}.encounter{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:start}.creature-stage{background:radial-gradient(ellipse at center,#fffce0,#e9efdf);border:1px solid #e4e7d4;border-radius:18px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.creature-stage svg{width:170px;height:180px;animation:bob 3s ease-in-out infinite}.creature-stage h3{font-size:23px;font-family:Georgia,serif}.learn-card{padding:16px;background:#f3f4e9;border-radius:10px;margin:14px 0;font-size:14px}.example{font-family:Georgia,serif;font-size:19px;line-height:1.6;margin:15px 0}.source-note{color:#89937f;font-size:11px;margin:12px 0}.question{font:20px/1.5 Georgia,"Microsoft YaHei",serif;margin:10px 0 18px}.options{display:grid;gap:9px}.option{padding:12px 14px;border-radius:10px;background:#fffefb;border:1px solid #dfe4d6;text-align:left;font-size:14px;display:flex;align-items:flex-start;gap:12px}.option .letter{font-size:11px;background:#eff2e7;border-radius:5px;min-width:24px;padding:2px 6px;color:#789069;text-align:center}.option:hover{border-color:#86a57d;background:#f6f8ef}.option.chosen{background:#e7f0df;border-color:#78976e}.option.correct{border-color:#628c63;background:#eaf3e4}.feedback{margin:14px 0;border-radius:10px;background:#eef4e7;color:#4e7449;padding:12px 15px;font-size:13px}.feedback.error{background:#fcf0e3;color:#9b6843}.feedback:empty{display:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.throw-area{text-align:center;padding:20px 10px}.capture-ball{width:68px;height:68px;border:4px solid #344d40;border-radius:50%;background:linear-gradient(#da7958 0 45%,#344d40 45% 55%,#fffff6 55%);position:relative;box-shadow:0 6px 0 #253e3720;display:block;margin:8px auto 16px}.capture-ball:after{content:'';position:absolute;left:20px;top:20px;width:19px;height:19px;background:white;border:4px solid #344d40;border-radius:50%}.throwing{animation:throw .65s ease}.evidence-list{display:grid;gap:10px}.evidence{padding:14px;border:1px solid #e0e5d6;border-radius:10px;background:#f5f6ed;font:16px/1.65 Georgia,serif;cursor:pointer;text-align:left}.evidence small{display:block;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:10px;color:#8a957f;margin-bottom:5px}.evidence.selected{border-color:#638c65;background:#e6efdb;box-shadow:0 0 0 1px #638c65}.evidence-label{font-size:12px;font-weight:700;margin:18px 0 9px}.task-tabs{display:flex;gap:8px;margin-bottom:20px}.task-tabs button{padding:7px 12px;border-radius:8px;font-size:12px;background:#edf0e5}.task-tabs button.selected{background:#557d62;color:white}.task-tabs button.done:after{content:' ✓'}.transcript{font:17px/1.7 Georgia,serif;background:#f2f3e8;padding:18px;border-radius:12px;margin-top:12px}.speech-field{display:block;margin:16px 0}.speech-field strong{display:block;font-size:14px;margin-bottom:6px}.speech-field small{display:block;color:#8c947f;margin-bottom:8px}textarea{width:100%;min-height:110px;padding:14px;border:1px solid #dfe4d7;border-radius:10px;background:#fff;color:#344b3e;resize:vertical;line-height:1.7}input[type=text]{width:100%;padding:12px;border:1px solid #dce4d2;border-radius:9px;background:white}.checklist{display:grid;gap:10px;font-size:13px;padding:17px;background:#f2f5e9;border-radius:12px}.checklist label{display:flex;gap:9px;align-items:flex-start}.checklist input{accent-color:#547c59;margin-top:4px}.locked{padding:26px;text-align:center}.locked .lock-symbol{font-size:44px;color:#a6af98}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{padding:20px;background:#fffdf7;border:1px solid var(--line);border-radius:14px}.stat b{font-size:28px;display:block;color:#507951}.stat span{font-size:12px;color:#8a957e}.event{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:18px}.event small{color:#95a18c;white-space:nowrap}.setting-line{display:flex;gap:10px;padding:12px 0;align-items:center}.setting-line input{accent-color:#577c60}.no-data{padding:32px;color:#8a9780;text-align:center}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{border-bottom:1px solid var(--line);padding:12px;text-align:left}th{color:#76886e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(110px);padding:12px 22px;background:#345f49;color:white;border-radius:14px;z-index:10;font-size:13px;max-width:90%;transition:transform .3s;box-shadow:0 10px 40px #24473530}#toast.visible{transform:translateX(-50%) translateY(0)}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes throw{50%{transform:translateY(-80px) rotate(270deg) scale(.6)}100%{transform:rotate(360deg)}}.reduce-motion *{animation:none!important;transition:none!important}.large-text{--font:18px}.large-text .question{font-size:23px}.large-text .option{font-size:17px}.large-text .muted,.large-text .source-note{font-size:14px}.completion{padding:18px;background:#fff7db;border:1px solid #e8d695;border-radius:14px;margin:15px 0;color:#8e7130}.completion h3{margin-bottom:6px}.completion p{font-size:13px}.cover-note{font-size:11px;color:#95a089;margin-top:10px}.creature-tag{font-size:10px;color:#7f8c73;letter-spacing:1px;margin-bottom:8px}.divider{height:1px;background:var(--line);margin:20px 0}.empty-note{font-size:12px;color:#8a957e;padding:15px;background:#f3f5e9;border-radius:10px}.evidence-chip{padding:8px 11px;display:inline-block;font-size:12px;background:#f2eedc;color:#927b48;border-radius:7px;margin:4px}.help-list{padding-left:20px;font-size:14px;line-height:1.9}.source-thumb{max-height:72vh;object-fit:contain;width:100%}.map-status{position:absolute;bottom:15px;left:18px;font-size:10px;color:#6a8663;background:#ffffedb8;padding:4px 10px;border-radius:15px}.backline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.save-note{font-size:12px;color:#78966e}
@media(min-width:1500px){.canvas-wrap{min-height:540px}.map-card{min-height:590px}.journal-card{padding:27px}.journal-card h3{font-size:23px}.journal-card p{font-size:14px}}
@media(max-width:1150px){.sidebar{width:180px;padding:25px 15px}.shell{margin-left:180px}.brand{font-size:18px;gap:8px}.topbar{padding:0 24px}main{padding:24px}.map-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.journal-card{padding:17px}.canvas-wrap{min-height:420px}.preview-grid{grid-template-columns:repeat(2,1fr)}.dex-grid{grid-template-columns:repeat(3,1fr)}.map-node{padding:7px;font-size:10px}.map-node em{font-size:9px}}
@media(max-width:900px){.sidebar{width:78px;padding:24px 12px}.brand>span:last-child,.nav-label,nav button span,nav b,.sidebar-bottom{display:none}.brand{justify-content:center}nav{margin-top:42px}nav button{justify-content:center;padding:12px;font-size:23px}.shell{margin-left:78px}.map-layout{grid-template-columns:1fr}.journal-card{display:grid;grid-template-columns:1fr 1fr}.journal-card .quest-list{grid-row:1/4;grid-column:2}.journal-card .next-action{grid-column:2}.map-card{min-height:0}.canvas-wrap{min-height:0;aspect-ratio:1.5}.dex-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:30px}}
@media(max-width:620px){body{padding-bottom:70px}.sidebar{inset:auto 0 0;width:100%;height:65px;padding:5px 8px;border-right:0;border-top:1px solid #dce3d3;box-shadow:0 -3px 16px #344c3710;background:#fffdf7}.brand{display:none}nav{margin:0;display:flex;justify-content:space-around;gap:2px}nav button{padding:2px 10px;display:flex;flex-direction:column;gap:0;font-size:21px;border-radius:10px;min-width:54px}nav button span{display:block;font-size:9px}nav button.active{background:#eaf0e0}.shell{margin:0}.topbar{height:66px;padding:0 18px;font-size:10px;gap:8px}.topbar strong,.slash,.profile-name{display:none}.profile{gap:7px}.xp-pill{font-size:11px;padding:4px 9px}main{padding:23px 16px 10px}.page-heading{gap:12px;margin-bottom:20px}.page-heading .pill{display:none}h1{font-size:28px}.page-heading p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.map-card{border-radius:16px}.canvas-wrap{aspect-ratio:1;min-height:350px}.map-cap{top:12px;left:13px}.map-cap small{display:none}.map-cap strong{font-size:11px}.map-weather{top:10px;right:10px;font-size:9px}.map-node{font-size:10px;padding:6px 8px;gap:5px;box-shadow:0 3px 0 #bbc9ab99}.map-node .num{width:20px;height:22px;border-radius:6px;font-size:10px}.map-node em{font-size:8px}.map-legend{font-size:9px;gap:10px;padding:10px 12px}.map-legend span:last-child{display:none}.journal-card{padding:18px;gap:14px;grid-template-columns:1fr}.journal-card .quest-list{grid-row:auto;grid-column:auto;grid-template-columns:1fr 1fr;gap:10px}.journal-card .next-action{grid-column:auto}.journal-card .eyebrow{display:none}.journal-card h3{font-size:17px}.journal-card>p{display:none}.preview-grid{gap:10px}.mini-creature{padding:9px;gap:6px}.mini-creature svg{width:49px;height:55px}.mini-creature strong{font-size:11px}.mini-creature small{font-size:9px}.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dex-card{padding:12px}.dex-card svg{width:110px;height:115px}.dex-card h3{font-size:17px}.dex-card .btn{font-size:11px;padding:9px 5px}.dex-card p{font-size:11px}.dex-card .tag{font-size:8px}.resource-grid,.split{grid-template-columns:1fr}.panel{padding:18px}.panel-title{align-items:flex-start}.panel-title h2{font-size:20px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat b{font-size:24px}.encounter{grid-template-columns:1fr;gap:18px}.creature-stage{min-height:180px;flex-direction:row;flex-wrap:wrap;column-gap:20px}.creature-stage svg{width:120px;height:130px}.creature-stage .creature-tag{width:100%;text-align:center}.creature-stage h3{font-size:22px}dialog{width:calc(100% - 18px);max-height:92vh;border-radius:16px}.dialog-head{padding:16px 18px}.dialog-head h2{font-size:19px}#modal-body{padding:18px}.question{font-size:19px}.evidence{font-size:16px}.option{font-size:13px}.task-tabs button{font-size:11px;padding:7px 10px}.event{font-size:12px;flex-direction:column;gap:3px}footer{padding:16px;font-size:10px}footer span{display:none}.source-note{font-size:10px}.audio-card{padding:17px}.cover-note{font-size:10px}.section-title span{font-size:10px}.tabs button{padding:7px 10px;font-size:11px}.speech-field strong{font-size:13px}#toast{bottom:78px;width:max-content;max-width:90%}}

#toast{opacity:0;visibility:hidden}#toast.visible{opacity:1;visibility:visible}.header-settings{width:30px;height:30px;border-radius:50%;background:#eaf0e1;color:#59765d;font-size:18px}