/* Position relative to the contained title illustration, never the viewport. */
.title-help{position:absolute;top:max(1.5%,min(env(safe-area-inset-top),3%));right:max(1.5%,min(env(safe-area-inset-right),3%));z-index:7;width:9cqw;display:flex;align-items:center;flex-direction:column;pointer-events:none}
.title-help-bubble{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;background:#fffdf2;color:#303340;border:2px solid #d683a5;border-radius:16px;padding:5px 7px;margin-bottom:8px;font-size:clamp(10px,1.15cqw,14px);font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:0 3px 10px #07153588;pointer-events:auto;touch-action:manipulation}
.title-help-bubble:focus-visible{outline:3px solid #fff7b5;outline-offset:2px}
.title-help-bubble:after{content:"";position:absolute;left:calc(50% - 5px);bottom:-7px;width:10px;height:10px;background:#fffdf2;border-right:2px solid #d683a5;border-bottom:2px solid #d683a5;transform:rotate(45deg)}
.title-help-idol{display:block;pointer-events:none;filter:drop-shadow(0 3px 5px #07153599)}.title-help-idol .atlas-character{display:block!important;width:5cqw!important;max-width:100%;height:auto;aspect-ratio:397/793;position:relative}
/* Small wide illustrations have free audience space below the central stage. */
@container(max-width:600px){.title-help{top:auto;bottom:1.5%;right:17%;width:26cqw;flex-direction:row;gap:6px}.title-help-bubble{margin-bottom:0;font-size:10px;padding:5px}.title-help-idol .atlas-character{width:6cqw!important}}
/* Match title.css and the picture source exactly. The lower-right glowsticks contain no faces or menu buttons. */
@media(pointer:coarse) and (hover:none) and (orientation:portrait) and (max-width:900px){.title-help{top:auto;bottom:1%;right:1%;width:22cqw;flex-direction:column;gap:0}.title-help-bubble{margin-bottom:8px;font-size:clamp(10px,2.6cqw,14px);padding:5px}.title-help-idol .atlas-character{width:9cqw!important}}