/* The theme uses a 10 px rem base at body_scale 100. No global styles. */
.bns-tool-world{--bns-tool-muted:#665d61;--bns-tool-focus:#88455d;color:#42474c;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;font-size:1.8rem;line-height:1.5;letter-spacing:normal;overflow-wrap:anywhere;hyphens:auto}
.bns-tool-world,.bns-tool-world *,.bns-tool-world *::before,.bns-tool-world *::after{box-sizing:border-box}
.bns-tool-world h2{font-family:var(--font-heading-family);font-style:var(--font-heading-style);color:#42474c;letter-spacing:normal;margin:0 0 10px;text-transform:none}
.bns-tool-world__eyebrow{margin-top:0}
.bns-tool-link{color:#42474c;text-decoration:none}
.bns-tool-link:focus-visible{outline:3px solid var(--bns-tool-focus);outline-offset:5px}
.bns-tool-world__empty{margin:0;text-align:center}
.bns-tool-tile>img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;border-radius:0;pointer-events:none}
.bns-tool-world{background:linear-gradient(180deg,var(--bns-tool-background-start,#fff8f7),var(--bns-tool-background-end,#fff1f0));border-top:1px solid #efe3df;border-bottom:1px solid #efe3df;padding:44px 24px 42px}
.bns-tool-world__intro{text-align:center;margin-bottom:30px}
.bns-tool-world__eyebrow{font-size:1.4rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bns-tool-muted);margin-bottom:10px}
.bns-tool-world h2{font-size:3.6rem;line-height:1.15;font-weight:300;margin-bottom:10px}
.bns-tool-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 24px;max-width:850px;list-style:none;padding:0;margin:0 auto}
.bns-tool-shelf>li{display:flex;justify-content:center}
.bns-tool-link{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:4px;border-radius:12px;text-align:center;font-size:1.7rem;line-height:1.2}
.bns-tool-link:hover{text-decoration:none}
.bns-tool-link:hover .bns-tool-name{text-decoration:underline;text-underline-offset:4px}
.bns-tool-link:focus-visible{border-radius:12px}
.bns-tool-tile{display:block;position:relative;isolation:isolate;width:90px;aspect-ratio:1;border:1px solid #b9aa9b;border-radius:22%;background:linear-gradient(145deg,#fffefa,#f6eee3);box-shadow:0 2px 0 #e9dfd2,0 5px 0 #c6b6a5,0 6px 0 #a69685,0 9px 12px #65513c1a;transition:transform .18s ease,box-shadow .18s ease}
.bns-tool-tile::before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 2px 1px #fff,inset 2px 0 2px #ffffffb3,inset -1px -2px 3px #92837230;pointer-events:none}
.bns-tool-tile::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;background-image:radial-gradient(ellipse at 25% 35%,#705d4018 .45px,transparent .85px),radial-gradient(ellipse at 75% 65%,#ffffff91 .6px,transparent 1px);background-size:4px 5px,7px 6px;opacity:.3;pointer-events:none}
.bns-tool-motif{position:absolute;inset:8px;display:block;background-image:var(--bns-tool-sprite);background-repeat:no-repeat;background-size:500% 200%;pointer-events:none}
.bns-tool-motif--routine{background-position:0 0}
.bns-tool-motif--skin{background-position:25% 0}
.bns-tool-motif--quick{background-position:50% 0}
.bns-tool-motif--academy{background-position:75% 0}
.bns-tool-motif--game{background-position:100% 0}
.bns-tool-motif--notes{background-position:0 100%}
.bns-tool-motif--compare{background-position:25% 100%}
.bns-tool-motif--ingredients{background-position:50% 100%}
.bns-tool-motif--awards{background-position:75% 100%}
.bns-tool-motif--wish{background-position:100% 100%}
.bns-tool-motif--influencer{background-image:var(--bns-tool-influencer-image);background-size:contain;background-position:center}
.bns-tool-motif--faq{background-image:var(--bns-tool-faq-image);background-size:contain;background-position:center}
.bns-tool-link:hover .bns-tool-tile,.bns-tool-link:focus-visible .bns-tool-tile{transform:translateY(-4px) rotate(-2deg);box-shadow:0 2px 0 #e9dfd2,0 5px 0 #c6b6a5,0 6px 0 #a69685,0 14px 17px #65513c24}
.bns-tool-link:active .bns-tool-tile{transform:translateY(3px);box-shadow:0 1px 0 #e9dfd2,0 2px 0 #c6b6a5,0 3px 0 #a69685,0 5px 8px #65513c1a}
.bns-tool-name{max-width:132px}
@media(width >= 1400px){
 .bns-tool-shelf{grid-template-columns:repeat(8,minmax(0,1fr));max-width:1400px}
}
@media(max-width:767px){
 .bns-tool-world{padding:32px 18px 34px}
 .bns-tool-world h2{font-size:3.2rem}
 .bns-tool-world__intro{margin-bottom:26px}
 .bns-tool-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 8px;max-width:440px}
 .bns-tool-tile{width:78px}
 .bns-tool-link{font-size:1.6rem;gap:13px;padding:2px}
 .bns-tool-name{max-width:108px}
}
@media(max-width:359px){.bns-tool-tile{width:68px}.bns-tool-world{padding-right:12px;padding-left:12px}.bns-tool-link{font-size:1.5rem}.bns-tool-shelf{column-gap:6px}}
@media(prefers-reduced-motion:reduce){.bns-tool-tile{transition:none}.bns-tool-link:hover .bns-tool-tile,.bns-tool-link:focus-visible .bns-tool-tile{transform:none}}

.bns-tool-motif--stories {
  background-image: var(--bns-tool-stories-image);
  background-size: contain;
  background-position: center;
}