/* World, Combat and Enemies share one warm, game-guide editorial column. */
.stage.showcase:not(.belong-home) .showcase-panel{justify-content:stretch;overflow:hidden;background-color:#f8f1d9;background-image:radial-gradient(#bda86b2b .8px,transparent .8px),linear-gradient(145deg,#fffaf0f2,#eef4dcf0);background-size:9px 9px,100% 100%;color:#294d49}
.profile-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9dad7b transparent;padding:clamp(24px,3vw,44px)}
.profile-scroll:before{content:'';display:block;width:52px;height:7px;margin:0 0 20px;border-radius:999px;background:var(--profile-accent);box-shadow:19px 0 0 #e4c96f,-7px 8px 0 #7eaa85;transform:rotate(-2deg)}
.profile-role{display:inline-block;margin:0 0 13px;padding:7px 13px;border-radius:999px;background:#fff8dc;color:#49665b;border:1px solid #a8b98b66;font:700 10px/1.2 'Manrope',sans-serif;letter-spacing:1.4px}
.profile-name{max-width:12ch;margin:0 0 10px;color:#234b47;font-family:'Trebuchet MS','Manrope',sans-serif;font-weight:800;font-size:clamp(35px,3.5vw,52px);line-height:1.02;letter-spacing:-1.7px}
.profile-promise{margin:0 0 14px;color:#9a6b3e;font:italic 600 16px/1.45 Georgia,serif}
.profile-story{max-width:48ch;margin:0 0 20px;color:#38584f;font-size:14px;line-height:1.7}
.skill-heading{display:flex;margin:0 0 7px;padding-top:15px;border-top:1px dashed #8da07c73;color:#657965;font:700 9px/1.2 'Manrope',sans-serif;letter-spacing:1.5px}
.ability-grid{gap:8px;margin:0}.ability-button{min-height:70px;padding:10px 5px 9px;border:1px solid #8ca07955;border-radius:14px;background:#fffdf179;color:#34564d;box-shadow:0 3px 0 #879a6940;gap:6px}.ability-button img{width:23px;height:23px}.ability-button>span:last-child{font-size:11px;font-weight:800}.ability-button.chosen{border-color:#9b7d44;background:#fff2bd;box-shadow:0 3px 0 #a8874c}.ability-button:hover{transform:translateY(-2px);background:#fff8d8}
.ability-description{position:relative;margin:14px 0 0;padding:14px 18px 15px 21px;border:0;border-radius:8px 16px 12px 17px;background:#dde9cf;color:#294e48;transform:rotate(-.25deg)}.ability-description:before{content:'';position:absolute;left:-6px;top:17px;width:16px;height:16px;border-radius:50%;background:var(--profile-accent);box-shadow:0 0 0 4px #f8f1d9}.ability-kind{color:#6f7756;font-weight:800}.ability-description h3{margin:4px 0 5px;color:#244b47;font-family:'Trebuchet MS','Manrope',sans-serif;font-size:21px;font-weight:800}.ability-description p{color:#39594f;font-size:12px;line-height:1.65}
.journey-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.journey-loop span{position:relative;padding:10px 4px 9px;border-radius:50% 45% 48% 42%;background:#f2d58b;color:#38544b;text-align:center;font:800 10px/1.15 'Manrope',sans-serif}.journey-loop span:not(:last-child):after{content:'›';position:absolute;right:-7px;top:50%;transform:translateY(-55%);font-size:19px;color:#8a7043}.journey-loop b{display:block;margin-bottom:3px;color:#886f41;font-size:8px;letter-spacing:1px}
.profile-spotlight{display:grid;grid-template-columns:38% 1fr;overflow:hidden;margin:0;border-radius:18px 10px 18px 12px;background:#315d56;color:#f8f3dc;box-shadow:0 7px 20px #21443c24}.profile-spotlight img{width:100%;height:100%;min-height:132px;object-fit:cover}.profile-spotlight figcaption{padding:16px 17px}.profile-spotlight span{color:#e8cf83;font:800 8px/1.2 'Manrope',sans-serif;letter-spacing:1.2px}.profile-spotlight h3{margin:5px 0 6px;font:800 19px/1.15 'Trebuchet MS','Manrope',sans-serif}.profile-spotlight p{margin:0;color:#dce8d7;font-size:11px;line-height:1.55}.profile-note{margin:14px 0 0;padding-top:12px;border-top:1px dashed #8da07c73;color:#687767;font-size:10px}
html[lang=ja] .profile-name,html[lang=ja] .ability-description h3,html[lang=ja] .profile-spotlight h3{font-family:'Yu Gothic',Meiryo,sans-serif;letter-spacing:0;line-height:1.3}
@media(max-height:800px) and (min-width:761px){.profile-scroll{padding:20px 24px}.profile-scroll:before{margin-bottom:13px}.profile-name{font-size:36px}.profile-story{font-size:12px;line-height:1.55;margin-bottom:12px}.profile-promise{font-size:14px;margin-bottom:9px}.skill-heading{padding-top:10px}.ability-button{min-height:58px;padding:7px 3px}.ability-description{padding:10px 15px;margin-top:10px}.ability-description h3{font-size:18px}.journey-loop{margin:12px 0}.profile-spotlight img{min-height:112px}.profile-spotlight figcaption{padding:12px 14px}.profile-spotlight p{font-size:10px}}
@media(max-width:760px){.stage.showcase:not(.belong-home) .showcase-panel{background-color:#f8f1d9}.profile-scroll{padding:27px 7% 34px}.profile-name{font-size:37px}.profile-story{font-size:14px}.journey-loop{gap:5px}.profile-spotlight{grid-template-columns:34% 1fr}.profile-spotlight figcaption{padding:14px}.profile-spotlight h3{font-size:18px}.profile-note{margin-bottom:10px}}
/* The group is a full cutout, so keep every creature within the art column. */
.stage.showcase[data-profile=wayfarer] .portrait{width:94%;height:78%;left:3%;top:0;bottom:auto;object-fit:contain;object-position:center;transform:none;mask-image:none}
.diamond-inner .thumb-wayfarer{width:100%;height:100%;left:0;top:0;object-fit:contain}
@media(max-width:760px){.stage.showcase[data-profile=wayfarer] .portrait{width:92%;height:74%;left:4%;top:0;bottom:auto}}
.stage.showcase[data-profile=wayfarer] .portrait{translate:0 0}
.stage.showcase[data-profile=wayfarer] .portrait{transform:none!important;translate:none!important}
@media(min-width:761px){.stage.showcase[data-profile=wayfarer] .portrait{width:98%;height:82%;left:1%;top:9%}}
@media(min-width:761px){.stage.showcase[data-profile=pathfinder] .portrait{width:96%;height:94%;left:2%;top:1%;bottom:auto;object-fit:contain;object-position:center;transform:none!important;translate:none!important;mask-image:none}} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{width:96%;height:90%;left:2%;top:0;bottom:auto;object-fit:contain;transform:none!important;translate:none!important;mask-image:none}} .diamond-inner .thumb-pathfinder{width:140%;height:auto;left:-20%;top:0}
.stage.showcase[data-profile=pathfinder] .portrait{width:100%;height:auto;left:0;top:0;bottom:auto;object-fit:initial;clip-path:inset(0 0 56% 0);transform:none!important;translate:none!important} .diamond-inner .thumb-pathfinder{width:200%;left:-50%;top:-3%} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{width:110%;left:-5%;top:0}}
@media(min-width:761px){.stage.showcase[data-profile=pathfinder] .portrait{width:170%;left:-35%;top:0}} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{width:175%;left:-37.5%;top:0}}
.stage.showcase[data-profile=pathfinder] .portrait{width:100%;height:85%;left:0;top:3%;bottom:auto;object-fit:contain;object-position:center;clip-path:none;transform:none!important;translate:none!important;mask-image:none} .diamond-inner .thumb-pathfinder{width:160%;left:-38%;top:-4%} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{width:100%;height:85%;left:0;top:0}}
.stage.showcase[data-profile=pathfinder] .portrait{width:125%;height:auto;left:-12.5%;top:0;object-fit:initial;object-position:top} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{width:125%;height:auto;left:-12.5%;top:0}}
.stage.showcase[data-profile=pathfinder] .portrait{height:100%;width:auto;max-width:none;left:50%;top:0;bottom:0;object-fit:initial;transform:translateX(-50%)!important;translate:none!important} @media(max-width:760px){.stage.showcase[data-profile=pathfinder] .portrait{height:100%;width:auto;left:50%;top:0;bottom:0}}
.stage.showcase[data-profile=wayfarer] .portrait{top:auto;bottom:0;object-position:center bottom} @media(max-width:760px){.stage.showcase[data-profile=wayfarer] .portrait{top:auto;bottom:0;object-position:center bottom}}
.stage.showcase[data-profile=keeper] .portrait{height:100%;width:auto;max-width:none;left:50%;top:0;bottom:0;object-fit:initial;clip-path:none;mask-image:none;transform:translateX(-50%) scaleX(-1)!important;translate:none!important} .diamond-inner .thumb-keeper{width:180%;left:-40%;top:-5%;transform:rotate(-45deg) scaleX(-1)}
.stage.showcase[data-profile=keeper] .portrait{width:110%;height:auto;left:45%;top:12%;bottom:auto} .stage.showcase[data-profile=keeper] .portrait-layer{mask-image:none;overflow:hidden;width:52%} .stage.showcase[data-profile=keeper] .portrait-float{width:100%} @media(max-width:760px){.stage.showcase[data-profile=keeper] .portrait-layer{width:100%}.stage.showcase[data-profile=keeper] .portrait{width:110%;left:45%;top:8%}}
.stage.showcase[data-profile=keeper] .portrait{top:auto;bottom:0;transform:translateX(-50%)!important} @media(max-width:760px){.stage.showcase[data-profile=keeper] .portrait{top:auto;bottom:0}}
.diamond-inner .thumb-keeper{transform:rotate(-45deg)}

/* The right-hand storybook: Animal Crossing warmth with polished anime-RPG hierarchy. */
.stage.showcase:not(.belong-home) .showcase-panel{
 border-left:1px solid #fff8dc;
 box-shadow:inset 10px 0 28px #496f5b14,-18px 0 50px #173f4930;
}
.stage.showcase[data-profile=pathfinder] .showcase-panel{background-image:radial-gradient(#97ad7d2c .85px,transparent .85px),linear-gradient(145deg,#fffaf0f7,#eaf2daf3)}
.stage.showcase[data-profile=wayfarer] .showcase-panel{background-image:radial-gradient(#bf8d7026 .85px,transparent .85px),linear-gradient(145deg,#fff8edf7,#f1e7d7f3)}
.stage.showcase[data-profile=bloom] .showcase-panel{background-image:radial-gradient(#b5829c29 .85px,transparent .85px),linear-gradient(145deg,#fff9eff7,#e7efddf3)}
.profile-scroll{position:relative;scroll-behavior:smooth}
.profile-scroll:after{content:'';position:absolute;right:22px;top:20px;width:26px;height:26px;border-top:2px solid var(--profile-accent);border-right:2px solid var(--profile-accent);border-radius:0 9px 0 0;opacity:.55;pointer-events:none}
.profile-name{max-width:15ch;text-wrap:balance}
.profile-promise{max-width:42ch}
.profile-story{max-width:52ch}
.profile-facts{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 18px;padding-bottom:16px;border-bottom:1px dashed #8da07c73}
.profile-facts span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #78917655;border-radius:999px;background:#fffdf188;color:#35584f;font-size:10px;font-weight:800;letter-spacing:.15px;line-height:1.2;box-shadow:0 2px 0 #718b6930}
.profile-facts span:before{content:'✦';color:var(--profile-accent);font-size:9px}
.skill-heading{padding-top:0;border-top:0}
.ability-button{position:relative;isolation:isolate;overflow:hidden}
.ability-button:after{content:'';position:absolute;inset:auto -16px -30px auto;width:54px;height:54px;border-radius:50%;background:var(--profile-accent);opacity:.08;z-index:-1}
.ability-button.chosen{box-shadow:0 3px 0 color-mix(in srgb,var(--profile-accent) 62%,#6e6a48),inset 0 0 0 1px #fff9}
.ability-description{box-shadow:0 6px 18px #29483f12}
.journey-loop{padding:2px 0}.journey-loop span{box-shadow:0 3px 0 #a6854a38}
.profile-spotlight{border:1px solid #fff7d759;box-shadow:0 8px 24px #21443c2e}
.profile-spotlight img{filter:saturate(.9) contrast(1.03)}
.profile-note{line-height:1.5}
@media(max-height:800px) and (min-width:761px){
 .profile-facts{gap:5px;margin-bottom:11px;padding-bottom:10px}.profile-facts span{padding:5px 8px;font-size:9px}.profile-name{font-size:34px}.profile-story{margin-bottom:11px}.ability-grid{margin-top:0}
}
@media(max-width:760px){
 .profile-facts{margin-bottom:16px}.profile-facts span{font-size:10px}.profile-scroll:after{right:7%;top:22px}.stage.showcase:not(.belong-home) .showcase-panel{box-shadow:inset 0 8px 24px #496f5b12}
}