/* Voyage surfaces share the game's ink, warm metal and luminous mint. */
.journey-entry{display:flex;align-items:center;gap:13px;width:100%;text-align:left;min-height:66px;padding:11px 15px;border:1px solid #acd6cd66;border-radius:16px;background:linear-gradient(125deg,#274548e8,#242d49ee 65%,#373348dd);color:#e3f6ed;cursor:pointer;font:inherit;box-shadow:0 6px 24px #07131b50}.journey-entry>span:nth-child(2){flex:1;min-width:0}.journey-entry strong{display:block;font-size:15px;letter-spacing:.03em}.journey-entry small{display:block;color:#b8c8d9;font-size:10px;line-height:1.6;margin-top:3px}.journey-entry-mark{font-size:31px;color:#f3d795;text-shadow:0 0 20px #ead5a555}.journey-entry>b{color:#e8d8ac}.journey-entry:hover{border-color:#c6ecde}
#title .intro-steps{display:none}#title .depth-link{min-height:38px}#title .depth-link small{display:none}#title .title-start{min-height:44px;font-size:15px;background:linear-gradient(100deg,#d0eff1,#adc4f2);box-shadow:none}#title .screen{gap:12px}
#journeyDialog{--chapter:#9be2ba;width:min(660px,calc(100vw - 24px));height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:1px solid #b6cae440;border-radius:23px;background:#101a2d;color:#dceafb;box-shadow:0 20px 90px #0009}#journeyDialog[open]{display:flex;flex-direction:column}.journey-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 12px;flex-shrink:0}.journey-heading h2{font-size:21px;letter-spacing:.05em}.journey-content{overflow:auto;padding:0 22px 24px;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}.journey-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.journey-intro p{font-size:11px;line-height:1.7;color:#a9bad0;max-width:330px}.journey-intro strong{white-space:nowrap;font-size:11px;color:#ecd39d}.chapter-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:15px}.chapter-tabs button{position:relative;min-height:59px;padding:7px 4px;border:1px solid #bdcdea21;border-radius:10px;background:#1a263d;color:#95a7c1;font:inherit;cursor:pointer}.chapter-tabs small{display:block;font:600 15px Georgia,serif}.chapter-tabs span{display:block;font-size:8px;line-height:1.5;margin-top:3px}.chapter-tabs b{position:absolute;right:3px;top:3px;font-size:9px;color:#b1edc4}.chapter-tabs [aria-pressed=true]{border-color:var(--chapter);color:var(--chapter);background:#31435955}.chapter-hero{position:relative;isolation:isolate;border:1px solid #b6ccea26;border-radius:17px;overflow:hidden;padding:24px 23px;min-height:157px;background:linear-gradient(110deg,#192940,#142038)}.chapter-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.chapter-hero>div{max-width:390px}.chapter-hero small{font-size:9px;letter-spacing:.25em;color:var(--chapter)}.chapter-hero h3{font-size:25px;margin:9px 0;color:#ecf4fa;letter-spacing:.05em}.chapter-hero p{font-size:12px;line-height:1.85;color:#c0cfe0;max-width:350px}.journey-stage-list{display:grid;gap:8px;margin:18px 0}.journey-stage{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 15px;min-height:73px;border:1px solid #b4c2df25;border-radius:13px;background:#18243a;color:#dae7f7;font:inherit;cursor:pointer}.journey-stage.selected{border-color:var(--chapter);background:linear-gradient(95deg,#304c4866,#253145)}.journey-stage:disabled{cursor:default;opacity:.52}.stage-number{display:grid;place-items:center;border:1px solid #bdcde931;border-radius:50%;width:34px;height:34px;flex-shrink:0;font:500 19px Georgia,serif;color:var(--chapter)}.journey-stage>span:nth-child(2){flex:1}.journey-stage strong,.journey-stage small{display:block}.journey-stage strong{font-size:13px}.journey-stage small{font-size:10px;line-height:1.55;color:#a9b9cd;margin-top:4px}.journey-stars{display:flex;gap:3px;white-space:nowrap}.journey-stars i{font-size:18px;font-style:normal;color:#5b667c}.journey-stars i.earned{color:#f0d18b;text-shadow:0 0 9px #f3d07c40}.journey-challenge{padding:17px;border:1px solid #b7c8e326;border-radius:15px;background:#1b294033}.journey-challenge h4{font-size:13px;color:#e5eefb;margin:0 0 10px}.journey-challenge ul{list-style:none;padding:0;display:grid;gap:7px;margin:0 0 12px}.journey-challenge li{display:flex;gap:9px;color:#b9c9da;font-size:11px}.journey-challenge li>span{color:#7c8294}.journey-challenge li.done>span{color:#ecd18a}.journey-challenge>small{display:block;color:#8ea4bf;font-size:10px;line-height:1.75}.journey-challenge>.btn{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;margin-top:17px;min-height:48px;padding:12px 18px;background:linear-gradient(100deg,#beded0,#b2cbe8);box-shadow:none}.journey-challenge>.btn:disabled{opacity:.4;cursor:default}.chapter-reward{display:flex;gap:16px;align-items:center;margin-top:17px;padding:12px 16px;border:1px solid #dfbd7633;border-radius:15px;background:linear-gradient(110deg,#63502b1a,#1b233700)}.chapter-reward>div{width:72px;height:72px;flex-shrink:0}.chapter-reward canvas{width:72px;height:72px;border-radius:12px}.chapter-reward>span>*{display:block}.chapter-reward small{color:#c7ad7f;font-size:9px}.chapter-reward strong{font-size:13px;margin:5px 0;color:#e9d7b3}.chapter-reward>span>span{font-size:10px;line-height:1.6;color:#adbacd}.journey-save-note{font-size:10px;color:#839ab3;line-height:1.8;margin:17px 5px 0}.secret-cosmetic{display:flex;align-items:center;justify-content:center;position:relative;width:84px;height:84px;max-width:100%;font-size:54px;color:#879fbe44;background:radial-gradient(ellipse,#b9d7fb15,transparent 70%)}.secret-cosmetic small{position:absolute;color:#c4d4e7;font-size:24px;font-family:Georgia,serif}.cosmetic-card>.secret-cosmetic{margin:0 auto}.cosmetic-price{line-height:1.5}.journey-result{text-align:center;padding:24px 6px}.journey-result>small{font-size:11px;color:var(--chapter)}.journey-result h3{font-size:28px;color:#eef6ff;margin:18px 0}.journey-result>.journey-stars{justify-content:center;gap:17px;margin:25px 0}.journey-result>.journey-stars i{font-size:51px}.journey-result>p{font-size:13px;line-height:1.9;color:#bdcce0;margin:19px auto;max-width:420px}.journey-result-stats{display:flex;justify-content:center;gap:20px;font-size:12px;color:#e8d5a6;padding:14px;border-block:1px solid #aec9e022}.journey-save-status{font-size:11px!important}.journey-result-buttons{display:grid;gap:10px;margin:23px auto 0;max-width:350px}.journey-result-buttons>.btn{font-size:14px;padding:12px 18px;min-height:47px;box-shadow:none}.journey-result-buttons>.text-btn{font-size:12px}.journey-result .journey-failure{font-size:80px;color:#a6bfdc}.journey-prizes{margin:20px 0;padding:17px;border:1px solid #ead7ab44;border-radius:17px;background:#b8a56508}.journey-prizes>strong{font-size:13px;color:#ead7ab}.journey-prizes>div{display:flex;gap:15px;justify-content:center;margin-top:12px;flex-wrap:wrap}.journey-prizes figure{margin:0;width:120px}.journey-prizes canvas{width:100px;height:100px;border-radius:14px}.journey-prizes figcaption{font-size:11px;line-height:1.6;margin-top:6px}
.event-emblem{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 6px #020a1940)}.event-emblem>svg{width:100%;height:100%;display:block}.guide-detail-art>.event-emblem{width:100%;height:100%}.guide-tile-art:has(.event-emblem){width:60px;height:60px}.guide-detail-art:has(.event-emblem){width:112px;height:112px}.tutorial-scene{display:block;width:100%;height:auto;border:1px solid #bdd6ed20;border-radius:12px;background:#0f192c}.guide-detail>.tutorial-scene{max-width:440px}.illustrated-how{max-width:500px;margin:auto}.illustrated-how h3{font-size:19px;margin:17px 0 15px;color:#e0edf9}.illustrated-how>p{font-size:13px;line-height:1.9;color:#b8c9dc;margin:17px 0;min-height:77px}.how-dots{display:flex;justify-content:center;gap:9px}.how-dots>button{width:35px;height:35px;border:1px solid #aec9e32a;border-radius:50%;background:#1a2940;color:#9aadc7;font:inherit;cursor:pointer}.how-dots>button[aria-current=step]{color:#f4e0ac;border-color:#d9c490;background:#46443144}.how-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:16px}.how-navigation button{min-height:42px;font:inherit;font-size:11px;background:#1b2b43;color:#c7d8ec;border:1px solid #bed5ed33;border-radius:9px;cursor:pointer}.how-navigation button:disabled{opacity:.3}.how-navigation>span{font-size:11px;color:#8da5bd}
/* Rank changes the silhouette as well as the small rank numeral. */
.badge-art.badge-enamel{overflow:visible;background:radial-gradient(circle,#26354a 40%,transparent 69%);box-shadow:none}.badge-enamel>img{border-radius:22%;position:absolute;inset:10%;width:80%;height:80%}.badge-rank-1>img,.badge-rank-2>img{inset:3%;width:94%;height:94%}.badge-rank-2>img{box-shadow:0 0 0 1px #bcdbea88}.badge-regalia{position:absolute;inset:-7%;width:114%;height:114%;z-index:1;filter:drop-shadow(0 2px 1px #0007)}.badge-enamel>.badge-rank{z-index:3;inset:auto 0 0 auto;background:#172235f5;border-color:#d9c48c;font-size:10px}.badge-rank-4{background:radial-gradient(circle,#b98e3c44,transparent 69%)!important}.badge-rank-5{background:radial-gradient(circle,#d8b25155,transparent 71%)!important}.badge-rank-6{background:radial-gradient(circle,#cbb5fa66,transparent 72%)!important}.badge-rank-6:after{content:'';position:absolute;inset:13%;z-index:2;pointer-events:none;border-radius:50%;background:linear-gradient(110deg,transparent 35%,#fff4c348 49%,transparent 63%);background-size:250% 100%;animation:regalia-shine 6s ease-in-out infinite}.badge-tile:has(.badge-rank-5),.badge-tile:has(.badge-rank-6){border-color:#bda77a44}.badge-tile.is-unlocked:has(.badge-rank-6){border-color:#c1afe588;background:linear-gradient(145deg,#50406340,#18223a)}@keyframes regalia-shine{0%,55%{background-position:190% 0}90%,100%{background-position:-120% 0}}
@media(max-width:620px){#journeyDialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:18px}.journey-heading{padding:13px 15px 10px}.journey-heading h2{font-size:19px}.journey-content{padding:0 13px 20px}.journey-intro{gap:12px;align-items:flex-start}.journey-intro p{font-size:10px}.journey-intro strong{font-size:9px;padding-top:3px}.chapter-tabs{gap:4px}.chapter-tabs span{font-size:7px}.chapter-hero{padding:20px 16px;min-height:149px}.chapter-hero h3{font-size:22px}.chapter-hero p{font-size:11px}.journey-stage{padding:11px 10px;gap:9px}.journey-stage strong{font-size:12px}.journey-stage small{font-size:9px}.journey-stars i{font-size:16px}.journey-stage-list{margin:13px 0}.journey-challenge{padding:13px}.journey-challenge h4{font-size:12px}.journey-result h3{font-size:25px}.journey-entry{min-height:61px;padding:10px 13px}.journey-entry strong{font-size:14px}.guide-tile-art:has(.event-emblem){width:51px;height:51px}.guide-detail-art:has(.event-emblem){width:92px;height:92px}.illustrated-how h3{font-size:17px}.illustrated-how>p{font-size:12px;line-height:1.9}.how-dots{gap:7px}.how-dots>button{width:32px;height:32px}.badge-enamel>.badge-rank{font-size:8px}}
@media(max-height:650px){#title .screen{gap:8px}#title .screen h1{font-size:32px}#title .title-top .game-icon{height:40px;width:40px}.journey-entry{min-height:52px;padding:7px 12px}.journey-entry-mark{font-size:25px}.journey-entry strong{font-size:13px}#title .depth-link{padding:5px 10px;min-height:34px}#title .title-start{min-height:42px;padding:8px 20px}}
@media(max-height:460px) and (orientation:landscape){#title .screen{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,auto);gap:6px 20px}#title .journey-entry{grid-column:2;grid-row:1/3}#title .title-start{grid-column:2;grid-row:3}#title .collection-entry{grid-column:2;grid-row:4/6}#title .title-tools{grid-column:2;grid-row:6}#title #bestT{grid-column:1;grid-row:5}#title #connection{grid-column:1;grid-row:6}#title #startStatus,#title #updateApp{grid-column:2;grid-row:7}#title .depth-link{grid-column:1;grid-row:4}.chapter-hero{min-height:125px}.illustrated-how{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;max-width:750px}.illustrated-how .how-dots{grid-column:1;grid-row:1}.illustrated-how h3{grid-column:1;grid-row:2;margin:0;font-size:16px}.illustrated-how>.tutorial-scene{grid-column:2;grid-row:1/4}.illustrated-how>p{grid-column:1;grid-row:3;font-size:11px;margin:0}.how-navigation{grid-column:1/3;margin-top:4px}.journey-result{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.badge-rank-6:after{animation:none;opacity:.4}}

.journey-launch{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 22px;border-top:1px solid #b4cfe42b;background:#18263d;flex-shrink:0}.journey-launch[hidden]{display:none}.journey-launch>div{min-width:0}.journey-launch small{display:block;font-size:10px;color:#97adc7}.journey-launch strong{display:block;font-size:12px;color:#dae9fa;margin-top:3px}.journey-launch>.btn{font-size:12px;min-height:44px;padding:10px 20px;box-shadow:none;background:linear-gradient(100deg,#bfdccb,#b3c9e7);white-space:nowrap}.journey-launch>.btn:disabled{opacity:.35;cursor:default}
@media(max-width:620px){.chapter-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:89px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.chapter-tabs span{font-size:9px}.journey-launch{padding:11px 13px;gap:9px}.journey-launch strong{font-size:11px}.journey-launch>.btn{padding:9px 12px;font-size:11px;white-space:normal;max-width:60%}}

.journey-entry-mark{display:block;width:39px;height:39px;flex-shrink:0}.journey-entry-mark .event-emblem{filter:drop-shadow(0 2px 7px #efe09d22)}

#journeyDialog canvas,.tutorial-scene{position:static;inset:auto;touch-action:pan-y}#journeyDialog{touch-action:auto}.chapter-tabs{touch-action:pan-x}.journey-content,.chapter-tabs{scrollbar-color:#586e89 #162136}.journey-content::-webkit-scrollbar{width:5px}.chapter-tabs::-webkit-scrollbar{height:5px}.journey-content::-webkit-scrollbar-track,.chapter-tabs::-webkit-scrollbar-track{background:#162136}.journey-content::-webkit-scrollbar-thumb,.chapter-tabs::-webkit-scrollbar-thumb{background:#586e89;border-radius:6px}