.intro-page .adventure-section {padding-top:52px;padding-bottom:40px;} .adventure-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px;} .adventure-kicker {color:#167b9f;font-size:11px;font-weight:900;letter-spacing:.16em;} .adventure-heading h2,.adventure-craft-teaser h2 {margin:12px 0 0;color:#163655;font-size:clamp(30px,4vw,46px);line-height:1.27;letter-spacing:-.05em;} .adventure-text-link {color:#176b9d;font-size:14px;font-weight:800;padding-bottom:7px;border-bottom:1px solid #90bdd8;white-space:nowrap;} .adventure-text-link span {margin-left:12px;} .adventure-jobs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;} .adventure-job {padding:10px 10px 20px;border:1px solid #cadfec;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 25px #17406b07;} .adventure-frame {position:relative;width:100%;aspect-ratio:384 / 341.333;overflow:hidden;isolation:isolate;} .adventure-frame>img {position:absolute;width:400%;height:300%;max-width:none;left:-200%;top:-100%;} .adventure-job .adventure-frame {aspect-ratio:1;border-radius:12px;background:#152d51;} .adventure-job-name {display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 8px;} .adventure-job-name span {color:#5e748a;font-size:13px;} .adventure-job-name>b {color:#91abc3;font-size:15px;} .adventure-job-name h3 {margin:0;font-size:20px;} .adventure-small-tag {display:block;text-align:center;font-size:11px;color:#60768a;} .adventure-awakening {display:grid;grid-template-columns:1fr 32px 1.4fr 32px 1.1fr;align-items:center;margin-top:22px;padding:24px;border:1px solid #bfd8eb;border-radius:20px;background:linear-gradient(120deg,#eaf7ff,#fffdf2);} .adventure-recipe-step {position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding-top:24px;} .adventure-step-no {position:absolute;top:0;color:#6e91aa;font-size:10px;font-weight:900;letter-spacing:.14em;} .adventure-big-number {color:#176f9c;font-size:clamp(29px,3vw,40px);letter-spacing:-.03em;line-height:1.2;} .adventure-recipe-step>span:not(.adventure-step-no) {font-size:12px;color:#54708a;} .adventure-materials>strong {font-size:14px;} .adventure-plus {text-align:center;color:#7fa5c2;font-size:28px;font-weight:300;} .adventure-fragments {display:flex;justify-content:center;gap:2px;width:100%;} .adventure-fragments img {width:16%;max-width:42px;height:42px;object-fit:contain;} .adventure-stat-chips {display:flex;flex-wrap:wrap;gap:6px;justify-content:center;} .adventure-stat-chips b {color:#1b6288;font-size:11px;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #d0e5ed;} .adventure-note {margin:14px 0 0;color:#61798e;font-size:12px;line-height:1.7;text-align:center;} .adventure-route {display:grid;grid-template-columns:1fr 200px 1.3fr;gap:0;align-items:stretch;overflow:hidden;border:1px solid #bfd8eb;border-radius:22px;background:#e7f5ff;} .adventure-route figure {margin:0;position:relative;min-height:245px;overflow:hidden;} .adventure-route figure>img {width:100%;height:100%;min-height:245px;object-fit:cover;} .adventure-route figure::after {content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#051b32d9);} .adventure-route figcaption {position:absolute;left:23px;bottom:24px;z-index:1;display:flex;flex-direction:column;gap:8px;} .adventure-route figcaption span {color:#a9e0ff;font-size:11px;letter-spacing:.12em;font-weight:800;} .adventure-route figcaption strong {color:#fff;font-size:20px;} .adventure-route-portal {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px;} .adventure-route-portal img {width:140px;height:140px;object-fit:contain;} .adventure-route-portal strong {color:#1b5b83;font-size:13px;} .adventure-route-portal>span {color:#5794b8;font-size:26px;} .adventure-entry {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px;} .adventure-entry>div {display:flex;align-items:center;justify-content:center;gap:15px;min-height:100px;padding:16px;border:1px solid #cbddeb;border-radius:16px;background:#fff;} .adventure-entry p {margin:0;display:flex;flex-direction:column;gap:7px;} .adventure-entry b {font-size:15px;color:#214866;} .adventure-entry small {font-size:11px;color:#647d91;} .adventure-entry>div>img {width:58px;height:62px;object-fit:contain;} .adventure-entry-symbol {color:#297fa2;border:2px solid #97c7db;background:#edfaff;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;font-family:Georgia,serif;font-size:33px;flex-shrink:0;} .adventure-atlas-icon {position:relative;width:62px;aspect-ratio:368 / 267;overflow:hidden;flex-shrink:0;} .adventure-atlas-icon img {position:absolute;width:538.859%;max-width:none;left:-327.989%;top:-44.944%;height:297.004%;} .adventure-dragon-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;} .adventure-dragon {position:relative;border:1px solid #d3e1ec;border-radius:18px;overflow:hidden;background:#fff;} .adventure-dragon .adventure-frame {background:#213447;} .adventure-floor {position:absolute;z-index:2;top:13px;left:14px;display:flex;align-items:baseline;gap:6px;background:#fffffff0;padding:8px 11px;border-radius:9px;color:var(--dragon-accent);font-weight:900;font-size:18px;box-shadow:0 2px 12px #0001;} .adventure-floor small {font-size:8px;letter-spacing:.08em;} .adventure-dragon-caption {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 21px;} .adventure-dragon-caption h3 {margin:0;color:var(--dragon-accent);font-size:20px;} .adventure-dragon-caption img {width:48px;height:48px;object-fit:contain;} .adventure-floor-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:22px;border-radius:14px;overflow:hidden;border:1px solid #c7ddec;} .adventure-floor-facts>span {padding:17px 8px;text-align:center;background:#eaf5fc;color:#466b86;font-size:13px;} .adventure-floor-facts b {color:#22617f;font-size:18px;} .adventure-boss {display:grid;grid-template-columns:1.08fr 1fr;margin-top:28px;border-radius:22px;overflow:hidden;background:#172c4a;} .adventure-boss-art {display:flex;align-items:center;justify-content:center;background:#182b40;} .adventure-boss-art .adventure-frame {aspect-ratio:403 / 321;} .adventure-boss-art .adventure-frame img {width:381.141%;height:319.003%;left:-191.067%;top:-113.708%;} .adventure-boss-copy {padding:35px 36px;display:flex;flex-direction:column;align-items:start;justify-content:center;} .adventure-boss .adventure-kicker {color:#95d9f8;} .adventure-boss h3 {color:#fff;font-size:33px;line-height:1.3;margin:14px 0 19px;} .adventure-boss-chips {display:flex;flex-wrap:wrap;gap:7px;} .adventure-boss-chips span {background:#ffffff0c;border:1px solid #ffffff35;border-radius:7px;color:#d9e8f8;font-size:11px;padding:8px 10px;} .adventure-boss-drop {display:flex;align-items:center;gap:15px;margin-top:24px;} .adventure-boss-drop img {width:62px;height:62px;object-fit:contain;} .adventure-boss-drop>div {display:flex;flex-direction:column;gap:7px;} .adventure-boss-drop strong {color:#fff;font-size:17px;} .adventure-boss-drop span {color:#bad0e4;font-size:12px;} .adventure-boss p {margin-top:18px;color:#9cb4cf;font-size:11px;} .intro-page .adventure-craft-teaser {display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:36px 42px;margin-top:34px;margin-bottom:34px;border-radius:24px;border:1px solid #b9d7e9;background:linear-gradient(110deg,#e5f5ff,#f9f1ff);} .adventure-craft-teaser h2 {font-size:clamp(27px,3vw,36px);} .adventure-craft-teaser p {color:#57718a;font-size:14px;line-height:1.8;margin:17px 0 23px;} .adventure-craft-pictures {display:flex;align-items:center;justify-content:center;gap:20px;} .adventure-craft-pictures>div {flex:1 1 140px;max-width:180px;text-align:center;background:#ffffffab;border:1px solid #d0e2ef;border-radius:18px;padding:16px 8px;} .adventure-craft-pictures>span {font-size:27px;color:#72a0bc;} .adventure-craft-pictures img {width:100%;height:140px;object-fit:contain;} .adventure-craft-pictures b {font-size:12px;color:#416b88;} .adventure-dragon-sword {position:relative;width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:8px;} .adventure-dragon-sword img {position:absolute;left:0;top:0;width:200%;height:200%;max-width:none;} @media (max-width:960px) {.adventure-jobs {gap:10px;} .adventure-job-name {flex-wrap:wrap;gap:6px;} .adventure-job-name h3 {font-size:18px;} .adventure-small-tag {font-size:10px;} .adventure-route {grid-template-columns:1fr 155px 1fr;} .adventure-route-portal img {width:110px;height:110px;} .adventure-entry>div {gap:9px;padding:13px 8px;} .adventure-entry b {font-size:13px;} .adventure-entry small {font-size:10px;} .adventure-boss-copy {padding:26px;} .adventure-boss h3 {font-size:28px;}} @media (max-width:680px) {.intro-page .adventure-section {padding-top:34px;padding-bottom:28px;} .adventure-heading {display:block;margin-bottom:22px;} .adventure-heading h2 {font-size:30px;} .adventure-text-link {display:inline-block;margin-top:18px;font-size:12px;} .adventure-jobs {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;} .adventure-job {padding:7px 7px 15px;border-radius:14px;} .adventure-job-name {margin:12px 0 8px;gap:5px;} .adventure-job-name h3 {font-size:17px;} .adventure-job-name span {font-size:11px;} .adventure-awakening {grid-template-columns:1fr;padding:21px 17px;gap:15px;} .adventure-recipe-step {width:100%;} .adventure-fragments {max-width:300px;} .adventure-plus {font-size:23px;line-height:1;} .adventure-plus:nth-of-type(2) {transform:rotate(90deg);} .adventure-materials>strong {font-size:14px;} .adventure-note {text-align:left;font-size:11px;} .adventure-route {grid-template-columns:1fr;} .adventure-route figure,.adventure-route figure>img {min-height:185px;height:185px;} .adventure-route-portal {flex-direction:row;gap:18px;padding:8px 15px;} .adventure-route-portal img {width:80px;height:80px;} .adventure-route-portal>span {transform:rotate(90deg);} .adventure-route figcaption {left:20px;bottom:20px;} .adventure-entry {grid-template-columns:1fr;gap:9px;} .adventure-entry>div {justify-content:start;padding:12px 24px;min-height:80px;gap:20px;} .adventure-entry b {font-size:15px;} .adventure-entry small {font-size:12px;} .adventure-dragon-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .adventure-floor {top:9px;left:8px;font-size:14px;padding:6px 7px;gap:4px;} .adventure-floor small {font-size:7px;} .adventure-dragon-caption {padding:9px 11px;gap:3px;} .adventure-dragon-caption h3 {font-size:16px;} .adventure-dragon-caption img {width:36px;height:36px;} .adventure-floor-facts {grid-template-columns:repeat(2,minmax(0,1fr));} .adventure-floor-facts>span {padding:13px 7px;font-size:12px;} .adventure-floor-facts b {font-size:17px;} .adventure-boss {grid-template-columns:1fr;} .adventure-boss-copy {padding:25px;} .adventure-boss h3 {font-size:30px;} .intro-page .adventure-craft-teaser {grid-template-columns:1fr;margin-top:20px;margin-bottom:20px;padding:27px 23px;gap:25px;} .adventure-craft-pictures {gap:10px;} .adventure-craft-pictures>div {padding:13px 7px;} .adventure-craft-pictures img {height:112px;} .adventure-dragon-sword img {height:200%;}} .adventure-dragon:nth-child(1) {--dragon-accent:#b84128;} .adventure-dragon:nth-child(2) {--dragon-accent:#197398;} .adventure-dragon:nth-child(3) {--dragon-accent:#28805d;} .adventure-dragon:nth-child(4) {--dragon-accent:#7449a5;} .adventure-dragon:nth-child(5) {--dragon-accent:#997214;} .adventure-dragon:nth-child(6) {--dragon-accent:#517b96;}