/* Daylight travel-book surfaces shared with Cloud Isle's AVG and menus.
   Route illustrations, silhouettes and dependency links retain their identity. */
.skill-dialog{color:#405f50;background:#f8faed;--paper:#fffdf3;--ink:#405f50;--muted:#73866b;--rule:#ced9bb}
.skill-dialog .skill-shell{background:radial-gradient(ellipse at 0 0,#e2efd8aa,transparent 65%),linear-gradient(125deg,#fffdf2,#f3f7e7 60%,#f8f1de)}
.skill-shell::before{opacity:.15;background-image:radial-gradient(#91ac7d 1px,transparent 1.5px);mask-image:none}
.skill-head{padding-block:22px 18px}.skill-head small{color:#819274;letter-spacing:3px}.skill-head h2{color:#42674f;text-shadow:none;font-weight:500}
.skill-ink{border-color:#cbd8b8;background:#fffdf0a8;border-radius:16px;padding:6px 15px}.skill-ink strong{color:#8b713d}.skill-ink span{color:#718268}
.skill-close,.skill-help{border:1px solid #cad5b7;background:#fffdf2;color:#5b775d;cursor:pointer;flex-shrink:0}.skill-help{padding:9px 14px;border-radius:16px;font:12px inherit;min-height:38px}.skill-close:hover,.skill-help:hover{background:#e8f0da;border-color:#9fb58c;box-shadow:0 3px 0 #bccba133}
.skill-tabs{gap:24px;background:#fffdf18c;border-block-color:#d5dfc6}.skill-tabs button{color:#657c63;opacity:1;letter-spacing:2px}.skill-tabs button:hover{color:#3e624d;background:#e9f2de}.skill-tabs i{color:color-mix(in srgb,var(--tab) 65%,#537256);text-shadow:none;opacity:1}.skill-tabs b{color:#748369;opacity:1}
.skill-tabs button[aria-current=page]{color:#3f664e;border-color:color-mix(in srgb,var(--branch) 60%,#729a72);background:linear-gradient(0deg,color-mix(in srgb,var(--branch) 15%,#fffdf0),transparent)}
.skill-body{gap:24px;padding-top:18px;padding-bottom:12px}.skill-page-heading{left:max(26px,calc((100% - 920px)/2 + 26px));padding-top:22px}.skill-page-heading small{color:#7e896b}.skill-page-heading h3{color:#4c6952;text-shadow:none}.skill-page-heading p{color:#6c8065;text-shadow:none}.skill-page-heading h3::after{box-shadow:none;background:linear-gradient(90deg,var(--branch),transparent)}
.skill-scene{background:#fbf8ed;border:1px solid #d4ddc3;box-shadow:0 4px 0 #cdd6b333,inset 0 0 35px #fff8e7;border-radius:24px}.skill-scene-art{opacity:.9}.skill-scene-veil{background:linear-gradient(90deg,#fffdf298,transparent 38%),linear-gradient(0deg,#fffdf251,transparent 40%)}.skill-scene-frame{border-color:#b9c8a959;box-shadow:none}.skill-scene-frame::before{border-color:#bbc8a950}
.skill-scene-chip{color:#65785b;background:#fffdf0c9;border-color:#d5d5b8;box-shadow:none}.skill-scene-chip i{color:#8a8758}.skill-fork-note{color:#776a4c;background:#fff8e5ee;border-color:#e0cf9e;box-shadow:0 2px 6px #766b3820}
.skill-path{stroke:color-mix(in srgb,var(--branch) 65%,#658769)}.skill-edge .path-main{opacity:.55}.skill-edge.is-traced .path-main{filter:none;stroke-width:2}.skill-edge.is-traced .path-halo{opacity:.08}
.skill-dialog[data-branch] .skill-node i{color:color-mix(in srgb,var(--branch) 55%,#395b48);background:linear-gradient(145deg,#fffef5,color-mix(in srgb,var(--branch) 18%,#f3f7e7));border-color:color-mix(in srgb,var(--branch) 55%,#8ca084);box-shadow:0 4px 0 #b2bea344,inset 0 0 0 4px #fffdf1ad;filter:none}
.skill-dialog[data-branch] .skill-node.is-lit i{background:linear-gradient(145deg,#fff6c9,color-mix(in srgb,var(--branch) 36%,#edf4d7));border-color:#a7b27b;box-shadow:0 4px 0 #bac99666,0 0 16px #e6cf8844;filter:none}.skill-dialog[data-branch] .skill-node.is-lit i .node-glyph{color:#61744b;text-shadow:none}.skill-dialog .skill-node i .node-glyph{text-shadow:none}.skill-node i .node-spark{color:#b18b3f;text-shadow:none}
.skill-dialog .skill-node>span{color:#405e49;text-shadow:0 1px 0 #fffdf4;background:#fffdf1db;border:1px solid #d2dcc35e}.skill-dialog .skill-node>b{color:#6e7b60;opacity:1;text-shadow:none;background:#fffdf19c;border-radius:8px;padding:1px 5px}.skill-dialog .skill-node.is-locked>span{color:#6f7d68;opacity:1}.skill-dialog .skill-node.is-locked>b{color:#78846e}.skill-node.is-selected::before{border:2px solid #b59b57;box-shadow:0 0 0 4px #fff8d470}.skill-dialog .skill-node.is-ready i{animation:none;outline:2px solid #a7be85;outline-offset:3px}
.skill-detail{color:#4e6953;background:linear-gradient(145deg,#fffdf5,#f2f6e7);border-color:#cbd7b9;border-radius:28px;box-shadow:0 6px 0 #ced8b733,0 12px 28px #71805e12;padding:24px}.skill-detail-emblem{color:color-mix(in srgb,var(--branch) 65%,#6c825c);text-shadow:none;height:65px;font-size:46px;margin-bottom:15px}.skill-detail-emblem::before{width:60px;height:60px;border-color:#d4dbbd;box-shadow:0 0 0 7px #e6edda75}.skill-detail>small,.skill-detail-theme{color:#7a8768}.skill-detail h3{color:#42634b;text-shadow:none}.skill-description{color:#546c54}.skill-exclusive{color:#99754d}.skill-detail dl{border-block-color:#d8dfc7}.skill-detail dt{color:#829073}.skill-detail dd{color:#7f693c}.skill-reason{color:#758466}.skill-light{border-color:#a6bc8d;background:linear-gradient(110deg,#e6efce,#d6e6ba);color:#416348;border-radius:13px;box-shadow:0 3px 0 #b6c89666}.skill-light:disabled{color:#8a947d;background:#e9edde;border-color:#d8dfcb;box-shadow:none}.skill-signature{color:#8d947b}
.skill-page-navigation button{color:#5c765a;border-color:#bdcca9;background:#fffdf0;box-shadow:none}.skill-page-navigation button:hover{color:#3e6047;background:#e5efd5;border-color:#96b182;box-shadow:none}.skill-page-navigation span,.skill-footer,.skill-controls{color:#7d896d}.skill-footer{border-top-color:#d2dcc0}.skill-footer #skill-note{color:#886a32}
.skill-dialog button:focus-visible,.skill-entry:focus-visible{outline:3px solid #a78b4b;outline-offset:3px}.skill-entry{border-color:#becda6;background:linear-gradient(135deg,#fffced,#e6efda);color:#49694e;box-shadow:0 5px 0 #bdcda755,0 8px 24px #627e4e20;border-radius:18px}.skill-entry small{color:#7e8e6d}.skill-entry-badge{background:#e9cd8c;color:#66532d;box-shadow:0 2px 8px #aa8c4b33}.skill-gain{background:#fff9e7;color:#84663c;border-color:#dbc48a;box-shadow:0 8px 30px #77703925}
/* The coach uses the same cream dialogue surface and nameplate as story AVG. */
.journal-guide[hidden],.journal-entrance-guide[hidden]{display:none}
.journal-guide,.journal-entrance-coach{display:flex;gap:20px;align-items:center;margin:8px 42px 20px;padding:18px 24px;border:1px solid #fffbed;border-radius:22px;background:linear-gradient(120deg,#fffef5fa,#fffdf0f5);color:#45634e;box-shadow:0 0 0 4px #e6efcf9c,0 10px 35px #35514b18;flex-shrink:0}
.journal-guide-portrait{height:112px;width:90px;flex:0 0 90px;overflow:hidden;align-self:flex-end;mask-image:linear-gradient(#000 85%,transparent)}.journal-guide-portrait img{display:block;width:100%;height:auto;transform:scale(1.4);transform-origin:50% 0}
.journal-guide-dialogue{flex:1;min-width:0}.journal-guide-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.journal-guide-name strong{font:600 20px 'SimSun',serif;letter-spacing:3px;color:#52714d}.journal-guide-name>span{font-size:10px;color:#98a17c;letter-spacing:1px}.journal-guide-progress{margin-left:auto;font-size:11px;color:#879472;letter-spacing:1px}.journal-guide p,.journal-entrance-coach p{font-size:15px;line-height:1.85;margin:10px 0;color:#4f6c53}.journal-guide-task{font-size:12px;line-height:1.6;color:#947b43;min-height:20px}.journal-guide-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:8px}.journal-guide-actions button{min-height:36px;border:1px solid #d2dbbe;border-radius:11px;padding:7px 12px;background:#f9fbee;color:#6b8160;font-size:12px;cursor:pointer}.journal-guide-actions [data-journal-next]{background:#e4edcf;border-color:#b6c99d;color:#486b4b}.journal-guide-actions button:disabled{opacity:.5;cursor:default}.journal-guide-target{outline:2px solid #c3a45c;outline-offset:-3px;box-shadow:inset 0 0 0 6px #f2d99626;border-radius:16px}.journal-teaching .skill-detail-emblem{height:32px;font-size:28px;margin-bottom:10px}.journal-teaching .skill-detail-emblem::before{width:36px;height:36px}.journal-teaching .skill-description{min-height:0}.journal-teaching .skill-detail{padding:18px 22px}.journal-teaching .skill-detail h3{margin-block:10px}.journal-teaching .skill-head{padding-block:13px}.journal-teaching .skill-body{padding-top:12px}.journal-teaching .skill-footer{display:none}
/* Only the real game entrance sits above this veil; there is no proxy button. */
.journal-entrance-guide{position:fixed;inset:0;z-index:2400;background:#425c414d;display:flex;align-items:flex-end;justify-content:center;padding:28px 220px 28px 28px;backdrop-filter:blur(2px)}
.journal-entrance-coach{margin:0;width:min(840px,100%);position:relative}.journal-entrance-arrow{position:absolute;right:25px;bottom:126px;color:#fffdef;font-size:15px;letter-spacing:2px;text-shadow:0 2px 8px #29422d}.journal-entry-teaching .skill-entry{display:flex!important;z-index:2401;outline:3px solid #e9c575;outline-offset:6px;box-shadow:0 0 0 12px #fff4b54d,0 8px 32px #304c3f55;animation:journal-entry-pulse 2s ease-in-out infinite}
@keyframes journal-entry-pulse{50%{box-shadow:0 0 0 18px #fff4b529,0 8px 36px #fff3ad88}}
@media(max-width:1100px){.journal-guide{margin-inline:22px}.journal-entrance-guide{padding-right:120px;padding-bottom:110px}.journal-entrance-arrow{bottom:220px;right:12px;font-size:12px;letter-spacing:0}.skill-tabs{gap:12px}}
@media(max-width:700px){.skill-head{gap:8px}.skill-help{font-size:11px;padding:6px 9px}.skill-head h2{font-size:21px}.skill-ink{padding:5px;gap:3px}.skill-ink img{width:23px}.skill-body{padding-top:10px}.skill-landscape{padding-inline:10px}.skill-page-heading{left:25px;padding-top:24px}.skill-detail{margin:12px 14px 18px;border-radius:22px}.skill-detail-emblem{height:45px;font-size:36px}.journal-guide{margin:8px 12px 12px;padding:13px 14px;gap:9px;border-radius:17px}.journal-guide .journal-guide-portrait{display:none}.journal-guide-name{gap:6px}.journal-guide-name strong{font-size:17px}.journal-guide-name>span{font-size:8px}.journal-guide-progress{font-size:10px;letter-spacing:0}.journal-guide p,.journal-entrance-coach p{font-size:13px;line-height:1.7;margin:8px 0}.journal-guide-task{font-size:11px}.journal-guide-actions{gap:5px}.journal-guide-actions button{font-size:11px;padding:6px 8px;min-height:34px}.journal-teaching .skill-landscape{min-height:450px;flex-basis:450px}.journal-teaching .skill-map{min-height:390px}.journal-entrance-guide{padding:20px 16px 230px;align-items:flex-end}.journal-entrance-coach{padding:16px;border-radius:18px;gap:10px}.journal-entrance-coach .journal-guide-portrait{display:block;flex-basis:55px;width:55px;height:85px}.journal-entrance-arrow{bottom:212px;right:20px}.journal-entrance-coach .journal-guide-progress{flex-basis:100%;margin-left:0}.skill-tabs{gap:8px}}
@media(min-width:701px) and (max-height:740px){.journal-guide{padding:12px 18px;margin-bottom:14px}.journal-guide-portrait{height:90px;flex-basis:65px;width:65px}.journal-guide p{font-size:13px;margin:7px 0}.journal-guide-name strong{font-size:17px}.journal-guide-actions{margin-top:5px}.journal-teaching .skill-map{min-height:330px}.journal-teaching .skill-detail-theme{display:none}.journal-teaching .skill-detail h3{font-size:21px}.journal-teaching .skill-detail dl{padding-block:9px}.journal-teaching .skill-reason{margin-block:10px}}
@media(prefers-reduced-motion:reduce){.journal-entry-teaching .skill-entry{animation:none}}
/* Chapter practice borrows the main AVG dialogue, while keeping the board usable. */
.training-coach{position:relative;overflow:visible;margin-top:24px;padding:24px 24px 18px 150px;border:1px solid #fffbed;border-radius:22px;background:linear-gradient(120deg,#fffef5f5,#fffdf0ed);color:#4f6c53;box-shadow:0 0 0 4px #e6efcf9c,0 10px 38px #35514b20;backdrop-filter:blur(16px);gap:18px}
.training-avatar{position:absolute;left:4px;bottom:0;width:136px;height:190px;background:none;border-radius:0;overflow:hidden;mask-image:linear-gradient(#000 90%,transparent);pointer-events:none}
.training-avatar img{width:100%;height:auto;transform:scale(1.3);transform-origin:50% 0}.training-nameplate{position:absolute;top:-20px;left:150px;display:flex;align-items:center;gap:15px;padding:9px 20px;border:1px solid #cedab7;border-radius:12px;background:linear-gradient(110deg,#e5efcf,#f5f8e5);box-shadow:0 3px 0 #c8d8b24d}.training-nameplate strong{font:600 19px 'SimSun',serif;letter-spacing:3px;color:#52714d}.training-nameplate small{font:10px Georgia,serif;letter-spacing:1px;color:#8e9d78}.training-coach .training-item-label{font-size:10px;color:#8d9a79;letter-spacing:2px}.training-coach p{color:#4f6c53;line-height:1.9;font-size:16px}.training-coach-tools button{background:#f8faec;color:#68825d;border-color:#d0dcbb;border-radius:11px;min-height:36px}.training-coach-tools>button[data-guide-action=finish]{background:#e4edcf;border-color:#b6c99d;color:#486b4b}.training-instruction{min-width:0}
.chapter-training[data-stage="4"] .training-coach{background:linear-gradient(120deg,#fffef5f5,#fffdf0ed);border-color:#fffbed;color:#4f6c53}.chapter-training[data-stage="4"] .training-coach button{color:#486b4b;background:#f3f7e5;border-color:#bdcda5}
@media(max-width:700px){.training-coach{margin-top:20px;padding:23px 15px 13px;gap:8px}.training-avatar{display:none}.training-nameplate{left:14px;top:-17px;padding:7px 14px;gap:10px}.training-nameplate strong{font-size:16px}.training-nameplate small{font-size:8px}.training-coach p{font-size:14px;line-height:1.8}.training-coach-tools{gap:8px}.training-coach-tools button{font-size:11px}}
@media(min-width:701px) and (max-height:740px){.training-coach{padding-block:20px 12px;margin-top:18px}.training-avatar{height:155px;width:115px;left:15px}.training-coach p{font-size:14px}.training-board{min-height:270px;padding-block:16px}}
.avg-open:not(.shell-open):not(.training-open):not(.journal-entry-teaching) .skill-entry.has-tutorial{display:flex;z-index:60}
/* Keep the guide readable with the same interface preferences as story AVG. */
.journal-guide,.journal-entrance-coach,.training-coach{background:linear-gradient(120deg,rgb(255 254 245 / var(--dialogue-opacity,.95)),rgb(255 253 240 / var(--dialogue-opacity,.95)))}
.journal-guide p,.journal-entrance-coach p{font-size:calc(15px * var(--dialogue-scale,1));line-height:var(--dialogue-line-height,1.95)}
.training-coach p{font-size:calc(16px * var(--dialogue-scale,1));line-height:var(--dialogue-line-height,1.95)}
.hide-dialogue-portrait .journal-guide-portrait,.hide-dialogue-portrait .training-avatar{visibility:hidden}
@media(max-width:700px){.journal-guide p,.journal-entrance-coach p{font-size:calc(13px * var(--dialogue-scale,1))}.training-coach p{font-size:calc(14px * var(--dialogue-scale,1))}}
@media(min-width:701px) and (max-height:740px){.journal-guide p{font-size:calc(13px * var(--dialogue-scale,1))}.training-coach p{font-size:calc(14px * var(--dialogue-scale,1))}}